@font-face {
  font-family: 'icomoon';
  src: url("/app/assets/fonts/icomoon.eot?dh9gry");
  src: url("/app/assets/fonts/icomoon.eot?dh9gry#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon.ttf?dh9gry") format("truetype"), url("/app/assets/fonts/icomoon.woff?dh9gry") format("woff"), url("/app/assets/fonts/icomoon.svg?dh9gry#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon-cbr';
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb");
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon-cbr.ttf?scocnb") format("truetype"), url("/app/assets/fonts/icomoon-cbr.woff?scocnb") format("woff"), url("/app/assets/fonts/icomoon-cbr.svg?scocnb#icomoon-cbr") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-flag-o:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b"; }

.icon-flag2:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-flag:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9cc"; }

.icon-chevron-down:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900"; }

.icon-chevron-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-th-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600"; }

.icon-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601"; }

.icon-menu2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602"; }

.icon-undo:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603"; }

.icon-file-pdf:before, .pdf-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604"; }

.icon-cloud-lightning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902"; }

.icon-question2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903"; }

.icon-home:before, .site-header .home:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904"; }

.icon-home3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905"; }

.icon-info:before, .info-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906"; }

.icon-location:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907"; }

.icon-pencil2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908"; }

.icon-file-play:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e929"; }

.icon-copy:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92c"; }

.icon-map:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94b"; }

.icon-map2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94c"; }

.icon-box-add:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95e"; }

.icon-box-remove:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95f"; }

.icon-floppy-disk:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e962"; }

.icon-user:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e971"; }

.icon-users:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e972"; }

.icon-quotes-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e977"; }

.icon-quotes-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e978"; }

.icon-lock:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e98f"; }

.icon-wrench:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e991"; }

.icon-equalizer:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e992"; }

.icon-cog:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e994"; }

.icon-cogs:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e995"; }

.icon-stats-dots:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99b"; }

.icon-stats-bars:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99c"; }

.icon-stats-bars2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99d"; }

.icon-bin:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ac"; }

.icon-bin2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ad"; }

.icon-menu3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9bd"; }

.icon-earth:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ca"; }

.icon-eye:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ce"; }

.icon-man:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9dc"; }

.icon-point-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea03"; }

.icon-warning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07"; }

.icon-question:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea09"; }

.icon-plus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0a"; }

.icon-minus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0b"; }

.icon-cancel-circle:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d"; }

.icon-cross:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f"; }

.icon-checkmark:before, div#multi-level-menu div.selected > .menu-item-label:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10"; }

.icon-play2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15"; }

.icon-play3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1c"; }

.icon-arrow-up2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3a"; }

.icon-arrow-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3e"; }

.icon-circle-up:before, table.pretty.descending th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea41"; }

.icon-circle-right:before, .site-header .nav-right:before, .site-header .arrow-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea42"; }

.icon-circle-down:before, table.pretty:not(.descending) th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea43"; }

.icon-circle-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea44"; }

.icon-circle-left:before, .site-header .nav-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea45"; }

.icon-file-excel:before, .excel-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eae2"; }

.icon-table:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea70"; }

.icon-table2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea71"; }

.icon-tick:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  color: #009865; }

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

ul {
  list-style-type: none; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.toast-title {
  font-weight: bold; }

.toast-message {
  word-wrap: break-word; }

.toast-message a,
.toast-message label {
  color: #FFFFFF; }

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8; }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4; }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button, a.toast-close-button.button-like {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 50px;
  left: 12px; }

.toast-top-right {
  top: 80px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 50px; }

.toast-bottom-left {
  bottom: 50px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 99999; }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8; }

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #51A351; }

.toast-error {
  background-color: #BD362F; }

.toast-info {
  background-color: #2F96B4; }

.toast-warning {
  background-color: #F89406; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4; }

/*Animations*/
.toast {
  opacity: 1 !important; }

.toast.ng-enter {
  opacity: 0 !important;
  transition: opacity .3s linear; }

.toast.ng-enter.ng-enter-active {
  opacity: 1 !important; }

.toast.ng-leave {
  opacity: 1;
  transition: opacity .3s linear; }

.toast.ng-leave.ng-leave-active {
  opacity: 0 !important; }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

[class*='col-'] {
  float: left;
  padding-right: 20px; }
  [class*='col-']:last-of-type {
    padding-right: 0; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid:after {
  content: "";
  display: table;
  clear: both; }

.grid.padded {
  padding: 20px 0 20px 20px; }
  .grid.padded > [class*='col-']:last-of-type {
    padding-right: 20px; }

.grid .module {
  margin-bottom: 20px;
  position: relative; }
  .grid .module.solid {
    background: white; }
  .grid .module.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .grid .module.selectable {
    opacity: 0.5;
    cursor: pointer;
    transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out; }
    .grid .module.selectable:hover, .grid .module.selectable.selected {
      opacity: 1; }
  .grid .module .module-header {
    padding: 5px 0;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 3px solid #702082;
    color: #702082;
    font-size: 120%;
    background: transparent; }
    .grid .module .module-header .tooltip {
      font-weight: normal; }
    .grid .module .module-header.no-bottom {
      border-bottom: none; }
  .grid .module .module-content {
    padding: 10px 0 0 0;
    position: relative;
    background-color: white;
    box-shadow: 0 2px 3px #ccc; }
    .grid .module .module-content.border {
      padding: 10px 15px;
      border: 1px solid #bcbcbc;
      border-top: 0; }
    .grid .module .module-content.border-full {
      padding: 10px 15px;
      border: 1px solid #bcbcbc; }
    .grid .module .module-content h3.tooltip {
      font-weight: normal; }

@media screen and (min-width: 1025px) {
  .dt-hide {
    display: none; }
  .col-dt-1 {
    width: 100%; }
  .col-dt-1-2 {
    width: 50%; }
  .col-dt-1-3 {
    width: 33.33333%; }
  .col-dt-2-3 {
    width: 66.66667%; }
  .col-dt-1-4 {
    width: 25%; }
  .col-dt-2-4 {
    width: 50%; }
  .col-dt-3-4 {
    width: 75%; }
  .col-dt-1-5 {
    width: 20%; }
  .col-dt-2-5 {
    width: 40%; }
  .col-dt-3-5 {
    width: 60%; }
  .col-dt-4-5 {
    width: 80%; }
  .col-dt-1-6 {
    width: 16.66667%; }
  .col-dt-2-6 {
    width: 33.33333%; }
  .col-dt-3-6 {
    width: 50%; }
  .col-dt-4-6 {
    width: 66.66667%; }
  .col-dt-5-6 {
    width: 83.33333%; }
  .col-dt-1-7 {
    width: 14.28571%; }
  .col-dt-2-7 {
    width: 28.57143%; }
  .col-dt-3-7 {
    width: 42.85714%; }
  .col-dt-4-7 {
    width: 57.14286%; }
  .col-dt-5-7 {
    width: 71.42857%; }
  .col-dt-6-7 {
    width: 85.71429%; }
  .col-dt-1-8 {
    width: 12.5%; }
  .col-dt-2-8 {
    width: 25%; }
  .col-dt-3-8 {
    width: 37.5%; }
  .col-dt-4-8 {
    width: 50%; }
  .col-dt-5-8 {
    width: 62.5%; }
  .col-dt-6-8 {
    width: 75%; }
  .col-dt-7-8 {
    width: 87.5%; }
  .col-dt-1-9 {
    width: 11.11111%; }
  .col-dt-2-9 {
    width: 22.22222%; }
  .col-dt-3-9 {
    width: 33.33333%; }
  .col-dt-4-9 {
    width: 44.44444%; }
  .col-dt-5-9 {
    width: 55.55556%; }
  .col-dt-6-9 {
    width: 66.66667%; }
  .col-dt-7-9 {
    width: 77.77778%; }
  .col-dt-8-9 {
    width: 88.88889%; }
  .col-dt-1-10 {
    width: 10%; }
  .col-dt-2-10 {
    width: 20%; }
  .col-dt-3-10 {
    width: 30%; }
  .col-dt-4-10 {
    width: 40%; }
  .col-dt-5-10 {
    width: 50%; }
  .col-dt-6-10 {
    width: 60%; }
  .col-dt-7-10 {
    width: 70%; }
  .col-dt-8-10 {
    width: 80%; }
  .col-dt-9-10 {
    width: 90%; }
  .col-dt-1-11 {
    width: 9.09091%; }
  .col-dt-2-11 {
    width: 18.18182%; }
  .col-dt-3-11 {
    width: 27.27273%; }
  .col-dt-4-11 {
    width: 36.36364%; }
  .col-dt-5-11 {
    width: 45.45455%; }
  .col-dt-6-11 {
    width: 54.54545%; }
  .col-dt-7-11 {
    width: 63.63636%; }
  .col-dt-8-11 {
    width: 72.72727%; }
  .col-dt-9-11 {
    width: 81.81818%; }
  .col-dt-10-11 {
    width: 90.90909%; }
  .col-dt-1-12 {
    width: 8.33333%; }
  .col-dt-2-12 {
    width: 16.66667%; }
  .col-dt-3-12 {
    width: 25%; }
  .col-dt-4-12 {
    width: 33.33333%; }
  .col-dt-5-12 {
    width: 41.66667%; }
  .col-dt-6-12 {
    width: 50%; }
  .col-dt-7-12 {
    width: 58.33333%; }
  .col-dt-8-12 {
    width: 66.66667%; }
  .col-dt-9-12 {
    width: 75%; }
  .col-dt-10-12 {
    width: 83.33333%; }
  .col-dt-11-12 {
    width: 91.66667%; }
  .col-dt-1-13 {
    width: 7.69231%; }
  .col-dt-2-13 {
    width: 15.38462%; }
  .col-dt-3-13 {
    width: 23.07692%; }
  .col-dt-4-13 {
    width: 30.76923%; }
  .col-dt-5-13 {
    width: 38.46154%; }
  .col-dt-6-13 {
    width: 46.15385%; }
  .col-dt-7-13 {
    width: 53.84615%; }
  .col-dt-8-13 {
    width: 61.53846%; }
  .col-dt-9-13 {
    width: 69.23077%; }
  .col-dt-10-13 {
    width: 76.92308%; }
  .col-dt-11-13 {
    width: 84.61538%; }
  .col-dt-12-13 {
    width: 92.30769%; }
  .col-dt-1-14 {
    width: 7.14286%; }
  .col-dt-2-14 {
    width: 14.28571%; }
  .col-dt-3-14 {
    width: 21.42857%; }
  .col-dt-4-14 {
    width: 28.57143%; }
  .col-dt-5-14 {
    width: 35.71429%; }
  .col-dt-6-14 {
    width: 42.85714%; }
  .col-dt-7-14 {
    width: 50%; }
  .col-dt-8-14 {
    width: 57.14286%; }
  .col-dt-9-14 {
    width: 64.28571%; }
  .col-dt-10-14 {
    width: 71.42857%; }
  .col-dt-11-14 {
    width: 78.57143%; }
  .col-dt-12-14 {
    width: 85.71429%; }
  .col-dt-13-14 {
    width: 92.85714%; }
  .col-dt-1-15 {
    width: 6.66667%; }
  .col-dt-2-15 {
    width: 13.33333%; }
  .col-dt-3-15 {
    width: 20%; }
  .col-dt-4-15 {
    width: 26.66667%; }
  .col-dt-5-15 {
    width: 33.33333%; }
  .col-dt-6-15 {
    width: 40%; }
  .col-dt-7-15 {
    width: 46.66667%; }
  .col-dt-8-15 {
    width: 53.33333%; }
  .col-dt-9-15 {
    width: 60%; }
  .col-dt-10-15 {
    width: 66.66667%; }
  .col-dt-11-15 {
    width: 73.33333%; }
  .col-dt-12-15 {
    width: 80%; }
  .col-dt-13-15 {
    width: 86.66667%; }
  .col-dt-14-15 {
    width: 93.33333%; }
  .col-dt-1-16 {
    width: 6.25%; }
  .col-dt-2-16 {
    width: 12.5%; }
  .col-dt-3-16 {
    width: 18.75%; }
  .col-dt-4-16 {
    width: 25%; }
  .col-dt-5-16 {
    width: 31.25%; }
  .col-dt-6-16 {
    width: 37.5%; }
  .col-dt-7-16 {
    width: 43.75%; }
  .col-dt-8-16 {
    width: 50%; }
  .col-dt-9-16 {
    width: 56.25%; }
  .col-dt-10-16 {
    width: 62.5%; }
  .col-dt-11-16 {
    width: 68.75%; }
  .col-dt-12-16 {
    width: 75%; }
  .col-dt-13-16 {
    width: 81.25%; }
  .col-dt-14-16 {
    width: 87.5%; }
  .col-dt-15-16 {
    width: 93.75%; }
  .col-dt-1-17 {
    width: 5.88235%; }
  .col-dt-2-17 {
    width: 11.76471%; }
  .col-dt-3-17 {
    width: 17.64706%; }
  .col-dt-4-17 {
    width: 23.52941%; }
  .col-dt-5-17 {
    width: 29.41176%; }
  .col-dt-6-17 {
    width: 35.29412%; }
  .col-dt-7-17 {
    width: 41.17647%; }
  .col-dt-8-17 {
    width: 47.05882%; }
  .col-dt-9-17 {
    width: 52.94118%; }
  .col-dt-10-17 {
    width: 58.82353%; }
  .col-dt-11-17 {
    width: 64.70588%; }
  .col-dt-12-17 {
    width: 70.58824%; }
  .col-dt-13-17 {
    width: 76.47059%; }
  .col-dt-14-17 {
    width: 82.35294%; }
  .col-dt-15-17 {
    width: 88.23529%; }
  .col-dt-16-17 {
    width: 94.11765%; }
  .col-dt-1-18 {
    width: 5.55556%; }
  .col-dt-2-18 {
    width: 11.11111%; }
  .col-dt-3-18 {
    width: 16.66667%; }
  .col-dt-4-18 {
    width: 22.22222%; }
  .col-dt-5-18 {
    width: 27.77778%; }
  .col-dt-6-18 {
    width: 33.33333%; }
  .col-dt-7-18 {
    width: 38.88889%; }
  .col-dt-8-18 {
    width: 44.44444%; }
  .col-dt-9-18 {
    width: 50%; }
  .col-dt-10-18 {
    width: 55.55556%; }
  .col-dt-11-18 {
    width: 61.11111%; }
  .col-dt-12-18 {
    width: 66.66667%; }
  .col-dt-13-18 {
    width: 72.22222%; }
  .col-dt-14-18 {
    width: 77.77778%; }
  .col-dt-15-18 {
    width: 83.33333%; }
  .col-dt-16-18 {
    width: 88.88889%; }
  .col-dt-17-18 {
    width: 94.44444%; }
  .col-dt-1-19 {
    width: 5.26316%; }
  .col-dt-2-19 {
    width: 10.52632%; }
  .col-dt-3-19 {
    width: 15.78947%; }
  .col-dt-4-19 {
    width: 21.05263%; }
  .col-dt-5-19 {
    width: 26.31579%; }
  .col-dt-6-19 {
    width: 31.57895%; }
  .col-dt-7-19 {
    width: 36.84211%; }
  .col-dt-8-19 {
    width: 42.10526%; }
  .col-dt-9-19 {
    width: 47.36842%; }
  .col-dt-10-19 {
    width: 52.63158%; }
  .col-dt-11-19 {
    width: 57.89474%; }
  .col-dt-12-19 {
    width: 63.15789%; }
  .col-dt-13-19 {
    width: 68.42105%; }
  .col-dt-14-19 {
    width: 73.68421%; }
  .col-dt-15-19 {
    width: 78.94737%; }
  .col-dt-16-19 {
    width: 84.21053%; }
  .col-dt-17-19 {
    width: 89.47368%; }
  .col-dt-18-19 {
    width: 94.73684%; }
  .col-dt-1-20 {
    width: 5%; }
  .col-dt-2-20 {
    width: 10%; }
  .col-dt-3-20 {
    width: 15%; }
  .col-dt-4-20 {
    width: 20%; }
  .col-dt-5-20 {
    width: 25%; }
  .col-dt-6-20 {
    width: 30%; }
  .col-dt-7-20 {
    width: 35%; }
  .col-dt-8-20 {
    width: 40%; }
  .col-dt-9-20 {
    width: 45%; }
  .col-dt-10-20 {
    width: 50%; }
  .col-dt-11-20 {
    width: 55%; }
  .col-dt-12-20 {
    width: 60%; }
  .col-dt-13-20 {
    width: 65%; }
  .col-dt-14-20 {
    width: 70%; }
  .col-dt-15-20 {
    width: 75%; }
  .col-dt-16-20 {
    width: 80%; }
  .col-dt-17-20 {
    width: 85%; }
  .col-dt-18-20 {
    width: 90%; }
  .col-dt-19-20 {
    width: 95%; } }

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .ipl-hide {
    display: none; }
  .col-ipl-1 {
    width: 100%; }
  .col-ipl-1-2 {
    width: 50%; }
  .col-ipl-1-3 {
    width: 33.33333%; }
  .col-ipl-2-3 {
    width: 66.66667%; }
  .col-ipl-1-4 {
    width: 25%; }
  .col-ipl-2-4 {
    width: 50%; }
  .col-ipl-3-4 {
    width: 75%; }
  .col-ipl-1-5 {
    width: 20%; }
  .col-ipl-2-5 {
    width: 40%; }
  .col-ipl-3-5 {
    width: 60%; }
  .col-ipl-4-5 {
    width: 80%; }
  .col-ipl-1-6 {
    width: 16.66667%; }
  .col-ipl-2-6 {
    width: 33.33333%; }
  .col-ipl-3-6 {
    width: 50%; }
  .col-ipl-4-6 {
    width: 66.66667%; }
  .col-ipl-5-6 {
    width: 83.33333%; }
  .col-ipl-1-7 {
    width: 14.28571%; }
  .col-ipl-2-7 {
    width: 28.57143%; }
  .col-ipl-3-7 {
    width: 42.85714%; }
  .col-ipl-4-7 {
    width: 57.14286%; }
  .col-ipl-5-7 {
    width: 71.42857%; }
  .col-ipl-6-7 {
    width: 85.71429%; }
  .col-ipl-1-8 {
    width: 12.5%; }
  .col-ipl-2-8 {
    width: 25%; }
  .col-ipl-3-8 {
    width: 37.5%; }
  .col-ipl-4-8 {
    width: 50%; }
  .col-ipl-5-8 {
    width: 62.5%; }
  .col-ipl-6-8 {
    width: 75%; }
  .col-ipl-7-8 {
    width: 87.5%; }
  .col-ipl-1-9 {
    width: 11.11111%; }
  .col-ipl-2-9 {
    width: 22.22222%; }
  .col-ipl-3-9 {
    width: 33.33333%; }
  .col-ipl-4-9 {
    width: 44.44444%; }
  .col-ipl-5-9 {
    width: 55.55556%; }
  .col-ipl-6-9 {
    width: 66.66667%; }
  .col-ipl-7-9 {
    width: 77.77778%; }
  .col-ipl-8-9 {
    width: 88.88889%; }
  .col-ipl-1-10 {
    width: 10%; }
  .col-ipl-2-10 {
    width: 20%; }
  .col-ipl-3-10 {
    width: 30%; }
  .col-ipl-4-10 {
    width: 40%; }
  .col-ipl-5-10 {
    width: 50%; }
  .col-ipl-6-10 {
    width: 60%; }
  .col-ipl-7-10 {
    width: 70%; }
  .col-ipl-8-10 {
    width: 80%; }
  .col-ipl-9-10 {
    width: 90%; }
  .col-ipl-1-11 {
    width: 9.09091%; }
  .col-ipl-2-11 {
    width: 18.18182%; }
  .col-ipl-3-11 {
    width: 27.27273%; }
  .col-ipl-4-11 {
    width: 36.36364%; }
  .col-ipl-5-11 {
    width: 45.45455%; }
  .col-ipl-6-11 {
    width: 54.54545%; }
  .col-ipl-7-11 {
    width: 63.63636%; }
  .col-ipl-8-11 {
    width: 72.72727%; }
  .col-ipl-9-11 {
    width: 81.81818%; }
  .col-ipl-10-11 {
    width: 90.90909%; }
  .col-ipl-1-12 {
    width: 8.33333%; }
  .col-ipl-2-12 {
    width: 16.66667%; }
  .col-ipl-3-12 {
    width: 25%; }
  .col-ipl-4-12 {
    width: 33.33333%; }
  .col-ipl-5-12 {
    width: 41.66667%; }
  .col-ipl-6-12 {
    width: 50%; }
  .col-ipl-7-12 {
    width: 58.33333%; }
  .col-ipl-8-12 {
    width: 66.66667%; }
  .col-ipl-9-12 {
    width: 75%; }
  .col-ipl-10-12 {
    width: 83.33333%; }
  .col-ipl-11-12 {
    width: 91.66667%; }
  .col-ipl-1-13 {
    width: 7.69231%; }
  .col-ipl-2-13 {
    width: 15.38462%; }
  .col-ipl-3-13 {
    width: 23.07692%; }
  .col-ipl-4-13 {
    width: 30.76923%; }
  .col-ipl-5-13 {
    width: 38.46154%; }
  .col-ipl-6-13 {
    width: 46.15385%; }
  .col-ipl-7-13 {
    width: 53.84615%; }
  .col-ipl-8-13 {
    width: 61.53846%; }
  .col-ipl-9-13 {
    width: 69.23077%; }
  .col-ipl-10-13 {
    width: 76.92308%; }
  .col-ipl-11-13 {
    width: 84.61538%; }
  .col-ipl-12-13 {
    width: 92.30769%; }
  .col-ipl-1-14 {
    width: 7.14286%; }
  .col-ipl-2-14 {
    width: 14.28571%; }
  .col-ipl-3-14 {
    width: 21.42857%; }
  .col-ipl-4-14 {
    width: 28.57143%; }
  .col-ipl-5-14 {
    width: 35.71429%; }
  .col-ipl-6-14 {
    width: 42.85714%; }
  .col-ipl-7-14 {
    width: 50%; }
  .col-ipl-8-14 {
    width: 57.14286%; }
  .col-ipl-9-14 {
    width: 64.28571%; }
  .col-ipl-10-14 {
    width: 71.42857%; }
  .col-ipl-11-14 {
    width: 78.57143%; }
  .col-ipl-12-14 {
    width: 85.71429%; }
  .col-ipl-13-14 {
    width: 92.85714%; }
  .col-ipl-1-15 {
    width: 6.66667%; }
  .col-ipl-2-15 {
    width: 13.33333%; }
  .col-ipl-3-15 {
    width: 20%; }
  .col-ipl-4-15 {
    width: 26.66667%; }
  .col-ipl-5-15 {
    width: 33.33333%; }
  .col-ipl-6-15 {
    width: 40%; }
  .col-ipl-7-15 {
    width: 46.66667%; }
  .col-ipl-8-15 {
    width: 53.33333%; }
  .col-ipl-9-15 {
    width: 60%; }
  .col-ipl-10-15 {
    width: 66.66667%; }
  .col-ipl-11-15 {
    width: 73.33333%; }
  .col-ipl-12-15 {
    width: 80%; }
  .col-ipl-13-15 {
    width: 86.66667%; }
  .col-ipl-14-15 {
    width: 93.33333%; }
  .col-ipl-1-16 {
    width: 6.25%; }
  .col-ipl-2-16 {
    width: 12.5%; }
  .col-ipl-3-16 {
    width: 18.75%; }
  .col-ipl-4-16 {
    width: 25%; }
  .col-ipl-5-16 {
    width: 31.25%; }
  .col-ipl-6-16 {
    width: 37.5%; }
  .col-ipl-7-16 {
    width: 43.75%; }
  .col-ipl-8-16 {
    width: 50%; }
  .col-ipl-9-16 {
    width: 56.25%; }
  .col-ipl-10-16 {
    width: 62.5%; }
  .col-ipl-11-16 {
    width: 68.75%; }
  .col-ipl-12-16 {
    width: 75%; }
  .col-ipl-13-16 {
    width: 81.25%; }
  .col-ipl-14-16 {
    width: 87.5%; }
  .col-ipl-15-16 {
    width: 93.75%; }
  .col-ipl-1-17 {
    width: 5.88235%; }
  .col-ipl-2-17 {
    width: 11.76471%; }
  .col-ipl-3-17 {
    width: 17.64706%; }
  .col-ipl-4-17 {
    width: 23.52941%; }
  .col-ipl-5-17 {
    width: 29.41176%; }
  .col-ipl-6-17 {
    width: 35.29412%; }
  .col-ipl-7-17 {
    width: 41.17647%; }
  .col-ipl-8-17 {
    width: 47.05882%; }
  .col-ipl-9-17 {
    width: 52.94118%; }
  .col-ipl-10-17 {
    width: 58.82353%; }
  .col-ipl-11-17 {
    width: 64.70588%; }
  .col-ipl-12-17 {
    width: 70.58824%; }
  .col-ipl-13-17 {
    width: 76.47059%; }
  .col-ipl-14-17 {
    width: 82.35294%; }
  .col-ipl-15-17 {
    width: 88.23529%; }
  .col-ipl-16-17 {
    width: 94.11765%; }
  .col-ipl-1-18 {
    width: 5.55556%; }
  .col-ipl-2-18 {
    width: 11.11111%; }
  .col-ipl-3-18 {
    width: 16.66667%; }
  .col-ipl-4-18 {
    width: 22.22222%; }
  .col-ipl-5-18 {
    width: 27.77778%; }
  .col-ipl-6-18 {
    width: 33.33333%; }
  .col-ipl-7-18 {
    width: 38.88889%; }
  .col-ipl-8-18 {
    width: 44.44444%; }
  .col-ipl-9-18 {
    width: 50%; }
  .col-ipl-10-18 {
    width: 55.55556%; }
  .col-ipl-11-18 {
    width: 61.11111%; }
  .col-ipl-12-18 {
    width: 66.66667%; }
  .col-ipl-13-18 {
    width: 72.22222%; }
  .col-ipl-14-18 {
    width: 77.77778%; }
  .col-ipl-15-18 {
    width: 83.33333%; }
  .col-ipl-16-18 {
    width: 88.88889%; }
  .col-ipl-17-18 {
    width: 94.44444%; }
  .col-ipl-1-19 {
    width: 5.26316%; }
  .col-ipl-2-19 {
    width: 10.52632%; }
  .col-ipl-3-19 {
    width: 15.78947%; }
  .col-ipl-4-19 {
    width: 21.05263%; }
  .col-ipl-5-19 {
    width: 26.31579%; }
  .col-ipl-6-19 {
    width: 31.57895%; }
  .col-ipl-7-19 {
    width: 36.84211%; }
  .col-ipl-8-19 {
    width: 42.10526%; }
  .col-ipl-9-19 {
    width: 47.36842%; }
  .col-ipl-10-19 {
    width: 52.63158%; }
  .col-ipl-11-19 {
    width: 57.89474%; }
  .col-ipl-12-19 {
    width: 63.15789%; }
  .col-ipl-13-19 {
    width: 68.42105%; }
  .col-ipl-14-19 {
    width: 73.68421%; }
  .col-ipl-15-19 {
    width: 78.94737%; }
  .col-ipl-16-19 {
    width: 84.21053%; }
  .col-ipl-17-19 {
    width: 89.47368%; }
  .col-ipl-18-19 {
    width: 94.73684%; }
  .col-ipl-1-20 {
    width: 5%; }
  .col-ipl-2-20 {
    width: 10%; }
  .col-ipl-3-20 {
    width: 15%; }
  .col-ipl-4-20 {
    width: 20%; }
  .col-ipl-5-20 {
    width: 25%; }
  .col-ipl-6-20 {
    width: 30%; }
  .col-ipl-7-20 {
    width: 35%; }
  .col-ipl-8-20 {
    width: 40%; }
  .col-ipl-9-20 {
    width: 45%; }
  .col-ipl-10-20 {
    width: 50%; }
  .col-ipl-11-20 {
    width: 55%; }
  .col-ipl-12-20 {
    width: 60%; }
  .col-ipl-13-20 {
    width: 65%; }
  .col-ipl-14-20 {
    width: 70%; }
  .col-ipl-15-20 {
    width: 75%; }
  .col-ipl-16-20 {
    width: 80%; }
  .col-ipl-17-20 {
    width: 85%; }
  .col-ipl-18-20 {
    width: 90%; }
  .col-ipl-19-20 {
    width: 95%; } }

@media screen and (min-width: 376px) and (max-width: 768px) {
  .ipp-hide {
    display: none; }
  .col-ipp-1 {
    width: 100%; }
  .col-ipp-1-2 {
    width: 50%; }
  .col-ipp-1-3 {
    width: 33.33333%; }
  .col-ipp-2-3 {
    width: 66.66667%; }
  .col-ipp-1-4 {
    width: 25%; }
  .col-ipp-2-4 {
    width: 50%; }
  .col-ipp-3-4 {
    width: 75%; }
  .col-ipp-1-5 {
    width: 20%; }
  .col-ipp-2-5 {
    width: 40%; }
  .col-ipp-3-5 {
    width: 60%; }
  .col-ipp-4-5 {
    width: 80%; }
  .col-ipp-1-6 {
    width: 16.66667%; }
  .col-ipp-2-6 {
    width: 33.33333%; }
  .col-ipp-3-6 {
    width: 50%; }
  .col-ipp-4-6 {
    width: 66.66667%; }
  .col-ipp-5-6 {
    width: 83.33333%; }
  .col-ipp-1-7 {
    width: 14.28571%; }
  .col-ipp-2-7 {
    width: 28.57143%; }
  .col-ipp-3-7 {
    width: 42.85714%; }
  .col-ipp-4-7 {
    width: 57.14286%; }
  .col-ipp-5-7 {
    width: 71.42857%; }
  .col-ipp-6-7 {
    width: 85.71429%; }
  .col-ipp-1-8 {
    width: 12.5%; }
  .col-ipp-2-8 {
    width: 25%; }
  .col-ipp-3-8 {
    width: 37.5%; }
  .col-ipp-4-8 {
    width: 50%; }
  .col-ipp-5-8 {
    width: 62.5%; }
  .col-ipp-6-8 {
    width: 75%; }
  .col-ipp-7-8 {
    width: 87.5%; }
  .col-ipp-1-9 {
    width: 11.11111%; }
  .col-ipp-2-9 {
    width: 22.22222%; }
  .col-ipp-3-9 {
    width: 33.33333%; }
  .col-ipp-4-9 {
    width: 44.44444%; }
  .col-ipp-5-9 {
    width: 55.55556%; }
  .col-ipp-6-9 {
    width: 66.66667%; }
  .col-ipp-7-9 {
    width: 77.77778%; }
  .col-ipp-8-9 {
    width: 88.88889%; }
  .col-ipp-1-10 {
    width: 10%; }
  .col-ipp-2-10 {
    width: 20%; }
  .col-ipp-3-10 {
    width: 30%; }
  .col-ipp-4-10 {
    width: 40%; }
  .col-ipp-5-10 {
    width: 50%; }
  .col-ipp-6-10 {
    width: 60%; }
  .col-ipp-7-10 {
    width: 70%; }
  .col-ipp-8-10 {
    width: 80%; }
  .col-ipp-9-10 {
    width: 90%; }
  .col-ipp-1-11 {
    width: 9.09091%; }
  .col-ipp-2-11 {
    width: 18.18182%; }
  .col-ipp-3-11 {
    width: 27.27273%; }
  .col-ipp-4-11 {
    width: 36.36364%; }
  .col-ipp-5-11 {
    width: 45.45455%; }
  .col-ipp-6-11 {
    width: 54.54545%; }
  .col-ipp-7-11 {
    width: 63.63636%; }
  .col-ipp-8-11 {
    width: 72.72727%; }
  .col-ipp-9-11 {
    width: 81.81818%; }
  .col-ipp-10-11 {
    width: 90.90909%; }
  .col-ipp-1-12 {
    width: 8.33333%; }
  .col-ipp-2-12 {
    width: 16.66667%; }
  .col-ipp-3-12 {
    width: 25%; }
  .col-ipp-4-12 {
    width: 33.33333%; }
  .col-ipp-5-12 {
    width: 41.66667%; }
  .col-ipp-6-12 {
    width: 50%; }
  .col-ipp-7-12 {
    width: 58.33333%; }
  .col-ipp-8-12 {
    width: 66.66667%; }
  .col-ipp-9-12 {
    width: 75%; }
  .col-ipp-10-12 {
    width: 83.33333%; }
  .col-ipp-11-12 {
    width: 91.66667%; }
  .col-ipp-1-13 {
    width: 7.69231%; }
  .col-ipp-2-13 {
    width: 15.38462%; }
  .col-ipp-3-13 {
    width: 23.07692%; }
  .col-ipp-4-13 {
    width: 30.76923%; }
  .col-ipp-5-13 {
    width: 38.46154%; }
  .col-ipp-6-13 {
    width: 46.15385%; }
  .col-ipp-7-13 {
    width: 53.84615%; }
  .col-ipp-8-13 {
    width: 61.53846%; }
  .col-ipp-9-13 {
    width: 69.23077%; }
  .col-ipp-10-13 {
    width: 76.92308%; }
  .col-ipp-11-13 {
    width: 84.61538%; }
  .col-ipp-12-13 {
    width: 92.30769%; }
  .col-ipp-1-14 {
    width: 7.14286%; }
  .col-ipp-2-14 {
    width: 14.28571%; }
  .col-ipp-3-14 {
    width: 21.42857%; }
  .col-ipp-4-14 {
    width: 28.57143%; }
  .col-ipp-5-14 {
    width: 35.71429%; }
  .col-ipp-6-14 {
    width: 42.85714%; }
  .col-ipp-7-14 {
    width: 50%; }
  .col-ipp-8-14 {
    width: 57.14286%; }
  .col-ipp-9-14 {
    width: 64.28571%; }
  .col-ipp-10-14 {
    width: 71.42857%; }
  .col-ipp-11-14 {
    width: 78.57143%; }
  .col-ipp-12-14 {
    width: 85.71429%; }
  .col-ipp-13-14 {
    width: 92.85714%; }
  .col-ipp-1-15 {
    width: 6.66667%; }
  .col-ipp-2-15 {
    width: 13.33333%; }
  .col-ipp-3-15 {
    width: 20%; }
  .col-ipp-4-15 {
    width: 26.66667%; }
  .col-ipp-5-15 {
    width: 33.33333%; }
  .col-ipp-6-15 {
    width: 40%; }
  .col-ipp-7-15 {
    width: 46.66667%; }
  .col-ipp-8-15 {
    width: 53.33333%; }
  .col-ipp-9-15 {
    width: 60%; }
  .col-ipp-10-15 {
    width: 66.66667%; }
  .col-ipp-11-15 {
    width: 73.33333%; }
  .col-ipp-12-15 {
    width: 80%; }
  .col-ipp-13-15 {
    width: 86.66667%; }
  .col-ipp-14-15 {
    width: 93.33333%; }
  .col-ipp-1-16 {
    width: 6.25%; }
  .col-ipp-2-16 {
    width: 12.5%; }
  .col-ipp-3-16 {
    width: 18.75%; }
  .col-ipp-4-16 {
    width: 25%; }
  .col-ipp-5-16 {
    width: 31.25%; }
  .col-ipp-6-16 {
    width: 37.5%; }
  .col-ipp-7-16 {
    width: 43.75%; }
  .col-ipp-8-16 {
    width: 50%; }
  .col-ipp-9-16 {
    width: 56.25%; }
  .col-ipp-10-16 {
    width: 62.5%; }
  .col-ipp-11-16 {
    width: 68.75%; }
  .col-ipp-12-16 {
    width: 75%; }
  .col-ipp-13-16 {
    width: 81.25%; }
  .col-ipp-14-16 {
    width: 87.5%; }
  .col-ipp-15-16 {
    width: 93.75%; }
  .col-ipp-1-17 {
    width: 5.88235%; }
  .col-ipp-2-17 {
    width: 11.76471%; }
  .col-ipp-3-17 {
    width: 17.64706%; }
  .col-ipp-4-17 {
    width: 23.52941%; }
  .col-ipp-5-17 {
    width: 29.41176%; }
  .col-ipp-6-17 {
    width: 35.29412%; }
  .col-ipp-7-17 {
    width: 41.17647%; }
  .col-ipp-8-17 {
    width: 47.05882%; }
  .col-ipp-9-17 {
    width: 52.94118%; }
  .col-ipp-10-17 {
    width: 58.82353%; }
  .col-ipp-11-17 {
    width: 64.70588%; }
  .col-ipp-12-17 {
    width: 70.58824%; }
  .col-ipp-13-17 {
    width: 76.47059%; }
  .col-ipp-14-17 {
    width: 82.35294%; }
  .col-ipp-15-17 {
    width: 88.23529%; }
  .col-ipp-16-17 {
    width: 94.11765%; }
  .col-ipp-1-18 {
    width: 5.55556%; }
  .col-ipp-2-18 {
    width: 11.11111%; }
  .col-ipp-3-18 {
    width: 16.66667%; }
  .col-ipp-4-18 {
    width: 22.22222%; }
  .col-ipp-5-18 {
    width: 27.77778%; }
  .col-ipp-6-18 {
    width: 33.33333%; }
  .col-ipp-7-18 {
    width: 38.88889%; }
  .col-ipp-8-18 {
    width: 44.44444%; }
  .col-ipp-9-18 {
    width: 50%; }
  .col-ipp-10-18 {
    width: 55.55556%; }
  .col-ipp-11-18 {
    width: 61.11111%; }
  .col-ipp-12-18 {
    width: 66.66667%; }
  .col-ipp-13-18 {
    width: 72.22222%; }
  .col-ipp-14-18 {
    width: 77.77778%; }
  .col-ipp-15-18 {
    width: 83.33333%; }
  .col-ipp-16-18 {
    width: 88.88889%; }
  .col-ipp-17-18 {
    width: 94.44444%; }
  .col-ipp-1-19 {
    width: 5.26316%; }
  .col-ipp-2-19 {
    width: 10.52632%; }
  .col-ipp-3-19 {
    width: 15.78947%; }
  .col-ipp-4-19 {
    width: 21.05263%; }
  .col-ipp-5-19 {
    width: 26.31579%; }
  .col-ipp-6-19 {
    width: 31.57895%; }
  .col-ipp-7-19 {
    width: 36.84211%; }
  .col-ipp-8-19 {
    width: 42.10526%; }
  .col-ipp-9-19 {
    width: 47.36842%; }
  .col-ipp-10-19 {
    width: 52.63158%; }
  .col-ipp-11-19 {
    width: 57.89474%; }
  .col-ipp-12-19 {
    width: 63.15789%; }
  .col-ipp-13-19 {
    width: 68.42105%; }
  .col-ipp-14-19 {
    width: 73.68421%; }
  .col-ipp-15-19 {
    width: 78.94737%; }
  .col-ipp-16-19 {
    width: 84.21053%; }
  .col-ipp-17-19 {
    width: 89.47368%; }
  .col-ipp-18-19 {
    width: 94.73684%; }
  .col-ipp-1-20 {
    width: 5%; }
  .col-ipp-2-20 {
    width: 10%; }
  .col-ipp-3-20 {
    width: 15%; }
  .col-ipp-4-20 {
    width: 20%; }
  .col-ipp-5-20 {
    width: 25%; }
  .col-ipp-6-20 {
    width: 30%; }
  .col-ipp-7-20 {
    width: 35%; }
  .col-ipp-8-20 {
    width: 40%; }
  .col-ipp-9-20 {
    width: 45%; }
  .col-ipp-10-20 {
    width: 50%; }
  .col-ipp-11-20 {
    width: 55%; }
  .col-ipp-12-20 {
    width: 60%; }
  .col-ipp-13-20 {
    width: 65%; }
  .col-ipp-14-20 {
    width: 70%; }
  .col-ipp-15-20 {
    width: 75%; }
  .col-ipp-16-20 {
    width: 80%; }
  .col-ipp-17-20 {
    width: 85%; }
  .col-ipp-18-20 {
    width: 90%; }
  .col-ipp-19-20 {
    width: 95%; } }

@media screen and (max-width: 375px) {
  .iphp-hide {
    display: none; }
  .col-iphp-1 {
    width: 100%; }
  .col-iphp-1-2 {
    width: 50%; }
  .col-iphp-1-3 {
    width: 33.33333%; }
  .col-iphp-2-3 {
    width: 66.66667%; }
  .col-iphp-1-4 {
    width: 25%; }
  .col-iphp-2-4 {
    width: 50%; }
  .col-iphp-3-4 {
    width: 75%; }
  .col-iphp-1-5 {
    width: 20%; }
  .col-iphp-2-5 {
    width: 40%; }
  .col-iphp-3-5 {
    width: 60%; }
  .col-iphp-4-5 {
    width: 80%; }
  .col-iphp-1-6 {
    width: 16.66667%; }
  .col-iphp-2-6 {
    width: 33.33333%; }
  .col-iphp-3-6 {
    width: 50%; }
  .col-iphp-4-6 {
    width: 66.66667%; }
  .col-iphp-5-6 {
    width: 83.33333%; }
  .col-iphp-1-7 {
    width: 14.28571%; }
  .col-iphp-2-7 {
    width: 28.57143%; }
  .col-iphp-3-7 {
    width: 42.85714%; }
  .col-iphp-4-7 {
    width: 57.14286%; }
  .col-iphp-5-7 {
    width: 71.42857%; }
  .col-iphp-6-7 {
    width: 85.71429%; }
  .col-iphp-1-8 {
    width: 12.5%; }
  .col-iphp-2-8 {
    width: 25%; }
  .col-iphp-3-8 {
    width: 37.5%; }
  .col-iphp-4-8 {
    width: 50%; }
  .col-iphp-5-8 {
    width: 62.5%; }
  .col-iphp-6-8 {
    width: 75%; }
  .col-iphp-7-8 {
    width: 87.5%; }
  .col-iphp-1-9 {
    width: 11.11111%; }
  .col-iphp-2-9 {
    width: 22.22222%; }
  .col-iphp-3-9 {
    width: 33.33333%; }
  .col-iphp-4-9 {
    width: 44.44444%; }
  .col-iphp-5-9 {
    width: 55.55556%; }
  .col-iphp-6-9 {
    width: 66.66667%; }
  .col-iphp-7-9 {
    width: 77.77778%; }
  .col-iphp-8-9 {
    width: 88.88889%; }
  .col-iphp-1-10 {
    width: 10%; }
  .col-iphp-2-10 {
    width: 20%; }
  .col-iphp-3-10 {
    width: 30%; }
  .col-iphp-4-10 {
    width: 40%; }
  .col-iphp-5-10 {
    width: 50%; }
  .col-iphp-6-10 {
    width: 60%; }
  .col-iphp-7-10 {
    width: 70%; }
  .col-iphp-8-10 {
    width: 80%; }
  .col-iphp-9-10 {
    width: 90%; }
  .col-iphp-1-11 {
    width: 9.09091%; }
  .col-iphp-2-11 {
    width: 18.18182%; }
  .col-iphp-3-11 {
    width: 27.27273%; }
  .col-iphp-4-11 {
    width: 36.36364%; }
  .col-iphp-5-11 {
    width: 45.45455%; }
  .col-iphp-6-11 {
    width: 54.54545%; }
  .col-iphp-7-11 {
    width: 63.63636%; }
  .col-iphp-8-11 {
    width: 72.72727%; }
  .col-iphp-9-11 {
    width: 81.81818%; }
  .col-iphp-10-11 {
    width: 90.90909%; }
  .col-iphp-1-12 {
    width: 8.33333%; }
  .col-iphp-2-12 {
    width: 16.66667%; }
  .col-iphp-3-12 {
    width: 25%; }
  .col-iphp-4-12 {
    width: 33.33333%; }
  .col-iphp-5-12 {
    width: 41.66667%; }
  .col-iphp-6-12 {
    width: 50%; }
  .col-iphp-7-12 {
    width: 58.33333%; }
  .col-iphp-8-12 {
    width: 66.66667%; }
  .col-iphp-9-12 {
    width: 75%; }
  .col-iphp-10-12 {
    width: 83.33333%; }
  .col-iphp-11-12 {
    width: 91.66667%; }
  .col-iphp-1-13 {
    width: 7.69231%; }
  .col-iphp-2-13 {
    width: 15.38462%; }
  .col-iphp-3-13 {
    width: 23.07692%; }
  .col-iphp-4-13 {
    width: 30.76923%; }
  .col-iphp-5-13 {
    width: 38.46154%; }
  .col-iphp-6-13 {
    width: 46.15385%; }
  .col-iphp-7-13 {
    width: 53.84615%; }
  .col-iphp-8-13 {
    width: 61.53846%; }
  .col-iphp-9-13 {
    width: 69.23077%; }
  .col-iphp-10-13 {
    width: 76.92308%; }
  .col-iphp-11-13 {
    width: 84.61538%; }
  .col-iphp-12-13 {
    width: 92.30769%; }
  .col-iphp-1-14 {
    width: 7.14286%; }
  .col-iphp-2-14 {
    width: 14.28571%; }
  .col-iphp-3-14 {
    width: 21.42857%; }
  .col-iphp-4-14 {
    width: 28.57143%; }
  .col-iphp-5-14 {
    width: 35.71429%; }
  .col-iphp-6-14 {
    width: 42.85714%; }
  .col-iphp-7-14 {
    width: 50%; }
  .col-iphp-8-14 {
    width: 57.14286%; }
  .col-iphp-9-14 {
    width: 64.28571%; }
  .col-iphp-10-14 {
    width: 71.42857%; }
  .col-iphp-11-14 {
    width: 78.57143%; }
  .col-iphp-12-14 {
    width: 85.71429%; }
  .col-iphp-13-14 {
    width: 92.85714%; }
  .col-iphp-1-15 {
    width: 6.66667%; }
  .col-iphp-2-15 {
    width: 13.33333%; }
  .col-iphp-3-15 {
    width: 20%; }
  .col-iphp-4-15 {
    width: 26.66667%; }
  .col-iphp-5-15 {
    width: 33.33333%; }
  .col-iphp-6-15 {
    width: 40%; }
  .col-iphp-7-15 {
    width: 46.66667%; }
  .col-iphp-8-15 {
    width: 53.33333%; }
  .col-iphp-9-15 {
    width: 60%; }
  .col-iphp-10-15 {
    width: 66.66667%; }
  .col-iphp-11-15 {
    width: 73.33333%; }
  .col-iphp-12-15 {
    width: 80%; }
  .col-iphp-13-15 {
    width: 86.66667%; }
  .col-iphp-14-15 {
    width: 93.33333%; }
  .col-iphp-1-16 {
    width: 6.25%; }
  .col-iphp-2-16 {
    width: 12.5%; }
  .col-iphp-3-16 {
    width: 18.75%; }
  .col-iphp-4-16 {
    width: 25%; }
  .col-iphp-5-16 {
    width: 31.25%; }
  .col-iphp-6-16 {
    width: 37.5%; }
  .col-iphp-7-16 {
    width: 43.75%; }
  .col-iphp-8-16 {
    width: 50%; }
  .col-iphp-9-16 {
    width: 56.25%; }
  .col-iphp-10-16 {
    width: 62.5%; }
  .col-iphp-11-16 {
    width: 68.75%; }
  .col-iphp-12-16 {
    width: 75%; }
  .col-iphp-13-16 {
    width: 81.25%; }
  .col-iphp-14-16 {
    width: 87.5%; }
  .col-iphp-15-16 {
    width: 93.75%; }
  .col-iphp-1-17 {
    width: 5.88235%; }
  .col-iphp-2-17 {
    width: 11.76471%; }
  .col-iphp-3-17 {
    width: 17.64706%; }
  .col-iphp-4-17 {
    width: 23.52941%; }
  .col-iphp-5-17 {
    width: 29.41176%; }
  .col-iphp-6-17 {
    width: 35.29412%; }
  .col-iphp-7-17 {
    width: 41.17647%; }
  .col-iphp-8-17 {
    width: 47.05882%; }
  .col-iphp-9-17 {
    width: 52.94118%; }
  .col-iphp-10-17 {
    width: 58.82353%; }
  .col-iphp-11-17 {
    width: 64.70588%; }
  .col-iphp-12-17 {
    width: 70.58824%; }
  .col-iphp-13-17 {
    width: 76.47059%; }
  .col-iphp-14-17 {
    width: 82.35294%; }
  .col-iphp-15-17 {
    width: 88.23529%; }
  .col-iphp-16-17 {
    width: 94.11765%; }
  .col-iphp-1-18 {
    width: 5.55556%; }
  .col-iphp-2-18 {
    width: 11.11111%; }
  .col-iphp-3-18 {
    width: 16.66667%; }
  .col-iphp-4-18 {
    width: 22.22222%; }
  .col-iphp-5-18 {
    width: 27.77778%; }
  .col-iphp-6-18 {
    width: 33.33333%; }
  .col-iphp-7-18 {
    width: 38.88889%; }
  .col-iphp-8-18 {
    width: 44.44444%; }
  .col-iphp-9-18 {
    width: 50%; }
  .col-iphp-10-18 {
    width: 55.55556%; }
  .col-iphp-11-18 {
    width: 61.11111%; }
  .col-iphp-12-18 {
    width: 66.66667%; }
  .col-iphp-13-18 {
    width: 72.22222%; }
  .col-iphp-14-18 {
    width: 77.77778%; }
  .col-iphp-15-18 {
    width: 83.33333%; }
  .col-iphp-16-18 {
    width: 88.88889%; }
  .col-iphp-17-18 {
    width: 94.44444%; }
  .col-iphp-1-19 {
    width: 5.26316%; }
  .col-iphp-2-19 {
    width: 10.52632%; }
  .col-iphp-3-19 {
    width: 15.78947%; }
  .col-iphp-4-19 {
    width: 21.05263%; }
  .col-iphp-5-19 {
    width: 26.31579%; }
  .col-iphp-6-19 {
    width: 31.57895%; }
  .col-iphp-7-19 {
    width: 36.84211%; }
  .col-iphp-8-19 {
    width: 42.10526%; }
  .col-iphp-9-19 {
    width: 47.36842%; }
  .col-iphp-10-19 {
    width: 52.63158%; }
  .col-iphp-11-19 {
    width: 57.89474%; }
  .col-iphp-12-19 {
    width: 63.15789%; }
  .col-iphp-13-19 {
    width: 68.42105%; }
  .col-iphp-14-19 {
    width: 73.68421%; }
  .col-iphp-15-19 {
    width: 78.94737%; }
  .col-iphp-16-19 {
    width: 84.21053%; }
  .col-iphp-17-19 {
    width: 89.47368%; }
  .col-iphp-18-19 {
    width: 94.73684%; }
  .col-iphp-1-20 {
    width: 5%; }
  .col-iphp-2-20 {
    width: 10%; }
  .col-iphp-3-20 {
    width: 15%; }
  .col-iphp-4-20 {
    width: 20%; }
  .col-iphp-5-20 {
    width: 25%; }
  .col-iphp-6-20 {
    width: 30%; }
  .col-iphp-7-20 {
    width: 35%; }
  .col-iphp-8-20 {
    width: 40%; }
  .col-iphp-9-20 {
    width: 45%; }
  .col-iphp-10-20 {
    width: 50%; }
  .col-iphp-11-20 {
    width: 55%; }
  .col-iphp-12-20 {
    width: 60%; }
  .col-iphp-13-20 {
    width: 65%; }
  .col-iphp-14-20 {
    width: 70%; }
  .col-iphp-15-20 {
    width: 75%; }
  .col-iphp-16-20 {
    width: 80%; }
  .col-iphp-17-20 {
    width: 85%; }
  .col-iphp-18-20 {
    width: 90%; }
  .col-iphp-19-20 {
    width: 95%; } }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

.page-tabs-header {
  padding: 5px 5px 0 5px;
  background: white;
  position: relative;
  border-bottom: 1px solid #bcbcbc;
  /*min-height: 37px;*/ }

.info-box {
  width: 330px;
  background: white;
  position: fixed;
  top: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 20px;
  box-shadow: 0 2px 3px #ccc;
  border: 1px solid #bcbcbc; }

.run-info-footer {
  display: block;
  background: black;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  color: white;
  z-index: 5000; }
  @media screen and (max-width: 1024px) {
    .run-info-footer {
      font-size: 65%; } }
  .run-info-footer li {
    display: inline-block;
    padding: 5px; }

.company-name {
  font-size: 16px;
  padding-top: 5px;
  font-weight: bold;
  color: black; }

.expander-content {
  overflow: hidden;
  /* Set our transitions up. */
  -webkit-transition: max-height 3s;
  -moz-transition: max-height 3s;
  transition: max-height 3s;
  max-height: 1200px; }
  .expander-content.closed {
    max-height: 0 !important;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s; }
  .expander-content.floater {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    transition: width 0.5s, height 0.75s, opacity 1s;
    margin: 5px;
    padding: 5px;
    bottom: 0;
    right: 0;
    z-index: 1000; }
    .expander-content.floater.closed {
      width: 0;
      height: 0;
      opacity: 0; }
    .expander-content.floater:not(.closed) {
      height: calc(100% - 10px);
      width: calc(100% - 10px);
      opacity: 1;
      overflow-y: auto; }

.expander-title {
  padding: 5px 0;
  font-weight: bold;
  letter-spacing: 1px;
  border-bottom: 3px solid #702082;
  color: #702082;
  font-size: 120%;
  background: transparent; }

language-selector {
  margin-bottom: 5px;
  margin-left: 15px;
  margin-right: 15px;
  background: #efeede;
  border: 1px solid #bcbcbc;
  box-shadow: 0 2px 3px #ccc;
  border-radius: 5px;
  padding: 15px; }

.account-page {
  color: #282828;
  width: 330px;
  background-color: white;
  position: fixed;
  top: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #bcbcbc; }
  .account-page.wide {
    width: 450px; }
  .account-page input[type='text'], .account-page input[type='password'] {
    width: 160px; }
  .account-page label {
    display: inline-block;
    width: 105px; }
  .account-page .error-message {
    color: red; }
  .account-page a {
    font-weight: bold;
    color: #282828; }
    .account-page a:hover {
      text-decoration: underline; }
  .account-page ol {
    margin-left: 30px; }
    .account-page ol li {
      margin-top: 15px; }
  .account-page h2 {
    text-align: center;
    font-weight: bold; }

#noaccess {
  padding-top: 30px;
  margin-bottom: 30px;
  font-size: 13px; }
  #noaccess .module-content {
    padding: 10px 15px;
    border: 1px solid #bcbcbc; }
  #noaccess a {
    color: black;
    text-decoration: underline; }

.sand-box {
  background-color: #efeede;
  border-bottom: 1px solid #bcbcbc; }

.task-box {
  width: 300px;
  margin: 50px auto;
  padding: 30px;
  text-align: center;
  /*#stage-1-circle, #stage-2-circle {
        font-size: 40px;
        display: block;
        width: 150px;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    ul#run-info-box {
        font-size: 12px;
        display: block;
        background: #000000;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 5px;
        color: #fff;
    }

    ul#run-info-box li {
        display: inline-block;
        padding: 5px;
    }*/ }
  .task-box .status {
    text-align: center;
    font-size: 25px;
    height: 75px;
    width: 75px;
    line-height: 75px;
    border: 1px #702082 solid;
    border-radius: 50%;
    margin-bottom: 15px;
    display: inline-block; }
  .task-box ul.task-list {
    display: block;
    list-style: none; }
    .task-box ul.task-list li {
      color: #000;
      font-size: 15px;
      padding: 7px 0;
      text-align: left;
      font-weight: bold; }
      .task-box ul.task-list li.completed {
        background: url("../assets/img/tick_purple.png") 100% 50% no-repeat; }

.help {
  background-image: url("../assets/img/help-icon.png");
  background-size: cover;
  width: 15px;
  height: 15px;
  float: right; }

.help-inline {
  background-image: url("../assets/img/help-icon.png");
  background-size: cover;
  width: 15px;
  height: 15px;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px; }

.tooltip {
  font: initial;
  letter-spacing: initial;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #000;
  background: white;
  border: 1px solid #bcbcbc;
  padding: 8px;
  box-shadow: 1px 1px 1px #bcbcbc;
  font-weight: normal;
  position: fixed;
  z-index: 500;
  opacity: 0;
  transition: opacity 0.5s; }

.filter-box {
  background: #d8dbd8;
  border-radius: 10px;
  padding: 8px 12px;
  min-height: 55px;
  display: flex;
  justify-content: center;
  margin-right: 8px;
  /*border: 1px solid #ccc;*/ }
  .filter-box > div {
    align-self: center; }
  .filter-box.self-centering > div {
    margin: 3px;
    padding: 2px;
    display: inline-block; }
  .filter-box.thin {
    font-size: 0.9em;
    min-height: 30px;
    padding: 0px 8px 0px 8px; }
    .filter-box.thin input[type=date], .filter-box.thin input[type=text], .filter-box.thin input:not([type]), .filter-box.thin select {
      font-size: 0.8em;
      height: 20px; }

input[type=date].thin, input[type=text].thin, input:not([type]).thin, select.thin {
  font-size: 0.8em;
  height: 20px; }

/*.run-summary {
    &.element {
        padding: 5px 0 0 5px;
    }

    &.progress {
        padding-top: 10px;
    }
}*/
.client-header {
  padding: 5px 20px;
  background: #efeede;
  position: relative;
  border-bottom: 1px solid #bcbcbc;
  /*min-height: 37px;*/ }

.blurb {
  line-height: 120%;
  padding-bottom: 5px;
  padding-top: 5px;
  white-space: pre-line;
  text-align: justify; }
  .blurb > p {
    font-size: 14px;
    padding-top: 15px; }

.color-legend {
  width: 20px;
  height: 20px;
  margin: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  content: ' '; }

modal-backdrop {
  position: fixed;
  z-index: 9999999999; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

div.tabs-menu {
  /*overflow:auto;*/
  /*white-space: nowrap;*/ }
  div.tabs-menu > ul, div.tabs-menu > header-content > ul {
    /*position: absolute;
        bottom: 1px;
        left: 20px;*/ }
    div.tabs-menu > ul > li, div.tabs-menu > header-content > ul > li {
      display: inline-block;
      /*background-color:#B583B8;*/
      margin-right: 10px;
      font-size: 13px; }
      div.tabs-menu > ul > li.current, div.tabs-menu > header-content > ul > li.current {
        position: relative;
        border-bottom: 4px solid #702082; }
        div.tabs-menu > ul > li.current a, div.tabs-menu > header-content > ul > li.current a {
          font-weight: bold; }
      div.tabs-menu > ul > li a, div.tabs-menu > header-content > ul > li a {
        text-decoration: none;
        display: block;
        padding: 7px;
        color: #000;
        cursor: pointer; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

input, textarea, select {
  background: #fff url("/app/assets/img/text-box-shade.png") repeat-x;
  outline: none;
  box-shadow: none;
  border: 1px solid #ccc;
  padding: 3px 4px;
  /*border-radius: 2px;*/
  resize: none; }

.ng-touched.ng-invalid:not(.neverRed), .redOnInvalid.ng-invalid, click-input.invalid input {
  border: 1px solid red; }

.validation-warning {
  color: red; }

input:focus, textarea:focus, select:focus, .ng-touched.ng-invalid:not(.neverRed):focus, .redOnInvalid.ng-invalid:focus, click-input.invalid input:focus {
  border-color: #7C7E80;
  /*box-shadow: 0 0 10px $focusPurpleColor;*/
  box-shadow: none; }

input[type=checkbox].circle-check, input[type=radio].circle-check {
  -webkit-appearance: none;
  *-moz-appearance: none;
  appearance: none;
  width: 29px;
  height: 27px;
  border: none;
  background: none; }
  input[type=checkbox].circle-check:after, input[type=radio].circle-check:after {
    transition: background-color 0.75s ease;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid #7C7E80;
    cursor: pointer;
    content: ""; }
  input[type=checkbox].circle-check:checked:after, input[type=radio].circle-check:checked:after {
    background-color: #702082;
    border: 2px solid #702082; }
  input[type=checkbox].circle-check.ng-invalid:after, input[type=radio].circle-check.ng-invalid:after {
    border: 1px solid red; }
  input[type=checkbox].circle-check:disabled, input[type=radio].circle-check:disabled {
    opacity: 1; }
    input[type=checkbox].circle-check:disabled:after, input[type=radio].circle-check:disabled:after {
      cursor: not-allowed; }

label.tab-check {
  display: inline-block;
  margin: 3px;
  padding: 2px; }
  label.tab-check > input[type=checkbox], label.tab-check > input[type=radio] {
    -webkit-appearance: none;
    *-moz-appearance: none;
    appearance: none;
    width: 0;
    height: 0;
    outline: none;
    box-shadow: none;
    border: none;
    background: none;
    position: absolute;
    /*&:focus + span {
            box-shadow: 0 0 10px purple;
        }*/ }
    label.tab-check > input[type=checkbox] + span, label.tab-check > input[type=radio] + span {
      padding-left: 3px;
      padding-right: 3px;
      -webkit-user-select: none;
      /* Chrome/Safari */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* IE10+ */
      /* Rules below not implemented in browsers yet */
      -o-user-select: none;
      user-select: none; }
    label.tab-check > input[type=checkbox]:not(:disabled) + span, label.tab-check > input[type=radio]:not(:disabled) + span {
      cursor: pointer; }
    label.tab-check > input[type=checkbox]:disabled + span, label.tab-check > input[type=radio]:disabled + span {
      cursor: default; }
    label.tab-check > input[type=checkbox]:checked + span, label.tab-check > input[type=radio]:checked + span {
      border-bottom: 2px solid #702082; }
    label.tab-check > input[type=checkbox].ng-invalid + span, label.tab-check > input[type=radio].ng-invalid + span {
      border-top: 1px solid red;
      border-left: 1px solid red;
      border-right: 1px solid red; }

@font-face {
  font-family: 'icomoon';
  src: url("/app/assets/fonts/icomoon.eot?dh9gry");
  src: url("/app/assets/fonts/icomoon.eot?dh9gry#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon.ttf?dh9gry") format("truetype"), url("/app/assets/fonts/icomoon.woff?dh9gry") format("woff"), url("/app/assets/fonts/icomoon.svg?dh9gry#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon-cbr';
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb");
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon-cbr.ttf?scocnb") format("truetype"), url("/app/assets/fonts/icomoon-cbr.woff?scocnb") format("woff"), url("/app/assets/fonts/icomoon-cbr.svg?scocnb#icomoon-cbr") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-flag-o:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b"; }

.icon-flag2:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-flag:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9cc"; }

.icon-chevron-down:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900"; }

.icon-chevron-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-th-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600"; }

.icon-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601"; }

.icon-menu2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602"; }

.icon-undo:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603"; }

.icon-file-pdf:before, .pdf-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604"; }

.icon-cloud-lightning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902"; }

.icon-question2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903"; }

.icon-home:before, .site-header .home:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904"; }

.icon-home3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905"; }

.icon-info:before, .info-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906"; }

.icon-location:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907"; }

.icon-pencil2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908"; }

.icon-file-play:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e929"; }

.icon-copy:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92c"; }

.icon-map:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94b"; }

.icon-map2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94c"; }

.icon-box-add:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95e"; }

.icon-box-remove:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95f"; }

.icon-floppy-disk:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e962"; }

.icon-user:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e971"; }

.icon-users:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e972"; }

.icon-quotes-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e977"; }

.icon-quotes-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e978"; }

.icon-lock:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e98f"; }

.icon-wrench:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e991"; }

.icon-equalizer:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e992"; }

.icon-cog:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e994"; }

.icon-cogs:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e995"; }

.icon-stats-dots:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99b"; }

.icon-stats-bars:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99c"; }

.icon-stats-bars2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99d"; }

.icon-bin:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ac"; }

.icon-bin2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ad"; }

.icon-menu3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9bd"; }

.icon-earth:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ca"; }

.icon-eye:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ce"; }

.icon-man:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9dc"; }

.icon-point-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea03"; }

.icon-warning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07"; }

.icon-question:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea09"; }

.icon-plus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0a"; }

.icon-minus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0b"; }

.icon-cancel-circle:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d"; }

.icon-cross:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f"; }

.icon-checkmark:before, div#multi-level-menu div.selected > .menu-item-label:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10"; }

.icon-play2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15"; }

.icon-play3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1c"; }

.icon-arrow-up2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3a"; }

.icon-arrow-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3e"; }

.icon-circle-up:before, table.pretty.descending th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea41"; }

.icon-circle-right:before, .site-header .nav-right:before, .site-header .arrow-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea42"; }

.icon-circle-down:before, table.pretty:not(.descending) th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea43"; }

.icon-circle-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea44"; }

.icon-circle-left:before, .site-header .nav-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea45"; }

.icon-file-excel:before, .excel-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eae2"; }

.icon-table:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea70"; }

.icon-table2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea71"; }

.icon-tick:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  color: #009865; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

html, body {
  height: 100%; }

/*$headerHeight: 35px;*/
.page-wrap {
  min-height: 100%;
  margin-bottom: -64px; }
  .page-wrap:before {
    content: "";
    display: block;
    height: 33px; }
  .page-wrap:after {
    content: "";
    display: block;
    height: 50px; }

.page-content {
  padding-top: 40px; }

.dropwdown-footer {
  margin-bottom: 30px; }

.site-footer {
  background: #d8dbd8;
  height: 64px;
  position: inherit;
  /*z-index:10;*/ }

.site-header {
  /*height: $headerHeight;*/
  position: fixed;
  z-index: 5000;
  width: 100%;
  padding: 6px 20px;
  background-color: black;
  height: 35px;
  color: #fff; }
  .site-header * {
    cursor: default; }
  .site-header .small {
    font-size: 14px; }
  .site-header .large {
    font-size: 16px; }
  .site-header .title {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 10px 200px 0 200px; }
  .site-header .runs-title {
    font-weight: bold;
    text-align: center;
    font-size: 20px; }
  .site-header .nav-left {
    font-size: 20px;
    padding-right: 5px;
    margin-left: 5px; }
  .site-header .nav-right {
    font-size: 20px;
    padding-left: 5px; }
  .site-header .arrow-right {
    font-size: 20px;
    padding-left: 5px; }
  .site-header .home {
    width: 35px;
    font-size: 25px; }
  .site-header table {
    color: #fff; }
    .site-header table td {
      vertical-align: middle; }
  .site-header nav {
    font-size: 18px;
    margin-top: 7px; }
    .site-header nav span {
      cursor: pointer; }
  .site-header a {
    color: #fff;
    cursor: pointer; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

@font-face {
  font-family: 'icomoon';
  src: url("/app/assets/fonts/icomoon.eot?dh9gry");
  src: url("/app/assets/fonts/icomoon.eot?dh9gry#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon.ttf?dh9gry") format("truetype"), url("/app/assets/fonts/icomoon.woff?dh9gry") format("woff"), url("/app/assets/fonts/icomoon.svg?dh9gry#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon-cbr';
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb");
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon-cbr.ttf?scocnb") format("truetype"), url("/app/assets/fonts/icomoon-cbr.woff?scocnb") format("woff"), url("/app/assets/fonts/icomoon-cbr.svg?scocnb#icomoon-cbr") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-flag-o:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b"; }

.icon-flag2:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-flag:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9cc"; }

.icon-chevron-down:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900"; }

.icon-chevron-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-th-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600"; }

.icon-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601"; }

.icon-menu2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602"; }

.icon-undo:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603"; }

.icon-file-pdf:before, .pdf-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604"; }

.icon-cloud-lightning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902"; }

.icon-question2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903"; }

.icon-home:before, .site-header .home:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904"; }

.icon-home3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905"; }

.icon-info:before, .info-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906"; }

.icon-location:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907"; }

.icon-pencil2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908"; }

.icon-file-play:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e929"; }

.icon-copy:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92c"; }

.icon-map:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94b"; }

.icon-map2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94c"; }

.icon-box-add:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95e"; }

.icon-box-remove:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95f"; }

.icon-floppy-disk:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e962"; }

.icon-user:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e971"; }

.icon-users:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e972"; }

.icon-quotes-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e977"; }

.icon-quotes-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e978"; }

.icon-lock:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e98f"; }

.icon-wrench:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e991"; }

.icon-equalizer:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e992"; }

.icon-cog:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e994"; }

.icon-cogs:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e995"; }

.icon-stats-dots:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99b"; }

.icon-stats-bars:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99c"; }

.icon-stats-bars2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99d"; }

.icon-bin:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ac"; }

.icon-bin2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ad"; }

.icon-menu3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9bd"; }

.icon-earth:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ca"; }

.icon-eye:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ce"; }

.icon-man:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9dc"; }

.icon-point-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea03"; }

.icon-warning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07"; }

.icon-question:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea09"; }

.icon-plus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0a"; }

.icon-minus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0b"; }

.icon-cancel-circle:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d"; }

.icon-cross:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f"; }

.icon-checkmark:before, div#multi-level-menu div.selected > .menu-item-label:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10"; }

.icon-play2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15"; }

.icon-play3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1c"; }

.icon-arrow-up2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3a"; }

.icon-arrow-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3e"; }

.icon-circle-up:before, table.pretty.descending th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea41"; }

.icon-circle-right:before, .site-header .nav-right:before, .site-header .arrow-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea42"; }

.icon-circle-down:before, table.pretty:not(.descending) th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea43"; }

.icon-circle-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea44"; }

.icon-circle-left:before, .site-header .nav-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea45"; }

.icon-file-excel:before, .excel-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eae2"; }

.icon-table:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea70"; }

.icon-table2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea71"; }

.icon-tick:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  color: #009865; }

table {
  width: 100%; }
  table td.snug {
    width: 1px;
    white-space: nowrap; }
  table:not(thin) tr th {
    line-height: 140%; }
  table caption {
    font-weight: bold;
    margin-bottom: 10px; }
  table.pretty tr:not(.right-align) th:not(.right-align) {
    text-align: left;
    padding: 0 5px 8px 5px; }
  table.pretty tr td {
    padding: 0 5px;
    height: 30px;
    vertical-align: middle; }
    table.pretty tr td.ellipsis-cell {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  table.pretty tr.half-height td {
    height: 10px; }
  table.pretty.lined > * > tr:not(.not-lined) > td {
    border-top: 1px solid #ddd; }
  table.pretty.lined > * > tr.summary2 > td {
    border-top: 1px solid black;
    padding-top: 5px; }
  table.pretty.orange-header {
    background: #fff url("/app/assets/img/fade.png") repeat-x; }
    table.pretty.orange-header tr th {
      background-color: #D35121;
      padding: 3px 5px;
      color: #fff; }
  table.pretty:not(.descending) th.sorting-header {
    cursor: pointer; }
    table.pretty:not(.descending) th.sorting-header.active > span {
      /*border-bottom: $highlightBorder;*/ }
      table.pretty:not(.descending) th.sorting-header.active > span:before {
        padding-right: 3px;
        color: #702082; }
  table.pretty.descending th.sorting-header {
    cursor: pointer; }
    table.pretty.descending th.sorting-header.active > span {
      /*border-bottom: $highlightBorder;*/ }
      table.pretty.descending th.sorting-header.active > span:before {
        padding-right: 3px;
        color: #702082; }
  table.thc tr th {
    text-align: center; }
  table.selectable > tbody > tr:not(.arrow) {
    cursor: pointer; }
  table tr.summary > td {
    padding: 4px;
    vertical-align: top; }
  table td.snug {
    width: 1px !important;
    white-space: nowrap; }
  table tr.selected td {
    /*background-color: $sandBackground;
        border-top:none !important;*/
    background-color: #eee;
    color: #333; }
  table.scrollable > tbody {
    display: block;
    transition: max-height 0.8s;
    overflow: auto; }
  table.scrollable.scrollable-100, table.scrollable.scrollable-100 tbody {
    max-height: 100px; }
  table.scrollable.scrollable-100.fix {
    height: 100px; }
  table.scrollable.scrollable-200, table.scrollable.scrollable-200 tbody {
    max-height: 200px; }
  table.scrollable.scrollable-200.fix {
    height: 200px; }
  table.scrollable.scrollable-250, table.scrollable.scrollable-250 tbody {
    max-height: 250px; }
  table.scrollable.scrollable-250.fix {
    height: 250px; }
  table.scrollable.scrollable-300, table.scrollable.scrollable-300 tbody {
    max-height: 300px; }
  table.scrollable.scrollable-300.fix {
    height: 300px; }
  table.scrollable.scrollable-350, table.scrollable.scrollable-350 tbody {
    max-height: 350px; }
  table.scrollable.scrollable-350.fix {
    height: 350px; }
  table.scrollable.scrollable-450, table.scrollable.scrollable-450 tbody {
    max-height: 450px; }
  table.scrollable.scrollable-450.fix {
    height: 450px; }
  table.scrollable.scrollable-500, table.scrollable.scrollable-500 tbody {
    max-height: 500px; }
  table.scrollable.scrollable-500.fix {
    height: 500px; }
  table.scrollable.scrollable-600, table.scrollable.scrollable-600 tbody {
    max-height: 600px; }
  table.scrollable.scrollable-600.fix {
    height: 600px; }
  table.scrollable.scrollable-750, table.scrollable.scrollable-750 tbody {
    max-height: 750px; }
  table.scrollable.scrollable-750.fix {
    height: 750px; }
  table.scrollable > thead, table.scrollable > tbody > tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    /* even columns width , fix width of table too*/ }
  table.scrollable thead {
    width: calc( 100% - 1em);
    /* scrollbar is average 1em/16px width, remove it from thead width */ }

@font-face {
  font-family: 'icomoon';
  src: url("/app/assets/fonts/icomoon.eot?dh9gry");
  src: url("/app/assets/fonts/icomoon.eot?dh9gry#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon.ttf?dh9gry") format("truetype"), url("/app/assets/fonts/icomoon.woff?dh9gry") format("woff"), url("/app/assets/fonts/icomoon.svg?dh9gry#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon-cbr';
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb");
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon-cbr.ttf?scocnb") format("truetype"), url("/app/assets/fonts/icomoon-cbr.woff?scocnb") format("woff"), url("/app/assets/fonts/icomoon-cbr.svg?scocnb#icomoon-cbr") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-flag-o:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b"; }

.icon-flag2:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-flag:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9cc"; }

.icon-chevron-down:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900"; }

.icon-chevron-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-th-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600"; }

.icon-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601"; }

.icon-menu2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602"; }

.icon-undo:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603"; }

.icon-file-pdf:before, .pdf-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604"; }

.icon-cloud-lightning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902"; }

.icon-question2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903"; }

.icon-home:before, .site-header .home:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904"; }

.icon-home3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905"; }

.icon-info:before, .info-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906"; }

.icon-location:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907"; }

.icon-pencil2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908"; }

.icon-file-play:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e929"; }

.icon-copy:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92c"; }

.icon-map:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94b"; }

.icon-map2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94c"; }

.icon-box-add:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95e"; }

.icon-box-remove:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95f"; }

.icon-floppy-disk:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e962"; }

.icon-user:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e971"; }

.icon-users:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e972"; }

.icon-quotes-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e977"; }

.icon-quotes-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e978"; }

.icon-lock:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e98f"; }

.icon-wrench:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e991"; }

.icon-equalizer:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e992"; }

.icon-cog:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e994"; }

.icon-cogs:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e995"; }

.icon-stats-dots:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99b"; }

.icon-stats-bars:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99c"; }

.icon-stats-bars2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99d"; }

.icon-bin:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ac"; }

.icon-bin2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ad"; }

.icon-menu3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9bd"; }

.icon-earth:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ca"; }

.icon-eye:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ce"; }

.icon-man:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9dc"; }

.icon-point-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea03"; }

.icon-warning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07"; }

.icon-question:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea09"; }

.icon-plus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0a"; }

.icon-minus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0b"; }

.icon-cancel-circle:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d"; }

.icon-cross:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f"; }

.icon-checkmark:before, div#multi-level-menu div.selected > .menu-item-label:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10"; }

.icon-play2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15"; }

.icon-play3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1c"; }

.icon-arrow-up2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3a"; }

.icon-arrow-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3e"; }

.icon-circle-up:before, table.pretty.descending th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea41"; }

.icon-circle-right:before, .site-header .nav-right:before, .site-header .arrow-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea42"; }

.icon-circle-down:before, table.pretty:not(.descending) th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea43"; }

.icon-circle-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea44"; }

.icon-circle-left:before, .site-header .nav-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea45"; }

.icon-file-excel:before, .excel-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eae2"; }

.icon-table:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea70"; }

.icon-table2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea71"; }

.icon-tick:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  color: #009865; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

.quick-button.disabled {
  opacity: 0.4;
  pointer-events: none; }

.quick-button:not(.disabled):not([disabled]) {
  cursor: pointer; }

.metro-button, .metro-button-thin {
  display: inline-block;
  padding: 8px 25px;
  outline: none;
  background: #fff;
  font-weight: bold;
  transition: 0.5s ease, border-bottom 0.2s ease-in-out;
  cursor: pointer;
  border: 2px solid #bbb; }
  .metro-button:hover, .metro-button-thin:hover {
    border-bottom: 2px solid #702082; }
  .metro-button.space-left, .metro-button.bottom-left + .metro-button.bottom-left, .bottom-left.metro-button-thin + .metro-button.bottom-left, .metro-button.bottom-left + .bottom-left.metro-button-thin, .bottom-left.metro-button-thin + .bottom-left.metro-button-thin, .space-left.metro-button-thin {
    margin-left: 10px; }
  .metro-button.space-right, .metro-button.bottom-right + .metro-button.bottom-right, .bottom-right.metro-button-thin + .metro-button.bottom-right, .metro-button.bottom-right + .bottom-right.metro-button-thin, .bottom-right.metro-button-thin + .bottom-right.metro-button-thin, .space-right.metro-button-thin {
    margin-right: 10px; }
  .metro-button.bottom-right, .bottom-right.metro-button-thin {
    margin-top: 15px; }
  .metro-button.bottom-left, .bottom-left.metro-button-thin {
    margin-top: 15px; }
  .metro-button.disabled, .disabled.metro-button-thin, .metro-button[disabled], [disabled].metro-button-thin {
    opacity: 0.4;
    pointer-events: none; }
    .metro-button.disabled:hover, .disabled.metro-button-thin:hover, .metro-button[disabled]:hover, [disabled].metro-button-thin:hover {
      border-bottom: 2px solid #bbb; }

.metro-button-thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 25px; }

.mini-button {
  background: transparent;
  font-weight: bold;
  font-size: 12px;
  vertical-align: middle;
  border: none; }
  .mini-button > [class*='icon-'] {
    margin-left: 3px;
    margin-right: 3px; }
  .mini-button:not(.disabled):not([disabled]) {
    cursor: pointer; }
  .mini-button.disabled, .mini-button[disabled] {
    opacity: 0.4;
    pointer-events: none; }
    .mini-button.disabled:hover, .mini-button[disabled]:hover {
      border-bottom: 2px solid #bbb; }

.pdf-button {
  font-size: 24px;
  color: red;
  cursor: pointer; }
  .pdf-button:hover {
    color: #333; }

.big-fat-button {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  /*min-width: 120px;*/
  /*background: #000;*/
  background: #00c389;
  color: white;
  padding: 10px;
  font-weight: bold;
  transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  width: 50%;
  cursor: pointer; }
  .big-fat-button.disabled, .big-fat-button[disabled] {
    opacity: 0.4;
    cursor: not-allowed; }

/*.run-button {
    padding: 3px 8px;
    border: 1px solid gainsboro;
    cursor: pointer;
    text-decoration: none;
}

.run-toolButton {
    background-color: #F9F9F9;
    background-image: -webkit-linear-gradient(top, white, #F9F9F9);
    background-image: -moz-linear-gradient(top, white, #F9F9F9);
    background-image: -ms-linear-gradient(top, white, #F9F9F9);
    background-image: -o-linear-gradient(top, white, #F9F9F9);
    background-image: linear-gradient(top, white, #F9F9F9);
    color: #444;
}*/
a.button-like {
  padding: 1px 6px;
  align-items: flex-start;
  text-align: center; }

.excel-button {
  font-size: 24px;
  color: red;
  cursor: pointer; }
  .excel-button:hover {
    color: #333; }

.info-button {
  font-size: 24px;
  color: #702082;
  cursor: pointer; }
  .info-button:hover {
    color: #333; }

div.autocomplete {
  display: inline-block;
  position: relative;
  font-size: 12px; }
  div.autocomplete [hidden] {
    display: none; }
  div.autocomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0); }
  div.autocomplete > input {
    width: 300px;
    /* arrrggghhhh */
    display: inline; }
  div.autocomplete > img {
    height: 20px;
    width: 20px;
    display: inline;
    vertical-align: middle; }
  div.autocomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    border-radius: .3em;
    margin: .2em 0 0;
    background: rgba(255, 255, 255, 0.9);
    background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8));
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
    text-shadow: none;
    overflow-y: scroll; }
    div.autocomplete > ul[hidden], div.autocomplete > ul:empty {
      display: none; }
    div.autocomplete > ul:before {
      content: "";
      position: absolute;
      top: -.43em;
      left: 1em;
      width: 0;
      height: 0;
      padding: .4em;
      background: white;
      border: inherit;
      border-right: 0;
      border-bottom: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    div.autocomplete > ul > li {
      position: relative;
      cursor: pointer; }
      div.autocomplete > ul > li > * {
        color: black;
        padding: .2em .5em;
        margin: 0;
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px;
        white-space: nowrap; }
      div.autocomplete > ul > li.selected, div.autocomplete > ul > li[aria-selected="true"] {
        background: #b8d3e0;
        color: black; }

@supports (transform: scale(0)) {
  div.autocomplete > ul {
    transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
    transform-origin: 1.43em -.43em; }
    div.autocomplete > ul[hidden], div.autocomplete > ul:empty {
      opacity: 0;
      transform: scale(0);
      display: block;
      transition-timing-function: ease; } }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

slider {
  display: block; }
  slider[vertical] {
    transform: scaleY(-1); }
    slider[vertical] .slider-bar {
      height: 100%;
      width: 10px;
      left: calc(50% - 6px);
      top: 0;
      top: initial; }
    slider[vertical] .slider-overlay {
      width: 10px;
      height: auto;
      height: initial; }
    slider[vertical] .slider-stop {
      left: -1px;
      height: 1px;
      width: 10px; }
    slider[vertical] .slider-container {
      height: 100%; }
    slider[vertical] .slider-handle {
      min-width: 18px;
      min-height: 18px;
      margin-top: 1px;
      margin-bottom: 1px;
      transform: translate(0, -50%); }
    slider[vertical] .projection {
      transform: scaleY(-1); }
  slider .slider-bar {
    background-color: #d8dbd8;
    position: absolute;
    width: 100%;
    height: 10px;
    top: calc(50% - 6px);
    border: 1px solid #bcbcbc;
    border-radius: 4px; }
  slider .slider-overlay {
    background-color: #7C7E80;
    position: relative;
    margin: -1px;
    height: 10px;
    border: 1px solid #bcbcbc;
    border-radius: 4px; }
  slider .slider-container {
    clear: both;
    text-align: center;
    position: relative; }
  slider .slider-stop {
    position: absolute;
    top: -1px;
    border: 1px solid #bcbcbc;
    width: 1px;
    height: 10px;
    box-sizing: border-box; }
  slider .slider-handle {
    position: relative;
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    background: white;
    min-width: 18px;
    min-height: 18px;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 1px; }
  slider:not([disabled]) .slider-handle:hover {
    border: 1px solid #702082;
    background: #f2ddf7; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

@font-face {
  font-family: 'icomoon';
  src: url("/app/assets/fonts/icomoon.eot?dh9gry");
  src: url("/app/assets/fonts/icomoon.eot?dh9gry#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon.ttf?dh9gry") format("truetype"), url("/app/assets/fonts/icomoon.woff?dh9gry") format("woff"), url("/app/assets/fonts/icomoon.svg?dh9gry#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon-cbr';
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb");
  src: url("/app/assets/fonts/icomoon-cbr.eot?scocnb#iefix") format("embedded-opentype"), url("/app/assets/fonts/icomoon-cbr.ttf?scocnb") format("truetype"), url("/app/assets/fonts/icomoon-cbr.woff?scocnb") format("woff"), url("/app/assets/fonts/icomoon-cbr.svg?scocnb#icomoon-cbr") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-flag-o:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b"; }

.icon-flag2:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-flag:before {
  font-family: 'icomoon-cbr';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9cc"; }

.icon-chevron-down:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900"; }

.icon-chevron-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901"; }

.icon-th-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600"; }

.icon-menu:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601"; }

.icon-menu2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602"; }

.icon-undo:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603"; }

.icon-file-pdf:before, .pdf-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604"; }

.icon-cloud-lightning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902"; }

.icon-question2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903"; }

.icon-home:before, .site-header .home:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904"; }

.icon-home3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905"; }

.icon-info:before, .info-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906"; }

.icon-location:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907"; }

.icon-pencil2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908"; }

.icon-file-play:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e929"; }

.icon-copy:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92c"; }

.icon-map:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94b"; }

.icon-map2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94c"; }

.icon-box-add:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95e"; }

.icon-box-remove:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95f"; }

.icon-floppy-disk:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e962"; }

.icon-user:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e971"; }

.icon-users:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e972"; }

.icon-quotes-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e977"; }

.icon-quotes-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e978"; }

.icon-lock:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e98f"; }

.icon-wrench:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e991"; }

.icon-equalizer:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e992"; }

.icon-cog:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e994"; }

.icon-cogs:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e995"; }

.icon-stats-dots:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99b"; }

.icon-stats-bars:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99c"; }

.icon-stats-bars2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e99d"; }

.icon-bin:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ac"; }

.icon-bin2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ad"; }

.icon-menu3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9bd"; }

.icon-earth:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ca"; }

.icon-eye:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9ce"; }

.icon-man:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9dc"; }

.icon-point-up:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea03"; }

.icon-warning:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07"; }

.icon-question:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea09"; }

.icon-plus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0a"; }

.icon-minus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0b"; }

.icon-cancel-circle:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d"; }

.icon-cross:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f"; }

.icon-checkmark:before, div#multi-level-menu div.selected > .menu-item-label:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10"; }

.icon-play2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15"; }

.icon-play3:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1c"; }

.icon-arrow-up2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3a"; }

.icon-arrow-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3e"; }

.icon-circle-up:before, table.pretty.descending th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea41"; }

.icon-circle-right:before, .site-header .nav-right:before, .site-header .arrow-right:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea42"; }

.icon-circle-down:before, table.pretty:not(.descending) th.sorting-header.active > span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea43"; }

.icon-circle-down2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea44"; }

.icon-circle-left:before, .site-header .nav-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea45"; }

.icon-file-excel:before, .excel-button:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eae2"; }

.icon-table:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea70"; }

.icon-table2:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea71"; }

.icon-tick:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  color: #009865; }

div#multi-level-menu > ul {
  position: relative; }

div#multi-level-menu ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul > li ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul > li ul > li ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul > li ul {
  position: relative;
  float: right;
  display: none; }

div#multi-level-menu > ul > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu > ul > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover > li > ul.hover {
  display: inline-block; }

div#multi-level-menu div {
  display: inline-block;
  background-color: #fff;
  border-left: 1px solid #7C7E80;
  border-right: 1px solid #7C7E80;
  padding-left: 10px;
  margin-left: -1px;
  cursor: pointer; }
  div#multi-level-menu div * {
    cursor: pointer; }
  div#multi-level-menu div.disabled * {
    color: #7C7E80;
    pointer-events: none; }

div#multi-level-menu li:last-child div {
  border-bottom: 1px solid #7C7E80; }

div#multi-level-menu a, div#multi-level-menu span {
  color: #000;
  display: inline-block; }

div#multi-level-menu div:hover:not(.disabled) {
  background-color: #702082;
  color: white; }

div#multi-level-menu .menu-item-label {
  padding: 5px 5px 5px 0;
  display: inline-block;
  box-shadow: 0 2px 0 #ccc #bcbcbc; }

div#multi-level-menu span.icon-play3 {
  padding: 0 10px;
  left: -5px;
  position: relative; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

div#progress-indicator {
  font-weight: bold;
  letter-spacing: 0.5px; }

div#progress-indicator a, div#progress-indicator span {
  transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  color: #bcbcbc;
  margin: 0px 2px 0px 2px; }

div#progress-indicator span.icon-play3 {
  position: relative;
  top: 2px;
  left: 3px; }

div#progress-indicator a.canNavigate, div#progress-indicator a.current, div#progress-indicator span.icon-play3 {
  color: #702082; }

div#progress-indicator a.current {
  border-bottom: 3px solid #702082; }

div#progress-indicator li {
  display: inline-block;
  margin: 5px 0;
  /*cursor: not-allowed;*/ }

div#progress-indicator li.canNavigate {
  cursor: pointer; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

div.strategySelector ul.strategyOptions {
  overflow-y: auto; }
  div.strategySelector ul.strategyOptions li.option {
    margin-bottom: 15px;
    position: relative;
    background: white;
    opacity: .5;
    transition: opacity 0.5s ease;
    background-color: white;
    box-shadow: 0 2px 3px #bcbcbc;
    border: 1px solid #bcbcbc;
    overflow: hidden;
    cursor: pointer; }
    div.strategySelector ul.strategyOptions li.option:hover {
      opacity: 1; }
    div.strategySelector ul.strategyOptions li.option.arrow {
      opacity: 1;
      border-top: 2px solid #702082; }
    div.strategySelector ul.strategyOptions li.option .option-clone, div.strategySelector ul.strategyOptions li.option .option-remove {
      position: relative;
      color: #000;
      font-weight: bolder;
      font-size: 12pt;
      right: 8px; }
  div.strategySelector ul.strategyOptions li.new-strategy {
    border: 2px dashed #000;
    color: #000;
    padding: 75px 0;
    font-size: 18px;
    text-align: center;
    cursor: pointer; }
  div.strategySelector ul.strategyOptions div.option-label {
    font-size: 14pt;
    color: white;
    position: absolute;
    left: -32px;
    z-index: 1;
    line-height: 50px;
    height: 45px;
    width: 120px;
    transform-origin: 32% 40%; }
  div.strategySelector ul.strategyOptions div.option-label-container {
    position: relative;
    height: 280px;
    background-color: #702082;
    width: 30px; }
  div.strategySelector ul.strategyOptions .rotate90 {
    transform: rotate(-90deg); }

div.sticky-table-holder table.sticky-table {
  display: inline-block; }

div.sticky-table-holder table.data-table {
  display: inline-block;
  margin-left: -3px;
  overflow-x: auto;
  overflow-y: hidden; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

div.contextPdf {
  display: inline; }
  div.contextPdf div.pdf-options-float {
    position: fixed;
    background-color: #fff;
    border: 1px solid #bcbcbc;
    box-shadow: 0 2px 3px #ccc;
    z-index: 1;
    padding: 18px; }
  div.contextPdf span, div.contextPdf input {
    cursor: pointer; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

div.collapse-padded {
  padding: 10px 20px 0px 20px; }

div.collapse {
  margin-bottom: 10px;
  border: solid 1px gray; }
  div.collapse div.collapse-header {
    color: #702082;
    padding: 10px;
    font-weight: bold;
    background-color: white;
    cursor: pointer; }
  div.collapse div.collapse-content {
    background-color: white;
    padding: 5px; }
    div.collapse div.collapse-content.open {
      display: block; }
    div.collapse div.collapse-content.close {
      display: none; }
  div.collapse div.collapse-content:after {
    content: ' ';
    clear: both;
    display: block; }
  div.collapse .icon-circle-up.toggle, div.collapse table.pretty.descending th.sorting-header.active > span.toggle, table.pretty.descending div.collapse th.sorting-header.active > span.toggle {
    margin-top: 10px; }
  div.collapse .icon-circle-down.toggle, div.collapse table.pretty:not(.descending) th.sorting-header.active > span.toggle, table.pretty:not(.descending) div.collapse th.sorting-header.active > span.toggle, div.collapse .icon-circle-up.toggle, div.collapse table.pretty.descending th.sorting-header.active > span.toggle, table.pretty.descending div.collapse th.sorting-header.active > span.toggle {
    float: right;
    position: relative;
    font-size: 22px;
    color: #702082; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

div.blade {
  background: #bdbebf;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  height: 100%;
  overflow: hidden; }
  div.blade.screen-blade {
    position: fixed; }
  div.blade:not(.screen-blade) {
    top: 0px; }
    div.blade:not(.screen-blade).blade-fixed {
      position: fixed; }
    div.blade:not(.screen-blade).blade-left {
      left: 0; }
    div.blade:not(.screen-blade).blade-right {
      right: 0; }
    div.blade:not(.screen-blade):not(.open) .blade-open-content {
      position: absolute; }
    div.blade:not(.screen-blade) .blade-handle, div.blade:not(.screen-blade) .blade-collapsed-content {
      position: absolute; }
  div.blade.open .blade-collapsed-content {
    width: 0px;
    display: none; }
  div.blade.open .blade-open-content {
    height: 100%; }
  div.blade.open .blade-open-content-width-0 {
    width: 0px; }
  div.blade.open .blade-open-content-width-5 {
    width: 5px; }
  div.blade.open .blade-open-content-width-10 {
    width: 10px; }
  div.blade.open .blade-open-content-width-15 {
    width: 15px; }
  div.blade.open .blade-open-content-width-20 {
    width: 20px; }
  div.blade.open .blade-open-content-width-25 {
    width: 25px; }
  div.blade.open .blade-open-content-width-30 {
    width: 30px; }
  div.blade.open .blade-open-content-width-35 {
    width: 35px; }
  div.blade.open .blade-open-content-width-40 {
    width: 40px; }
  div.blade.open .blade-open-content-width-45 {
    width: 45px; }
  div.blade.open .blade-open-content-width-50 {
    width: 50px; }
  div.blade.open .blade-open-content-width-55 {
    width: 55px; }
  div.blade.open .blade-open-content-width-60 {
    width: 60px; }
  div.blade.open .blade-open-content-width-65 {
    width: 65px; }
  div.blade.open .blade-open-content-width-70 {
    width: 70px; }
  div.blade.open .blade-open-content-width-75 {
    width: 75px; }
  div.blade.open .blade-open-content-width-80 {
    width: 80px; }
  div.blade.open .blade-open-content-width-85 {
    width: 85px; }
  div.blade.open .blade-open-content-width-90 {
    width: 90px; }
  div.blade.open .blade-open-content-width-95 {
    width: 95px; }
  div.blade.open .blade-open-content-width-100 {
    width: 100px; }
  div.blade.open .blade-open-content-width-105 {
    width: 105px; }
  div.blade.open .blade-open-content-width-110 {
    width: 110px; }
  div.blade.open .blade-open-content-width-115 {
    width: 115px; }
  div.blade.open .blade-open-content-width-120 {
    width: 120px; }
  div.blade.open .blade-open-content-width-125 {
    width: 125px; }
  div.blade.open .blade-open-content-width-130 {
    width: 130px; }
  div.blade.open .blade-open-content-width-135 {
    width: 135px; }
  div.blade.open .blade-open-content-width-140 {
    width: 140px; }
  div.blade.open .blade-open-content-width-145 {
    width: 145px; }
  div.blade.open .blade-open-content-width-150 {
    width: 150px; }
  div.blade.open .blade-open-content-width-155 {
    width: 155px; }
  div.blade.open .blade-open-content-width-160 {
    width: 160px; }
  div.blade.open .blade-open-content-width-165 {
    width: 165px; }
  div.blade.open .blade-open-content-width-170 {
    width: 170px; }
  div.blade.open .blade-open-content-width-175 {
    width: 175px; }
  div.blade.open .blade-open-content-width-180 {
    width: 180px; }
  div.blade.open .blade-open-content-width-185 {
    width: 185px; }
  div.blade.open .blade-open-content-width-190 {
    width: 190px; }
  div.blade.open .blade-open-content-width-195 {
    width: 195px; }
  div.blade.open .blade-open-content-width-200 {
    width: 200px; }
  div.blade.open .blade-open-content-width-205 {
    width: 205px; }
  div.blade.open .blade-open-content-width-210 {
    width: 210px; }
  div.blade.open .blade-open-content-width-215 {
    width: 215px; }
  div.blade.open .blade-open-content-width-220 {
    width: 220px; }
  div.blade.open .blade-open-content-width-225 {
    width: 225px; }
  div.blade.open .blade-open-content-width-230 {
    width: 230px; }
  div.blade.open .blade-open-content-width-235 {
    width: 235px; }
  div.blade.open .blade-open-content-width-240 {
    width: 240px; }
  div.blade.open .blade-open-content-width-245 {
    width: 245px; }
  div.blade.open .blade-open-content-width-250 {
    width: 250px; }
  div.blade.open .blade-open-content-width-255 {
    width: 255px; }
  div.blade.open .blade-open-content-width-260 {
    width: 260px; }
  div.blade.open .blade-open-content-width-265 {
    width: 265px; }
  div.blade.open .blade-open-content-width-270 {
    width: 270px; }
  div.blade.open .blade-open-content-width-275 {
    width: 275px; }
  div.blade.open .blade-open-content-width-280 {
    width: 280px; }
  div.blade.open .blade-open-content-width-285 {
    width: 285px; }
  div.blade.open .blade-open-content-width-290 {
    width: 290px; }
  div.blade.open .blade-open-content-width-295 {
    width: 295px; }
  div.blade.open .blade-open-content-width-300 {
    width: 300px; }
  div.blade.open .blade-open-content-width-305 {
    width: 305px; }
  div.blade.open .blade-open-content-width-310 {
    width: 310px; }
  div.blade.open .blade-open-content-width-315 {
    width: 315px; }
  div.blade.open .blade-open-content-width-320 {
    width: 320px; }
  div.blade.open .blade-open-content-width-325 {
    width: 325px; }
  div.blade.open .blade-open-content-width-330 {
    width: 330px; }
  div.blade.open .blade-open-content-width-335 {
    width: 335px; }
  div.blade.open .blade-open-content-width-340 {
    width: 340px; }
  div.blade.open .blade-open-content-width-345 {
    width: 345px; }
  div.blade.open .blade-open-content-width-350 {
    width: 350px; }
  div.blade.open .blade-open-content-width-355 {
    width: 355px; }
  div.blade.open .blade-open-content-width-360 {
    width: 360px; }
  div.blade.open .blade-open-content-width-365 {
    width: 365px; }
  div.blade.open .blade-open-content-width-370 {
    width: 370px; }
  div.blade.open .blade-open-content-width-375 {
    width: 375px; }
  div.blade.open .blade-open-content-width-380 {
    width: 380px; }
  div.blade.open .blade-open-content-width-385 {
    width: 385px; }
  div.blade.open .blade-open-content-width-390 {
    width: 390px; }
  div.blade.open .blade-open-content-width-395 {
    width: 395px; }
  div.blade.open .blade-open-content-width-400 {
    width: 400px; }
  div.blade.open .blade-open-content-width-405 {
    width: 405px; }
  div.blade.open .blade-open-content-width-410 {
    width: 410px; }
  div.blade.open .blade-open-content-width-415 {
    width: 415px; }
  div.blade.open .blade-open-content-width-420 {
    width: 420px; }
  div.blade.open .blade-open-content-width-425 {
    width: 425px; }
  div.blade.open .blade-open-content-width-430 {
    width: 430px; }
  div.blade.open .blade-open-content-width-435 {
    width: 435px; }
  div.blade.open .blade-open-content-width-440 {
    width: 440px; }
  div.blade.open .blade-open-content-width-445 {
    width: 445px; }
  div.blade.open .blade-open-content-width-450 {
    width: 450px; }
  div.blade.open .blade-open-content-width-455 {
    width: 455px; }
  div.blade.open .blade-open-content-width-460 {
    width: 460px; }
  div.blade.open .blade-open-content-width-465 {
    width: 465px; }
  div.blade.open .blade-open-content-width-470 {
    width: 470px; }
  div.blade.open .blade-open-content-width-475 {
    width: 475px; }
  div.blade.open .blade-open-content-width-480 {
    width: 480px; }
  div.blade.open .blade-open-content-width-485 {
    width: 485px; }
  div.blade.open .blade-open-content-width-490 {
    width: 490px; }
  div.blade.open .blade-open-content-width-495 {
    width: 495px; }
  div.blade.open .blade-open-content-width-500 {
    width: 500px; }
  div.blade.open.blade-left {
    left: 0; }
    div.blade.open.blade-left .blade-handle {
      background-image: url(/app/assets/img/left.png); }
  div.blade.open.blade-right {
    right: 0; }
    div.blade.open.blade-right .blade-handle {
      background-image: url(/app/assets/img/right.png); }
  div.blade:not(.open) .blade-open-content {
    width: 0px;
    display: none; }
  div.blade:not(.open) .blade-collapsed-content-width-0 {
    width: 0px; }
  div.blade:not(.open) .blade-collapsed-content-width-5 {
    width: 5px; }
  div.blade:not(.open) .blade-collapsed-content-width-10 {
    width: 10px; }
  div.blade:not(.open) .blade-collapsed-content-width-15 {
    width: 15px; }
  div.blade:not(.open) .blade-collapsed-content-width-20 {
    width: 20px; }
  div.blade:not(.open) .blade-collapsed-content-width-25 {
    width: 25px; }
  div.blade:not(.open) .blade-collapsed-content-width-30 {
    width: 30px; }
  div.blade:not(.open) .blade-collapsed-content-width-35 {
    width: 35px; }
  div.blade:not(.open) .blade-collapsed-content-width-40 {
    width: 40px; }
  div.blade:not(.open) .blade-collapsed-content-width-45 {
    width: 45px; }
  div.blade:not(.open) .blade-collapsed-content-width-50 {
    width: 50px; }
  div.blade:not(.open) .blade-collapsed-content-width-55 {
    width: 55px; }
  div.blade:not(.open) .blade-collapsed-content-width-60 {
    width: 60px; }
  div.blade:not(.open) .blade-collapsed-content-width-65 {
    width: 65px; }
  div.blade:not(.open) .blade-collapsed-content-width-70 {
    width: 70px; }
  div.blade:not(.open) .blade-collapsed-content-width-75 {
    width: 75px; }
  div.blade:not(.open) .blade-collapsed-content-width-80 {
    width: 80px; }
  div.blade:not(.open) .blade-collapsed-content-width-85 {
    width: 85px; }
  div.blade:not(.open) .blade-collapsed-content-width-90 {
    width: 90px; }
  div.blade:not(.open) .blade-collapsed-content-width-95 {
    width: 95px; }
  div.blade:not(.open) .blade-collapsed-content-width-100 {
    width: 100px; }
  div.blade:not(.open) .blade-collapsed-content-width-105 {
    width: 105px; }
  div.blade:not(.open) .blade-collapsed-content-width-110 {
    width: 110px; }
  div.blade:not(.open) .blade-collapsed-content-width-115 {
    width: 115px; }
  div.blade:not(.open) .blade-collapsed-content-width-120 {
    width: 120px; }
  div.blade:not(.open) .blade-collapsed-content-width-125 {
    width: 125px; }
  div.blade:not(.open) .blade-collapsed-content-width-130 {
    width: 130px; }
  div.blade:not(.open) .blade-collapsed-content-width-135 {
    width: 135px; }
  div.blade:not(.open) .blade-collapsed-content-width-140 {
    width: 140px; }
  div.blade:not(.open) .blade-collapsed-content-width-145 {
    width: 145px; }
  div.blade:not(.open) .blade-collapsed-content-width-150 {
    width: 150px; }
  div.blade:not(.open) .blade-collapsed-content-width-155 {
    width: 155px; }
  div.blade:not(.open) .blade-collapsed-content-width-160 {
    width: 160px; }
  div.blade:not(.open) .blade-collapsed-content-width-165 {
    width: 165px; }
  div.blade:not(.open) .blade-collapsed-content-width-170 {
    width: 170px; }
  div.blade:not(.open) .blade-collapsed-content-width-175 {
    width: 175px; }
  div.blade:not(.open) .blade-collapsed-content-width-180 {
    width: 180px; }
  div.blade:not(.open) .blade-collapsed-content-width-185 {
    width: 185px; }
  div.blade:not(.open) .blade-collapsed-content-width-190 {
    width: 190px; }
  div.blade:not(.open) .blade-collapsed-content-width-195 {
    width: 195px; }
  div.blade:not(.open) .blade-collapsed-content-width-200 {
    width: 200px; }
  div.blade:not(.open) .blade-collapsed-content-width-205 {
    width: 205px; }
  div.blade:not(.open) .blade-collapsed-content-width-210 {
    width: 210px; }
  div.blade:not(.open) .blade-collapsed-content-width-215 {
    width: 215px; }
  div.blade:not(.open) .blade-collapsed-content-width-220 {
    width: 220px; }
  div.blade:not(.open) .blade-collapsed-content-width-225 {
    width: 225px; }
  div.blade:not(.open) .blade-collapsed-content-width-230 {
    width: 230px; }
  div.blade:not(.open) .blade-collapsed-content-width-235 {
    width: 235px; }
  div.blade:not(.open) .blade-collapsed-content-width-240 {
    width: 240px; }
  div.blade:not(.open) .blade-collapsed-content-width-245 {
    width: 245px; }
  div.blade:not(.open) .blade-collapsed-content-width-250 {
    width: 250px; }
  div.blade:not(.open) .blade-collapsed-content-width-255 {
    width: 255px; }
  div.blade:not(.open) .blade-collapsed-content-width-260 {
    width: 260px; }
  div.blade:not(.open) .blade-collapsed-content-width-265 {
    width: 265px; }
  div.blade:not(.open) .blade-collapsed-content-width-270 {
    width: 270px; }
  div.blade:not(.open) .blade-collapsed-content-width-275 {
    width: 275px; }
  div.blade:not(.open) .blade-collapsed-content-width-280 {
    width: 280px; }
  div.blade:not(.open) .blade-collapsed-content-width-285 {
    width: 285px; }
  div.blade:not(.open) .blade-collapsed-content-width-290 {
    width: 290px; }
  div.blade:not(.open) .blade-collapsed-content-width-295 {
    width: 295px; }
  div.blade:not(.open) .blade-collapsed-content-width-300 {
    width: 300px; }
  div.blade:not(.open) .blade-collapsed-content-width-305 {
    width: 305px; }
  div.blade:not(.open) .blade-collapsed-content-width-310 {
    width: 310px; }
  div.blade:not(.open) .blade-collapsed-content-width-315 {
    width: 315px; }
  div.blade:not(.open) .blade-collapsed-content-width-320 {
    width: 320px; }
  div.blade:not(.open) .blade-collapsed-content-width-325 {
    width: 325px; }
  div.blade:not(.open) .blade-collapsed-content-width-330 {
    width: 330px; }
  div.blade:not(.open) .blade-collapsed-content-width-335 {
    width: 335px; }
  div.blade:not(.open) .blade-collapsed-content-width-340 {
    width: 340px; }
  div.blade:not(.open) .blade-collapsed-content-width-345 {
    width: 345px; }
  div.blade:not(.open) .blade-collapsed-content-width-350 {
    width: 350px; }
  div.blade:not(.open) .blade-collapsed-content-width-355 {
    width: 355px; }
  div.blade:not(.open) .blade-collapsed-content-width-360 {
    width: 360px; }
  div.blade:not(.open) .blade-collapsed-content-width-365 {
    width: 365px; }
  div.blade:not(.open) .blade-collapsed-content-width-370 {
    width: 370px; }
  div.blade:not(.open) .blade-collapsed-content-width-375 {
    width: 375px; }
  div.blade:not(.open) .blade-collapsed-content-width-380 {
    width: 380px; }
  div.blade:not(.open) .blade-collapsed-content-width-385 {
    width: 385px; }
  div.blade:not(.open) .blade-collapsed-content-width-390 {
    width: 390px; }
  div.blade:not(.open) .blade-collapsed-content-width-395 {
    width: 395px; }
  div.blade:not(.open) .blade-collapsed-content-width-400 {
    width: 400px; }
  div.blade:not(.open) .blade-collapsed-content-width-405 {
    width: 405px; }
  div.blade:not(.open) .blade-collapsed-content-width-410 {
    width: 410px; }
  div.blade:not(.open) .blade-collapsed-content-width-415 {
    width: 415px; }
  div.blade:not(.open) .blade-collapsed-content-width-420 {
    width: 420px; }
  div.blade:not(.open) .blade-collapsed-content-width-425 {
    width: 425px; }
  div.blade:not(.open) .blade-collapsed-content-width-430 {
    width: 430px; }
  div.blade:not(.open) .blade-collapsed-content-width-435 {
    width: 435px; }
  div.blade:not(.open) .blade-collapsed-content-width-440 {
    width: 440px; }
  div.blade:not(.open) .blade-collapsed-content-width-445 {
    width: 445px; }
  div.blade:not(.open) .blade-collapsed-content-width-450 {
    width: 450px; }
  div.blade:not(.open) .blade-collapsed-content-width-455 {
    width: 455px; }
  div.blade:not(.open) .blade-collapsed-content-width-460 {
    width: 460px; }
  div.blade:not(.open) .blade-collapsed-content-width-465 {
    width: 465px; }
  div.blade:not(.open) .blade-collapsed-content-width-470 {
    width: 470px; }
  div.blade:not(.open) .blade-collapsed-content-width-475 {
    width: 475px; }
  div.blade:not(.open) .blade-collapsed-content-width-480 {
    width: 480px; }
  div.blade:not(.open) .blade-collapsed-content-width-485 {
    width: 485px; }
  div.blade:not(.open) .blade-collapsed-content-width-490 {
    width: 490px; }
  div.blade:not(.open) .blade-collapsed-content-width-495 {
    width: 495px; }
  div.blade:not(.open) .blade-collapsed-content-width-500 {
    width: 500px; }
  div.blade:not(.open).blade-left .blade-handle {
    background-image: url(/app/assets/img/right.png); }
  div.blade:not(.open).blade-right .blade-handle {
    background-image: url(/app/assets/img/left.png); }
  div.blade .blade-rotate90-content {
    background-color: #702082;
    color: #fff; }
  div.blade .blade-content {
    transition: width 0.5s; }
  div.blade .blade-handle {
    background-position: 40% 50%;
    background-repeat: no-repeat;
    opacity: 0.9;
    height: 100%;
    background-color: #d3d4d5;
    cursor: pointer;
    float: left;
    width: 20px; }
  div.blade.blade-left {
    float: left; }
    div.blade.blade-left .blade-content {
      float: left; }
  div.blade.blade-right {
    float: right; }
    div.blade.blade-right .blade-content {
      float: right;
      margin-left: 30px; }

.right, .metro-button.bottom-right, .bottom-right.metro-button-thin {
  float: right; }

.left, .site-header .home, .metro-button.bottom-left, .bottom-left.metro-button-thin {
  float: left; }

.clear {
  clear: both; }

.bottom {
  position: absolute;
  bottom: 0; }

.hamburger-menu-holder {
  position: absolute;
  top: 6px;
  height: 32px; }

.hamburger-menu {
  width: 30px;
  height: 5px;
  background-color: #fff;
  border-radius: 5px;
  position: relative; }

.hamburger-menu:after, .hamburger-menu:before {
  content: '';
  width: 100%;
  height: 5px;
  background-color: #fff;
  position: absolute;
  border-radius: 5px; }

.hamburger-menu:after {
  top: 10px; }

.hamburger-menu:before {
  top: 20px; }

.multi-level-menu-holder {
  position: absolute;
  top: 35px;
  font-size: 0.8em; }

html {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 12px;
  color: #000;
  height: 100%;
  /*padding-bottom: 40px;*/ }

input, textarea, keygen, select, button, a.button-like {
  font-family: 'Open Sans', sans-serif !important; }

body {
  height: 100%;
  background-color: #d8dbd8; }

h1 {
  font-size: 19px; }

h2 {
  font-size: 14px;
  margin-bottom: 10px; }

a {
  text-decoration: none;
  color: #333; }

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

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

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

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.rotate90 {
  transform: rotate(-90deg); }

chart {
  display: block; }

.muted {
  color: #7C7E80; }

.bold {
  font-weight: bold; }

.highlighted {
  color: #702082; }

.print-page {
  page-break-inside: avoid;
  padding-top: 40px;
  clear: both; }
  .print-page:not(:first-child) {
    page-break-before: always; }

.mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(56, 56, 56, 0.7);
  z-index: 999; }

.modal {
  background: #fff;
  width: 650px;
  margin: 100px auto;
  padding: 10px 16px;
  background: white; }

.chk-final {
  width: 2px;
  padding-right: 0 !important; }

.no-lpadding {
  padding-left: 0 !important; }

.modal-header {
  background-color: #dcd0c0;
  /* Warning color */
  color: #333;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #ccc; }

.modal-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: bold; }

.modal-body {
  padding: 15px;
  font-size: 14px; }

.shadow-box {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  padding: 30px; }

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("/app/assets/fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); }

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url("/app/assets/fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); }

/* https://developers.google.com/fonts/docs/material_symbols */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  src: url("/app/assets/fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2") format("woff"); }

/*# sourceMappingURL=platform.css.map */