/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

.gridster {
  position: relative;
  margin: auto;
  height: 0; }

.gridster > ul {
  margin: 0;
  list-style: none;
  padding: 0; }

.gridster-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  z-index: 2;
  position: absolute;
  display: none; }

.gridster-loaded {
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }

.gridster-loaded .gridster-item {
  display: block;
  position: absolute;
  -webkit-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  -moz-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  -o-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms; }

.gridster-loaded .gridster-preview-holder {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #ddd;
  border-color: #fff;
  opacity: 0.2; }

.gridster-loaded .gridster-item.gridster-item-moving, .gridster-loaded .gridster-preview-holder {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.gridster-mobile {
  height: auto !important; }

.gridster-mobile .gridster-item {
  height: auto;
  position: static;
  float: none; }

.gridster-item.ng-leave.ng-leave-active {
  opacity: 0; }

.gridster-item.ng-enter {
  opacity: 1; }

.gridster-item-moving {
  z-index: 3; }

.gridster-item-resizable-handler {
  position: absolute;
  font-size: 1px;
  display: block;
  z-index: 5; }

.handle-se {
  cursor: se-resize;
  width: 0;
  height: 0;
  right: 1px;
  bottom: 1px;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent; }

.handle-ne {
  cursor: ne-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  top: 1px; }

.handle-nw {
  cursor: nw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  top: 1px; }

.handle-sw {
  cursor: sw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px; }

.handle-e {
  cursor: e-resize;
  width: 12px;
  bottom: 0;
  right: 1px;
  top: 0; }

.handle-s {
  cursor: s-resize;
  height: 12px;
  right: 0;
  bottom: 1px;
  left: 0; }

.handle-n {
  cursor: n-resize;
  height: 12px;
  right: 0;
  top: 1px;
  left: 0; }

.handle-w {
  cursor: w-resize;
  width: 12px;
  left: 1px;
  top: 0;
  bottom: 0; }

.gridster .gridster-item:hover .gridster-box {
  border: 1.5px solid #B3B2B3; }

.gridster .gridster-item:hover .handle-se {
  border-color: transparent transparent #ccc; }

.angucomplete-holder {
  position: relative; }

.angucomplete-dropdown {
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  width: 250px;
  padding: 6px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  /*top: 32px;
    left: 0px;
    */
  margin-top: -6px;
  background-color: #ffffff; }

.angucomplete-searching {
  color: #acacac;
  font-size: 14px; }

.angucomplete-description {
  font-size: 14px; }

.angucomplete-row {
  padding: 5px;
  color: #000000;
  margin-bottom: 4px;
  clear: both; }

.angucomplete-selected-row {
  background-color: lightblue;
  color: #ffffff; }

.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px; }

.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px; }

.angucomplete-image-default {
  /* Add your own default image here
     background-image: url('/assets/default.png');
    */
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px; }

.datepicker a, [datepicker] a, datepicker a {
  color: inherit;
  text-decoration: none; }

.datepicker a:hover, [datepicker] a:hover, datepicker a:hover {
  text-decoration: none; }

.datepicker select, .datepicker select:focus, .datepicker select:hover, [datepicker] select, [datepicker] select:focus, [datepicker] select:hover, datepicker select, datepicker select:focus, datepicker select:hover {
  width: 100%;
  overflow: hidden;
  background: 0 0;
  color: #fff;
  background-color: #138efa;
  border-radius: 2px;
  border: 0;
  margin-top: 5px; }

._720kb-datepicker-calendar-body, ._720kb-datepicker-calendar-days-header, ._720kb-datepicker-calendar-header, ._720kb-datepicker-calendar-years-pagination-pages, .datepicker, [datepicker], datepicker {
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 13.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: right;
  position: relative; }

._720kb-datepicker-calendar {
  background: #fff;
  color: #333;
  position: absolute;
  z-index: 999;
  min-width: 220px;
  margin: 0 auto;
  width: 101%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  visibility: hidden;
  overflow: hidden;
  margin-left: -0.5%;
  padding: 0 0 2% 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

._720kb-datepicker-calendar._720kb-datepicker-forced-to-open, ._720kb-datepicker-calendar._720kb-datepicker-open {
  visibility: visible; }

._720kb-datepicker-calendar-header {
  text-align: center;
  font-size: 15px;
  line-height: 40px; }

._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #138efa; }

._720kb-datepicker-calendar-header:nth-child(even) {
  background: #7bc6fc; }

._720kb-datepicker-calendar-header-left, ._720kb-datepicker-calendar-header-middle, ._720kb-datepicker-calendar-header-right {
  width: 15%;
  float: left; }

._720kb-datepicker-calendar-header-middle {
  width: 70%; }

._720kb-datepicker-calendar-header-closed-pagination::after {
  content: " \25BE"; }

._720kb-datepicker-calendar-header-opened-pagination::after {
  content: " \25BE";
  margin-left: 4px;
  position: relative;
  bottom: -3px;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

._720kb-datepicker-calendar-body {
  width: 96%;
  margin: 2%;
  text-align: center; }

._720kb-datepicker-calendar-day {
  cursor: pointer;
  font-size: 12.5px;
  width: 12.2%;
  margin: 5px 1%;
  padding: 1.5% 0;
  float: left;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

._720kb-datepicker-calendar-day._720kb-datepicker-active, ._720kb-datepicker-calendar-day:hover {
  background: rgba(0, 0, 0, 0.03); }

._720kb-datepicker-calendar-header a, ._720kb-datepicker-calendar-header a:hover {
  text-decoration: none;
  padding: 3% 9% 4% 9%;
  font-size: 13.5px;
  color: rgba(0, 0, 0, 0.55);
  font-weight: 700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

._720kb-datepicker-calendar-header a:hover {
  color: rgba(0, 0, 0, 0.9);
  background: rgba(255, 255, 255, 0.45); }

._720kb-datepicker-calendar-month {
  color: #fff; }

._720kb-datepicker-calendar-month span {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4); }

._720kb-datepicker-calendar-month a span i {
  font-style: normal;
  font-size: 15px; }

._720kb-datepicker-calendar-month a, ._720kb-datepicker-calendar-month a:hover {
  padding: 3px;
  margin-left: 1%; }

._720kb-datepicker-calendar-years-pagination {
  padding: 2% 0 0 0;
  float: left;
  clear: right;
  width: 100%; }

._720kb-datepicker-calendar-years-pagination a, ._720kb-datepicker-calendar-years-pagination a:hover {
  font-size: 12px;
  padding: 0 7px;
  font-weight: 400;
  margin: 3px 1% 0 1%;
  line-height: 20px;
  display: inline-block; }

._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  background: rgba(255, 255, 255, 0.45); }

._720kb-datepicker-calendar-years-pagination-pages a, ._720kb-datepicker-calendar-years-pagination-pages a:hover {
  padding: 5px 10px; }

._720kb-datepicker-calendar-days-header {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2% 0 2%;
  background: rgba(19, 142, 250, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.02); }

._720kb-datepicker-calendar-days-header div {
  width: 14.18%;
  font-weight: 500;
  font-size: 11.5px;
  padding: 10px 0;
  float: left;
  text-align: center;
  color: rgba(0, 0, 0, 0.7); }

._720kb-datepicker-calendar-days ._720kb-datepicker-default-button {
  font-size: 18.5px;
  position: relative;
  bottom: -0.5px; }

._720kb-datepicker-default-button {
  padding: 0 4.5px; }

._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
  width: 95%;
  float: none;
  margin: 0 auto; }

._720kb-datepicker-item-hidden {
  visibility: hidden; }

._720kb-datepicker-calendar-day._720kb-datepicker-disabled, ._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover {
  color: rgba(0, 0, 0, 0.2);
  background: rgba(25, 2, 0, 0.02);
  cursor: default; }

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.13.2 - 2015-10-09T15:34:24.045Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold; }

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.ui-select-choices-row:hover {
  background-color: #f5f5f5; }

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950; }

.select2-result-single {
  padding-left: 0; }

.select2-locked > .select2-search-choice-close {
  display: none; }

.select-locked > .ui-select-match-close {
  display: none; }

body > .select2-container.open {
  z-index: 9999;
  /* The z-index Select2 applies to the select2-drop */ }

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ui-select-container[theme="select2"].direction-up .ui-select-dropdown {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 1px;
  /* FIXME hardcoded value :-/ */
  border-top-style: solid;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -4px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search {
  margin-top: 4px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match {
  border-bottom-color: #5897fb; }

/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important; }

/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%; }

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%; }

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950; }

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -2px;
  /* FIXME hardcoded value :-/ */ }

/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.ui-select-bootstrap .ui-select-toggle {
  position: relative; }

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px; }

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static; }

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.ui-select-bootstrap > .ui-select-match > .btn {
  /* Instead of center because of .btn */
  text-align: left !important; }

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px; }

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px; }

body > .ui-select-bootstrap.open {
  z-index: 1000;
  /* Standard Bootstrap dropdown z-index */ }

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px; }

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.66667em;
  margin-bottom: 3px; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0; }

.ui-select-multiple .ui-select-match-item {
  position: relative; }

.ui-select-multiple .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca; }

.ui-select-multiple .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca; }

.ui-select-bootstrap .ui-select-choices-row > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap; }

.ui-select-bootstrap .ui-select-choices-row > a:hover, .ui-select-bootstrap .ui-select-choices-row > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.ui-select-bootstrap .ui-select-choices-row.disabled > a, .ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff; }

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add, .ui-select-search.ng-hide-add {
  display: none !important; }

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950; }

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); }

tags-input {
  display: block; }

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

tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%; }

tags-input .host:active {
  outline: 0; }

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 1px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  box-shadow: 1px 1px 1px 0 #d3d3d3 inset;
  height: 100%; }

tags-input .tags.focused {
  outline: 0;
  -webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6); }

tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 26px;
  line-height: 25px;
  border: 1px solid #acacac;
  border-radius: 3px;
  background: -webkit-linear-gradient(top, #f0f9ff 0, #cbebff 47%, #a1dbff 100%);
  background: linear-gradient(to bottom, #f0f9ff 0, #cbebff 47%, #a1dbff 100%); }

tags-input .tags .tag-item.selected {
  background: -webkit-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
  background: linear-gradient(to bottom, #febbbb 0, #fe9090 45%, #ff5c5c 100%); }

tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: 0 0;
  cursor: pointer;
  vertical-align: middle;
  font: 700 16px Arial, sans-serif;
  color: #585858; }

tags-input .tags .input.invalid-tag, tags-input .tags .tag-item .remove-button:active {
  color: red; }

tags-input .tags .input {
  border: 0;
  outline: 0;
  margin: 2px;
  padding: 0 0 0 5px;
  float: left;
  height: 26px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }

tags-input .tags .input::-ms-clear {
  display: none; }

tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); }

tags-input[disabled] .host:focus {
  outline: 0; }

tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default; }

tags-input[disabled] .tags .tag-item {
  opacity: 0.65;
  background: -webkit-linear-gradient(top, #f0f9ff 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
  background: linear-gradient(to bottom, #f0f9ff 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%); }

tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default; }

tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858; }

tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default; }

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative; }

tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff; }

tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf; }

tags-input .autocomplete .suggestion-item em {
  font: normal 700 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff; }

/* ===== RESET STYLES ===== */
#wdr-pivot-view, #wdr-toolbar-wrapper {
  line-height: 1;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  -webkit-text-size-adjust: none; }

#wdr-pivot-view input[type=text], #wdr-toolbar-wrapper input[type=text] {
  -webkit-appearance: none; }

#wdr-pivot-view div, #wdr-pivot-view span, #wdr-pivot-view applet, #wdr-pivot-view object, #wdr-pivot-view iframe, #wdr-pivot-view h1, #wdr-pivot-view h2, #wdr-pivot-view h3, #wdr-pivot-view h4, #wdr-pivot-view h5, #wdr-pivot-view h6, #wdr-pivot-view p, #wdr-pivot-view blockquote, #wdr-pivot-view pre, #wdr-pivot-view a, #wdr-pivot-view abbr, #wdr-pivot-view acronym, #wdr-pivot-view address, #wdr-pivot-view big, #wdr-pivot-view cite, #wdr-pivot-view code, #wdr-pivot-view del, #wdr-pivot-view dfn, #wdr-pivot-view em, #wdr-pivot-view img, #wdr-pivot-view ins, #wdr-pivot-view kbd, #wdr-pivot-view q, #wdr-pivot-view s, #wdr-pivot-view samp, #wdr-pivot-view small, #wdr-pivot-view strike, #wdr-pivot-view strong, #wdr-pivot-view sub, #wdr-pivot-view sup, #wdr-pivot-view tt, #wdr-pivot-view var, #wdr-pivot-view b, #wdr-pivot-view u, #wdr-pivot-view i, #wdr-pivot-view center, #wdr-pivot-view dl, #wdr-pivot-view dt, #wdr-pivot-view dd, #wdr-pivot-view ol, #wdr-pivot-view ul, #wdr-pivot-view li, #wdr-pivot-view fieldset, #wdr-pivot-view form, #wdr-pivot-view label, #wdr-pivot-view legend, #wdr-pivot-view table, #wdr-pivot-view caption, #wdr-pivot-view tbody, #wdr-pivot-view tfoot, #wdr-pivot-view thead, #wdr-pivot-view tr, #wdr-pivot-view th, #wdr-pivot-view td, #wdr-pivot-view article, #wdr-pivot-view aside, #wdr-pivot-view canvas, #wdr-pivot-view details, #wdr-pivot-view embed, #wdr-pivot-view figure, #wdr-pivot-view figcaption, #wdr-pivot-view footer, #wdr-pivot-view header, #wdr-pivot-view menu, #wdr-pivot-view nav, #wdr-pivot-view output, #wdr-pivot-view ruby, #wdr-pivot-view section, #wdr-pivot-view summary, #wdr-pivot-view time, #wdr-pivot-view mark, #wdr-pivot-view audio, #wdr-pivot-view video, #wdr-toolbar-wrapper div, #wdr-toolbar-wrapper span, #wdr-toolbar-wrapper applet, #wdr-toolbar-wrapper object, #wdr-toolbar-wrapper iframe, #wdr-toolbar-wrapper h1, #wdr-toolbar-wrapper h2, #wdr-toolbar-wrapper h3, #wdr-toolbar-wrapper h4, #wdr-toolbar-wrapper h5, #wdr-toolbar-wrapper h6, #wdr-toolbar-wrapper p, #wdr-toolbar-wrapper blockquote, #wdr-toolbar-wrapper pre, #wdr-toolbar-wrapper a, #wdr-toolbar-wrapper abbr, #wdr-toolbar-wrapper acronym, #wdr-toolbar-wrapper address, #wdr-toolbar-wrapper big, #wdr-toolbar-wrapper cite, #wdr-toolbar-wrapper code, #wdr-toolbar-wrapper del, #wdr-toolbar-wrapper dfn, #wdr-toolbar-wrapper em, #wdr-toolbar-wrapper img, #wdr-toolbar-wrapper ins, #wdr-toolbar-wrapper kbd, #wdr-toolbar-wrapper q, #wdr-toolbar-wrapper s, #wdr-toolbar-wrapper samp, #wdr-toolbar-wrapper small, #wdr-toolbar-wrapper strike, #wdr-toolbar-wrapper strong, #wdr-toolbar-wrapper sub, #wdr-toolbar-wrapper sup, #wdr-toolbar-wrapper tt, #wdr-toolbar-wrapper var, #wdr-toolbar-wrapper b, #wdr-toolbar-wrapper u, #wdr-toolbar-wrapper i, #wdr-toolbar-wrapper center, #wdr-toolbar-wrapper dl, #wdr-toolbar-wrapper dt, #wdr-toolbar-wrapper dd, #wdr-toolbar-wrapper ol, #wdr-toolbar-wrapper ul, #wdr-toolbar-wrapper li, #wdr-toolbar-wrapper fieldset, #wdr-toolbar-wrapper form, #wdr-toolbar-wrapper label, #wdr-toolbar-wrapper legend, #wdr-toolbar-wrapper table, #wdr-toolbar-wrapper caption, #wdr-toolbar-wrapper tbody, #wdr-toolbar-wrapper tfoot, #wdr-toolbar-wrapper thead, #wdr-toolbar-wrapper tr, #wdr-toolbar-wrapper th, #wdr-toolbar-wrapper td, #wdr-toolbar-wrapper article, #wdr-toolbar-wrapper aside, #wdr-toolbar-wrapper canvas, #wdr-toolbar-wrapper details, #wdr-toolbar-wrapper embed, #wdr-toolbar-wrapper figure, #wdr-toolbar-wrapper figcaption, #wdr-toolbar-wrapper footer, #wdr-toolbar-wrapper header, #wdr-toolbar-wrapper menu, #wdr-toolbar-wrapper nav, #wdr-toolbar-wrapper output, #wdr-toolbar-wrapper ruby, #wdr-toolbar-wrapper section, #wdr-toolbar-wrapper summary, #wdr-toolbar-wrapper time, #wdr-toolbar-wrapper mark, #wdr-toolbar-wrapper audio, #wdr-toolbar-wrapper video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  border-collapse: collapse;
  border-spacing: 0; }

#wdr-pivot-view ol, #wdr-pivot-view ul, #wdr-toolbar-wrapper ol, #wdr-toolbar-wrapper ul {
  list-style: none; }

#wdr-pivot-view table, #wdr-toolbar-wrapper table {
  border-collapse: collapse;
  border-spacing: 0; }

#wdr-pivot-view caption, #wdr-pivot-view th, #wdr-pivot-view td, #wdr-toolbar-wrapper caption, #wdr-toolbar-wrapper th, #wdr-toolbar-wrapper td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

#wdr-pivot-view q, #wdr-pivot-view blockquote, #wdr-toolbar-wrapper q, #wdr-toolbar-wrapper blockquote {
  quotes: none; }

#wdr-pivot-view q:before, #wdr-pivot-view q:after, #wdr-pivot-view blockquote:before, #wdr-pivot-view blockquote:after, #wdr-toolbar-wrapper q:before, #wdr-toolbar-wrapper q:after, #wdr-toolbar-wrapper blockquote:before, #wdr-toolbar-wrapper blockquote:after {
  content: "";
  content: none; }

#wdr-pivot-view img, #wdr-toolbar-wrapper img {
  max-width: 100%;
  height: auto;
  height: initial;
  border: none; }

#wdr-pivot-view a, #wdr-toolbar-wrapper a {
  text-decoration: none; }

#wdr-pivot-view article, #wdr-pivot-view aside, #wdr-pivot-view details, #wdr-pivot-view figcaption, #wdr-pivot-view figure, #wdr-pivot-view footer, #wdr-pivot-view header, #wdr-pivot-view main, #wdr-pivot-view menu, #wdr-pivot-view nav, #wdr-pivot-view section, #wdr-pivot-view summary, #wdr-toolbar-wrapper article, #wdr-toolbar-wrapper aside, #wdr-toolbar-wrapper details, #wdr-toolbar-wrapper figcaption, #wdr-toolbar-wrapper figure, #wdr-toolbar-wrapper footer, #wdr-toolbar-wrapper header, #wdr-toolbar-wrapper main, #wdr-toolbar-wrapper menu, #wdr-toolbar-wrapper nav, #wdr-toolbar-wrapper section, #wdr-toolbar-wrapper summary {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#wdr-pivot-view :focus, #wdr-toolbar-wrapper :focus {
  outline: none; }

#wdr-pivot-view h1, #wdr-pivot-view h2, #wdr-pivot-view h3, #wdr-pivot-view h4, #wdr-pivot-view h5, #wdr-pivot-view h6, #wdr-toolbar-wrapper h1, #wdr-toolbar-wrapper h2, #wdr-toolbar-wrapper h3, #wdr-toolbar-wrapper h4, #wdr-toolbar-wrapper h5, #wdr-toolbar-wrapper h6 {
  font-weight: normal; }

/*-----------STANDARD RESET END-----------------*/
@font-face {
  font-family: "webdatarocks-icons";
  src: url("../assets/webdatarocks-icons.woff") format("woff"), url("../assets/webdatarocks-icons.ttf") format("truetype"), url("../assets/webdatarocks-icons.svg#webdatarocks-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* === Do NOT remove and do NOT change .wdr-csscheck class === */
.wdr-csscheck {
  font-family: 'webdatarocks'; }

/* ===== PIVOT UI ===== */
#wdr-pivot-view .wdr-ui, #wdr-pivot-view .wdr-ui span, #wdr-pivot-view .wdr-ui div, #wdr-pivot-view .wdr-ui p, #wdr-pivot-view .wdr-ui a, #wdr-pivot-view .wdr-ui table, #wdr-pivot-view .wdr-ui table th, #wdr-pivot-view .wdr-ui table tr, #wdr-pivot-view .wdr-ui table td, #wdr-pivot-view .wdr-ui ul, #wdr-pivot-view .wdr-ui li, #wdr-pivot-view .wdr-ui input, #wdr-pivot-view .wdr-ui textarea, #wdr-pivot-view .wdr-ui select, #wdr-toolbar-wrapper .wdr-toolbar-ui, #wdr-toolbar-wrapper .wdr-toolbar-ui span, #wdr-toolbar-wrapper .wdr-toolbar-ui div, #wdr-toolbar-wrapper .wdr-toolbar-ui p, #wdr-toolbar-wrapper .wdr-toolbar-ui a, #wdr-toolbar-wrapper .wdr-toolbar-ui table, #wdr-toolbar-wrapper .wdr-toolbar-ui table th, #wdr-toolbar-wrapper .wdr-toolbar-ui table tr, #wdr-toolbar-wrapper .wdr-toolbar-ui table td, #wdr-toolbar-wrapper .wdr-toolbar-ui ul, #wdr-toolbar-wrapper .wdr-toolbar-ui li, #wdr-toolbar-wrapper .wdr-toolbar-ui input, #wdr-toolbar-wrapper .wdr-toolbar-ui textarea, #wdr-toolbar-wrapper .wdr-toolbar-ui select {
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-align: left;
  color: #111;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  border-radius: 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-shadow: none;
  float: none;
  line-height: normal; }

#wdr-pivot-view .wdr-ui-mobile, #wdr-pivot-view .wdr-ui-mobile span, #wdr-pivot-view .wdr-ui-mobile div, #wdr-pivot-view .wdr-ui-mobile p, #wdr-pivot-view .wdr-ui-mobile a, #wdr-pivot-view .wdr-ui-mobile table, #wdr-pivot-view .wdr-ui-mobile th, #wdr-pivot-view .wdr-ui-mobile tr, #wdr-pivot-view .wdr-ui-mobile td, #wdr-pivot-view .wdr-ui-mobile ul, #wdr-pivot-view .wdr-ui-mobile li, #wdr-pivot-view .wdr-ui-mobile input, #wdr-pivot-view .wdr-ui-mobile textarea, #wdr-pivot-view .wdr-ui-mobile select, #wdr-pivot-view .wdr-ui-mobile option {
  font-size: 14px;
  -webkit-border-radius: 0;
  border-radius: 0; }

#wdr-pivot-view .wdr-ui-mobile input[type="text"] {
  height: 28px;
  line-height: 28px;
  border: 1px solid #009688;
  background-color: #ffffff; }

#wdr-pivot-view .wdr-ui-mobile select {
  background-color: #ffffff; }

#wdr-pivot-view .wdr-ui a {
  font-weight: normal; }

#wdr-pivot-view .wdr-ui ul > li:before {
  width: 0px !important;
  height: 0px !important;
  margin: 0;
  padding: 0;
  border: 0; }

#wdr-pivot-view a.wdr-ui {
  color: inherit;
  font-weight: normal; }

#wdr-pivot-view a.wdr-ui:hover {
  color: inherit;
  font-weight: normal;
  text-decoration: none; }

#wdr-pivot-view input.wdr-ui {
  font-size: 12px;
  outline: none; }

#wdr-pivot-view input.wdr-ui-mobile {
  font-size: 14px; }

#wdr-pivot-view span.wdr-ui {
  font-size: 11px; }

#wdr-pivot-view span.wdr-ui-mobile {
  font-size: 14px; }

#wdr-pivot-view div.wdr-ui-clear {
  clear: both; }

#wdr-pivot-view input[type=text].wdr-ui-text-input, #wdr-pivot-view input[type=number].wdr-ui-text-input {
  /*vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 38px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  color: #111;
  font-size: 14px;
  background: #fff;
  border: 1px solid #f0f0f0; }

#wdr-pivot-view input[type=text].wdr-ui-text-input.wdr-ui-prompt {
  color: #cecece;
  font-style: italic; }

#wdr-pivot-view input[type=text].wdr-ui-text-input.wdr-ui-mobile {
  height: 30px; }

#wdr-pivot-view .wdr-ui textarea.wdr-ui-text-area {
  resize: none;
  border: 1px solid #009688;
  padding: 1px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  color: #111;
  font-size: 14px; }

#wdr-pivot-view .wdr-ui textarea.wdr-ui-text-area:focus {
  outline: none; }

#wdr-pivot-view [class^="wdr-ui-icon-"]:before, #wdr-pivot-view [class*=" wdr-ui-icon-"]:before, #wdr-pivot-view .wdr-ui-icon:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: webdatarocks-icons !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#wdr-pivot-view .wdr-icon-act_add:before {
  content: "\e900"; }

#wdr-pivot-view .wdr-icon-act_calc:before {
  content: "\e90a"; }

#wdr-pivot-view .wdr-icon-act_check:before {
  content: "\e902"; }

#wdr-pivot-view .wdr-icon-act_close:before {
  content: "\e908"; }

#wdr-pivot-view .wdr-icon-act_close_small:before {
  content: "\e904"; }

#wdr-pivot-view .wdr-icon-act_filter:before {
  content: "\e905"; }

#wdr-pivot-view .wdr-icon-act_font:before {
  content: "\e906"; }

#wdr-pivot-view .wdr-icon-act_search:before {
  content: "\e913"; }

#wdr-pivot-view .wdr-icon-act_table_settings:before {
  content: "\e90c"; }

#wdr-pivot-view .wdr-icon-act_table_sort:before {
  content: "\e90d"; }

#wdr-pivot-view .wdr-icon-act_trash:before {
  content: "\e908"; }

#wdr-pivot-view .wdr-icon-arrow_down:before {
  content: "\e90f"; }

#wdr-pivot-view .wdr-icon-arrow_left:before {
  content: "\e910"; }

#wdr-pivot-view .wdr-icon-arrow_right:before {
  content: "\e911"; }

#wdr-pivot-view .wdr-icon-arrow_up:before {
  content: "\e912"; }

#wdr-pivot-view .wdr-icon-count_down:before {
  content: "\e926"; }

#wdr-pivot-view .wdr-icon-count_up:before {
  content: "\e927"; }

#wdr-pivot-view .wdr-icon-dd_connect_csv:before {
  content: "\e928"; }

#wdr-pivot-view .wdr-icon-dd_connect_json:before {
  content: "\e929"; }

#wdr-pivot-view .wdr-icon-dd_export_bar:before {
  content: "\e92a"; }

#wdr-pivot-view .wdr-icon-dd_export_bar_hor:before {
  content: "\e92b"; }

#wdr-pivot-view .wdr-icon-dd_export_bar_lane:before {
  content: "\e92c"; }

#wdr-pivot-view .wdr-icon-dd_export_bar_stack:before {
  content: "\e92d"; }

#wdr-pivot-view .wdr-icon-dd_export_line:before {
  content: "\e92e"; }

#wdr-pivot-view .wdr-icon-dd_export_pie:before {
  content: "\e92f"; }

#wdr-pivot-view .wdr-icon-dd_export_scatter:before {
  content: "\e930"; }

#wdr-pivot-view .wdr-icon-dd_format:before {
  content: "\e931"; }

#wdr-pivot-view .wdr-icon-dd_format_1:before {
  content: "\e932"; }

#wdr-pivot-view .wdr-icon-dd_open_local:before {
  content: "\e933"; }

#wdr-pivot-view .wdr-icon-dd_open_remote:before {
  content: "\e934"; }

#wdr-pivot-view .wdr-icon-dd_save_exel:before {
  content: "\e935"; }

#wdr-pivot-view .wdr-icon-dd_save_html:before {
  content: "\e936"; }

#wdr-pivot-view .wdr-icon-dd_save_image:before {
  content: "\e937"; }

#wdr-pivot-view .wdr-icon-dd_save_pdf:before {
  content: "\e938"; }

#wdr-pivot-view .wdr-icon-dd_save_print:before {
  content: "\e939"; }

#wdr-pivot-view .wdr-icon-direction_direction_y:before {
  content: "\e93a"; }

#wdr-pivot-view .wdr-icon-menu_connect:before {
  content: "\e93c"; }

#wdr-pivot-view .wdr-icon-menu_export:before {
  content: "\e93d"; }

#wdr-pivot-view .wdr-icon-menu_fields:before {
  content: "\e93e"; }

#wdr-pivot-view .wdr-icon-menu_format:before {
  content: "\e93f"; }

#wdr-pivot-view .wdr-icon-menu_fullscreen_close:before {
  content: "\e940"; }

#wdr-pivot-view .wdr-icon-menu_fullscreen_open:before {
  content: "\e941"; }

#wdr-pivot-view .wdr-icon-menu_grid:before {
  content: "\e942"; }

#wdr-pivot-view .wdr-icon-menu_open:before {
  content: "\e943"; }

#wdr-pivot-view .wdr-icon-menu_options:before {
  content: "\e944"; }

#wdr-pivot-view .wdr-icon-menu_save:before {
  content: "\e945"; }

#wdr-pivot-view .wdr-icon-notif_arrow:before {
  content: "\e949"; }

#wdr-pivot-view .wdr-icon-notif_confirm:before {
  content: "\e901"; }

#wdr-pivot-view .wdr-icon-notif_info:before {
  content: "\e948"; }

#wdr-pivot-view .wdr-icon-notif_warning:before {
  content: "\e949"; }

.wdr-ui-icon {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.wdr-ui-vam {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.wdr-ui-icon-vam {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.wdr-ui-ham {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.wdr-ui-icon-ham {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.wdr-ui-icon-c {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.wdr-shadow {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

#wdr-pivot-view span.wdr-ui-label {
  color: #111;
  font-size: 14px; }

#wdr-pivot-view span.wdr-ui-label * {
  font-size: 14px; }

#wdr-pivot-view span.wdr-ui-label b {
  font-weight: bold; }

#wdr-pivot-view span.wdr-ui-label-light {
  color: #111; }

#wdr-pivot-view a.wdr-ui-btn, #wdr-toolbar-wrapper a.wdr-ui-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  position: relative;
  outline: none;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 12px;
  letter-spacing: 0.5px;
  min-width: 90px;
  color: #00897B;
  border-radius: 4px;
  background: #E0F2F1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#wdr-pivot-view a.wdr-ui-btn:hover, #wdr-toolbar-wrapper a.wdr-ui-btn:hover {
  font-weight: bold;
  color: #00a392;
  background: #ebf7f6;
  /*-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/ }

#wdr-pivot-view a.wdr-ui-btn:hover, #wdr-toolbar-wrapper a.wdr-ui-btn:hover, #wdr-pivot-view a.wdr-ui-btn:focus, #wdr-toolbar-wrapper a.wdr-ui-btn:focus, #wdr-pivot-view a.wdr-ui-btn:active, #wdr-toolbar-wrapper a.wdr-ui-btn:active {
  outline: none; }

#wdr-pivot-view a.wdr-ui-btn-dark, #wdr-toolbar-wrapper a.wdr-ui-btn-dark {
  color: #fff;
  background: #00897B; }

#wdr-pivot-view a.wdr-ui-btn-dark:hover, #wdr-toolbar-wrapper a.wdr-ui-btn-dark:hover {
  font-weight: bold;
  color: #fff;
  background: #00a392; }

#wdr-pivot-view a.wdr-ui-btn-light, #wdr-toolbar-wrapper a.wdr-ui-btn-light {
  background: #f1fbfa;
  border: 1px solid #f0f0f0;
  color: #111;
  font-weight: normal;
  text-transform: none;
  padding: 11px 11px; }

#wdr-pivot-view a.wdr-ui-btn-light:hover, #wdr-toolbar-wrapper a.wdr-ui-btn-light:hover {
  background: #ebf7f6;
  /*border-color: @ui-border-color-light;*/
  color: #111;
  font-weight: normal; }

#wdr-pivot-view a.wdr-ui-btn-superlight, #wdr-toolbar-wrapper a.wdr-ui-btn-superlight {
  background: #fff;
  /*border: @ui-element-border;*/
  color: #111;
  font-weight: normal;
  text-transform: none;
  padding: 11px 11px;
  padding-top: 9px; }

#wdr-pivot-view a.wdr-ui-btn-superlight:hover, #wdr-toolbar-wrapper a.wdr-ui-btn-superlight:hover {
  background: #f1fbfa;
  /*border-color: @ui-border-color-light;*/
  color: #111;
  font-weight: normal; }

#wdr-pivot-view a.wdr-ui-btn.wdr-ui-btn-close, #wdr-toolbar-wrapper a.wdr-ui-btn.wdr-ui-btn-close {
  font-size: 0;
  border: none;
  background: none;
  min-width: auto;
  min-width: initial;
  width: 30px;
  height: 30px;
  padding: 2px; }

#wdr-pivot-view a.wdr-ui-btn.wdr-ui-btn-close:before, #wdr-toolbar-wrapper a.wdr-ui-btn.wdr-ui-btn-close:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: "\e908";
  font-size: 26px; }

#wdr-pivot-view .wdr-ui-btns-row, #wdr-toolbar-wrapper .wdr-ui-btns-row {
  font-size: 0; }

#wdr-pivot-view .wdr-ui-btns-row .wdr-ui-btn, #wdr-toolbar-wrapper .wdr-ui-btns-row .wdr-ui-btn {
  margin-right: 20px;
  height: 38px; }

#wdr-pivot-view .wdr-ui-btns-row .wdr-ui-btn:last-child, #wdr-toolbar-wrapper .wdr-ui-btns-row .wdr-ui-btn:last-child {
  margin-right: 0; }

#wdr-pivot-view .wdr-icon-notif_arrow:before, #wdr-toolbar-wrapper .wdr-icon-notif_arrow:before {
  content: "\e949"; }

#wdr-pivot-view a.wdr-ui-toggle-btn {
  color: #111;
  font-size: 14px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: 1px solid #f0f0f0;
  background: #fff; }

#wdr-pivot-view a.wdr-ui-toggle-btn.wdr-selected {
  color: #111;
  background: #E0F2F1; }

#wdr-pivot-view a.wdr-ui-toggle-btn:hover {
  color: #111;
  background: #ebf7f6; }

#wdr-pivot-view a.wdr-ui-toggle-btn-dark {
  color: #111;
  background: #E0F2F1; }

#wdr-pivot-view a.wdr-ui-toggle-btn-dark.wdr-selected {
  color: #fff;
  background: #00897B;
  border-color: #00897B; }

#wdr-pivot-view a.wdr-ui-toggle-btn-dark.wdr-selected:hover {
  background: #00a392;
  border-color: #00a392; }

#wdr-pivot-view a.wdr-ui-link-btn {
  background: none;
  font-size: 12px;
  text-decoration: underline;
  line-height: normal;
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  border: none;
  padding: 0;
  cursor: pointer; }

#wdr-pivot-view a.wdr-ui-link-btn:hover {
  background: none;
  text-decoration: none; }

#wdr-pivot-view a.wdr-ui-link-btn.wdr-ui-pressed {
  background: none;
  text-decoration: underline; }

#wdr-pivot-view a.wdr-ui-checkbox {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle; }

#wdr-pivot-view a.wdr-ui-checkbox .wdr-ui-label {
  padding-left: 30px;
  position: relative;
  line-height: 1.2;
  color: #111;
  font-size: 14px; }

#wdr-pivot-view a.wdr-ui-checkbox .wdr-ui-label:before {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #f0f0f0;
  background: #fff; }

#wdr-pivot-view a.wdr-ui-checkbox .wdr-ui-label:before:hover {
  border-color: #009688; }

#wdr-pivot-view a.wdr-ui-checkbox .wdr-ui-label:after {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  opacity: 0;
  content: '\e901';
  color: #fff;
  font-size: 16px;
  left: 1px; }

#wdr-pivot-view a.wdr-ui-checkbox.wdr-selected .wdr-ui-label:after {
  opacity: 1; }

#wdr-pivot-view a.wdr-ui-checkbox.wdr-selected .wdr-ui-label:before {
  border: none;
  background: #00897B; }

#wdr-pivot-view a.wdr-ui-checkbox.wdr-ui-semi-selected .wdr-ui-label:after {
  content: '';
  background: #00897B;
  width: 10px;
  height: 10px;
  left: 4px;
  top: 9px;
  opacity: 1; }

#wdr-pivot-view div.wdr-ui-dropdown {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  width: auto;
  width: initial;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn {
  display: block;
  position: relative;
  background-color: #fff;
  text-align: left;
  border: 1px solid #f0f0f0;
  padding: 9px 35px 10px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 38px; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn .wdr-ui-label {
  color: #111;
  font-size: 14px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn:after {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: "\e902";
  right: 8px;
  font-size: 21px;
  color: #009688; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn.wdr-selected:after {
  content: "\e904"; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn.wdr-selected + .wdr-ui-dropdown-list {
  margin-top: 5px;
  visibility: visible;
  opacity: 1; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list {
  display: block;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 100%;
  border: 1px solid #f0f0f0;
  margin-top: 20px;
  visibility: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  background: #fff; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul {
  overflow-y: auto;
  max-height: 300px; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  padding: 11px 9px;
  cursor: pointer;
  position: relative; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li .wdr-ui-label {
  color: #111;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li:last-child {
  border-bottom: none; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li:hover {
  background: #E0F2F1; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li.wdr-selected {
  background: #E0F2F1;
  padding-right: 25px;
  position: relative; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li.wdr-selected:after {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: '\e901';
  color: #009688;
  right: 8px;
  font-size: 18px; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list:before, #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list:after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list:before {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 5.5px 6px 5.5px;
  border-color: transparent transparent #f0f0f0 transparent;
  top: -6px; }

#wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 4.5px 5px 4.5px;
  border-color: transparent transparent #fff transparent;
  top: -5px; }

/* popup */
#wdr-pivot-view div.wdr-ui-window {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  background: #fff;
  margin: 0 auto 0;
  border: 1px solid #f0f0f0;
  padding: 24px 30px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 7; }

#wdr-pivot-view div.wdr-ui-window .wdr-popup-header {
  min-height: 40px;
  margin-bottom: 10px; }

#wdr-pivot-view div.wdr-ui-window .wdr-popup-header.wdr-ph-simple {
  margin-bottom: 24px; }

#wdr-pivot-view div.wdr-ui-window .wdr-popup-header .wdr-popup-icons-row {
  margin-bottom: 25px;
  margin-top: 7px; }

#wdr-pivot-view div.wdr-ui-window .wdr-popup-header .wdr-ui-btns-row {
  position: absolute;
  right: 30px; }

#wdr-pivot-view div.wdr-ui-window .wdr-popup-title {
  color: #111;
  font-size: 24px;
  display: block;
  padding: 5px 0; }

#wdr-pivot-view div.wdr-ui-window .wdr-popup-subtitle {
  color: #111;
  font-size: 14px;
  margin-top: 5px;
  display: block; }

#wdr-pivot-view div.wdr-ui-popup {
  z-index: 12; }

#wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile {
  padding: 20px; }

#wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile .wdr-popup-subtitle {
  display: none; }

#wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile .wdr-ui-btns-row {
  right: 20px; }

#wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header {
  margin-bottom: 10px; }

#wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-col {
  width: 100%;
  margin-bottom: 10px; }

#wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-btns-row {
  position: relative;
  right: initial;
  right: auto;
  text-align: left; }

#wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-btns-row .wdr-ui-btn {
  width: calc(50% - 10px);
  width: -webkit-calc(50% - 10px); }

#wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header .wdr-popup-title {
  font-size: 18px;
  line-height: 1; }

#wdr-toolbar-wrapper .wdr-ui .wdr-ui-row, #wdr-pivot-view .wdr-ui .wdr-ui-row {
  font-size: 0; }

#wdr-toolbar-wrapper .wdr-ui .wdr-ui-col, #wdr-pivot-view .wdr-ui .wdr-ui-col, #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-2, #wdr-pivot-view .wdr-ui .wdr-ui-col-2, #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-3, #wdr-pivot-view .wdr-ui .wdr-ui-col-3, #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-9, #wdr-pivot-view .wdr-ui .wdr-ui-col-9 {
  display: inline-block;
  vertical-align: top;
  min-height: 1px; }

#wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-2, #wdr-pivot-view .wdr-ui .wdr-ui-col-2 {
  width: 50%; }

#wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-3, #wdr-pivot-view .wdr-ui .wdr-ui-col-3 {
  margin-right: 30px;
  width: -webkit-calc(33.33% - 20px);
  width: calc(33.33% - 20px); }

#wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-3:nth-child(3n+3), #wdr-pivot-view .wdr-ui .wdr-ui-col-3:nth-child(3n+3) {
  margin-right: 0; }

#wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-9, #wdr-pivot-view .wdr-ui .wdr-ui-col-9 {
  margin-right: 1px;
  margin-bottom: 1px;
  width: -webkit-calc(11.11% - 0.9px);
  width: calc(11.11% - 0.9px); }

#wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-9:nth-child(9n+9), #wdr-pivot-view .wdr-ui .wdr-ui-col-9:nth-child(9n+9) {
  margin-right: 0; }

#wdr-toolbar-wrapper .wdr-ui .wdr-vam, #wdr-pivot-view .wdr-ui .wdr-vam {
  vertical-align: middle; }

#wdr-toolbar-wrapper .wdr-ui .wdr-vat, #wdr-pivot-view .wdr-ui .wdr-vat {
  vertical-align: top; }

#wdr-toolbar-wrapper .wdr-ui .wdr-tar, #wdr-pivot-view .wdr-ui .wdr-tar {
  text-align: right; }

#wdr-toolbar-wrapper .wdr-ui .wdr-tal, #wdr-pivot-view .wdr-ui .wdr-tal {
  text-align: left; }

#wdr-toolbar-wrapper .wdr-ui .wdr-tac, #wdr-pivot-view .wdr-ui .wdr-tac {
  text-align: center; }

#wdr-toolbar-wrapper .wdr-ui .wdr-mb30, #wdr-pivot-view .wdr-ui .wdr-mb30 {
  margin-bottom: 30px; }

#wdr-pivot-view .wdr-helper {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  background: #E0F2F1;
  opacity: 0.9;
  padding: 10px 9px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #f0f0f0;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
  color: #111; }

#wdr-pivot-view .wdr-header-helper {
  text-transform: uppercase;
  border: none;
  background: #009688;
  padding: 8px 6px;
  font-size: 12px;
  border: 1px solid #009688;
  cursor: move; }

#wdr-pivot-view .wdr-drop-indicator {
  height: 2px;
  background: #00897B;
  pointer-events: none; }

#wdr-pivot-view div.wdr-ui-panel {
  position: relative;
  background: #fff;
  border: 1px solid #009688; }

#wdr-pivot-view div.wdr-ui-modal-overlay {
  background-color: white;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%; }

#wdr-pivot-view div.wdr-ui-modal-overlay.wdr-ui-opaque {
  opacity: 1; }

#wdr-pivot-view div.wdr-ui-modal-overlay.wdr-ui-transparent {
  opacity: 0; }

#wdr-pivot-view div.wdr-ui-toolbar {
  background: #fff;
  border-top: 1px dotted #dcdcdc;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-bottom: 0px; }

#wdr-pivot-view div.wdr-ui-hgroup {
  overflow: hidden; }

#wdr-pivot-view div.wdr-ui-hgroup > * {
  float: left; }

#wdr-pivot-view div.wdr-ui-vgroup > * {
  display: block; }

#wdr-pivot-view ul.wdr-ui-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }

#wdr-pivot-view .wdr-ui-disabled, #wdr-toolbar-wrapper .wdr-ui-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

#wdr-pivot-view div.wdr-ui-vlist {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto; }

#wdr-pivot-view div.wdr-ui-vlist ul.wdr-ui-list {
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 0;
  background: #fff; }

#wdr-pivot-view div.wdr-ui-vlist div.wdr-ui-vlist-placeholder {
  width: 100%; }

#wdr-pivot-view div.wdr-ui-divider {
  background-color: #E0F2F1;
  position: absolute;
  z-index: 1; }

#wdr-pivot-view div.wdr-ui-divider:hover {
  background-color: #d9efee; }

#wdr-pivot-view div.wdr-ui-divider:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "\e910";
  font-size: 13px;
  color: #009688; }

#wdr-pivot-view div.wdr-ui-divider.wdr-ui-horizontal {
  left: 0;
  right: 0;
  height: 9px; }

#wdr-pivot-view div.wdr-ui-divider.wdr-ui-horizontal:hover {
  cursor: row-resize; }

#wdr-pivot-view div.wdr-ui-divider.wdr-ui-horizontal:before {
  top: -2px; }

#wdr-pivot-view div.wdr-ui-divider.wdr-ui-vertical {
  top: 0;
  bottom: 0;
  width: 9px; }

#wdr-pivot-view div.wdr-ui-divider.wdr-ui-vertical:hover {
  cursor: col-resize; }

#wdr-pivot-view div.wdr-ui-divider.wdr-ui-vertical:before {
  left: -2px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

#wdr-pivot-view .wdr-ui-toolbar-mobile {
  height: 48px;
  border-bottom: 1px solid #009688; }

#wdr-pivot-view .wdr-ui-toolbar-mobile .wdr-ui-header-display {
  pointer-events: none;
  position: absolute;
  top: 12px;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  width: 100%; }

@media only screen and (max-width: 560px) {
  #wdr-pivot-view .wdr-ui-toolbar-mobile .wdr-ui-header-display {
    font-size: 14px;
    top: 15px; } }

#wdr-pivot-view .wdr-ui-right {
  position: absolute;
  right: 0;
  top: 0; }

#wdr-pivot-view .wdr-ui-left {
  position: absolute;
  left: 0;
  top: 0; }

#wdr-pivot-view a.wdr-ui-btn.wdr-disabled {
  pointer-events: none;
  cursor: default;
  color: #aaa;
  opacity: 0.4; }

#wdr-pivot-view a.wdr-ui-btn:hover.wdr-disabled {
  background: #fff; }

#wdr-pivot-view a.wdr-ui-btn:active.wdr-disabled {
  background: #fff; }

#wdr-pivot-view .wdr-credits {
  position: absolute;
  right: 0;
  bottom: -12px;
  opacity: 0.5; }

#wdr-pivot-view .wdr-credits a {
  font-size: 9px !important; }

/* ===== PIVOT UI END ===== */
/* Filter */
#wdr-pivot-view #wdr-filter-view {
  width: 500px;
  min-width: 320px;
  /* layouts */ }

#wdr-pivot-view #wdr-filter-view .wdr-popup-header {
  margin-bottom: 25px; }

#wdr-pivot-view #wdr-filter-view .wdr-popup-header .wdr-ui-row .wdr-ui-btns-row {
  white-space: nowrap;
  position: absolute;
  right: 0; }

#wdr-pivot-view #wdr-filter-view .wdr-popup-header .wdr-popup-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

#wdr-pivot-view #wdr-filter-view .wdr-bold-btn {
  font-weight: bold;
  text-transform: uppercase; }

#wdr-pivot-view #wdr-filter-view a.wdr-ui-toggle-btn.wdr-sort-btn {
  width: 70px;
  font-weight: bold;
  text-transform: uppercase; }

#wdr-pivot-view #wdr-filter-view #wdr-sort-label {
  margin-right: 10px; }

#wdr-pivot-view #wdr-filter-view .wdr-sort-btns {
  display: inline-block;
  margin-bottom: 30px; }

#wdr-pivot-view #wdr-filter-view .wdr-sort-btns .wdr-sort-btn:first-child {
  border-right: none; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn {
  position: relative;
  width: 140px;
  margin-bottom: 30px;
  font-weight: bold;
  text-transform: uppercase; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn .wdr-btn-canceltopx {
  display: none;
  position: absolute;
  right: 4px;
  top: 8px;
  width: 12px;
  height: 16px; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn .wdr-btn-canceltopx:hover {
  text-decoration: none; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn .wdr-btn-canceltopx:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: "\e908";
  font-size: 15px;
  left: -15px; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-not-empty {
  padding-right: 20px; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-not-empty .wdr-btn-canceltopx {
  display: block; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-narrow {
  width: 90px; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-narrow.wdr-not-empty {
  padding-left: 12px; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-narrow .wdr-btn-canceltopx {
  font-size: 0;
  right: 6px; }

#wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-selected .wdr-btn-canceltopx {
  color: #fff; }

#wdr-pivot-view #wdr-filter-view #wdr-add-group-btn {
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 20px;
  margin-bottom: 30px;
  width: 100px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table {
  border: 1px solid #f0f0f0;
  margin-bottom: 30px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-ui-checkbox.wdr-selected {
  font-weight: bold; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content {
  position: relative; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list {
  height: 100%;
  overflow-y: auto; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 9px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li .wdr-expand-toggle-btn {
  color: #009688;
  display: inline-block;
  font-size: 14px;
  position: relative;
  min-height: 1px;
  width: 30px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li .wdr-expand-toggle-btn:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: "\e911";
  top: -17px;
  text-align: center;
  width: 30px;
  padding: 8px 0; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li .wdr-expand-toggle-btn.wdr-selected:before {
  content: "\e90f"; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li .wdr-ungroup-btn {
  position: absolute;
  right: 10px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header {
  border-bottom: 1px solid #f0f0f0;
  background: #E0F2F1;
  padding: 10px 9px;
  position: relative;
  height: 37px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-btn-collapse {
  margin-left: 8px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header #wdr-select-counter {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  color: #111;
  font-size: 12px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  border-left: 1px solid #f0f0f0; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-inp {
  position: absolute;
  right: 0;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  padding-right: 39px;
  font-size: 14px;
  background: #fff;
  opacity: 0;
  border: none;
  visibility: hidden;
  border-left: 1px solid #f0f0f0; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-icon-act_close {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 39px;
  cursor: pointer;
  color: #009688; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-icon-act_close:before {
  font-size: 26px;
  position: absolute;
  top: 5px;
  left: 8px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-icon-act_close:hover {
  color: #00897B; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn {
  position: absolute;
  height: 36px;
  width: 100%;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  border: none;
  background: transparent;
  color: #111;
  padding-top: 10px;
  padding-right: 16px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn .wdr-icon-act_search {
  color: #009688;
  position: absolute;
  top: 5px;
  right: 7px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn .wdr-icon-act_search:before {
  font-size: 25px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn:hover {
  color: #111; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn:hover .wdr-icon-act_search, #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn:hover .wdr-icon-act_search:before {
  color: #111; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened {
  width: 50%;
  height: 100%;
  border-left: none; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened .wdr-icon-act_close, #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened .wdr-search-inp {
  visibility: visible;
  opacity: 1; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened #wdr-select-counter {
  display: none; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened .wdr-search-btn {
  display: none; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened .wdr-search-btn .wdr-icon-act_search:before {
  color: #E0F2F1; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table:last-child {
  margin-bottom: 0; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-table.wdr-ft-contentheight-220 .wdr-filters-table-content {
  height: 222px; }

#wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-top-amount-input {
  width: 70px;
  vertical-align: top; }

#wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-topx-btns {
  margin-left: 10px;
  display: inline-block;
  width: 140px; }

#wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-topx-btns a.wdr-ui-toggle-btn.wdr-topx-btn {
  width: 50%; }

#wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-topx-btns .wdr-topx-btn:first-child {
  border-right: none; }

#wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-top-measures-dropdown {
  width: calc(100% - 230px);
  width: -webkit-calc(100% - 230px);
  min-width: 120px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px; }

#wdr-pivot-view #wdr-filter-view #wdr-add-group-view #wdr-save-btn {
  width: 80px;
  color: #111; }

#wdr-pivot-view #wdr-filter-view #wdr-add-group-view #wdr-group-name-input {
  width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px);
  margin-right: 10px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-subview {
  margin-bottom: 20px;
  margin-top: -10px;
  background: #f1fbfa;
  border: 1px solid #E0F2F1;
  position: relative;
  padding: 14px 13px;
  font-size: 0; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-subview:before, #wdr-pivot-view #wdr-filter-view .wdr-filters-subview:after {
  content: '';
  position: absolute;
  display: block; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-subview:before {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 6.5px 7px 6.5px;
  border-color: transparent transparent #E0F2F1 transparent;
  right: 63px;
  top: -7px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-subview:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 5.5px 6px 5.5px;
  border-color: transparent transparent #f1fbfa transparent;
  right: 64px;
  top: -6px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-subview#wdr-add-group-view:before {
  right: 150px; }

#wdr-pivot-view #wdr-filter-view .wdr-filters-subview#wdr-add-group-view:after {
  right: 151px; }

#wdr-pivot-view #wdr-filter-view .wdr-filter-pages-layout .wdr-topx-col {
  text-align: left; }

#wdr-pivot-view #wdr-filter-view .wdr-filter-pages-layout #wdr-add-group-view:before {
  right: initial;
  left: 45px; }

#wdr-pivot-view #wdr-filter-view .wdr-filter-pages-layout #wdr-add-group-view:after {
  right: initial;
  left: 46px; }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-col, #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-col-2 {
  width: 100%; }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-col-2 {
  margin-bottom: 10px; }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-btns-row {
  position: relative; }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-popup-title {
  line-height: 1.1; }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small a.wdr-ui-toggle-btn.wdr-sort-btn {
  width: 60px; }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-sort-label {
  display: none; }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-select-counter {
  display: none !important; }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-filters-topx-view #wdr-top-amount-input, #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-filters-topx-view #wdr-topx-btns {
  width: calc(50% - 5px);
  width: -webkit-calc(50% - 5px); }

#wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-filters-topx-view #wdr-top-measures-dropdown {
  width: 100%;
  min-width: auto;
  min-width: initial;
  margin: 0;
  margin-top: 10px; }

/* Pivot view */
#wdr-pivot-view {
  min-width: 300px;
  min-height: 200px;
  position: relative;
  background: #fff;
  border: 1px solid #f0f0f0;
  outline: none;
  box-sizing: border-box; }

#wdr-pivot-view #wdr-branding-bar {
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  width: 100%;
  height: 21px;
  position: absolute;
  bottom: 0px;
  z-index: 2; }

#wdr-pivot-view #wdr-branding-bar > span {
  line-height: 21px;
  color: #111; }

#wdr-pivot-view #wdr-branding-bar > span a {
  color: #ff9b79; }

#wdr-pivot-view #wdr-branding-bar #wdr-version-label {
  float: left;
  margin-left: 5px; }

@media only screen and (max-width: 660px) {
  #wdr-pivot-view #wdr-branding-bar span, #wdr-pivot-view #wdr-branding-bar span a {
    font-size: 11px; } }

@media only screen and (max-width: 520px) {
  #wdr-pivot-view #wdr-branding-bar #wdr-version-label {
    display: none; } }

#wdr-pivot-view #wdr-branding-bar #wdr-link {
  float: right;
  margin-right: 5px;
  vertical-align: top; }

#wdr-pivot-view #wdr-branding-bar #wdr-info-icon {
  display: inline-block;
  height: 13px;
  width: 13px;
  margin-left: 5px;
  margin-right: 2px;
  color: #f0f0f0;
  font-size: 16px;
  cursor: pointer; }

#wdr-pivot-view #wdr-branding-bar #wdr-info-icon:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: "\ea0c"; }

@media all and (max-width: 600px) {
  #wdr-pivot-view {
    min-width: initial;
    min-height: initial; } }

#wdr-pivot-view #wdr-grid-view {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#wdr-pivot-view .wdr-grid-column {
  width: 100px; }

#wdr-pivot-view .wdr-grid-row {
  height: 30px; }

#wdr-pivot-view .wdr-grid-column-mobile {
  width: 100px; }

#wdr-pivot-view .wdr-grid-row-mobile {
  height: 30px; }

#wdr-pivot-view span.wdr-ui-label.wdr-pivot-title {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 4px 10px 5px; }

/* Fields */
#wdr-pivot-view .wdr-fields-view-wrap {
  position: absolute;
  z-index: 11;
  right: 0;
  top: 0; }

#wdr-pivot-view .wdr-fields-view-wrap.wdr-fields-opened {
  position: relative;
  z-index: 12; }

#wdr-pivot-view .wdr-fields-view-wrap.wdr-fields-opened #wdr-btn-open-fields {
  display: none; }

#wdr-pivot-view .wdr-fields-view-wrap #wdr-btn-open-fields {
  font-size: 0;
  border: none;
  border-radius: 0;
  /*border-bottom-left-radius: 4px;*/
  background-color: #fff;
  min-width: auto;
  min-width: initial;
  padding: 9px;
  width: 44px;
  height: 44px;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

#wdr-pivot-view .wdr-fields-view-wrap #wdr-btn-open-fields:hover {
  background-color: #E0F2F1; }

#wdr-pivot-view .wdr-fields-view-wrap #wdr-btn-open-fields:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  padding-left: 1px;
  content: "\e907";
  font-size: 24px;
  color: #00897B; }

#wdr-pivot-view #wdr-fields-view.wdr-pivot-fields {
  width: 780px;
  min-width: 450px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-header .wdr-ui-col:first-child {
  max-width: 300px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-header .wdr-ui-col:first-child span.wdr-ui-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-header #wdr-btn-add-measure {
  padding-right: 40px;
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-header #wdr-btn-add-measure:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 4px;
  color: #009688;
  font-size: 28px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-header #wdr-btn-add-measure:hover:before {
  color: #00897B; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-ui-row {
  height: 330px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-ui-col-3 {
  height: 100%; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap {
  border: 1px solid #f0f0f0;
  position: relative; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header {
  background: #E0F2F1;
  border-bottom: 1px solid #f0f0f0;
  padding: 5px 10px;
  position: relative; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header span.wdr-ui-label {
  color: #111; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header.wdr-list-header-wide {
  padding: 0px;
  height: 35px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-list-header-label-wrap {
  width: calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  padding: 10px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header #wdr-btn-collapse-expand-all {
  margin-left: 8px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  border-left: 1px solid #f0f0f0;
  z-index: 9; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-inp {
  z-index: 2;
  position: absolute;
  right: 0;
  width: 100%;
  height: 34px;
  padding-left: 39px;
  padding-right: 39px;
  color: #111;
  font-size: 14px;
  background: #fff;
  opacity: 0;
  border: none;
  visibility: hidden; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-icon-act_close {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 39px;
  cursor: pointer;
  z-index: 3;
  color: #009688; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-icon-act_close:before {
  font-size: 26px;
  position: absolute;
  top: 5px;
  left: 8px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-icon-act_close:hover {
  color: #00897B; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn {
  position: absolute;
  height: 36px;
  width: 100%;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  z-index: 3;
  border: none;
  background: transparent;
  color: #111;
  padding-bottom: 4px;
  padding-right: 16px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn .wdr-icon-act_search {
  color: #009688;
  position: absolute;
  top: 5px;
  right: 7px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn .wdr-icon-act_search:before {
  font-size: 25px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn:hover {
  color: #111; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn:hover .wdr-icon-act_search, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn:hover .wdr-icon-act_search:before {
  color: #111; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened {
  width: 100%;
  height: 100%;
  border-left: none; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened .wdr-icon-act_close, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened .wdr-search-inp {
  visibility: visible;
  opacity: 1; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened #wdr-select-counter {
  display: none; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened .wdr-search-btn {
  font-size: 0;
  width: 40px;
  left: 0;
  pointer-events: none; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened .wdr-search-btn .wdr-icon-act_search:before {
  color: #E0F2F1; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content {
  min-height: 37px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content .wdr-ui-list {
  height: calc(100% - 2px);
  height: -webkit-calc(100% - 2px);
  overflow-x: hidden;
  overflow-y: auto;
  position: relative; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 9px;
  position: relative;
  cursor: move;
  background: #fff;
  height: 38px;
  white-space: nowrap; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li span {
  vertical-align: middle; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li #wdr-text-display {
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li #wdr-drag-handle {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #f0f0f0;
  font-size: 20px;
  padding: 8px 6px;
  right: 0; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li #wdr-drag-handle:before {
  content: "\e910"; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li.wdr-values {
  padding-left: 26px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li.wdr-values:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: "\e914";
  font-size: 24px;
  color: #f0f0f0;
  left: 2px;
  top: 6px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li.wdr-selected #wdr-text-display {
  font-weight: bold; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li #wdr-text-display {
  position: absolute;
  left: 30px;
  right: 30px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-check-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  cursor: pointer;
  position: relative; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-unchecked:not(.wdr-level-folder) #wdr-icon-display {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  border: 1px solid #f0f0f0;
  background: #fff; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-checked:not(.wdr-level-folder) #wdr-icon-display {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  background: #00897B; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-checked:not(.wdr-level-folder) #wdr-icon-display:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: '\e901';
  color: #fff;
  font-size: 16px;
  left: 1px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder {
  cursor: pointer; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder #wdr-text-display {
  right: 10px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder #wdr-icon-display {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  position: relative; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder #wdr-icon-display:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 14px;
  color: #009688;
  padding: 2px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder.wdr-collapsed #wdr-icon-display:before {
  content: "\e903"; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder.wdr-expanded #wdr-icon-display:before {
  content: "\e902"; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-level-folder #wdr-text-display {
  left: 52px;
  right: 20px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-level-folder.wdr-unchecked #wdr-moreicon-display {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  border: 1px solid #f0f0f0;
  background: #fff; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-level-folder.wdr-checked #wdr-moreicon-display {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  background: #00897B; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-level-folder.wdr-checked #wdr-moreicon-display:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: '\e901';
  color: #fff;
  font-size: 16px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-measures-folder:after {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: "\e914";
  right: 4px;
  font-size: 24px;
  color: #E0F2F1; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-measures-folder #wdr-text-display {
  right: 20px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-measure:not(.wdr-calculated):after {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: "\e914";
  right: 24px;
  font-size: 24px;
  color: #E0F2F1; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-measure:not(.wdr-calculated) #wdr-text-display {
  right: 50px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-calculated #wdr-calc-display {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer;
  right: 24px;
  font-size: 24px;
  color: #E0F2F1;
  width: 24px;
  height: 24px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-calculated #wdr-calc-display:hover {
  color: #009688; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-calculated #wdr-calc-display:before {
  content: "\e914"; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-kpis-folder:after {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: "\e94a";
  right: 8px;
  font-size: 16px;
  color: #E0F2F1; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-kpis-folder #wdr-text-display {
  right: 25px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1 {
  padding-left: 20px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1 #wdr-text-display {
  left: 42px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1.wdr-level #wdr-text-display {
  left: 54px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1.wdr-level-folder #wdr-text-display {
  left: 64px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2 {
  padding-left: 30px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2 #wdr-text-display {
  left: 52px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2.wdr-level #wdr-text-display {
  left: 64px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2.wdr-level-folder #wdr-text-display {
  left: 74px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3 {
  padding-left: 40px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3 #wdr-text-display {
  left: 62px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3.wdr-level #wdr-text-display {
  left: 74px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3.wdr-level-folder #wdr-text-display {
  left: 84px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4 {
  padding-left: 50px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4 #wdr-text-display {
  left: 72px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4.wdr-level #wdr-text-display {
  left: 84px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4.wdr-level-folder #wdr-text-display {
  left: 94px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5 {
  padding-left: 60px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5 #wdr-text-display {
  left: 82px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5.wdr-level #wdr-text-display {
  left: 94px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5.wdr-level-folder #wdr-text-display {
  left: 104px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6 {
  padding-left: 70px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6 #wdr-text-display {
  left: 92px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6.wdr-level #wdr-text-display {
  left: 104px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6.wdr-level-folder #wdr-text-display {
  left: 114px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7 {
  padding-left: 80px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7 #wdr-text-display {
  left: 102px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7.wdr-level #wdr-text-display {
  left: 114px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7.wdr-level-folder #wdr-text-display {
  left: 124px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8 {
  padding-left: 90px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8 #wdr-text-display {
  left: 112px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8.wdr-level #wdr-text-display {
  left: 124px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8.wdr-level-folder #wdr-text-display {
  left: 134px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9 {
  padding-left: 100px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9 #wdr-text-display {
  left: 122px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9.wdr-level #wdr-text-display {
  left: 134px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9.wdr-level-folder #wdr-text-display {
  left: 144px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10 {
  padding-left: 110px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10 #wdr-text-display {
  left: 132px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10.wdr-level #wdr-text-display {
  left: 144px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10.wdr-level-folder #wdr-text-display {
  left: 154px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10.wdr-level #wdr-icon-display {
  left: 12px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures {
  position: relative; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures #wdr-text-display {
  width: calc(100% - 50px);
  width: -webkit-calc(100% - 50px); }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures #wdr-aggr-display {
  width: 32px;
  height: 100%;
  position: absolute;
  right: 30px;
  top: 0;
  cursor: pointer;
  padding-top: 7px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures #wdr-aggr-display:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  letter-spacing: -8px;
  content: "\e914\e902";
  font-size: 24px;
  color: #009688; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures #wdr-aggr-display:hover:before {
  color: #00897B; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-pages #wdr-text-display, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-columns #wdr-text-display, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-rows #wdr-text-display {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px); }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-prompt {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 12px;
  color: #cecece;
  font-style: italic;
  text-align: center;
  z-index: -1; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-pages, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-cols {
  margin-bottom: 30px; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-pages, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-cols, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-rows, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-measures {
  height: -webkit-calc(50% - 15px);
  height: calc(50% - 15px); }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-pages .wdr-list-content, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-cols .wdr-list-content, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-rows .wdr-list-content, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-measures .wdr-list-content {
  height: -webkit-calc(100% - 23px);
  height: calc(100% - 23px); }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-pages .wdr-dragging-move, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-cols .wdr-dragging-move, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-rows .wdr-dragging-move, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-measures .wdr-dragging-move {
  display: none; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-all {
  height: 100%; }

#wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-all .wdr-list-content {
  height: -webkit-calc(100% - 33px);
  height: calc(100% - 33px); }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields {
  min-width: 320px;
  width: 420px; }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-header .wdr-ui-col:first-child {
  margin-right: 20px; }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-header #wdr-btn-add-measure {
  min-width: 40px;
  width: 40px;
  padding: 0; }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-header {
  padding: 10px 9px; }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-ui-checkbox span.wdr-ui-label {
  color: #111;
  padding-left: 26px; }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-ui-checkbox.wdr-selected {
  font-weight: bold; }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies {
  max-height: 303px; }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li #wdr-text-display {
  left: 35px; }

#wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-dragging-move {
  display: none; }

#wdr-pivot-view #wdr-fields-view.wdr-layout-tablet .wdr-popup-header .wdr-ui-col:first-child {
  margin-right: 20px; }

#wdr-pivot-view #wdr-fields-view.wdr-layout-tablet .wdr-list-wrap .wdr-list-header.wdr-list-header-wide .wdr-list-header-label-wrap {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%); }

#wdr-pivot-view #wdr-fields-view.wdr-layout-tablet .wdr-list-wrap .wdr-list-header.wdr-list-header-wide span.wdr-ui-label {
  display: block; }

#wdr-pivot-view #wdr-fields-view.wdr-layout-tablet .wdr-list-wrap .wdr-list-header.wdr-list-header-wide #wdr-btn-collapse-expand-all {
  margin-left: 0px; }

#wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-btn-add-measure {
  font-size: 0;
  min-width: 40px;
  width: 40px;
  padding: 0; }

#wdr-pivot-view #wdr-fields-view.wdr-layout-mobile .wdr-ui-col-3 {
  margin-right: 12px;
  width: calc(33.33% - 8px);
  width: -webkit-calc(33.33% - 8px); }

#wdr-pivot-view #wdr-fields-view.wdr-layout-mobile .wdr-ui-col-3:nth-child(3n+3) {
  margin-right: 0; }

#wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-pages, #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-columns {
  margin-bottom: 12px; }

#wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-pages, #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-columns, #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-measures, #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-rows {
  height: calc(50% - 6px);
  height: -webkit-calc(50% - 6px); }

#wdr-pivot-view #wdr-fields-view.wdr-layout-mobile-small .wdr-ui-btns-row .wdr-ui-btn:not(#wdr-btn-add-measure) {
  width: calc(50% - 40px);
  width: -webkit-calc(50% - 40px); }

#wdr-pivot-view #wdr-aggregations-view {
  width: 170px;
  background: #fff;
  z-index: 9;
  border: 1px solid #f0f0f0;
  position: absolute;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 0; }

#wdr-pivot-view #wdr-aggregations-view .wdr-arrow {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
  right: 0; }

#wdr-pivot-view #wdr-aggregations-view .wdr-arrow:after, #wdr-pivot-view #wdr-aggregations-view .wdr-arrow:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: "";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid; }

#wdr-pivot-view #wdr-aggregations-view .wdr-arrow:before {
  border-width: 5.5px 0 5.5px 6px;
  border-color: transparent transparent transparent #f0f0f0; }

#wdr-pivot-view #wdr-aggregations-view .wdr-arrow:after {
  border-width: 4.5px 0 4.5px 5px;
  border-color: transparent transparent transparent #E0F2F1; }

#wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden; }

#wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li {
  padding: 10px 9px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  position: relative; }

#wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li:last-child {
  border-bottom: none; }

#wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li:hover {
  background: #E0F2F1; }

#wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li.wdr-selected {
  background: #E0F2F1; }

#wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li.wdr-selected:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: '\e901';
  right: 24px;
  top: 8px;
  color: #009688;
  font-size: 18px; }

#wdr-pivot-view div.wdr-ui-modal-overlay.wdr-dt-fields-overlay {
  z-index: 13; }

#wdr-pivot-view div.wdr-ui-popup.wdr-dt-fields {
  z-index: 14; }

#wdr-pivot-view div.wdr-ui-popup.wdr-dt-fields #wdr-btn-add-measure {
  display: none; }

/* Drill trough view */
#wdr-pivot-view #wdr-drillthrough-view {
  overflow: hidden;
  min-width: 320px; }

#wdr-pivot-view #wdr-drillthrough-view .wdr-header-container {
  position: relative;
  margin-bottom: 10px; }

#wdr-pivot-view #wdr-drillthrough-view .wdr-details-container {
  margin-bottom: 20px; }

#wdr-pivot-view #wdr-drillthrough-view .wdr-details-container .wdr-ui-label {
  margin-right: 20px;
  display: inline-block;
  max-width: 33%;
  vertical-align: top; }

#wdr-pivot-view #wdr-drillthrough-view .wdr-details-container .wdr-ui-label b {
  color: #111; }

#wdr-pivot-view #wdr-drillthrough-view .wdr-details-container .wdr-ui-label:last-child {
  margin-right: 0; }

#wdr-pivot-view #wdr-drillthrough-view .wdr-grid-container {
  border: 1px solid #f0f0f0;
  position: relative; }

#wdr-pivot-view #wdr-drillthrough-view .wdr-popup-title {
  padding-right: 30px; }

#wdr-pivot-view #wdr-drillthrough-view .wdr-ui-btn-close {
  position: absolute;
  top: 0;
  right: 0; }

#wdr-pivot-view input[type=text].wdr-ui-text-input.wdr-editing-cell {
  position: absolute;
  font-size: 12px; }

#wdr-pivot-view textarea.wdr-ui-text-area.wdr-editing-cell {
  position: absolute;
  font-size: 12px;
  padding-left: 4px;
  padding-top: 7px;
  box-sizing: border-box;
  z-index: 1; }

/* Drill trough view end */
/* Calculated view */
#wdr-pivot-view #wdr-calculated-view {
  z-index: 14;
  min-width: 320px;
  width: 480px; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-header .wdr-ui-col:first-child {
  margin-right: 30px; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-header #wdr-remove-btn {
  min-width: 40px;
  padding: 0; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-header #wdr-remove-btn:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 30px;
  right: 4px;
  color: #009688; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-header #wdr-remove-btn:hover:before {
  color: #00897B; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content {
  position: relative; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-name-input {
  margin-bottom: 20px; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures {
  border: 1px solid #f0f0f0;
  margin-bottom: 20px;
  height: 191px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 9px;
  position: relative;
  cursor: move;
  background: #fff;
  height: 38px;
  white-space: nowrap; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li span {
  vertical-align: middle; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-text-display {
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 50px);
  width: -webkit-calc(100% - 50px); }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-aggr-display {
  width: 32px;
  height: 100%;
  position: absolute;
  right: 30px;
  top: 0;
  cursor: pointer;
  padding-top: 7px; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-aggr-display:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  letter-spacing: -8px;
  content: "\e914\e902";
  font-size: 24px;
  color: #009688; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-aggr-display:hover:before {
  color: #00897B; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-drag-handle {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #f0f0f0;
  font-size: 20px;
  padding: 8px;
  right: 0; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-drag-handle:before {
  content: "\e910"; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-func-btn-group {
  margin-top: 20px;
  margin-bottom: 20px; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-func-btn-group .wdr-calc-action {
  height: 38px;
  line-height: 36px;
  font-size: 14px;
  background: #009688;
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-align: center;
  cursor: pointer; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-func-btn-group .wdr-calc-action:hover {
  opacity: 0.85; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content .wdr-formula-wrap {
  position: relative; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content .wdr-formula-wrap #wdr-formula-input {
  width: 100%;
  height: 80px;
  font-size: 14px;
  border: 1px solid #f0f0f0; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content .wdr-formula-wrap #wdr-formula-input.wdr-droppable-over {
  background: #f1fbfa;
  border: 1px solid #009688; }

#wdr-pivot-view #wdr-calculated-view .wdr-popup-content .wdr-formula-wrap .wdr-prompt {
  position: absolute;
  bottom: 10px;
  pointer-events: none;
  left: 0;
  width: 100%;
  text-align: center;
  color: #cecece;
  font-style: italic; }

#wdr-pivot-view #wdr-calculated-view.wdr-layout-mobile .wdr-popup-header .wdr-ui-col:first-child {
  margin-right: 10px; }

#wdr-pivot-view div.wdr-ui-modal-overlay.wdr-calculated-view-overlay {
  z-index: 13; }

/* PRELOADER VIEW */
#wdr-pivot-view div.wdr-ui-modal-overlay.wdr-overlay-preloader {
  z-index: 20; }

#wdr-pivot-view #wdr-preloader-view {
  z-index: 21;
  width: 320px;
  height: 100px; }

#wdr-pivot-view #wdr-preloader-view #wdr-spinner {
  position: relative; }

#wdr-pivot-view #wdr-preloader-view #wdr-spinner:before {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  content: "\e97b";
  font-size: 31px;
  left: 7px;
  top: 10px;
  color: #009688;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 1000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 1000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg); }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

#wdr-pivot-view #wdr-preloader-view #wdr-message-label {
  display: block;
  padding-left: 70px;
  padding-top: 8px; }

#wdr-pivot-view #wdr-preloader-view #wdr-details-label {
  display: block;
  color: #111;
  padding-left: 70px;
  padding-top: 2px;
  font-size: 12px; }

/* PRELOADER END */
/* ALERT VIEW */
#wdr-pivot-view div.wdr-ui-modal-overlay.wdr-overlay-alert {
  z-index: 16; }

#wdr-pivot-view #wdr-alert-view {
  z-index: 17; }

#wdr-pivot-view #wdr-alert-view .wdr-content {
  margin-left: 100px;
  max-width: 300px; }

#wdr-pivot-view #wdr-alert-view .wdr-popup-title {
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis; }

#wdr-pivot-view #wdr-alert-view .wdr-alert-icon {
  position: absolute;
  left: 50px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

#wdr-pivot-view #wdr-alert-view .wdr-ui-btns-row {
  margin-top: 10px; }

#wdr-pivot-view #wdr-alert-view .wdr-ui-btns-row .wdr-ui-btn {
  margin-top: 10px; }

#wdr-pivot-view #wdr-alert-view .wdr-circle {
  display: block;
  border-radius: 50%;
  background: #009688;
  width: 60px;
  height: 60px;
  position: relative;
  margin-left: -10px; }

#wdr-pivot-view #wdr-alert-view .wdr-circle .wdr-ui-icon {
  color: #fff;
  font-size: 38px;
  padding: 11px; }

#wdr-pivot-view #wdr-alert-view .wdr-hexagon {
  display: block;
  position: relative;
  width: 32.33px;
  height: 56px;
  background-color: #009688;
  margin: 16.17px 0; }

#wdr-pivot-view #wdr-alert-view .wdr-hexagon .wdr-ui-icon {
  color: #fff;
  font-size: 38px;
  top: 8px;
  left: -2px; }

#wdr-pivot-view #wdr-alert-view .wdr-hexagon:before, #wdr-pivot-view #wdr-alert-view .wdr-hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent; }

#wdr-pivot-view #wdr-alert-view .wdr-hexagon:before {
  left: 100%;
  border-left: 16.17px solid #009688; }

#wdr-pivot-view #wdr-alert-view .wdr-hexagon:after {
  right: 100%;
  width: 0;
  border-right: 16.17px solid #009688; }

#wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap {
  position: relative; }

#wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-ui-icon {
  color: #fff;
  font-size: 38px;
  top: -30px;
  left: -1px; }

#wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle {
  position: relative;
  background-color: #009688;
  text-align: left;
  display: block;
  margin-top: -7px; }

#wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before, #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after {
  content: '';
  position: absolute;
  background-color: inherit; }

#wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle, #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before, #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after {
  width: 35px;
  height: 35px;
  border-top-right-radius: 30%; }

#wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle {
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  -ms-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866); }

#wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before {
  -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  -ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }

#wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after {
  -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
  -ms-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }

#wdr-pivot-view #wdr-alert-view.wdr-layout-mobile-small .wdr-content {
  margin-left: 0; }

#wdr-pivot-view #wdr-alert-view.wdr-layout-mobile-small .wdr-alert-icon {
  display: none; }

/* ALERT VIEW END*/
.wdr-noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#wdr-pivot-view #wdr-context-menu {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  background-color: #fff;
  border: 1px solid #009688;
  z-index: 20; }

#wdr-pivot-view #wdr-context-menu .wdr-ui-list {
  min-width: 180px; }

#wdr-pivot-view #wdr-context-menu .wdr-ui-list li {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer; }

#wdr-pivot-view #wdr-context-menu .wdr-ui-list li:last-child {
  border-bottom: none; }

#wdr-pivot-view #wdr-context-menu .wdr-ui-list li:hover {
  background-color: #E0F2F1; }

/* NEW GRID */
#wdr-pivot-view .wdr-grid-layout {
  position: relative;
  overflow: hidden; }

#wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane {
  overflow: auto; }

#wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-content {
  position: relative; }

#wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-placeholder {
  position: relative; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell {
  background-color: #fff;
  color: #111;
  box-sizing: border-box;
  vertical-align: top;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 7px 4px;
  /*line-height: 22px;*/ }

#wdr-pivot-view .wdr-grid-layout div.wdr-row {
  white-space: nowrap;
  box-sizing: border-box; }

#wdr-pivot-view .wdr-grid-layout div.wdr-row > div {
  display: inline-block; }

#wdr-pivot-view .wdr-grid-layout #wdr-rows-sheet div.wdr-row {
  display: flex; }

#wdr-pivot-view .wdr-grid-layout #wdr-rows-sheet div.wdr-row > div.wdr-sheet-header {
  display: flex;
  flex-direction: column;
  justify-content: center; }

#wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-content {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  /*pointer-events: none;*/ }

#wdr-pivot-view .wdr-grid-layout #wdr-data-sheet, #wdr-pivot-view .wdr-grid-layout #wdr-rows-sheet, #wdr-pivot-view .wdr-grid-layout #wdr-cols-sheet, #wdr-pivot-view .wdr-grid-layout #wdr-sheet-headers {
  position: absolute;
  overflow: hidden;
  background-color: #fff; }

#wdr-pivot-view .wdr-grid-layout #wdr-data-sheet {
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0; }

#wdr-pivot-view .wdr-grid-layout .wdr-cell {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#wdr-pivot-view .wdr-grid-layout #wdr-data-sheet .wdr-cell {
  text-align: right; }

#wdr-pivot-view .wdr-grid-layout #wdr-cols-sheet .wdr-scroll-pane, #wdr-pivot-view .wdr-grid-layout #wdr-rows-sheet .wdr-scroll-pane {
  overflow: hidden; }

#wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-content .wdr-cell {
  position: relative; }

#wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-placeholder .wdr-cell {
  position: absolute; }

#wdr-pivot-view .wdr-grid-layout div.wdr-header {
  background-color: #f1fbfa;
  color: #888; }

#wdr-pivot-view .wdr-grid-layout div.wdr-filter-header {
  cursor: pointer; }

#wdr-pivot-view .wdr-grid-layout div.wdr-total, #wdr-pivot-view .wdr-grid-layout div.wdr-grand-total {
  font-weight: bold; }

#wdr-pivot-view .wdr-grid-layout div.wdr-header.wdr-total {
  font-weight: normal; }

#wdr-pivot-view .wdr-grid-layout.wdr-flat-view div.wdr-total, #wdr-pivot-view .wdr-grid-layout.wdr-flat-view div.wdr-grand-total {
  text-align: right; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters {
  position: absolute;
  background-color: #009688;
  color: #fff; }

#wdr-pivot-view .wdr-grid-layout #wdr-cols-filter {
  border-right: 1px solid #009688; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters .wdr-header, #wdr-pivot-view .wdr-grid-layout.wdr-flat-view .wdr-header {
  background-color: #009688;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis; }

#wdr-pivot-view .wdr-grid-layout div.wdr-filter-header, #wdr-pivot-view .wdr-grid-layout a.wdr-filter-header {
  padding-right: 20px; }

#wdr-pivot-view .wdr-grid-layout div.wdr-filter-header.wdr-filtered, #wdr-pivot-view .wdr-grid-layout a.wdr-filter-header.wdr-filtered {
  padding-right: 35px; }

#wdr-pivot-view .wdr-grid-layout div.wdr-filter-header:hover {
  background-color: #00897B; }

#wdr-pivot-view .wdr-grid-layout i.wdr-icon {
  position: absolute;
  height: 100%;
  width: 16px;
  top: 0; }

#wdr-pivot-view .wdr-grid-layout i.wdr-icon:before {
  font-family: webdatarocks-icons;
  font-weight: normal;
  font-size: 15px;
  color: #009688;
  position: absolute;
  top: 6px; }

#wdr-pivot-view .wdr-grid-layout.wdr-flat-view i.wdr-icon:before {
  color: #fff; }

#wdr-pivot-view .wdr-grid-layout .wdr-filter-header i.wdr-filter-icon {
  right: 2px;
  pointer-events: none; }

#wdr-pivot-view .wdr-grid-layout .wdr-filter-header i.wdr-filter-icon:before {
  content: "\e915";
  color: #fff; }

#wdr-pivot-view .wdr-grid-layout .wdr-filter-header.wdr-filtered i.wdr-filtered-icon {
  right: 16px;
  pointer-events: none; }

#wdr-pivot-view .wdr-grid-layout .wdr-filter-header.wdr-filtered i.wdr-filtered-icon:before {
  content: "\e90e";
  color: #fff; }

#wdr-pivot-view .wdr-grid-layout .wdr-filter-header.wdr-dragging-move {
  opacity: 0.5; }

#wdr-pivot-view .wdr-grid-layout .wdr-header-drop-indicator {
  background-color: #00897B; }

#wdr-pivot-view .wdr-grid-layout .wdr-draggable:not(.wdr-filter-header) {
  cursor: move; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-cols-filter .wdr-header-drop-indicator {
  display: inline-block;
  width: 3px;
  height: 100%; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-rows-filter .wdr-header-drop-indicator {
  display: block;
  width: 100%;
  height: 3px; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter .wdr-header-drop-indicator {
  float: none;
  display: inline-block;
  width: 3px;
  height: 40px;
  vertical-align: top;
  margin-right: 5px; }

#wdr-pivot-view .wdr-grid-layout.wdr-classic-view .wdr-filters#wdr-rows-filter .wdr-header-drop-indicator {
  display: inline-block;
  width: 3px;
  height: 30px; }

#wdr-pivot-view .wdr-grid-layout.wdr-flat-view .wdr-header-drop-indicator {
  position: absolute;
  width: 3px;
  height: 30px; }

/* pages filter */
#wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter {
  padding: 5px 0 0 5px;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
  white-space: nowrap;
  overflow-x: auto; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter a.wdr-filter-header {
  text-align: left;
  border: none;
  background-color: #009688;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-top: 5px;
  padding-bottom: 20px;
  width: auto;
  width: initial;
  min-width: 80px;
  padding-left: 5px;
  line-height: 15px;
  white-space: nowrap;
  font-weight: bold !important;
  display: inline-block;
  float: none;
  cursor: pointer; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter a.wdr-filter-header:hover {
  background-color: #00897B; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter i.wdr-icon:before {
  top: 5px; }

#wdr-pivot-view .wdr-grid-layout .wdr-filters a.wdr-filter-header .wdr-filter-desc {
  display: block;
  font-weight: normal !important;
  text-transform: none;
  color: #fff;
  font-size: 10px;
  position: absolute;
  bottom: 5px; }

/* levels */
#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-1 {
  padding-left: 15px;
  background-position: 12px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-2 {
  padding-left: 27px;
  background-position: 24px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-3 {
  padding-left: 39px;
  background-position: 36px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-4 {
  padding-left: 51px;
  background-position: 48px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-5 {
  padding-left: 63px;
  background-position: 60px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-6 {
  padding-left: 75px;
  background-position: 72px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-7 {
  padding-left: 87px;
  background-position: 84px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-8 {
  padding-left: 99px;
  background-position: 96px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-9 {
  padding-left: 111px;
  background-position: 108px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-10 {
  padding-left: 123px;
  background-position: 120px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-11 {
  padding-left: 135px;
  background-position: 132px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-12 {
  padding-left: 147px;
  background-position: 144px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-13 {
  padding-left: 159px;
  background-position: 156px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-14 {
  padding-left: 171px;
  background-position: 168px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-15 {
  padding-left: 183px;
  background-position: 180px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-16 {
  padding-left: 195px;
  background-position: 192px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-17 {
  padding-left: 207px;
  background-position: 204px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-18 {
  padding-left: 219px;
  background-position: 216px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-19 {
  padding-left: 231px;
  background-position: 228px center; }

#wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-20 {
  padding-left: 243px;
  background-position: 240px center; }

/* collapsed / expanded */
#wdr-pivot-view .wdr-grid-layout div.wdr-collapsed, #wdr-pivot-view .wdr-grid-layout div.wdr-expanded {
  cursor: pointer; }

#wdr-pivot-view .wdr-grid-layout .wdr-collapsed .wdr-collapsed-icon, #wdr-pivot-view .wdr-grid-layout .wdr-expanded .wdr-expanded-icon {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 11px; }

#wdr-pivot-view .wdr-grid-layout .wdr-collapsed .wdr-collapsed-icon:before, #wdr-pivot-view .wdr-grid-layout .wdr-expanded .wdr-expanded-icon:before {
  top: 0;
  left: -4px; }

#wdr-pivot-view .wdr-grid-layout .wdr-collapsed .wdr-collapsed-icon:before {
  content: "\e903"; }

#wdr-pivot-view .wdr-grid-layout .wdr-expanded .wdr-expanded-icon:before {
  content: "\e902"; }

/* sort */
#wdr-pivot-view .wdr-grid-layout i.wdr-icon.wdr-sort-icon, #wdr-pivot-view #wdr-drillthrough-view i.wdr-icon.wdr-sort-icon {
  cursor: pointer;
  right: 0; }

#wdr-pivot-view .wdr-grid-layout i.wdr-icon.wdr-sort-icon:before, #wdr-pivot-view #wdr-drillthrough-view i.wdr-icon.wdr-sort-icon:before {
  font-size: 15px; }

#wdr-pivot-view .wdr-grid-layout .wdr-cell.wdr-v-sort, #wdr-pivot-view .wdr-grid-layout .wdr-cell.wdr-h-sort {
  padding-right: 16px; }

#wdr-pivot-view .wdr-grid-layout .wdr-v-sort:hover .wdr-v-sort-icon:before, #wdr-pivot-view .wdr-grid-layout .wdr-v-sort .wdr-v-sort-asc:before, #wdr-pivot-view .wdr-grid-layout .wdr-v-sort .wdr-v-sort-desc:before, #wdr-pivot-view .wdr-grid-layout .wdr-h-sort:hover .wdr-h-sort-icon:before, #wdr-pivot-view .wdr-grid-layout .wdr-h-sort .wdr-h-sort-asc:before, #wdr-pivot-view .wdr-grid-layout .wdr-h-sort .wdr-h-sort-desc:before {
  content: "\e900"; }

#wdr-pivot-view .wdr-grid-layout .wdr-v-sort .wdr-v-sort-asc:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

#wdr-pivot-view .wdr-grid-layout .wdr-h-sort:hover .wdr-h-sort-icon:before, #wdr-pivot-view .wdr-grid-layout .wdr-h-sort .wdr-h-sort-desc:before {
  right: 1px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

#wdr-pivot-view .wdr-grid-layout .wdr-h-sort .wdr-h-sort-asc:before {
  right: 2px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

/* drill down links */
#wdr-pivot-view .wdr-grid-layout span.wdr-hierarchy-link {
  white-space: nowrap;
  color: #888;
  font-size: 10px;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 4px; }

#wdr-pivot-view .wdr-grid-layout span.wdr-hierarchy-link:before {
  text-indent: 0;
  margin-right: 2px;
  display: inline-block; }

#wdr-pivot-view .wdr-grid-layout .wdr-drilled-up span.wdr-hierarchy-link:before {
  content: "+"; }

#wdr-pivot-view .wdr-grid-layout .wdr-drilled-down span.wdr-hierarchy-link:before {
  content: "-"; }

/* sheet headers */
#wdr-pivot-view .wdr-grid-layout div.wdr-sheet-header, #wdr-pivot-view .wdr-grid-layout .wdr-filters div.wdr-sheet-header {
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  color: #999;
  background-color: #fff;
  text-align: center;
  line-height: 23px;
  padding: 0 0; }

#wdr-pivot-view .wdr-grid-layout #wdr-sheet-headers .wdr-sheet-header {
  display: inline-block; }

/* KPI cells */
#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi:after {
  display: block;
  position: absolute;
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: auto;
  height: auto;
  height: initial;
  background: transparent;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
  color: #009688;
  font-size: 16px;
  padding-top: 3px; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-bad-icon:after {
  content: "\ea3e"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-risk-icon:after {
  content: "\ea3d"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-ok-icon:after {
  content: "\ea3c"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-rising-icon:after {
  content: "\ea3b"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-good-icon:after {
  content: "\ea3a"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-bad-icon:after {
  content: "\e951"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-risk-icon:after {
  content: "\e954"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-ok-icon:after {
  content: "\e952"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-rising-icon:after {
  content: "\e953"; }

#wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-good-icon:after {
  content: "\e950"; }

/* member properties */
#wdr-pivot-view .wdr-grid-layout div.wdr-cell .wdr-member-property-label {
  font-style: italic; }

/* selection canvas */
#wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas {
  position: absolute;
  background-color: rgba(255, 245, 106, 0.2);
  pointer-events: none;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  z-index: 1; }

#wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border {
  border: none; }

#wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border-right {
  border-right: none; }

#wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border-left {
  border-left: none; }

#wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border-top {
  border-top: none; }

#wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border-bottom {
  border-bottom: none; }

#wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar {
  position: absolute;
  background-color: #009688;
  opacity: 1;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 2;
  height: 17px;
  overflow: hidden; }

#wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar .wdr-auto-calculation-bar-conainer {
  overflow: hidden;
  white-space: nowrap; }

#wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar .wdr-auto-calculation-bar-content {
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block; }

#wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar .wdr-auto-calculation-bar-content-text {
  color: white;
  text-transform: uppercase;
  margin-right: 5px;
  float: left;
  font-size: 11px;
  line-height: 17px; }

#wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar .wdr-auto-calculation-bar-content-results {
  color: white;
  font-weight: bold;
  display: inline-block;
  font-size: 11px;
  line-height: 17px; }

#wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-header {
  border: none; }

/* flat view */
#wdr-pivot-view .wdr-grid-layout.wdr-flat-view .wdr-filter-header {
  padding-left: 16px; }

#wdr-pivot-view .wdr-grid-layout.wdr-flat-view .wdr-filter-header i.wdr-filter-icon {
  left: 0; }

/* resize handles */
#wdr-pivot-view .wdr-grid-layout .wdr-resize-handles {
  position: absolute; }

#wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }

#wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-indicator {
  background-color: #4285f4;
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: 1; }

#wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-handle {
  position: absolute;
  z-index: 1; }

#wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-handle:hover {
  background-color: #4285f4; }

#wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-handle.wdr-active {
  background-color: #4285f4; }

#wdr-pivot-view .wdr-grid-layout .wdr-resize-handles#wdr-cols-resize .wdr-handle {
  width: 7px;
  margin-left: -3px;
  height: 100%;
  min-height: 25px;
  cursor: col-resize; }

#wdr-pivot-view .wdr-grid-layout .wdr-resize-handles#wdr-rows-resize .wdr-handle {
  height: 7px;
  margin-top: -3px;
  width: 100%;
  min-width: 25px;
  cursor: row-resize; }

/*
 * 	Toolbar for webdatarocks Pivot Table Component
 */
#wdr-toolbar-wrapper [class^="wdr-"], #wdr-toolbar-wrapper [class*=" wdr-"] {
  color: #111;
  line-height: 1; }

#wdr-toolbar-wrapper [class^="wdr-"] strong, #wdr-toolbar-wrapper [class*=" wdr-"] strong {
  font-weight: bold; }

#wdr-toolbar-wrapper [class^="wdr-"] a, #wdr-toolbar-wrapper [class*=" wdr-"] a {
  text-decoration: none; }

#wdr-toolbar-wrapper [class^="wdr-"] *, [class*=" wdr-"] * {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#wdr-toolbar-wrapper [class^="wdr-"] ul, #wdr-toolbar-wrapper [class^="wdr-"] ol, #wdr-toolbar-wrapper [class^="wdr-"] p, #wdr-toolbar-wrapper [class*=" wdr-"] ul, #wdr-toolbar-wrapper [class*=" wdr-"] ol, #wdr-toolbar-wrapper [class*=" wdr-"] p {
  list-style: none;
  margin: 0;
  padding: 0; }

#wdr-toolbar-wrapper [class^="wdr-icon-"]:before, #wdr-toolbar-wrapper [class*=" wdr-icon-"]:before, #wdr-toolbar-wrapper .wdr-icon:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add .wdr-icon:before, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-btn .wdr-icon, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark:before {
  font-size: 30px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-weight: normal; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-condition-row .wdr-cr-delete {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

/* TOOLBAR */
#wdr-toolbar-wrapper [class^="wdr-"], #wdr-toolbar-wrapper [class*=" wdr-"] {
  color: #111;
  line-height: 1; }

#wdr-toolbar-wrapper [class^="wdr-"] strong, #wdr-toolbar-wrapper [class*=" wdr-"] strong {
  font-weight: bold; }

#wdr-toolbar-wrapper [class^="wdr-"] a, #wdr-toolbar-wrapper [class*=" wdr-"] a {
  text-decoration: none; }

#wdr-toolbar-wrapper [class^="wdr-"] *, [class*=" wdr-"] * {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#wdr-toolbar-wrapper [class^="wdr-"] ul, #wdr-toolbar-wrapper [class^="wdr-"] ol, #wdr-toolbar-wrapper [class^="wdr-"] p, #wdr-toolbar-wrapper [class*=" wdr-"] ul, #wdr-toolbar-wrapper [class*=" wdr-"] ol, #wdr-toolbar-wrapper [class*=" wdr-"] p {
  list-style: none;
  margin: 0;
  padding: 0; }

#wdr-toolbar-wrapper [class^="wdr-icon-"]:before, #wdr-toolbar-wrapper [class*=" wdr-icon-"]:before, #wdr-toolbar-wrapper .wdr-icon:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add .wdr-icon:before, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-btn .wdr-icon, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark:before {
  font-size: 30px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-weight: normal; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-condition-row .wdr-cr-delete {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

/* TOOLBAR */
#wdr-toolbar-wrapper {
  height: 80px; }

#wdr-toolbar-wrapper #wdr-toolbar {
  width: 100%;
  height: 78px;
  list-style: none;
  background: #fff;
  white-space: nowrap; }

#wdr-toolbar-wrapper #wdr-toolbar, #wdr-toolbar-wrapper #wdr-toolbar div, #wdr-toolbar-wrapper #wdr-toolbar span, #wdr-toolbar-wrapper #wdr-toolbar p, #wdr-toolbar-wrapper #wdr-toolbar a, #wdr-toolbar-wrapper #wdr-toolbar table, #wdr-toolbar-wrapper #wdr-toolbar table th, #wdr-toolbar-wrapper #wdr-toolbar table tr, #wdr-toolbar-wrapper #wdr-toolbar table td, #wdr-toolbar-wrapper #wdr-toolbar ul, #wdr-toolbar-wrapper #wdr-toolbar li, #wdr-toolbar-wrapper #wdr-toolbar input, #wdr-toolbar-wrapper #wdr-toolbar textarea, #wdr-toolbar-wrapper #wdr-toolbar select {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #888;
  text-align: left;
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-shadow: none; }

/* TABS */
#wdr-toolbar-wrapper #wdr-toolbar > li {
  display: inline-block; }

#wdr-toolbar-wrapper #wdr-toolbar li:before {
  content: none; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content li {
  float: none;
  width: 140px; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-toolbar-group-right {
  position: absolute;
  right: 0; }

#wdr-toolbar-wrapper #wdr-toolbar li a svg, #wdr-toolbar-wrapper #wdr-toolbar li a svg path {
  transform: translateZ(0);
  fill: #009688; }

#wdr-toolbar-wrapper #wdr-toolbar li a:hover svg {
  fill: #00897B; }

#wdr-toolbar-wrapper #wdr-toolbar > li > a div.wdr-svg-icon, #wdr-toolbar-wrapper #wdr-toolbar > .wdr-toolbar-group-right > li > a div.wdr-svg-icon {
  position: absolute;
  text-align: center;
  bottom: 30px;
  width: 100%; }

#wdr-toolbar-wrapper #wdr-toolbar > li > a span, #wdr-toolbar-wrapper #wdr-toolbar > .wdr-toolbar-group-right > li > a span {
  position: absolute;
  top: 55px;
  line-height: 12px;
  left: 0;
  right: 0; }

#wdr-toolbar-wrapper #wdr-toolbar #wdr-tab-format div.wdr-svg-icon {
  margin-left: 4px; }

#wdr-toolbar-wrapper #wdr-toolbar #wdr-tab-format .wdr-dropdown-content li {
  width: 210px; }

#wdr-toolbar-wrapper #wdr-toolbar #wdr-tab-format .wdr-dropdown-content span {
  left: 62px; }

#wdr-toolbar-wrapper #wdr-alert-view {
  z-index: 17; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-content {
  margin-left: 100px;
  max-width: 300px; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-popup-title {
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-alert-icon {
  position: absolute;
  left: 50px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-ui-btns-row {
  margin-top: 10px; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-ui-btns-row .wdr-ui-btn {
  margin-top: 10px; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-circle {
  display: block;
  border-radius: 50%;
  background: #009688;
  width: 60px;
  height: 60px;
  position: relative;
  margin-left: -10px; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-circle .wdr-ui-icon {
  color: #fff;
  font-size: 38px;
  padding: 11px; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon {
  display: block;
  position: relative;
  width: 32.33px;
  height: 56px;
  background-color: #009688;
  margin: 16.17px 0; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon .wdr-ui-icon {
  color: #fff;
  font-size: 38px;
  top: 8px;
  left: -2px; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon:before, #wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon:before {
  left: 100%;
  border-left: 16.17px solid #009688; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon:after {
  right: 100%;
  width: 0;
  border-right: 16.17px solid #009688; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap {
  position: relative; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-ui-icon {
  color: #fff;
  font-size: 38px;
  top: -30px;
  left: -1px; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle {
  position: relative;
  background-color: #009688;
  text-align: left;
  display: block;
  margin-top: -7px; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before, #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after {
  content: '';
  position: absolute;
  background-color: inherit; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle, #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before, #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after {
  width: 35px;
  height: 35px;
  border-top-right-radius: 30%; }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle {
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  -ms-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866); }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before {
  -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  -ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }

#wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after {
  -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
  -ms-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }

#wdr-toolbar-wrapper #wdr-alert-view.wdr-layout-mobile-small .wdr-content {
  margin-left: 0; }

#wdr-toolbar-wrapper #wdr-alert-view.wdr-layout-mobile-small .wdr-alert-icon {
  display: none; }

#wdr-toolbar-wrapper #wdr-alert-view span.wdr-ui-alert-label {
  color: #111;
  font-size: 14px; }

#wdr-toolbar-wrapper #wdr-alert-view div.wdr-ui-alert-title-label {
  margin-right: 141px; }

#wdr-toolbar-wrapper #wdr-alert-view #wdr-btn-apply.wdr-alert-button {
  margin-right: 109px; }

#wdr-toolbar-wrapper #wdr-toolbar li#wdr-tab-fullscreen {
  width: 70px; }

#wdr-toolbar-wrapper.wdr-mobile #wdr-toolbar li#wdr-tab-format-conditional {
  width: 80px; }

/* Tabs */
#wdr-toolbar-wrapper #wdr-toolbar li {
  display: inline-block;
  background: none;
  vertical-align: top;
  padding: 0;
  position: relative;
  width: 57px; }

#wdr-toolbar-wrapper #wdr-toolbar a {
  height: 78px;
  display: block;
  text-decoration: none;
  border: none; }

#wdr-toolbar-wrapper #wdr-toolbar a > span {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 15px; }

#wdr-toolbar-wrapper #wdr-toolbar li:first-child a {
  margin-left: 1px; }

#wdr-toolbar-wrapper #wdr-toolbar li.wdr-divider {
  width: 0px;
  margin: 20px 15px 0px 15px;
  height: 40px;
  border-right: 1px solid #f0f0f0; }

#wdr-toolbar-wrapper.wdr-mobile #wdr-toolbar li.wdr-divider {
  display: none; }

#wdr-toolbar-wrapper #wdr-toolbar li.wdr-v-divider {
  height: 0px;
  width: 140px;
  border-bottom: 1px dotted #dcdcdc; }

/* Tab menu */
#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown {
  position: absolute;
  display: none;
  top: 78px;
  z-index: 25; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content:after {
  content: '';
  border-width: 5px;
  border-color: transparent transparent #fff;
  border-style: outset outset solid;
  border-style: solid;
  top: -10px;
  left: 23px;
  width: 0;
  height: 0;
  position: absolute; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content:before {
  content: '';
  border-color: transparent transparent #f0f0f0;
  border-style: outset outset solid;
  border-width: 6px;
  position: absolute;
  top: -12px;
  left: 22px; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-align-rigth .wdr-dropdown-content:after {
  left: inherit;
  right: 20px; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-align-rigth .wdr-dropdown-content:before {
  left: inherit;
  right: 19px; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content {
  position: relative;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #f0f0f0; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content li {
  width: 155px;
  display: block; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content a {
  text-shadow: none;
  text-align: left;
  padding: 0;
  margin: 0px 1px 1px 1px;
  height: 37px; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content li:first-child a {
  margin-top: 1px; }

/*#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content a.disabled {
        pointer-events: none;
        cursor: default;
        color: #AAA;
    }*/
#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content a:hover {
  background-color: #E0F2F1; }

#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content span {
  display: inline;
  position: absolute;
  left: 36px;
  right: 0;
  bottom: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left; }

/* POPUP WINDOW */
#wdr-toolbar-wrapper div.wdr-popup {
  position: absolute;
  min-width: 270px;
  z-index: 100;
  font-family: Arial, sans-serif;
  max-width: 100%;
  background: #fff;
  border: 1px solid #f0f0f0;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 24px 30px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#wdr-toolbar-wrapper div.wdr-popup.wdr-popup-w700 {
  width: 700px; }

#wdr-toolbar-wrapper div.wdr-popup.wdr-popup-w570 {
  width: 570px; }

#wdr-toolbar-wrapper div.wdr-popup.wdr-popup-w500 {
  width: 500px; }

#wdr-toolbar-wrapper div.wdr-popup.wdr-popup-w460 {
  width: 462px; }

#wdr-toolbar-wrapper div.wdr-panel .wdr-toolbox {
  margin-top: 30px;
  text-align: center; }

#wdr-toolbar-wrapper div.wdr-panel .wdr-title-bar .wdr-toolbox {
  margin-top: 0;
  text-align: right;
  float: right; }

#wdr-toolbar-wrapper div.wdr-panel .wdr-toolbox .wdr-ui-btn {
  margin-right: 20px;
  height: 38px; }

#wdr-toolbar-wrapper div.wdr-panel .wdr-toolbox .wdr-ui-btn:last-child {
  margin-right: 0; }

#wdr-toolbar-wrapper div.wdr-panel .wdr-panel-content .wdr-title-bar {
  clear: both;
  margin-bottom: 24px; }

#wdr-toolbar-wrapper div.wdr-panel .wdr-panel-content .wdr-title-bar .wdr-title-text {
  color: #111;
  font-size: 24px;
  text-align: center;
  text-shadow: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#wdr-toolbar-wrapper div.wdr-panel .wdr-panel-content .wdr-title-bar .wdr-title-text.wdr-ui-col {
  text-align: left; }

#wdr-toolbar-wrapper #wdr-popUp-modal-overlay {
  z-index: 8; }

#wdr-toolbar-wrapper #wdr-popUp-modal-overlay .wdr-modal-overlay {
  opacity: 0; }

#wdr-toolbar-wrapper div.wdr-modal-overlay {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%; }

#wdr-toolbar-wrapper #wdr-portrait-radio {
  margin-left: 14px; }

#wdr-toolbar-wrapper #wdr-landscape-radio {
  margin-left: 14px; }

#wdr-toolbar-wrapper div.wdr-panel.wdr-popup.wdr-layout-mobile {
  padding: 20px; }

#wdr-toolbar-wrapper div.wdr-panel.wdr-popup.wdr-layout-mobile-small .wdr-panel-content .wdr-toolbox {
  float: none;
  text-align: left;
  width: 100%; }

#wdr-toolbar-wrapper div.wdr-panel.wdr-popup.wdr-layout-mobile-small .wdr-panel-content .wdr-toolbox a.wdr-ui-btn {
  width: calc(50% - 10px);
  width: -webkit-calc(50% - 10px); }

#wdr-toolbar-wrapper div.wdr-panel.wdr-popup.wdr-layout-mobile-small .wdr-panel-content .wdr-title-bar .wdr-title-text {
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  font-size: 18px; }

/* Conditional formatting */
#wdr-toolbar-wrapper #wdr-popup-conditional {
  width: 610px;
  min-width: 400px; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-panel-content {
  position: relative; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-title-text {
  width: -webkit-calc(100% - 270px);
  width: calc(100% - 270px); }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-popup-content {
  overflow-x: hidden;
  overflow-y: auto;
  /*min-height: 149px;*/
  max-height: 298px; }

#wdr-toolbar-wrapper #wdr-popup-conditional a.wdr-ui-btn#wdr-add-btn {
  min-width: 40px;
  width: 40px; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row {
  border-top: 1px solid #f0f0f0;
  padding: 30px 30px;
  margin-left: -30px;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px); }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row .wdr-wrap-relative {
  position: relative; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row .wdr-cr-delete {
  position: absolute;
  color: #009688;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
  font-size: 30px;
  right: 0; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row wdr-cr-delete:hover {
  color: #00897B; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-values {
  width: 150px; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-conditions {
  width: 150px; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-font-family {
  width: 150px; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-font-size {
  width: 100px; }

#wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-sample {
  width: 120px; }

#wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-values {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  margin-bottom: 10px; }

#wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-conditions {
  width: calc(100% - 230px);
  width: -webkit-calc(100% - 230px);
  margin-left: 60px; }

#wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-font-family {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  margin-bottom: 10px; }

#wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-font-size {
  width: calc(100% - 230px);
  width: -webkit-calc(100% - 230px);
  margin-left: 60px; }

#wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-sample {
  width: 70px; }

#wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile-small .wdr-title-text {
  width: 100%; }

#wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile-small .wdr-panel-content .wdr-toolbox a.wdr-ui-btn:not(#wdr-add-btn) {
  width: calc(50% - 42px);
  width: -webkit-calc(50% - 42px); }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner {
  font-size: 0;
  margin-bottom: 10px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner:last-child {
  margin-bottom: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-cr-lbl {
  display: inline-block;
  vertical-align: top;
  color: #111;
  font-size: 14px;
  margin-right: 10px;
  text-align: right;
  padding: 11px 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-cr-lbl:last-child {
  margin-right: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-select, .wdr-cr-inner #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-number-inp, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-inp, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-colorpick-wrap {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-select:last-child, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-number-inp:last-child, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-inp:last-child, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-colorpick-wrap:last-child {
  margin-right: 0; }

#wdr-toolbar-wrapper .wdr-icon-act_trash:before {
  content: "\e908"; }

#wdr-toolbar-wrapper .wdr-toolbar-ui span#wdr-and-label {
  display: inline-block;
  text-align: center; }

/* GENERAL */
#wdr-toolbar-wrapper div.wdr-popup input[type=text], #wdr-toolbar-wrapper div.wdr-popup input[type=number], #wdr-toolbar-wrapper div.wdr-popup input[type=password] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  background-color: #fff;
  height: 38px;
  padding: 0 9px;
  color: #111;
  font-size: 14px;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  text-align: left;
  font-family: Arial, sans-serif; }

#wdr-toolbar-wrapper div.wdr-popup input:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  background-color: #fff; }

#wdr-toolbar-wrapper div.wdr-popup input.wdr-half-input {
  padding-right: 0;
  border-right: none; }

#wdr-toolbar-wrapper .wdr-toolbar-ui select {
  border: 1px solid #f0f0f0;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  border-radius: 0px;
  margin: 0;
  outline: none;
  height: 38px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  width: 100%;
  color: #111;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 4px 35px 4px 10px;
  cursor: pointer; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-select {
  position: relative; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-select:after {
  content: "\e902";
  font-family: 'webdatarocks-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 9px;
  position: absolute;
  font-size: 21px;
  color: #009688;
  /*margin-top: 1px;*/
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  pointer-events: none; }

#wdr-toolbar-wrapper div.wdr-popup select::-ms-expand {
  display: none; }

#wdr-toolbar-wrapper div.wdr-popup select:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: none;
  pointer-events: none; }

#wdr-toolbar-wrapper div.wdr-popup select * {
  margin: 0 !important; }

#wdr-toolbar-wrapper div.wdr-popup select option.placeholder {
  color: white;
  font-size: 0px;
  display: none; }

#wdr-toolbar-wrapper div.wdr-clear {
  clear: both; }

/* Hack for Firefox */
@-moz-document url-prefix() {
  #wdr-toolbar-wrapper select {
    text-indent: 0; } }

/* COLOR PICKER */
#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-btn {
  border: 1px solid #f0f0f0;
  height: 38px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 28px;
  cursor: pointer; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-btn span {
  font-size: 28px; }

#wdr-toolbar-wrapper .wdr-icon-act_font:before {
  content: "\e90f"; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup {
  background: #fff;
  width: 355px;
  padding: 30px 30px;
  border: 1px solid #f0f0f0;
  position: absolute;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  visibility: hidden;
  left: 50%;
  margin-left: -178px;
  margin-top: -5px;
  z-index: 99; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup:before, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup:before {
  width: 0px;
  height: 0px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup:after {
  width: 0px;
  height: 0px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup.wdr-arrow-up:before {
  top: -6px;
  border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  border-bottom: 6px solid #f0f0f0;
  border-top: 0 solid transparent; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup.wdr-arrow-up:after {
  top: -5px;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-bottom: 5px solid #fff;
  border-top: 0 solid transparent; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup.wdr-arrow-down:before {
  bottom: -6px;
  border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  border-top: 6px solid #f0f0f0;
  border-bottom: 0 solid transparent; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup.wdr-arrow-down:after {
  bottom: -5px;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 0 solid transparent; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-popup-opened .wdr-colorpick-popup {
  visibility: visible;
  opacity: 1; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch {
  border: 1px solid #f0f0f0;
  font-size: 0;
  margin-bottom: 20px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch .wdr-cts-item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  border-right: 1px solid #f0f0f0;
  line-height: 38px;
  font-weight: bold;
  color: #111;
  background: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch .wdr-cts-item.wdr-current {
  color: #111;
  background: #E0F2F1; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch .wdr-cts-item:hover {
  color: #111;
  background: #ebf7f6; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch .wdr-cts-item:last-child {
  border-right: none; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row {
  margin-bottom: 20px;
  font-size: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-cp-curr-color {
  border: 1px solid #f0f0f0;
  height: 38px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-cp-2-colors {
  border: 1px solid #f0f0f0;
  font-size: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-cp-2-colors .wdr-cp2c-item {
  height: 36px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-right: 1px solid #f0f0f0;
  display: inline-block;
  vertical-align: top;
  width: 50%; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-cp-2-colors .wdr-cp2c-item:last-child {
  border-right: none; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-inp, .wdr-cp-sett-row .wdr-cp-curr-color, .wdr-cp-sett-row .wdr-cp-2-colors {
  display: inline-block;
  vertical-align: top;
  margin-right: 13px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-inp:last-child, .wdr-cp-sett-row .wdr-cp-curr-color:last-child, .wdr-cp-sett-row .wdr-cp-2-colors:last-child {
  margin-right: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-btns-row {
  margin-top: 20px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-btns-row .wdr-ui-btn {
  width: calc(50% - 5px);
  width: -webkit-calc(50% - 5px);
  margin-right: 10px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-btns-row .wdr-ui-btn:last-child {
  margin-right: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #555; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark:before {
  color: #fff;
  font-size: 16px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors {
  font-size: 0;
  margin-bottom: 20px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 36px;
  width: -webkit-calc(11.11% - 1px);
  width: calc(11.11% - 1px);
  margin-right: 1px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item .wdr-r9c-arrow {
  position: absolute;
  top: 100%;
  border-style: solid;
  border-top-width: 10px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: none; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item .wdr-cp-currentmark {
  margin-top: 2px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item .wdr-r9c-arrow, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item .wdr-cp-currentmark {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item:nth-child(9n+9) {
  margin-right: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item.wdr-current .wdr-r9c-arrow, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item.wdr-current .wdr-cp-currentmark {
  opacity: 1;
  visibility: visible; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors {
  font-size: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors .wdr-r4c-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
  margin-bottom: 1px;
  position: relative;
  cursor: pointer;
  height: 36px;
  width: -webkit-calc(25% - 0.75px);
  width: calc(25% - 0.75px); }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors .wdr-r4c-item:nth-child(4n+4) {
  margin-right: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors .wdr-r4c-item .wdr-cp-currentmark {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors .wdr-r4c-item.wdr-current .wdr-cp-currentmark {
  opacity: 1;
  visibility: visible; }

#wdr-toolbar-wrapper.wdr-mobile {
  overflow-x: auto; }

/* new ui */
#wdr-toolbar-wrapper .wdr-radio-wrap label:before, #wdr-toolbar-wrapper .wdr-radio-wrap label:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

#wdr-toolbar-wrapper .wdr-toolbar-ui div.wdr-title-2 {
  color: #111;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 25px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radiobtn-list {
  margin-bottom: 52px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radiobtn-list:last-child {
  margin-bottom: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radiobtn-list li {
  margin-bottom: 12px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label {
  display: inline-block;
  cursor: pointer;
  color: #111;
  font-size: 14px;
  padding: 4px 0;
  padding-left: 35px;
  position: relative;
  line-height: 1.2; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label:before {
  width: 22px;
  height: 22px;
  border: 1px solid #f0f0f0;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  left: 0;
  border-radius: 50%; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label:after {
  background: #00897B;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 14px;
  height: 14px;
  left: 5px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label:hover:before {
  border-color: #009688; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap input {
  display: none; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap input:checked + label {
  font-weight: bold; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap input:checked + label:after {
  opacity: 1; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-group {
  margin-bottom: 30px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-group:last-child {
  margin-bottom: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row {
  margin-bottom: 10px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row label {
  color: #111;
  font-size: 14px;
  margin-bottom: 8px;
  display: block; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row .wdr-select, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row .wdr-inp {
  width: 100%; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row:last-child {
  margin-bottom: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-ir-horizontal {
  font-size: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-ir-horizontal label {
  margin-bottom: 0;
  width: 140px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: right; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-ir-horizontal .wdr-select, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-ir-horizontal .wdr-inp {
  width: -webkit-calc(100% - 160px);
  width: calc(100% - 160px);
  display: inline-block;
  vertical-align: middle;
  background-color: #fff; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-uc {
  text-transform: uppercase; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add {
  padding-right: 30px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add .wdr-icon {
  color: #009688;
  position: absolute;
  right: 0;
  width: 40px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  height: 100%;
  top: 0; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add:hover .wdr-icon {
  color: #00897B; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-icon-act_add:before {
  content: "\e909"; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-icon-act_check:before {
  content: "\e901"; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width20.wdr-width20 {
  width: 20px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width40.wdr-width40 {
  width: 40px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width45.wdr-width45 {
  width: 45px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width50.wdr-width50 {
  width: 50px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width85.wdr-width85 {
  width: 85px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width120.wdr-width120 {
  width: 120px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width140.wdr-width140 {
  width: 140px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width180.wdr-width180 {
  width: 180px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width200.wdr-width200 {
  width: 200px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width210.wdr-width210 {
  width: 210px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width220.wdr-width220 {
  width: 220px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width230.wdr-width230 {
  width: 230px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width240.wdr-width240 {
  width: 240px; }

#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width250.wdr-width250 {
  width: 250px; }

/* Connect to OLAP */
#wdr-toolbar-wrapper #wdr-popup-olap .wdr-ir-horizontal label {
  width: 110px; }

#wdr-toolbar-wrapper #wdr-popup-olap .wdr-ir-horizontal .wdr-select {
  width: -webkit-calc(100% - 130px);
  width: calc(100% - 130px); }

#wdr-toolbar-wrapper #wdr-popup-olap #wdr-inp-proxy-url {
  width: -webkit-calc(100% - 230px);
  width: calc(100% - 230px); }

#wdr-toolbar-wrapper #wdr-popup-olap #wdr-btn-connect {
  width: 100px;
  height: 38px;
  padding-top: 10px; }

#wdr-toolbar-wrapper #wdr-popup-olap.wdr-layout-mobile-small .wdr-ir-horizontal label {
  text-align: left;
  width: 100%; }

#wdr-toolbar-wrapper #wdr-popup-olap.wdr-layout-mobile-small .wdr-ir-horizontal .wdr-select {
  width: 100%; }

#wdr-toolbar-wrapper #wdr-popup-olap.wdr-layout-mobile-small #wdr-inp-proxy-url {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px); }

/* Format cells */
#wdr-toolbar-wrapper #wdr-popup-format-cells {
  width: 460px; }

#wdr-toolbar-wrapper #wdr-popup-format-cells.wdr-layout-mobile-small .wdr-ir-horizontal label {
  text-align: left;
  width: 100%; }

#wdr-toolbar-wrapper #wdr-popup-format-cells.wdr-layout-mobile-small .wdr-ir-horizontal .wdr-select, #wdr-toolbar-wrapper #wdr-popup-format-cells.wdr-layout-mobile-small .wdr-ir-horizontal .wdr-inp {
  width: 100%; }

/* Options */
#wdr-toolbar-wrapper #wdr-popup-options {
  width: 570px;
  min-width: 320px; }

/* layouts */
#wdr-toolbar-wrapper.wdr-layout-500 #wdr-toolbar #wdr-tab-fields, #wdr-toolbar-wrapper.wdr-layout-500 #wdr-toolbar #wdr-tab-fullscreen {
  display: none; }

#wdr-toolbar-wrapper.wdr-layout-360 #wdr-toolbar #wdr-tab-format {
  display: none; }

#wdr-toolbar-wrapper.wdr-layout-300 #wdr-toolbar #wdr-tab-options {
  display: none; }

.wdr-resize-triggers {
  visibility: hidden;
  opacity: 0; }

.wdr-resize-triggers, .wdr-resize-triggers > div, .wdr-contract-trigger:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden; }

.wdr-resize-triggers > div {
  background: #eee;
  overflow: auto; }

.wdr-contract-trigger:before {
  width: 200%;
  height: 200%; }

#wdr-pivot-view .wdr-resizable-handle {
  position: absolute;
  cursor: w-resize; }

#wdr-pivot-view .wdr-resizable-handle.wdr-left {
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px; }

#wdr-pivot-view .wdr-resizable-handle.wdr-right {
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px; }

/* ===== theme colors ===== */
/* ===== not used in webdatarocks-base.less directly; used in this file to define bg, border and other colors ===== */
/* ===== basic grey colors, common for all themes ===== */
/* ===== text colors ===== */
/* ===== background colors ===== */
/* ===== border colors ===== */
/* ===== grid ===== */
/* ===== ui ===== */
meta.foundation-version {
  font-family: "/5.3.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

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

html, body {
  font-size: 100%; }

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix-left:before, .clearfix:after, .clearfix-left:after {
  content: " ";
  display: table; }
.clearfix:after, .clearfix-left:after {
  clear: both; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns, .row.collapse > .field-columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column, .columns, .field-columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column, .columns, .field-columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12, .field-columns {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0% !important; }
  .small-offset-1 {
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.33333% !important; }
  .small-offset-11 {
    margin-left: 91.66667% !important; }
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.small-centered, .columns.small-centered, .small-centered.field-columns {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered, .columns.small-uncentered, .small-uncentered.field-columns {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.small-centered:last-child, .columns.small-centered:last-child, .small-centered.field-columns:last-child {
    float: none; }
  .column.small-uncentered:last-child, .columns.small-uncentered:last-child, .small-uncentered.field-columns:last-child {
    float: left; }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite, .small-uncentered.opposite.field-columns {
    float: right; } }

@media only screen and (min-width:40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column, .columns, .field-columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0% !important; }
  .medium-offset-1 {
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.33333% !important; }
  .medium-offset-11 {
    margin-left: 91.66667% !important; }
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.medium-centered, .columns.medium-centered, .medium-centered.field-columns {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered, .columns.medium-uncentered, .medium-uncentered.field-columns {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.medium-centered:last-child, .columns.medium-centered:last-child, .medium-centered.field-columns:last-child {
    float: none; }
  .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child, .medium-uncentered.field-columns:last-child {
    float: left; }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite, .medium-uncentered.opposite.field-columns {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width:64.063em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column, .columns, .field-columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0% !important; }
  .large-offset-1 {
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.33333% !important; }
  .large-offset-11 {
    margin-left: 91.66667% !important; }
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.large-centered, .columns.large-centered, .large-centered.field-columns {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered, .columns.large-uncentered, .large-uncentered.field-columns {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.large-centered:last-child, .columns.large-centered:last-child, .large-centered.field-columns:last-child {
    float: none; }
  .column.large-uncentered:last-child, .columns.large-uncentered:last-child, .large-uncentered.field-columns:last-child {
    float: left; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite, .large-uncentered.opposite.field-columns {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

.accordion {
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #e8e8e8; }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #efefef;
      color: #222;
      padding: 1rem;
      display: block;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #e3e3e3; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        display: block;
        background: #fff; }

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  transition: opacity 300ms ease-out;
  background-color: #008CBA;
  border-color: #007ba0;
  color: #fff; }
  .alert-box .close {
    font-size: 1.375rem;
    padding: 9px 6px 4px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.6875rem;
    right: 0.25rem;
    color: #333;
    opacity: 0.3; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    border-radius: 3px; }
  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #43AC6A;
    border-color: #3a945b;
    color: #fff; }
  .alert-box.alert {
    background-color: #f04124;
    border-color: #de2b0f;
    color: #fff; }
  .alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #fff; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f; }
  .alert-box.alert-close {
    opacity: 0; }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width:40.063em) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width:64.063em) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #f4f4f4;
  border-color: #dcdcdc;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #008CBA; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #008CBA; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999; }
      .breadcrumbs > *.unavailable a {
        color: #999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaa;
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #008CBA;
  border-color: #007295;
  color: #fff;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #007295; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #fff; }
  button.secondary, .button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #b9b9b9; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333; }
  button.success, .button.success {
    background-color: #43AC6A;
    border-color: #368a54;
    color: #fff; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #368a54; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: #fff; }
  button.alert, .button.alert {
    background-color: #f04124;
    border-color: #cf280e;
    color: #fff; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #cf280e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: #fff; }
  button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #008CBA;
    border-color: #007295;
    color: #fff;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #007295; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: #fff; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #008CBA; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #43AC6A;
      border-color: #368a54;
      color: #fff;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #368a54; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: #fff; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #43AC6A; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #f04124;
      border-color: #cf280e;
      color: #fff;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cf280e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: #fff; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #f04124; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

@media only screen and (min-width:40.063em) {
  button, .button {
    display: inline-block; } }

.button-group {
  list-style: none;
  margin: 0;
  left: 0; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group > li {
    margin: 0;
    float: left; }
    .button-group > li > button, .button-group > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group > li:first-child button, .button-group > li:first-child .button {
      border-left: 0; }
    .button-group > li:first-child {
      margin-left: 0; }
  .button-group.radius > * > button, .button-group.radius > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5); }
  .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
    border-left: 0; }
  .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
    border-radius: 0; }
  .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .button-group.round > * > button, .button-group.round > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5); }
  .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
    border-left: 0; }
  .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
    border-radius: 0; }
  .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }
  .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }
  .button-group.even-2 li {
    width: 50%; }
    .button-group.even-2 li > button, .button-group.even-2 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
      border-left: 0; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    width: 33.33333%; }
    .button-group.even-3 li > button, .button-group.even-3 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
      border-left: 0; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    width: 25%; }
    .button-group.even-4 li > button, .button-group.even-4 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
      border-left: 0; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    width: 20%; }
    .button-group.even-5 li > button, .button-group.even-5 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
      border-left: 0; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    width: 16.66667%; }
    .button-group.even-6 li > button, .button-group.even-6 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
      border-left: 0; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    width: 14.28571%; }
    .button-group.even-7 li > button, .button-group.even-7 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
      border-left: 0; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    width: 12.5%; }
    .button-group.even-8 li > button, .button-group.even-8 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
      border-left: 0; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }

.button-bar:before, .button-bar:after {
  content: " ";
  display: table; }
.button-bar:after {
  clear: both; }
.button-bar .button-group {
  float: left;
  margin-right: 0.625rem; }
  .button-bar .button-group div {
    overflow: hidden; }

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #aaa;
  font-size: 0.6em; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  color: #ccc;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #333;
  width: 100%;
  padding: 10px 30px 20px;
  position: absolute;
  left: 0; }

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 30px;
  line-height: 1;
  color: #ccc;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #ccc; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width:40.063em) {
  .clearing-main-prev, .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0; }
    .clearing-main-prev > span, .clearing-main-next > span {
      position: absolute;
      top: 50%;
      display: block;
      width: 0;
      height: 0;
      border: solid 12px; }
      .clearing-main-prev > span:hover, .clearing-main-next > span:hover {
        opacity: 0.8; }
  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #ccc; }
  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #ccc; }
  .clearing-main-prev.disabled, .clearing-main-next.disabled {
    opacity: 0.3; }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: 0.4;
        clear: none; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: 0.8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333;
    overflow: hidden;
    height: 85%; }
  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0; } }

/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: #fff;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown > *:first-child {
    margin-top: 0; }
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 99; }
  .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 98; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown.drop-right {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px; }
    .f-dropdown.drop-right > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-right > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-right:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: transparent #fff transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 10px;
      left: -12px;
      z-index: 99; }
    .f-dropdown.drop-right:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: transparent #cccccc transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 9px;
      left: -14px;
      z-index: 98; }
  .f-dropdown.drop-left {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px; }
    .f-dropdown.drop-left > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-left > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-left:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: transparent transparent transparent #fff;
      border-left-style: solid;
      position: absolute;
      top: 10px;
      right: -12px;
      left: auto;
      z-index: 99; }
    .f-dropdown.drop-left:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: transparent transparent transparent #cccccc;
      border-left-style: solid;
      position: absolute;
      top: 9px;
      right: -14px;
      left: auto;
      z-index: 98; }
  .f-dropdown.drop-top {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: -2px;
    margin-left: 0;
    max-width: 200px; }
    .f-dropdown.drop-top > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-top > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-top:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: #fff transparent transparent transparent;
      border-top-style: solid;
      position: absolute;
      top: auto;
      bottom: -12px;
      left: 10px;
      right: auto;
      z-index: 99; }
    .f-dropdown.drop-top:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: #cccccc transparent transparent transparent;
      border-top-style: solid;
      position: absolute;
      top: auto;
      bottom: -14px;
      left: 9px;
      right: auto;
      z-index: 98; }
  .f-dropdown li {
    font-size: 0.875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {
      background: #eeeeee; }
    .f-dropdown li a {
      display: block;
      padding: 0.5rem;
      color: #555; }
  .f-dropdown.content {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 99;
    max-width: 200px; }
    .f-dropdown.content > *:first-child {
      margin-top: 0; }
    .f-dropdown.content > *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }

.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.5625rem; }
  .dropdown.button:after, button.dropdown:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    top: 50%; }
  .dropdown.button:after, button.dropdown:after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem; }
  .dropdown.button:after, button.dropdown:after {
    border-color: #fff transparent transparent transparent; }
  .dropdown.button.tiny, button.dropdown.tiny {
    padding-right: 2.625rem; }
    .dropdown.button.tiny:before, button.dropdown.tiny:before {
      border-width: 0.375rem;
      right: 1.125rem;
      margin-top: -0.125rem; }
    .dropdown.button.tiny:after, button.dropdown.tiny:after {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.small, button.dropdown.small {
    padding-right: 3.0625rem; }
    .dropdown.button.small:after, button.dropdown.small:after {
      border-width: 0.4375rem;
      right: 1.3125rem;
      margin-top: -0.15625rem; }
    .dropdown.button.small:after, button.dropdown.small:after {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.large, button.dropdown.large {
    padding-right: 3.625rem; }
    .dropdown.button.large:after, button.dropdown.large:after {
      border-width: 0.3125rem;
      right: 1.71875rem;
      margin-top: -0.15625rem; }
    .dropdown.button.large:after, button.dropdown.large:after {
      border-color: #fff transparent transparent transparent; }
  .dropdown.button.secondary:after, button.dropdown.secondary:after {
    border-color: #333 transparent transparent transparent; }

.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column, form .row .row .columns, form .row .row .field-columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column, form .row .row.collapse .columns, form .row .row.collapse .field-columns {
      padding: 0; }
    form .row .row.collapse input {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
form .row input.column, form .row input.columns, form .row input.field-columns, form .row textarea.column, form .row textarea.columns, form .row textarea.field-columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

select::-ms-expand {
  display: none; }

/* Attach elements to the beginning or end of an input */
.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button.radius {
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333;
  border-color: #cccccc; }
  span.prefix.radius, label.prefix.radius {
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333;
  border-color: #cccccc; }
  span.postfix.radius, label.postfix.radius {
    border-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, textarea:disabled {
    background-color: #ddd;
    cursor: default; }
  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
    background-color: #ddd;
    cursor: default; }
  input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, textarea.radius {
    border-radius: 3px; }

input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px;
  background-color: #fafafa;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 2.3125rem; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #ddd;
    cursor: default; }

/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label, input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #ddd;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff; }

.error input, .error textarea, .error select {
  margin-bottom: 0; }
.error input[type="checkbox"], .error input[type="radio"] {
  margin-bottom: 1rem; }
.error label, .error label.error {
  color: #f04124; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }

input.error, textarea.error, select.error {
  margin-bottom: 0; }

label.error {
  color: #f04124; }

.icon-bar {
  width: 100%;
  font-size: 0;
  display: inline-block;
  background: #333; }
  .icon-bar > * {
    text-align: center;
    font-size: 1rem;
    width: 25%;
    margin: 0 auto;
    display: block;
    padding: 1.25rem;
    float: left; }
    .icon-bar > * i, .icon-bar > * img {
      display: block;
      margin: 0 auto; }
      .icon-bar > * i + label, .icon-bar > * img + label {
        margin-top: 0.0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem;
      vertical-align: middle; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar.label-right > * i, .icon-bar.label-right > * img {
    margin: 0 0.0625rem 0 0;
    display: inline-block; }
    .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
      margin-top: 0; }
  .icon-bar.label-right > * label {
    display: inline-block; }
  .icon-bar.vertical.label-right > * {
    text-align: left; }
  .icon-bar.vertical {
    height: 100%;
    width: auto; }
    .icon-bar.vertical .item {
      width: auto;
      margin: auto;
      float: none; }
  .icon-bar > * {
    font-size: 1rem;
    padding: 1.25rem; }
    .icon-bar > * i + label, .icon-bar > * img + label {
      margin-top: 0.0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar > *:hover {
    background: #008CBA; }
  .icon-bar > * label {
    color: #fff; }
  .icon-bar > * i {
    color: #fff; }

.icon-bar.two-up .item {
  width: 50%; }
.icon-bar.two-up.vertical .item {
  width: auto; }
.icon-bar.three-up .item {
  width: 33.3333%; }
.icon-bar.three-up.vertical .item {
  width: auto; }
.icon-bar.four-up .item {
  width: 25%; }
.icon-bar.four-up.vertical .item {
  width: auto; }
.icon-bar.five-up .item {
  width: 20%; }
.icon-bar.five-up.vertical .item {
  width: auto; }
.icon-bar.six-up .item {
  width: 16.66667%; }
.icon-bar.six-up.vertical .item {
  width: auto; }

.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block; }
    .inline-list > li > * {
      display: block; }

/* Foundation Joyride */
.joyride-list {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: #333;
  color: #fff;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%; }

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px; }

.joyride-content-wrapper {
  width: 100%;
  padding: 1.125rem 1.25rem 1.5rem; }
  .joyride-content-wrapper .button {
    margin-bottom: 0 !important; }
  .joyride-content-wrapper .joyride-prev-tip {
    margin-right: 10px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: 10px solid #333; }
  .joyride-tip-guide .joyride-nub.top {
    border-top-style: solid;
    border-color: #333;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -20px; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: #333 !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -20px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -20px; }

/* Typography */
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: #fff; }

.joyride-tip-guide p {
  margin: 0 0 1.125rem 0;
  font-size: 0.875rem;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555;
  position: absolute;
  right: 1.0625rem;
  bottom: 1rem; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666; }

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777 !important;
  text-decoration: none;
  font-size: 24px;
  font-weight: normal;
  line-height: 0.5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #eee !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.joyride-expose-wrapper {
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  box-shadow: 0 0 15px #ffffff; }

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0; }

/* Styles for screens that are at least 768px; */
@media only screen and (min-width:40.063em) {
  .joyride-tip-guide {
    width: 300px;
    left: inherit; }
    .joyride-tip-guide .joyride-nub.bottom {
      border-color: #333 !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      bottom: -20px; }
    .joyride-tip-guide .joyride-nub.right {
      border-color: #333 !important;
      border-top-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: auto;
      right: -20px; }
    .joyride-tip-guide .joyride-nub.left {
      border-color: #333 !important;
      border-top-color: transparent !important;
      border-left-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: -20px;
      right: auto; } }

.keystroke, kbd {
  background-color: #ededed;
  border-color: #dddddd;
  color: #222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: inherit;
  padding: 0.125rem 0.25rem 0;
  border-radius: 3px; }

.label {
  font-weight: normal;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: inherit;
  padding: 0.25rem 0.5rem 0.375rem;
  font-size: 0.6875rem;
  background-color: #008CBA;
  color: #fff; }
  .label.radius {
    border-radius: 3px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #f04124;
    color: #fff; }
  .label.warning {
    background-color: #f08a24;
    color: #fff; }
  .label.success {
    background-color: #43AC6A;
    color: #fff; }
  .label.secondary {
    background-color: #e7e7e7;
    color: #333; }

[data-magellan-expedition], [data-magellan-expedition-clone] {
  background: #fff;
  z-index: 50;
  min-width: 100%;
  padding: 0 !important; }
  [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
      margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
      line-height: 1.8em; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }

  to {
    -o-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }
    .slideshow-wrapper .orbit-container .orbit-bullets li {
      display: inline-block; }
  .slideshow-wrapper .preloader {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border: solid 3px;
    border-color: #555 #fff;
    border-radius: 1000px;
    animation-name: rotate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0); }
    .orbit-container .orbit-slides-container img {
      display: block;
      max-width: 100%; }
    .orbit-container .orbit-slides-container > * {
      position: absolute;
      top: 0;
      width: 100%;
      margin-left: 100%; }
      .orbit-container .orbit-slides-container > *:first-child {
        margin-left: 0%; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: rgba(51, 51, 51, 0.8);
        color: #fff;
        width: 100%;
        padding: 0.625rem 0.875rem;
        font-size: 0.875rem; }
  .orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    z-index: 10; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125rem; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 3px;
      background-color: rgba(255, 255, 255, 0.3);
      display: block;
      width: 0%;
      position: relative;
      right: 20px;
      top: 5px; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 0px;
      right: 0;
      width: 11px;
      height: 14px;
      border: solid 4px #fff;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -4px;
      top: 0px;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-left-style: solid;
      border-color: transparent;
      border-left-color: #fff; }
      .orbit-container .orbit-timer.paused > span.dark {
        border-left-color: #333; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev, .orbit-container .orbit-next {
    position: absolute;
    top: 45%;
    margin-top: -25px;
    width: 36px;
    height: 60px;
    line-height: 50px;
    color: white;
    background-color: transparent;
    text-indent: -9999px !important;
    z-index: 10; }
    .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
      background-color: rgba(0, 0, 0, 0.3); }
    .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      display: block;
      width: 0;
      height: 0;
      border: inset 10px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #fff; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #fff; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #fff;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: #fff; }

.orbit-bullets-container {
  text-align: center; }

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px;
  float: none;
  text-align: center;
  display: block; }
  .orbit-bullets li {
    cursor: pointer;
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    background: #ccc;
    float: none;
    margin-right: 6px;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #999; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width:40.063em) {
  .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }

@media only screen and (max-width: 40em) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important; }
  .orbit-stack-on-small .orbit-slides-container > * {
    position: relative;
    margin: 0% !important;
    opacity: 1 !important; }
  .orbit-stack-on-small .orbit-slide-number {
    display: none; }
  .orbit-timer {
    display: none; }
  .orbit-next, .orbit-prev {
    display: none; }
  .orbit-bullets {
    display: none; } }

ul.pagination {
  display: block;
  min-height: 1.5rem;
  margin-left: -0.3125rem; }
  ul.pagination li {
    height: 1.5rem;
    color: #222;
    font-size: 0.875rem;
    margin-left: 0.3125rem; }
    ul.pagination li a, ul.pagination li button {
      display: block;
      padding: 0.0625rem 0.625rem 0.0625rem;
      color: #999;
      background: none;
      border-radius: 3px;
      font-weight: normal;
      font-size: 1em;
      line-height: inherit;
      transition: background-color 300ms ease-out; }
    ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
      cursor: default;
      color: #999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
      background: transparent; }
    ul.pagination li.current a, ul.pagination li.current button {
      background: #008CBA;
      color: #fff;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background: #008CBA; }
  ul.pagination li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #b6efff;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #ecfaff; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #008CBA; }
  .panel.radius {
    border-radius: 3px; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #ddd;
  margin-left: 0;
  margin-bottom: 1.25rem; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #333;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #eee;
    font-weight: normal;
    font-size: 1rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .pricing-table .price {
    background-color: #f6f6f6;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #333;
    font-weight: normal;
    font-size: 2rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .pricing-table .description {
    background-color: #fff;
    padding: 0.9375rem;
    text-align: center;
    color: #777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #ddd; }
  .pricing-table .bullet-item {
    background-color: #fff;
    padding: 0.9375rem;
    text-align: center;
    color: #333;
    font-size: 0.875rem;
    font-weight: normal;
    border-bottom: dotted 1px #ddd; }
  .pricing-table .cta-button {
    background-color: #fff;
    text-align: center;
    padding: 1.25rem 1.25rem 0; }

/* Progress Bar */
.progress {
  background-color: #f6f6f6;
  height: 1.5625rem;
  border: 1px solid white;
  padding: 0.125rem;
  margin-bottom: 0.625rem; }
  .progress .meter {
    background: #008CBA;
    height: 100%;
    display: block; }
  .progress.secondary .meter {
    background: #e7e7e7;
    height: 100%;
    display: block; }
  .progress.success .meter {
    background: #43AC6A;
    height: 100%;
    display: block; }
  .progress.alert .meter {
    background: #f04124;
    height: 100%;
    display: block; }
  .progress.radius {
    border-radius: 3px; }
    .progress.radius .meter {
      border-radius: 2px; }
  .progress.round {
    border-radius: 1000px; }
    .progress.round .meter {
      border-radius: 999px; }

.range-slider {
  display: block;
  position: relative;
  width: 100%;
  height: 1rem;
  border: 1px solid #ddd;
  margin: 1.25rem 0;
  -ms-touch-action: none;
  touch-action: none;
  background: #fafafa; }
  .range-slider.vertical-range {
    display: block;
    position: relative;
    width: 100%;
    height: 1rem;
    border: 1px solid #ddd;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    width: 1rem;
    height: 12.5rem; }
    .range-slider.vertical-range .range-slider-handle {
      margin-top: 0;
      margin-left: -0.5rem;
      position: absolute;
      bottom: -10.5rem; }
    .range-slider.vertical-range .range-slider-active-segment {
      width: 0.875rem;
      height: auto;
      bottom: 0; }
  .range-slider.radius {
    background: #fafafa;
    border-radius: 3px; }
    .range-slider.radius .range-slider-handle {
      background: #008CBA;
      border-radius: 3px; }
      .range-slider.radius .range-slider-handle:hover {
        background: #007da4; }
  .range-slider.round {
    background: #fafafa;
    border-radius: 1000px; }
    .range-slider.round .range-slider-handle {
      background: #008CBA;
      border-radius: 1000px; }
      .range-slider.round .range-slider-handle:hover {
        background: #007da4; }
  .range-slider.disabled, .range-slider[disabled] {
    background: #fafafa;
    cursor: default;
    opacity: 0.7; }
    .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
      background: #008CBA;
      cursor: default;
      opacity: 0.7; }
      .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
        background: #007da4; }

.range-slider-active-segment {
  display: inline-block;
  position: absolute;
  height: 0.875rem;
  background: #e5e5e5; }

.range-slider-handle {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -0.3125rem;
  width: 2rem;
  height: 1.375rem;
  border: 1px solid none;
  cursor: pointer;
  background: #008CBA; }
  .range-slider-handle:hover {
    background: #007da4; }

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1004;
  display: none;
  top: 0;
  left: 0; }

dialog, .reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 1005;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 1.25rem;
  border: solid 1px #666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 40em) {
    dialog, .reveal-modal {
      min-height: 100vh; } }
  @media only screen and (min-width:40.063em) {
    dialog, .reveal-modal {
      left: 50%; } }
  dialog .column, dialog .columns, dialog .field-columns, .reveal-modal .column, .reveal-modal .columns, .reveal-modal .field-columns {
    min-width: 0; }
  dialog > :first-child, .reveal-modal > :first-child {
    margin-top: 0; }
  dialog > :last-child, .reveal-modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width:40.063em) {
    dialog, .reveal-modal {
      margin-left: -40%;
      width: 80%; } }
  @media only screen and (min-width:40.063em) {
    dialog, .reveal-modal {
      top: 6.25rem; } }
  dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: 0.5rem;
    right: 0.6875rem;
    color: #aaa;
    font-weight: bold;
    cursor: pointer; }

dialog[open] {
  display: block;
  visibility: visible; }

dialog, .reveal-modal {
  padding: 1.875rem; }
  dialog.radius, .reveal-modal.radius {
    border-radius: 3px; }
  dialog.round, .reveal-modal.round {
    border-radius: 1000px; }
  dialog.collapse, .reveal-modal.collapse {
    padding: 0; }
  @media only screen and (min-width:40.063em) {
    dialog.tiny, .reveal-modal.tiny {
      margin-left: -15%;
      width: 30%; } }
  @media only screen and (min-width:40.063em) {
    dialog.small, .reveal-modal.small {
      margin-left: -20%;
      width: 40%; } }
  @media only screen and (min-width:40.063em) {
    dialog.medium, .reveal-modal.medium {
      margin-left: -30%;
      width: 60%; } }
  @media only screen and (min-width:40.063em) {
    dialog.large, .reveal-modal.large {
      margin-left: -35%;
      width: 70%; } }
  @media only screen and (min-width:40.063em) {
    dialog.xlarge, .reveal-modal.xlarge {
      margin-left: -47.5%;
      width: 95%; } }

dialog.full, .reveal-modal.full {
  top: 0;
  left: 0;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  margin-left: 0 !important; }
  @media only screen and (min-width:40.063em) {
    dialog.full, .reveal-modal.full {
      margin-left: -50vw;
      width: 100vw; } }

@media print {
  dialog, .reveal-modal {
    background: #fff !important; } }

.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .side-nav li {
    margin: 0 0 0.4375rem 0;
    font-size: 0.875rem; }
    .side-nav li a:not(.button) {
      display: block;
      color: #008CBA;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #1ccaff; }
    .side-nav li.active > a:first-child:not(.button) {
      color: #1ccaff;
      font-weight: normal;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: white; }
    .side-nav li.heading {
      color: #008CBA;
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }

.split.button {
  position: relative;
  padding-right: 5.0625rem; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      top: 50%;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button span {
    width: 3.09375rem; }
    .split.button span:after {
      border-top-style: solid;
      border-width: 0.375rem;
      top: 48%;
      margin-left: -0.375rem; }
  .split.button span:after {
    border-color: #fff transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.secondary span:after {
    border-color: #fff transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.success span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.tiny {
    padding-right: 3.75rem; }
    .split.button.tiny span {
      width: 2.25rem; }
      .split.button.tiny span:after {
        border-top-style: solid;
        border-width: 0.375rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.small {
    padding-right: 4.375rem; }
    .split.button.small span {
      width: 2.625rem; }
      .split.button.small span:after {
        border-top-style: solid;
        border-width: 0.4375rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.large {
    padding-right: 5.5rem; }
    .split.button.large span {
      width: 3.4375rem; }
      .split.button.large span:after {
        border-top-style: solid;
        border-width: 0.3125rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.expand {
    padding-left: 2rem; }
  .split.button.secondary span:after {
    border-color: #333 transparent transparent transparent; }
  .split.button.radius span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .split.button.round span {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 1.125rem;
  padding-top: 0.25rem;
  margin-right: 0;
  margin-left: -0.75rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt, .sub-nav dd, .sub-nav li {
    float: left;
    display: inline;
    margin-left: 1rem;
    margin-bottom: 0.625rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    color: #999; }
    .sub-nav dt a, .sub-nav dd a, .sub-nav li a {
      text-decoration: none;
      color: #999;
      padding: 0.1875rem 1rem; }
      .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
        color: #737373; }
    .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: #008CBA;
      padding: 0.1875rem 1rem;
      cursor: default;
      color: #fff; }
      .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
        background: #007ba0; }

div.switch label {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  color: transparent;
  background: #ddd;
  text-indent: 100%;
  width: 4rem;
  height: 2rem;
  cursor: pointer;
  transition: left 0.15s ease-out; }
div.switch input {
  display: none; }
  div.switch input + label {
    margin-left: 0;
    margin-right: 0; }
div.switch label:after {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out; }
div.switch input:checked + label {
  background: #008CBA; }
div.switch input:checked + label:after {
  left: 2.25rem; }
div.switch label {
  width: 4rem;
  height: 2rem; }
div.switch label:after {
  width: 1.5rem;
  height: 1.5rem; }
div.switch input:checked + label:after {
  left: 2.25rem; }
div.switch label {
  color: transparent;
  background: #ddd; }
div.switch label:after {
  background: #fff; }
div.switch input:checked + label {
  background: #008CBA; }
div.switch.large label {
  width: 5rem;
  height: 2.5rem; }
div.switch.large label:after {
  width: 2rem;
  height: 2rem; }
div.switch.large input:checked + label:after {
  left: 2.75rem; }
div.switch.small label {
  width: 3.5rem;
  height: 1.75rem; }
div.switch.small label:after {
  width: 1.25rem;
  height: 1.25rem; }
div.switch.small input:checked + label:after {
  left: 2rem; }
div.switch.tiny label {
  width: 3rem;
  height: 1.5rem; }
div.switch.tiny label:after {
  width: 1rem;
  height: 1rem; }
div.switch.tiny input:checked + label:after {
  left: 1.75rem; }
div.switch.radius label {
  border-radius: 4px; }
div.switch.radius label:after {
  border-radius: 3px; }
div.switch.round {
  border-radius: 1000px; }
  div.switch.round label {
    border-radius: 2rem; }
  div.switch.round label:after {
    border-radius: 2rem; }

table {
  background: #fff;
  margin-bottom: 1.25rem;
  border: solid 1px #ddd; }
  table caption {
    background: transparent;
    color: #222;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: #f5f5f5; }
    table thead tr th, table thead tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222; }
  table tfoot {
    background: #f5f5f5; }
    table tfoot tr th, table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222; }
  table tr th, table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222;
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    display: table-cell;
    line-height: 1.125rem; }

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

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

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

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

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important; }
  .small-only-text-right {
    text-align: right !important; }
  .small-only-text-center {
    text-align: center !important; }
  .small-only-text-justify {
    text-align: justify !important; } }

@media only screen {
  .small-text-left {
    text-align: left !important; }
  .small-text-right {
    text-align: right !important; }
  .small-text-center {
    text-align: center !important; }
  .small-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width:40.063em) and (max-width:64em) {
  .medium-only-text-left {
    text-align: left !important; }
  .medium-only-text-right {
    text-align: right !important; }
  .medium-only-text-center {
    text-align: center !important; }
  .medium-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width:40.063em) {
  .medium-text-left {
    text-align: left !important; }
  .medium-text-right {
    text-align: right !important; }
  .medium-text-center {
    text-align: center !important; }
  .medium-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width:64.063em) and (max-width:90em) {
  .large-only-text-left {
    text-align: left !important; }
  .large-only-text-right {
    text-align: right !important; }
  .large-only-text-center {
    text-align: center !important; }
  .large-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width:64.063em) {
  .large-text-left {
    text-align: left !important; }
  .large-text-right {
    text-align: right !important; }
  .large-text-center {
    text-align: center !important; }
  .large-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width:90.063em) and (max-width:120em) {
  .xlarge-only-text-left {
    text-align: left !important; }
  .xlarge-only-text-right {
    text-align: right !important; }
  .xlarge-only-text-center {
    text-align: center !important; }
  .xlarge-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width:90.063em) {
  .xlarge-text-left {
    text-align: left !important; }
  .xlarge-text-right {
    text-align: right !important; }
  .xlarge-text-center {
    text-align: center !important; }
  .xlarge-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width:120.063em) and (max-width:99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important; }
  .xxlarge-only-text-right {
    text-align: right !important; }
  .xxlarge-only-text-center {
    text-align: center !important; }
  .xxlarge-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width:120.063em) {
  .xxlarge-text-left {
    text-align: left !important; }
  .xxlarge-text-right {
    text-align: right !important; }
  .xxlarge-text-center {
    text-align: center !important; }
  .xxlarge-text-justify {
    text-align: justify !important; } }

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #008CBA;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #007ba0; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 2.125rem; }

h2 {
  font-size: 1.6875rem; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* Helpful Typography Defaults */
em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  font-weight: normal;
  color: #333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul, ol, dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 1.1rem; }
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul, ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

/* Unordered Lists */
ul li ul, ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul, ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px dotted #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #ddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited {
      color: #555555; }

blockquote, blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #ddd;
  padding: 0.625rem 0.75rem; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem; }

@media only screen and (min-width:40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2.75rem; }
  h2 {
    font-size: 2.3125rem; }
  h3 {
    font-size: 1.6875rem; }
  h4 {
    font-size: 1.4375rem; }
  h5 {
    font-size: 1.125rem; }
  h6 {
    font-size: 1rem; } }

/*
       * Print styles.
       *
       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
      */
.print-only {
  display: none !important; }

@media print {
  @page {
    margin: 0.5cm; }

  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  .hide-on-print {
    display: none !important; }
  .print-only {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  .show-for-print {
    display: inherit !important; } }

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd, .tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left; }
    .tabs dd > a, .tabs .tab-title > a {
      display: block;
      background: #efefef;
      color: #222;
      padding: 1rem 2rem;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1rem; }
      .tabs dd > a:hover, .tabs .tab-title > a:hover {
        background: #e1e1e1; }
    .tabs dd.active a, .tabs .tab-title.active a {
      background: #fff;
      color: #222; }
  .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd, .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375rem; }

@media only screen and (min-width:40.063em) {
  .tabs.vertical {
    width: 20%;
    max-width: 20%;
    float: left;
    margin: 0 0 1.25rem; }
  .tabs-content.vertical {
    width: 80%;
    max-width: 80%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem; } }

.no-js .tabs-content > .content {
  display: block;
  float: none; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #fff;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
  .th.radius {
    border-radius: 3px; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #ccc;
  cursor: help;
  font-weight: bold;
  color: #333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #004054;
    color: #008CBA; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 300px;
  left: 50%;
  width: 100%;
  color: #fff;
  background: #333; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #333 transparent;
    top: -10px; }
    .tooltip > .nub.rtl {
      left: auto;
      right: 5px; }
  .tooltip.radius {
    border-radius: 3px; }
  .tooltip.round {
    border-radius: 1000px; }
    .tooltip.round > .nub {
      left: 2rem; }
  .tooltip.opened {
    color: #008CBA !important;
    border-bottom: dotted 1px #004054 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777;
  font-weight: normal; }

@media only screen and (min-width:40.063em) {
  .tooltip > .nub {
    border-color: transparent transparent #333 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #333 transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #333 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333; }
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }
  .fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      z-index: 98;
      margin-top: 45px; }

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #333;
  margin-bottom: 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form, .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 1.8rem;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    font-size: 0.75rem; }
  .top-bar .button, .top-bar button {
    padding-top: 0.45rem;
    padding-bottom: 0.35rem;
    margin-bottom: 0;
    font-size: 0.75rem; }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 1.0625rem;
      margin: 0; }
      .top-bar .name h1 a {
        font-weight: normal;
        color: #fff;
        width: 75%;
        display: block;
        padding: 0 15px; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: #fff;
      text-transform: uppercase;
      font-size: 0.8125rem;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 40px 0 15px;
        color: #fff;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 15px;
          box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #333; }
    .top-bar.expanded .toggle-topbar a {
      color: #888; }
      .top-bar.expanded .toggle-topbar a::after {
        box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider, .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #333; }
    .top-bar-section ul li > a {
      display: block;
      width: 100%;
      color: #fff;
      padding: 12px 0 12px 0;
      padding-left: 15px;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
      text-transform: none; }
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-right: 15px;
        padding-left: 15px;
        background-color: #008CBA;
        border-color: #007295;
        color: #fff; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #007295; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: #fff; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #333; }
      .top-bar-section ul li > a.button.success {
        background-color: #43AC6A;
        border-color: #368a54;
        color: #fff; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #368a54; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: #fff; }
      .top-bar-section ul li > a.button.alert {
        background-color: #f04124;
        border-color: #cf280e;
        color: #fff; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #cf280e; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: #fff; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-right: 15px;
      padding-left: 15px;
      background-color: #008CBA;
      border-color: #007295;
      color: #fff; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #007295; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: #fff; }
      .top-bar-section ul li > button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333; }
      .top-bar-section ul li > button.success {
        background-color: #43AC6A;
        border-color: #368a54;
        color: #fff; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #368a54; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: #fff; }
      .top-bar-section ul li > button.alert {
        background-color: #f04124;
        border-color: #cf280e;
        color: #fff; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #cf280e; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: #fff; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      background: #272727;
      color: #fff; }
    .top-bar-section ul li.active > a {
      background: #008CBA;
      color: #fff; }
      .top-bar-section ul li.active > a:hover {
        background: #007ba0;
        color: #fff; }
  .top-bar-section .has-form {
    padding: 15px; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 15px; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: #fff;
          line-height: 22.5px;
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 15px; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 15px 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777;
      font-weight: bold;
      font-size: 0.625rem; }

.js-generated {
  display: block; }

@media only screen and (min-width:40.063em) {
  .top-bar {
    background: #333;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input, .top-bar .button, .top-bar button {
      font-size: 0.875rem;
      position: relative;
      top: 7px; }
    .top-bar.expanded {
      background: #333; }
  .contain-to-grid .top-bar {
    max-width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 0; }
  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #272727;
      color: #fff; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #333; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #272727; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      color: #fff;
      background: #008CBA; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #007ba0;
        color: #fff; }
    .top-bar-section .has-dropdown > a {
      padding-right: 35px !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: #fff;
        line-height: 45px;
        white-space: nowrap;
        padding: 12px 15px;
        background: #333; }
      .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #fff;
        background: #333; }
      .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: #fff;
        background-color: #555555;
        background: #272727; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #4e4e4e;
      clear: none;
      height: 45px;
      width: 0; }
    .top-bar-section .has-form {
      background: #333;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }
  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #272727;
    color: #fff; }
  .no-js .top-bar-section ul li:active > a {
    background: #008CBA;
    color: #fff; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } }

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333;
  color: #fff;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: #fff;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
    font-size: 1.125rem; }

.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1a1a;
  left: 0; }

.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #1a1a1a;
  right: 0; }

.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0; }
  @media only screen and (min-width:40.063em) {
    .tab-bar-section {
      text-align: left; } }
  .tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  .tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  .tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }

.tab-bar .menu-icon {
  text-indent: 2.1875rem;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  padding: 0;
  color: #FFF;
  position: relative;
  transform: translate3d(0, 0, 0); }
  .tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0px 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
    width: 1rem; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100.5%, 0);
  -webkit-transform: translate3d(-100.5%, 0, 0);
  -moz-transform: translate3d(-100.5%, 0, 0);
  -ms-transform: translate3d(-100.5%, 0, 0);
  -o-transform: translate3d(-100.5%, 0, 0);
  transform: translate3d(-100.5%, 0, 0);
  left: 0; }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(100.5%, 0);
  -webkit-transform: translate3d(100.5%, 0, 0);
  -moz-transform: translate3d(100.5%, 0, 0);
  -ms-transform: translate3d(100.5%, 0, 0);
  -o-transform: translate3d(100.5%, 0, 0);
  transform: translate3d(100.5%, 0, 0);
  right: 0; }
  .right-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.off-canvas-list li label {
    display: block;
    padding: 0.3rem 0.9375rem;
    color: #999;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626;
    transition: background 300ms ease; }
    ul.off-canvas-list li a:hover {
      background: #242424; }

.move-right > .inner-wrap {
  -ms-transform: translate(15.625rem, 0);
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0); }
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width:40.063em) {
    .move-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.move-left > .inner-wrap {
  -ms-transform: translate(-15.625rem, 0);
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0); }
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width:40.063em) {
    .move-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width:40.063em) {
    .offcanvas-overlap .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem; }
.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem; }
.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem; }
.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width:40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }

/* large displays */
@media only screen and (min-width:64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width:90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width:120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape, .show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  /* Specific visibility for tables */
  .show-for-landscape, .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape, .show-for-portrait {
    display: none !important; }
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  /* Specific visibility for tables */
  .show-for-portrait, .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait, .show-for-landscape {
    display: none !important; }
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }
  .hide-for-print {
    display: none; }
  table.show-for-print {
    display: table; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; } }

.icon-bar.two-up .item {
  width: 50%; }
.icon-bar.two-up.vertical .item {
  width: auto; }
.icon-bar.three-up .item {
  width: 33.3333%; }
.icon-bar.three-up.vertical .item {
  width: auto; }
.icon-bar.four-up .item {
  width: 25%; }
.icon-bar.four-up.vertical .item {
  width: auto; }
.icon-bar.five-up .item {
  width: 20%; }
.icon-bar.five-up.vertical .item {
  width: auto; }
.icon-bar.six-up .item {
  width: 16.66667%; }
.icon-bar.six-up.vertical .item {
  width: auto; }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width:40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }

/* large displays */
@media only screen and (min-width:64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width:90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width:120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape, .show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  /* Specific visibility for tables */
  .show-for-landscape, .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape, .show-for-portrait {
    display: none !important; }
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  /* Specific visibility for tables */
  .show-for-portrait, .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait, .show-for-landscape {
    display: none !important; }
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }
  .hide-for-print {
    display: none; }
  table.show-for-print {
    display: table; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; } }

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

[data-icon]:before {
  font-family: "livecapital-app" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "livecapital-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-chart-columns:before {
  content: "\61"; }

.icon-check:before {
  content: "\62"; }

.icon-circle-plus:before {
  content: "\63"; }

.icon-edit:before {
  content: "\65"; }

.icon-export:before {
  content: "\66"; }

.icon-file-pointed:before {
  content: "\67"; }

.icon-foward-right:before {
  content: "\68"; }

.icon-loading:before {
  content: "\69"; }

.icon-menu-pointed:before {
  content: "\6a"; }

.icon-search:before {
  content: "\6b"; }

.icon-warning:before {
  content: "\6c"; }

.icon-refresh:before {
  content: "\6d"; }

.icon-down:before {
  content: "\6e"; }

.icon-plus:before {
  content: "\6f"; }

.icon-error:before {
  content: "\70"; }

.icon-config:before {
  content: "\71"; }

.icon-menu:before {
  content: "\72"; }

.icon-circle-check:before {
  content: "\73"; }

.icon-left:before {
  content: "\74"; }

.icon-chart-pie:before {
  content: "\75"; }

.icon-foward-left:before {
  content: "\76"; }

.icon-arrow-up:before {
  content: "\77"; }

.icon-file-empty:before {
  content: "\78"; }

.icon-arrow-down:before {
  content: "\79"; }

.icon-star:before {
  content: "\7a"; }

.icon-arrow-right:before {
  content: "\41"; }

.icon-portfolio-status:before {
  content: "\42"; }

.icon-circle-check-empty:before {
  content: "\43"; }

.icon-check-empty:before {
  content: "\44"; }

.icon-check-empty-thin:before {
  content: "\45"; }

.icon-warning-thin:before {
  content: "\47"; }

.icon-chart-columns-variation:before {
  content: "\46"; }

.icon-add-v2:before {
  content: "\4a"; }

.icon-history-v2:before {
  content: "\4b"; }

.icon-user-v2:before {
  content: "\4d"; }

.icon-delete:before {
  content: "\49"; }

.icon-config-v2:before {
  content: "\64"; }

.icon-widget-v2:before {
  content: "\4c"; }

.icon-widget-v2:before {
  content: "\4c"; }

.icon-arrow-down-v2:before {
  content: "\48"; }

.icon-calendar-v2:before {
  content: "\4e"; }

.icon-dashboard-v2:before {
  content: "\4f"; }

.icon-book:before {
  content: "\50"; }

.icon-close:before {
  content: "\51"; }

.icon-currency:before {
  content: "\52"; }

.icon-percent:before {
  content: "\53"; }

.icon-faq:before {
  content: "\54"; }

.icon-support:before {
  content: "\55"; }

.icon-no-data:before {
  content: "\56"; }

.icon-no-institution:before {
  content: "\57"; }

.icon-no-portfolio:before {
  content: "\58"; }

.icon-no-users:before {
  content: "\59"; }

.icon-add-accumulatedirrf:before {
  content: "\5a"; }

.icon-add-fidc:before {
  content: "\30"; }

.icon-add-accumulatedloss:before {
  content: "\31"; }

.icon-add-import:before {
  content: "\32"; }

.icon-add-application:before {
  content: "\33"; }

.icon-add-inputtransfer:before {
  content: "\34"; }

.icon-add-atribuicao-carteira:before {
  content: "\35"; }

.icon-add-earlyterm:before {
  content: "\36"; }

.icon-add-dpge:before {
  content: "\37"; }

.icon-add-differenceterm:before {
  content: "\38"; }

.icon-add-checking-account:before {
  content: "\21"; }

.icon-add-comecotas:before {
  content: "\22"; }

.icon-add-cra:before {
  content: "\23"; }

.icon-add-letrafinanceira:before {
  content: "\26"; }

.icon-add-letradecambio:before {
  content: "\27"; }

.icon-add-lci:before {
  content: "\28"; }

.icon-add-lca:before {
  content: "\29"; }

.icon-add-cdb:before {
  content: "\2a"; }

.icon-add-ipo:before {
  content: "\2b"; }

.icon-add-quote:before {
  content: "\2c"; }

.icon-add-rdb:before {
  content: "\2d"; }

.icon-add-resgatar-publictitle:before {
  content: "\2e"; }

.icon-add-subscription:before {
  content: "\2f"; }

.icon-add-publictitle:before {
  content: "\3a"; }

.icon-add-positioncost:before {
  content: "\3b"; }

.icon-add-portfoliocost:before {
  content: "\3c"; }

.icon-add-manual:before {
  content: "\3e"; }

.icon-add-others:before {
  content: "\3f"; }

.icon-add-outputtransfer:before {
  content: "\40"; }

.icon-add-debenture:before {
  content: "\39"; }

.icon-add-letrahipotecaria:before {
  content: "\24"; }

.icon-add-cri:before {
  content: "\25"; }

.icon-add-manageassets:before {
  content: "\3d"; }

.icon-add-savings:before {
  content: "\5b"; }

.icon-key:before {
  content: "\5d"; }

.icon-chat:before {
  content: "\5e"; }

.icon-post:before {
  content: "\60"; }

.icon-video:before {
  content: "\5f"; }

.icon-trash:before {
  content: "\7b"; }

.icon-add-user:before {
  content: "\7c"; }

.icon-circle:before {
  content: "\7d"; }

.icon-circle-center:before {
  content: "\7e"; }

.icon-info:before {
  content: "\5c"; }

.icon-copy-file:before {
  content: "\e000"; }

.icon-new-tab:before {
  content: "\e001"; }

.icon-download:before {
  content: "\e002"; }

.icon-upload:before {
  content: "\e003"; }

.icon-user-data:before {
  content: "\e004"; }

.icon-time:before {
  content: "\e005"; }

.icon-logout:before {
  content: "\e006"; }

.icon-chat-02:before {
  content: "\e007"; }

.icon-institution-fill:before {
  content: "\e008"; }

.icon-shop:before {
  content: "\e009"; }

.icon-dividas-pagar:before {
  content: "\e00a"; }

.icon-dividas-transf-juros:before {
  content: "\e00b"; }

.icon-veiculos-abastecimento:before {
  content: "\e00c"; }

.icon-veiculos-manutencao:before {
  content: "\e00d"; }

.icon-veiculos-tributos:before {
  content: "\e00e"; }

.icon-veiculos-compra:before {
  content: "\e00f"; }

.icon-veiculos-outros:before {
  content: "\e010"; }

.icon-veiculos-seguro:before {
  content: "\e011"; }

.icon-veiculos-estacionamento:before {
  content: "\e012"; }

.icon-dividas-nova:before {
  content: "\e013"; }

.icon-imoveis-aluguel:before {
  content: "\e014"; }

.icon-imoveis-apartamento:before {
  content: "\e015"; }

.icon-imoveis-vender:before {
  content: "\e016"; }

.icon-imoveis-terreno:before {
  content: "\e017"; }

.icon-imoveis-taxa-incendio:before {
  content: "\e018"; }

.icon-imoveis-manutencao:before {
  content: "\e019"; }

.icon-imoveis-iptu:before {
  content: "\e01a"; }

.icon-imoveis-casa:before {
  content: "\e01b"; }

.icon-imoveis-condominio:before {
  content: "\e01c"; }

.icon-imoveis-cotacao:before {
  content: "\e01d"; }

.icon-add-asset:before {
  content: "\e01e"; }

.icon-trial-time:before {
  content: "\e01f"; }

.icon-share:before {
  content: "\e020"; }

.icon-two-gear:before {
  content: "\e021"; }

.icon-arrow-left:before {
  content: "\e022"; }

.icon-arrow-top:before {
  content: "\e023"; }

.icon-arrow-bottom:before {
  content: "\e024"; }

.icon-bitcoin:before {
  content: "\e025"; }

.icon-email:before {
  content: "\e026"; }

.icon-phone:before {
  content: "\e027"; }

.icon-choose-feedback-bug:before {
  content: "\e028"; }

.icon-choose-feedback:before {
  content: "\e029"; }

.icon-choose-feedback-negative:before {
  content: "\e02a"; }

.icon-choose-feedback-positive:before {
  content: "\e02b"; }

.icon-feedback-positive:before {
  content: "\e02c"; }

.icon-feedback-ok:before {
  content: "\e02d"; }

.icon-feedback-negative:before {
  content: "\e02e"; }

.icon-feedback-bug:before {
  content: "\e02f"; }

@keyframes double-spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(720deg); } }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

.red #top-header {
  background: #C73144; }
  .red #top-header .logo-wrapper {
    background: #da6a79; }
  .red #top-header .top-header-menu .menu-button-link {
    border-left: 1px solid #8a2230; }
    .red #top-header .top-header-menu .menu-button-link.button-link-widgets, .red #top-header .top-header-menu .menu-button-link.button-link-history, .red #top-header .top-header-menu .menu-button-link.button-link-config, .red #top-header .top-header-menu .menu-button-link.button-link-user {
      background-color: #9e2737; }
      .red #top-header .top-header-menu .menu-button-link.button-link-widgets:hover, .red #top-header .top-header-menu .menu-button-link.button-link-history:hover, .red #top-header .top-header-menu .menu-button-link.button-link-config:hover, .red #top-header .top-header-menu .menu-button-link.button-link-user:hover {
        background-color: #b32c3e; }
  .red #top-header .top-header-menu .navigation-list-item:hover, .red #top-header .top-header-menu .navigation-list-item.expanded {
    background-color: #9e2737; }
  .red #top-header .top-header-menu .navigation-list-item li:hover {
    background-color: #f9e5e8 !important; }
  .red #top-header .top-header-menu .navigation-list-item li.is-selected {
    background-color: #C73144 !important; }
  .red #top-header .top-header-menu .navigation-list-item li.dashboard-new, .red #top-header .top-header-menu .navigation-list-item li.institution-new {
    color: #C73144 !important; }
.red .button {
  background-color: #da6a79;
  border-color: #da6a79;
  color: white; }
.red .action.add, .red .action.edit {
  border-color: #C73144;
  background-color: #f9e5e8;
  color: #C73144; }
.red .configurations a {
  color: #C73144; }
.red .configurations .add-button.add, .red .configurations .add-button.edit, .red .configurations .dynamic-form.add, .red .configurations .dynamic-form.edit {
  border-color: #C73144;
  background-color: #f9e5e8; }

.green #top-header {
  background: #3CA060; }
  .green #top-header .logo-wrapper {
    background: #64c586; }
  .green #top-header .top-header-menu .menu-button-link {
    border-left: 1px solid #27683e; }
    .green #top-header .top-header-menu .menu-button-link.button-link-widgets, .green #top-header .top-header-menu .menu-button-link.button-link-history, .green #top-header .top-header-menu .menu-button-link.button-link-config, .green #top-header .top-header-menu .menu-button-link.button-link-user {
      background-color: #2e7b49; }
      .green #top-header .top-header-menu .menu-button-link.button-link-widgets:hover, .green #top-header .top-header-menu .menu-button-link.button-link-history:hover, .green #top-header .top-header-menu .menu-button-link.button-link-config:hover, .green #top-header .top-header-menu .menu-button-link.button-link-user:hover {
        background-color: #358d54; }
  .green #top-header .top-header-menu .navigation-list-item:hover, .green #top-header .top-header-menu .navigation-list-item.expanded {
    background-color: #2e7b49; }
  .green #top-header .top-header-menu .navigation-list-item li:hover {
    background-color: #d3efdd !important; }
  .green #top-header .top-header-menu .navigation-list-item li.is-selected {
    background-color: #3CA060 !important; }
  .green #top-header .top-header-menu .navigation-list-item li.dashboard-new, .green #top-header .top-header-menu .navigation-list-item li.institution-new {
    color: #3CA060 !important; }
.green .button {
  background-color: #64c586;
  border-color: #64c586;
  color: white; }
.green .action.add, .green .action.edit {
  border-color: #3CA060;
  background-color: #d3efdd;
  color: #3CA060; }
.green .configurations a {
  color: #3CA060; }
.green .configurations .add-button.add, .green .configurations .add-button.edit, .green .configurations .dynamic-form.add, .green .configurations .dynamic-form.edit {
  border-color: #3CA060;
  background-color: #d3efdd; }

.orange #top-header {
  background: #F09627; }
  .orange #top-header .logo-wrapper {
    background: #f5b86f; }
  .orange #top-header .top-header-menu .menu-button-link {
    border-left: 1px solid #bd6e0d; }
    .orange #top-header .top-header-menu .menu-button-link.button-link-widgets, .orange #top-header .top-header-menu .menu-button-link.button-link-history, .orange #top-header .top-header-menu .menu-button-link.button-link-config, .orange #top-header .top-header-menu .menu-button-link.button-link-user {
      background-color: #d57c0f; }
      .orange #top-header .top-header-menu .menu-button-link.button-link-widgets:hover, .orange #top-header .top-header-menu .menu-button-link.button-link-history:hover, .orange #top-header .top-header-menu .menu-button-link.button-link-config:hover, .orange #top-header .top-header-menu .menu-button-link.button-link-user:hover {
        background-color: #ed8a10; }
  .orange #top-header .top-header-menu .navigation-list-item:hover, .orange #top-header .top-header-menu .navigation-list-item.expanded {
    background-color: #d57c0f; }
  .orange #top-header .top-header-menu .navigation-list-item li:hover {
    background-color: #fffefe !important; }
  .orange #top-header .top-header-menu .navigation-list-item li.is-selected {
    background-color: #F09627 !important; }
  .orange #top-header .top-header-menu .navigation-list-item li.dashboard-new, .orange #top-header .top-header-menu .navigation-list-item li.institution-new {
    color: #F09627 !important; }
.orange .button {
  background-color: #f5b86f;
  border-color: #f5b86f;
  color: white; }
.orange .action.add, .orange .action.edit {
  border-color: #F09627;
  background-color: #fffefe;
  color: #F09627; }
.orange .configurations a {
  color: #F09627; }
.orange .configurations .add-button.add, .orange .configurations .add-button.edit, .orange .configurations .dynamic-form.add, .orange .configurations .dynamic-form.edit {
  border-color: #F09627;
  background-color: #fffefe; }

.gray #top-header {
  background: #848484; }
  .gray #top-header .logo-wrapper {
    background: #aaaaaa; }
  .gray #top-header .top-header-menu .menu-button-link {
    border-left: 1px solid #5e5e5e; }
    .gray #top-header .top-header-menu .menu-button-link.button-link-widgets, .gray #top-header .top-header-menu .menu-button-link.button-link-history, .gray #top-header .top-header-menu .menu-button-link.button-link-config, .gray #top-header .top-header-menu .menu-button-link.button-link-user {
      background-color: #6b6b6b; }
      .gray #top-header .top-header-menu .menu-button-link.button-link-widgets:hover, .gray #top-header .top-header-menu .menu-button-link.button-link-history:hover, .gray #top-header .top-header-menu .menu-button-link.button-link-config:hover, .gray #top-header .top-header-menu .menu-button-link.button-link-user:hover {
        background-color: #777777; }
  .gray #top-header .top-header-menu .navigation-list-item:hover, .gray #top-header .top-header-menu .navigation-list-item.expanded {
    background-color: #6b6b6b; }
  .gray #top-header .top-header-menu .navigation-list-item li:hover {
    background-color: #f7f7f7 !important; }
  .gray #top-header .top-header-menu .navigation-list-item li.is-selected {
    background-color: #848484 !important; }
  .gray #top-header .top-header-menu .navigation-list-item li.dashboard-new, .gray #top-header .top-header-menu .navigation-list-item li.institution-new {
    color: #848484 !important; }
.gray .button {
  background-color: #aaaaaa;
  border-color: #aaaaaa;
  color: white; }
.gray .action.add, .gray .action.edit {
  border-color: #848484;
  background-color: #f7f7f7;
  color: #848484; }
.gray .configurations a {
  color: #848484; }
.gray .configurations .add-button.add, .gray .configurations .add-button.edit, .gray .configurations .dynamic-form.add, .gray .configurations .dynamic-form.edit {
  border-color: #848484;
  background-color: #f7f7f7; }

.reconciliation-warning {
  background-image: url("/assets/img/ico-warning.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  width: 10px;
  height: 10px;
  opacity: 0.8; }
  .reconciliation-warning:hover {
    opacity: 1; }

.reconciliation-ok {
  background-image: url("/assets/img/status-success.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  width: 10px;
  height: 10px;
  opacity: 0.8; }
  .reconciliation-ok:hover {
    opacity: 1; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-ms-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }

  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@-moz-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }

  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@-ms-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }

  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@-o-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }

  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }

  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-ms-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

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

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

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

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

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

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

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

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }

  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }

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

@-moz-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }

  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }

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

@-ms-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }

  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }

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

@-o-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }

  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }

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

@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }

  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }

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

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-moz-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-ms-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-o-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-moz-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-ms-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-o-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@-moz-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@-ms-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@-o-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-moz-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-ms-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-o-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-moz-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-ms-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-o-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-moz-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-ms-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-o-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-moz-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-ms-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-o-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@-webkit-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-o-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-moz-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-ms-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-o-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-webkit-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@-moz-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@-ms-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@-o-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@-webkit-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@-moz-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@-ms-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@-o-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@-webkit-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }

  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@-moz-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }

  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@-ms-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }

  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@-o-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }

  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }

  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@-moz-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@-ms-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@-o-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-ms-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-moz-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-ms-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-o-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-webkit-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-moz-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-ms-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-o-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-webkit-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-moz-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-ms-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-o-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-webkit-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-moz-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-ms-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-o-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-moz-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-ms-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-o-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-moz-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-ms-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-o-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-moz-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-ms-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-o-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-moz-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-ms-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-o-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-moz-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-ms-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-o-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }

  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-moz-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-ms-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-o-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-moz-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-ms-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-o-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-moz-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-ms-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-o-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-webkit-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@-moz-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@-ms-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@-o-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  50% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  50% {
    opacity: 1; } }

@-ms-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  50% {
    opacity: 1; } }

@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  50% {
    opacity: 1; } }

@-webkit-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@-moz-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@-ms-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@-o-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@-webkit-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@-moz-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@-ms-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@-o-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@-webkit-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@-moz-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@-ms-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@-o-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@-webkit-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@-moz-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@-ms-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@-o-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

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

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  100% {
    opacity: 0; } }

@-moz-keyframes zoomOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  100% {
    opacity: 0; } }

@-ms-keyframes zoomOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  100% {
    opacity: 0; } }

@-o-keyframes zoomOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

  100% {
    opacity: 0; } }

@-webkit-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-moz-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-ms-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-o-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@-ms-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@-moz-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@-ms-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@-o-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@-webkit-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-moz-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-ms-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-o-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }

  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

.alternative-page {
  height: 100%;
  min-height: 100%; }

.follow-portfolio {
  height: 100%;
  width: 100%;
  max-width: 100%;
  min-height: 100%; }
  .follow-portfolio section {
    height: 100%;
    width: 70%;
    text-align: center; }
    .follow-portfolio section .content {
      position: relative;
      margin: auto; }
      .follow-portfolio section .content .message-figure {
        height: auto;
        width: 5rem;
        height: auto;
        margin-bottom: 1.5rem; }
      .follow-portfolio section .content .message {
        max-width: 660px;
        margin: auto; }
        .follow-portfolio section .content .message h2 {
          color: #5e88ae;
          font-size: 23px;
          font-family: Arial;
          line-height: 1.22 !important;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal; }
        .follow-portfolio section .content .message p {
          color: #666;
          margin: 1.8rem auto;
          font-family: Arial;
          font-size: 16px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.63;
          letter-spacing: normal;
          text-align: center; }
        .follow-portfolio section .content .message.new-user {
          margin-top: 30%; }
        .follow-portfolio section .content .message.registration-form {
          margin-top: 12%; }
        .follow-portfolio section .content .message.success {
          margin-top: 20%; }
        .follow-portfolio section .content .message.portfolio-error {
          margin-top: 30%; }
      .follow-portfolio section .content .form-label {
        display: block;
        margin-top: 3rem;
        margin-bottom: 1rem;
        font-size: 0.9rem; }
      .follow-portfolio section .content form {
        margin: auto;
        max-width: 303px; }
        .follow-portfolio section .content form input {
          color: #666;
          padding: 1.2rem 0.6rem;
          font-size: 1rem;
          width: 280px;
          margin: auto; }
      .follow-portfolio section .content .error-message {
        font-size: 1rem;
        color: #da0000;
        text-align: left;
        width: 280px;
        display: block;
        margin: 0.5rem auto; }
      .follow-portfolio section .content .form-item {
        max-width: 303px;
        display: block;
        margin: 0.2rem auto 2rem auto;
        font-family: Arial;
        font-size: 12px !important;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.55;
        letter-spacing: normal;
        text-align: center;
        color: #7b7b7b; }
        .follow-portfolio section .content .form-item a {
          color: inherit;
          text-decoration: underline;
          font-weight: normal; }
    .follow-portfolio section .button {
      background-color: #2f6faf !important;
      font-size: 1rem !important;
      padding: 0.7rem 1.6rem !important;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 2rem; }
  .follow-portfolio aside {
    position: relative;
    width: 30%;
    height: 100%;
    min-height: 100%;
    background-color: #6E93B6;
    display: block;
    padding: 0; }
    .follow-portfolio aside figure {
      position: absolute;
      top: 37%;
      left: 0;
      width: 100%;
      margin: 0;
      display: block;
      padding: 0; }
      .follow-portfolio aside figure img {
        margin: auto;
        width: 20rem;
        display: block; }
    .follow-portfolio aside footer {
      position: absolute;
      width: 100%;
      display: block;
      bottom: 0;
      left: 0;
      right: 0;
      border-top: 1px solid #91afcb;
      text-align: center;
      padding: 2rem 0; }
      .follow-portfolio aside footer ul {
        padding: 1.5rem 0; }
        .follow-portfolio aside footer ul li {
          display: inline-block;
          margin-right: 3rem; }
          .follow-portfolio aside footer ul li:last-child {
            margin-right: 0; }
      .follow-portfolio aside footer a {
        color: white;
        text-decoration: underline;
        opacity: 0.7;
        font-family: Arial;
        font-size: 12px; }
      .follow-portfolio aside footer .address span {
        color: #d7e3ef;
        display: block;
        opacity: 0.7;
        font-family: Arial;
        font-size: 12px;
        line-height: 1.55; }

.modal-purchase-wrapper .close-reveal-modal {
  z-index: 99;
  font-size: 1.4rem;
  top: 0.6rem !important;
  right: 0.6rem; }
.modal-purchase-wrapper .reveal-content {
  padding: 3rem 0; }
.modal-purchase-wrapper .container-plans {
  display: flex;
  flex-direction: column;
  justify-content: center; }
.modal-purchase-wrapper .plan {
  padding: 0 1rem;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0; }
  .modal-purchase-wrapper .plan h2, .modal-purchase-wrapper .plan p, .modal-purchase-wrapper .plan button {
    margin: 0; }
  .modal-purchase-wrapper .plan div, .modal-purchase-wrapper .plan h2, .modal-purchase-wrapper .plan p {
    flex: 1;
    text-align: left; }
  .modal-purchase-wrapper .plan h2 {
    font-size: 1rem; }
  .modal-purchase-wrapper .plan:not(:first-child) {
    border-top: 1px solid #e9e9e9; }

.modal-subscription-upgrade-wrapper .reveal-header p {
  margin: 0; }
.modal-subscription-upgrade-wrapper .close-reveal-modal {
  z-index: 99;
  font-size: 1.4rem;
  top: 0.6rem !important;
  right: 0.6rem; }
.modal-subscription-upgrade-wrapper .reveal-content {
  padding: 1rem 0; }
.modal-subscription-upgrade-wrapper .container-plans {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .modal-subscription-upgrade-wrapper .container-plans p {
    margin: 1rem 0 0 !important; }
.modal-subscription-upgrade-wrapper .plan {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0; }
  .modal-subscription-upgrade-wrapper .plan h2, .modal-subscription-upgrade-wrapper .plan button {
    margin: 0; }
  .modal-subscription-upgrade-wrapper .plan h2 {
    font-size: 1rem; }
  .modal-subscription-upgrade-wrapper .plan h2, .modal-subscription-upgrade-wrapper .plan p, .modal-subscription-upgrade-wrapper .plan div {
    flex: 1; }
  .modal-subscription-upgrade-wrapper .plan:not(:first-child) {
    border-top: 1px solid #e9e9e9; }

.subscriptions-result h2 {
  text-align: center !important; }

.subscriptions section .row {
  background: #f9f9f9;
  font-size: 0.9rem;
  line-height: 1.6;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-top: 1px solid #dce3ea; }
  .subscriptions section .row:first-child {
    border-top: none; }
  .subscriptions section .row .columns:first-child, .subscriptions section .row .field-columns:first-child {
    font-weight: bold;
    color: #4a4a4a; }

body {
  color: #666666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.7rem;
  line-height: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased; }

.off-left [class*="column"] + [class*="column"]:last-child {
  float: left; }

/* Basics */
h1 {
  color: #336699;
  font-size: 0.975rem;
  font-weight: bold; }

h2 {
  font-size: 0.775rem; }

h3, h4 {
  color: #4b4b4b; }

h3 {
  color: #666666;
  font-size: 0.6875rem;
  font-weight: bold; }

h4 {
  font-size: 0.6875rem; }

h5 {
  font-size: 0.8rem; }

h6 {
  font-size: 0.7rem; }

.subheader {
  margin-top: 0;
  margin-bottom: 0; }

h2.subheader {
  color: #4D7BA5;
  font-size: 1rem; }

h3.subheader, h4.subheader {
  color: #4b4b4b;
  padding: 5px 12px; }

h3.subheader {
  background: #c9d0d8; }

h4.subheader {
  background: #e4e7ea; }

a {
  color: #4D7BA5;
  font-weight: bold; }

a:hover, a:focus {
  color: #355571; }

p {
  font-size: 0.9rem; }

p.lead {
  font-size: 1.11875rem; }

ul, ol, dl {
  font-size: 0.9rem; }

ul {
  line-height: 1rem;
  list-style: none;
  margin: 0;
  padding-top: 5px; }

hr {
  background-color: #fbfbfb;
  border-color: #e2e2e2; }

label {
  cursor: initial; }

details summary {
  display: block !important;
  width: 95px; }
  details summary span {
    font-size: 0.6rem; }
  details summary::-webkit-details-marker {
    display: none; }
  details summary .arrow-down {
    display: none; }
details > * {
  display: none; }
details.is-open > * {
  display: block; }
details.is-open summary .arrow-right {
  display: none; }
details.is-open summary .arrow-down {
  display: inline; }

summary {
  outline: 0;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  cursor: pointer;
  display: inline-block;
  border-radius: 3px;
  background-color: #eee;
  padding: 6px 8px 5px;
  -webkit-user-select: none;
  -moz-user-select: none; }

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

.no-border-top {
  border-top: 0 !important; }

.no-border-right {
  border-right: 0 !important; }

.no-border-bottom {
  border-bottom: 0 !important; }

.no-border-left {
  border-left: 0 !important; }

.white-color {
  color: #fff; }

.success-color {
  color: #87beaa; }

.warning-color {
  color: #e48e3d; }

.error-color {
  color: #df7a62; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto; }

.popover-navigation {
  display: none; }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 5px 15px 10px 10px;
  min-width: 200px;
  color: #fff; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  content: "";
  border-width: 10px; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0; }

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0; }

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff; }

.tour-backdrop {
  background-color: rgba(0, 0, 0, 0.7); }

.popover.tour-step {
  max-width: 336px;
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
  border-radius: 4px; }
  .popover.tour-step.top .arrow {
    border-top-color: rgba(0, 0, 0, 0.8); }
  .popover.tour-step.right .arrow {
    border-right-color: rgba(0, 0, 0, 0.8); }
  .popover.tour-step.bottom .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.8); }
  .popover.tour-step.left .arrow {
    border-left-color: rgba(0, 0, 0, 0.8); }
  .popover.tour-step > .arrow:after {
    display: none; }
  .popover.tour-step .popover-content {
    color: #fff;
    padding: 10px 15px 20px 15px; }

.lnk-cancel-tour {
  display: block;
  color: #aaa;
  font-size: 0.8rem;
  position: absolute;
  top: 8px;
  right: 8px;
  text-align: right;
  padding: 2px; }
  .lnk-cancel-tour:hover i {
    background-color: #be5355;
    color: #fff; }
  .lnk-cancel-tour i {
    font-size: 0.6rem;
    top: 2px;
    position: relative;
    padding: 4px 4px 2px 4px;
    line-height: 0;
    border-radius: 2px; }
  .lnk-cancel-tour span {
    display: none; }
  .lnk-cancel-tour + .joyride-tip-guide {
    text-align: center;
    width: auto;
    padding: 0;
    margin-left: -5px;
    border-radius: 2px; }
    .lnk-cancel-tour + .joyride-tip-guide .joyride-nub {
      border-width: 5px;
      border-left-width: 0;
      top: 9px;
      left: -5px; }
    .lnk-cancel-tour + .joyride-tip-guide .joyride-content-wrapper {
      width: 120px;
      padding: 0.45rem 0.6rem; }
    .lnk-cancel-tour + .joyride-tip-guide p {
      margin: 0;
      font-size: 0.7rem; }

.contain-to-grid {
  background: #ececec; }

.top-bar {
  height: 45px;
  line-height: 45px;
  background: #ececec; }

.top-bar .name {
  height: 45px; }

.top-bar .name h1 {
  line-height: 35px; }

.top-bar .name h1 a {
  color: #666666;
  padding: 0 10px; }

.top-bar .toggle-topbar a {
  color: #666666;
  padding: 0 10px;
  height: 35px;
  line-height: 35px; }

.top-bar .toggle-topbar.menu-icon a {
  padding: 0 35px 0 10px; }

.top-bar .toggle-topbar.menu-icon a span::after {
  right: 10px; }

.top-bar.expanded .title-area {
  background: #ececec; }

.top-bar-section .divider, .top-bar-section [role="separator"] {
  border-top: solid 1px #767676; }

.top-bar-section ul li > a {
  color: #666666;
  font-weight: bold;
  padding-left: 10px; }

.top-bar-section ul li > a.button {
  padding-right: 15px;
  padding-left: 10px;
  background-color: #4D7BA5;
  border-color: #4D7BA5; }

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
  background-color: #355571; }

.top-bar-section ul li > a.button.secondary {
  background-color: #f1f1f1;
  border-color: #c1c1c1; }

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
  background-color: #c1c1c1; }

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
  background-color: #355571; }

.top-bar-section ul li > button.secondary {
  background-color: #f1f1f1;
  border-color: #c1c1c1;
  color: #333; }

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
  background-color: #c1c1c1; }

.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #e4e6e8;
  background: none;
  color: #666666; }

.top-bar-section li:not(.has-form) a:not(.button) {
  background: none; }

.top-bar-section ul li.active > a {
  background: #e4e6e8;
  color: #666666; }

.top-bar-section ul li.active > a:hover {
  background: #e4e6e8;
  color: #666666; }

.top-bar-section .has-form {
  padding: 10px; }

.table-row-repeat-helper {
  height: 0 !important; }

.top-bar-section ul li > button {
  padding-right: 10px;
  padding-left: 10px;
  background-color: #4D7BA5;
  border-color: #4D7BA5;
  color: #fff; }

.top-bar-submenu {
  top: 36px !important;
  padding: 5px 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px; }
  .top-bar-submenu:before {
    left: 10px !important;
    right: auto !important; }
  .top-bar-submenu:after {
    left: 9px !important;
    right: auto !important; }
  .top-bar-submenu .top-bar-submenu-item {
    display: block;
    padding: 0;
    width: 100%;
    margin-right: 0; }
    .top-bar-submenu .top-bar-submenu-item a.top-bar-submenu-item-lnk {
      display: block;
      width: 100%;
      padding: 13px 10px !important;
      border-bottom: 0 !important;
      color: #666 !important;
      font-size: 0.8rem !important;
      border-left: solid 3px transparent; }
      .top-bar-submenu .top-bar-submenu-item a.top-bar-submenu-item-lnk:hover {
        background-color: #e9e9e9 !important; }
      .top-bar-submenu .top-bar-submenu-item a.top-bar-submenu-item-lnk.active {
        border-left-color: #4D7BA5; }

.top-bar .context-profile {
  font-weight: bold;
  color: #fff;
  position: relative;
  top: -5px;
  max-width: 240px;
  padding: 0 15px;
  font-size: 1em;
  height: 45px;
  line-height: 47px;
  margin-right: 5px;
  text-align: right;
  background-color: #326b9c; }
  .top-bar .context-profile .show-for-medium-only {
    color: #fff;
    font-size: 1.4em; }
    .top-bar .context-profile .show-for-medium-only img {
      width: 14px;
      margin-right: 5px; }
  .top-bar .context-profile .context-title {
    height: 0;
    margin-top: -9px;
    margin-right: 20px;
    padding: 0 0 16px;
    text-align: left; }
  .top-bar .context-profile .context-arrow {
    position: absolute;
    right: 0.8rem;
    left: 0.5rem;
    font-size: 1.4em;
    top: 0; }
  .top-bar .context-profile .email-inner {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .top-bar .context-profile .dropdown-label {
    color: #ddd; }
    .top-bar .context-profile .dropdown-label .email-inner {
      float: right;
      color: #fff;
      padding-right: 20px; }
  .top-bar .context-profile .context-profile-dropdown {
    left: auto !important;
    top: 43px !important;
    right: 0;
    min-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0; }
    .top-bar .context-profile .context-profile-dropdown li {
      height: 35px;
      font-size: 0.8em;
      background-color: #fafafa;
      text-align: left; }
    .top-bar .context-profile .context-profile-dropdown .email-inner {
      width: 100%;
      max-width: none; }

.fixed.expanded:not(.top-bar) .top-bar-section {
  margin-top: 35px; }

.full-height {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 4em 0 0 0;
  transition: padding 0.2s ease-in; }

#main-content.is-viewing {
  padding-top: 7.6em; }

nav.top-bar.expanded {
  z-index: 1000; }

.full-width {
  max-width: 100%;
  width: 100%; }

/* No padding on columns */
.no-pad {
  padding-left: 0;
  padding-right: 0; }

.no-pad-left {
  padding-left: 0; }

.no-pad-right {
  padding-right: 0; }

/* LiveCapital Classes */
.topo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.header .logo, .header .menu {
  height: 45px; }

.header .logo {
  background-color: #326b9c;
  padding: 0.6em 0;
  text-align: center; }
  .header .logo img {
    width: 154px;
    height: 30px; }

.header .menu {
  padding: 0.45em 0; }

/* Templates */
.wrap-height {
  height: 100%; }

/* Wraps everything, sets padding for scrolling */
.wrap-content {
  height: 100%;
  padding: 0 0 30px 0; }

.wrap-content .wrap-small {
  height: 100%;
  padding: 0 0 45px 0; }

.wrap-content .wrap-medium {
  padding-bottom: 80px; }

.wrap-content .wrap-large {
  padding-bottom: 130px; }

.wrap-content .wrap-xlarge {
  padding-bottom: 175px; }

.overflow-scroll {
  overflow-y: scroll; }

.wrap-content.single {
  padding: 0; }

/* Wraps everything, creates scrolling */
.wrap-content .content {
  height: 100%;
  overflow: auto;
  padding: 0;
  width: 100%; }

.content .wrap {
  padding: 15px; }

.content .wrap .divider {
  margin-bottom: 1.2em; }

.content .wrap .divider p {
  margin: 0; }

.content-top {
  margin-top: 15px; }

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

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

/* Space for scrolling */
.wrap-content .content.small:after {
  content: "";
  display: block;
  padding: 0 0 80px 0;
  width: 100%; }

.wrap-content .content.medium:after {
  content: "";
  display: block;
  padding: 0 0 130px 0;
  width: 100%; }

.wrap-content .content.large:after {
  content: "";
  display: block;
  padding: 0 0 220px 0;
  width: 100%; }

.modal-header {
  background: #fff;
  color: #777;
  font-size: 1.1rem;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.footer {
  background: #f7f7f9;
  border-top: 1px solid #cccccc;
  color: #4e7ca5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1; }

.footer .group {
  float: left;
  padding: 10px; }

.footer .group.odd {
  background: #eaeaea; }

.footer .save {
  float: right;
  padding: 10px 10px 0 0; }

.footer .form-row {
  padding: 0 0 10px 0; }

.footer .form-row-full {
  height: 100%;
  float: left;
  padding: 0 20px 8px 0; }
  .footer .form-row-full .form-row-check-wrapper {
    display: inline-block;
    position: relative;
    top: 7px; }
  .footer .form-row-full .form-row-check-over {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: default; }
  .footer .form-row-full label {
    line-height: 0.6rem;
    padding-bottom: 0.15rem; }
  .footer .form-row-full .tooltip {
    text-transform: none;
    font-size: 0.7rem;
    padding: 7px;
    background-color: #444;
    margin-left: -5px; }
    .footer .form-row-full .tooltip .nub {
      border-top-color: #444; }

.footer hr {
  margin: 4.8em 0 0.8em 0; }

.footer .bmf {
  float: left;
  padding: 0.5em 1em;
  width: 100%; }

.footer .group input[type="text"] {
  height: 1.5rem;
  max-width: 110px; }

.footer .group .small input[type="text"] {
  max-width: 80px; }

.footer .group .medium input[type="text"] {
  max-width: 130px; }

.footer .group.bmf .medium input[type="text"] {
  max-width: 115px; }

.bmf-partial {
  float: left;
  width: 50%; }

.footer label {
  color: #4e7ca5;
  font-size: 0.6rem;
  font-weight: bold;
  text-transform: uppercase; }

.footer li {
  font-size: 0.7rem;
  list-style: none;
  padding: 0.6em 1em 0.8em 0;
  float: left; }

.footer p {
  color: #4e7ca5;
  font-size: 0.7rem;
  font-weight: bold;
  margin: 0;
  text-align: right;
  text-transform: uppercase; }

.footer p.liquid {
  font-size: 1.3rem;
  font-weight: normal; }

/* Blankslates */
.blankslate {
  margin: 0 auto;
  margin-top: 10%; }

.blankslate.no-form {
  text-align: center; }

.blankslate.no-form a {
  float: none; }

.blankslate h3 {
  color: #878787;
  font-size: 1.8em; }

.blankslate p {
  color: #878787;
  font-size: 1.2em;
  line-height: 1.4em; }

.blankslate input, .blankslate a {
  float: left; }

.blankslate input[type="text"] {
  margin: 0.2em 0 0 0;
  width: 200px; }

.blankslate a {
  margin: 0 0 0 0.4em; }

.blankslate .action {
  padding-top: 0.5em;
  width: 360px;
  margin: 0 auto; }

/* Foundation classes */
/* Buttons */
button, .button {
  border-width: 1px;
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 0.8rem;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5625rem;
  padding-left: 1rem;
  font-size: 0.8rem;
  background-color: #4D7BA5;
  border-color: #4D7BA5; }

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #355571; }

button.secondary, .button.secondary {
  background-color: #f1f1f1;
  color: #a1a1a1;
  margin: 0; }

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #e9e9e9;
  color: #4D7BA5; }

button.alert, .button.alert {
  background-color: #b54242 !important;
  color: white;
  margin: 0; }

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #ad3030 !important;
  color: white; }

button.save, .button.save {
  background-color: #49ac87;
  border-color: #3da17c;
  margin: 0; }

button.save:hover, .button.save:hover {
  background-color: #40a07c;
  border-color: #3da17c; }

button.inner, .button.inner {
  border-radius: 2px 2px 2px 2px;
  padding: 0.5em 1em;
  margin: 0; }

button.disabled, button[disabled], .button.disabled, .button[disabled], .button.disabled.secondary {
  background-color: #cbcbcb;
  border-color: #d9d9d9;
  color: #949494;
  cursor: default;
  opacity: 0.5;
  box-shadow: none; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus {
  background-color: #cbcbcb;
  color: #949494; }

button.small-button {
  padding: 0.25em 1em; }

button.add, .button.add {
  border-color: #18975a;
  background: #18975a;
  color: #ffffff;
  margin: 0; }

button.add:hover, button.add:focus, .button.add:hover, .button.add:focus {
  background: #18975a;
  border-color: #18975a;
  color: #ffffff; }

button.large, .button.large {
  padding-top: 0.6rem;
  padding-right: 1.2rem;
  padding-bottom: 0.6625rem;
  padding-left: 1.2rem;
  font-size: 0.9rem; }

button.small, .button.small {
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5625rem;
  padding-left: 1rem;
  font-size: 0.8rem; }

button.tiny, .button.tiny {
  padding-top: 0.4rem;
  padding-right: 0.8rem;
  padding-bottom: 0.4625rem;
  padding-left: 0.8rem;
  font-size: 0.6875rem; }

button.custom, .button.custom {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #666666;
  padding: 6px 11px;
  border: none; }
button.white, .button.white {
  background-color: white !important; }
  button.white:hover, .button.white:hover {
    background-color: white !important; }
button.green, .button.green {
  background: #44ad86;
  border: none; }
button i, .button i {
  font-size: 0.5rem;
  margin: 0 5px 0 0; }

.color-dark-blue {
  color: #2f6faf !important; }

.color-blue {
  color: #206f8c !important; }

.color-light-blue {
  color: #578cc1 !important; }

.color-green {
  color: #578e62 !important; }

.color-purple {
  color: #414f86 !important; }

.color-red {
  color: #b54242 !important; }

.color-dark-gray {
  color: #6b6b6b !important; }

.lc-button {
  background-color: #49ac87;
  border: solid 1px #3da17c;
  margin: 0 1.3rem 0 0 !important;
  outline: 0;
  color: #fff;
  font-weight: 800;
  width: 180px;
  height: 35px;
  padding: 0 38px 0 0;
  border-radius: 4px;
  font-family: Arial;
  box-shadow: inset 0 1px rgba(140, 206, 181, 0.5); }
  .lc-button .lc-button-label {
    display: block;
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 9px;
    width: calc(100% - 24px);
    text-align: center; }
  .lc-button .idle {
    opacity: 1; }
  .lc-button .icon-wrapper {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    right: 11px;
    border-radius: 50%;
    background-color: #3a886a;
    color: #fff;
    transition: all 0.15s cubic-bezier(0.1, 0.85, 0.4, 1.24); }
  .lc-button .lc-button-icons {
    font-size: 0.6rem;
    position: absolute;
    display: none; }
  .lc-button .icon-arrow-right {
    display: inline;
    top: 5px;
    left: 5px; }
  .lc-button .icon-check {
    top: 5px;
    left: 4px; }
  .lc-button:hover {
    background-color: #419a78; }
  .lc-button:focus {
    background-color: #49ac87; }
  .lc-button:not(.is-done):active {
    box-shadow: inset 0 1px #32765c; }
    .lc-button:not(.is-done):active > * {
      transform: translateY(1px); }
  .lc-button.is-acting:hover {
    cursor: progress;
    background-color: #49ac87; }
  .lc-button.is-acting .idle, .lc-button.is-acting .done {
    opacity: 0; }
  .lc-button.is-acting .icon-wrapper {
    right: 50%;
    margin-right: -11px;
    top: 6px;
    width: 22px;
    height: 22px; }
    .lc-button.is-acting .icon-wrapper .lc-button-icons {
      display: none; }
    .lc-button.is-acting .icon-wrapper .loading-icon {
      display: inline-block;
      margin: 0;
      position: relative;
      top: 3px; }
  .lc-button.is-done:hover {
    cursor: default;
    background-color: #49ac87; }
  .lc-button.is-done .idle {
    opacity: 0; }
  .lc-button.is-done .done {
    opacity: 1; }
  .lc-button.is-done .icon-wrapper .lc-button-icons {
    display: none; }
  .lc-button.is-done .icon-wrapper .icon-check {
    display: inline; }
  .lc-button.is-done-with-errors:hover {
    cursor: default;
    background-color: #49ac87; }
  .lc-button.is-done-with-errors .idle {
    opacity: 0; }
  .lc-button.is-done-with-errors .done {
    opacity: 1; }
  .lc-button.is-done-with-errors .icon-wrapper .lc-button-icons {
    display: none; }
  .lc-button.is-done-with-errors .icon-wrapper .icon-check {
    display: inline; }

/* Navigation */
.top-bar {
  background: none; }

.top-bar-section ul {
  padding: 0.5em 0em 0.6em 1.5em; }

.top-bar-section ul li {
  padding: 0 1em; }

.top-bar-section li:not(.has-form) a:not(.button) {
  color: #ffffff;
  font-size: 0.85em;
  font-weight: normal;
  line-height: 0;
  padding: 0.7em 0.5em 0.8em; }

.top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  background: none;
  background-color: none;
  border-bottom: 2px solid #326b9c;
  color: #ffffff;
  line-height: 0;
  padding: 0.7em 0.5em 0.8em; }

.top-bar-section ul li:hover, .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a {
  color: #ffffff; }

.top-bar-section ul li {
  background: none;
  margin-right: 5px; }

.top-bar .toggle-topbar {
  left: 0; }

.top-bar .toggle-topbar.menu-icon a span {
  margin-left: 20px; }

.top-bar .toggle-topbar.menu-icon a span::after {
  left: 10px; }

/* Off Canvas */
.tab-bar {
  background-color: #326b9c; }

.tab-bar .menu-icon {
  width: auto;
  height: auto; }
  .tab-bar .menu-icon span {
    margin-left: 10px; }
  .tab-bar .menu-icon img {
    width: 111px;
    height: 24px; }

.off-canvas-wrap {
  height: 100%; }

.inner-wrap {
  height: 100%; }

.left-off-canvas-menu {
  background: #36587b; }

ul.off-canvas-list li.second label {
  background: #bababa;
  color: #354a69; }

ul.off-canvas-list li.username {
  background-color: #486f97;
  border-bottom: 1px solid #486f97;
  color: white;
  display: block;
  padding: 0.8em 0.7em;
  overflow: hidden;
  text-overflow: ellipsis; }

ul.off-canvas-list li a {
  border-bottom: 1px solid #486f97;
  color: white;
  display: block;
  padding: 0.7em 1.2em; }

ul.off-canvas-list li a {
  font-size: 0.9rem;
  font-weight: normal; }

ul.off-canvas-list li a:hover {
  background: #23395a; }

.move-right .exit-off-canvas {
  box-shadow: none; }

/* Forms */
label.left {
  padding-right: 0.8em; }

label.inline {
  padding: 0.2rem 0; }

label.big {
  font-weight: bold; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  font-size: 0.8rem;
  height: 2.2375em; }

input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, textarea.radius {
  border-radius: 2px; }

input[type="text"] {
  box-shadow: none;
  height: 1.7rem;
  font-size: 0.8rem;
  margin: 0;
  padding: 0.2em 0.5em; }

input[type="text"].big {
  box-shadow: none;
  height: 2.3rem;
  font-size: 0.8rem;
  margin: 0; }

input[type="checkbox"] {
  margin: 0; }

input[type="button"] {
  background-color: #4D7BA5;
  border: none;
  color: #ffffff;
  border-radius: 3px 3px 3px 3px;
  font-size: 0.85rem;
  font-weight: bold;
  margin: 0;
  padding: 0.7rem 0.9rem; }

div .input {
  padding-right: 0.6em; }

div .input-lined {
  padding-left: 2em; }

select {
  background-color: #ffffff;
  background-image: url("/assets/img/ico-select.png");
  font-size: 0.65rem;
  font-weight: bold;
  line-height: 14px;
  height: 1.5rem;
  padding: 0 23px 0 8px;
  text-transform: uppercase;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ""; }

select.radius {
  border-radius: 2px; }

select:hover {
  background-color: #f7f7f7; }

select .global {
  padding: 0.2em 0 0 0.5em; }

select .institution {
  padding: 0.2em 0 0 1.5em; }

select .account {
  padding: 0.2em 0 0 2.5em; }

input[type="text"].transparent {
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0; }

input[type="text"].semi-transparent {
  border: 1px solid #f1eeee; }

input[readonly]:not(.inviting-readonly) {
  background: #e3e3e3;
  border: none;
  box-shadow: none;
  opacity: 0.8; }

input[readonly].inviting-readonly {
  background: #fff;
  cursor: text; }

textarea {
  min-height: 180px;
  resize: none; }

.error > label > small {
  color: #7d7d7d; }

.icon-bar > *:hover {
  background-color: #4D7BA5; }

.form-vertical input[type="text"].big, .form-vertical select, .form-vertical textarea {
  margin: 0.3em 0 1.5em 0; }

.form-vertical .button.secondary {
  border: 1px solid #b0b0b0;
  color: #666666;
  margin-bottom: 10px; }

.form-horizontal td {
  vertical-align: top; }

.form-horizontal.inst td {
  vertical-align: middle; }

.form-horizontal.inst .error-messages p {
  position: absolute; }

.error-messages, .error-messages p {
  color: #c04345;
  font-size: 0.625rem;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: none; }

.warningMessage {
  color: #be5355;
  font-weight: bold; }

/* Filters */
.filters-wrap {
  background-color: #ffffff;
  min-height: 100px;
  padding: 30px 25px; }

/* Header */
.user-info {
  height: 63px;
  position: absolute;
  right: 0.4em;
  top: 0;
  text-align: right; }

.user-info .username {
  color: #ffffff;
  float: left;
  font-size: 0.7rem;
  padding: 20px 10px; }

.user-info .credits {
  background: url("/assets/img/credits-bg.png") repeat-x 0 0;
  border-radius: 4px;
  box-shadow: 0 2px 1px #202c3f, 0 0 2px #43638c inset;
  height: 33px;
  float: left;
  margin: 13px 10px;
  min-width: 100px; }

.user-info .credits span {
  color: #9dadc3;
  display: inline-block;
  font-size: 0.6rem;
  margin: 0;
  padding: 3px 10px 4px 10px; }

.user-info .credits p {
  color: #ffffff;
  font-size: 1rem;
  line-height: 0;
  margin: 0;
  padding: 7px 0 0;
  text-align: center; }

.menu {
  background: #355571; }

.wrap-header-actions {
  background: #f4f4f4; }

.wrap-header-actions.config-page {
  background: none;
  padding: 0.5em 0 0 1em; }

.wrap-header-actions.config-page.border-bottom {
  border-bottom: 1px solid #d4d4d4; }

.wrap-header-actions.single {
  background: none;
  padding: 1em 1.5em 0 1.5em; }

.wrap-header-actions.single h4 {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 0.6em; }

.wrap-header-actions .content-actions, .wrap-header-actions .full-width-content {
  background: #f4f4f4;
  border-bottom: 1px solid #e0e0e0;
  min-height: 38px;
  width: 100%; }

.wrap-header-actions .reports-filters {
  background: #ffffff;
  border-bottom: 1px solid #bababa;
  min-height: 70px;
  margin-bottom: -1px;
  max-height: 130px;
  padding: 10px;
  width: 100%; }

.wrap-header-actions .side-links li {
  float: left;
  max-width: 200px;
  padding: 0.3em 1em; }

.wrap-header-actions .side-links {
  padding: 0.5em 1em; }

.wrap-header-actions .side-links button {
  margin: 0; }

.wrap-header-actions .content-actions input {
  height: 2.1em; }

.wrap-header-actions .content-actions select {
  min-width: 140px; }

.config-page.config-reports-header {
  background: #f4f4f4;
  padding: 0.8em 0 0.8em 1em; }
  .config-page.config-reports-header h4 {
    font-size: 1.15rem;
    color: #686868; }

.wrap-header-actions .content-title {
  font-size: 1.1rem;
  padding: 20px; }

/* Full width content */
.full-width-content a {
  font-size: 1.2em;
  line-height: 2em;
  padding: 0 1em; }

.sidebar.small {
  padding-bottom: 85px; }

.sidebar .top-section {
  color: #4D7BA5;
  padding: 0;
  text-align: left; }

.sidebar .top-section span {
  color: #4D7BA5;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left; }

.sidebar .broker-logo {
  background: #ffffff;
  border-top: 1px solid #d3d6d8;
  border-bottom: 1px solid #d3d6d8;
  padding: 4px 0;
  text-align: center; }

.sidebar .broker-logo img {
  height: 50px; }

.sidebar .results {
  background: #ffffff;
  height: 100%;
  overflow-y: scroll;
  position: relative;
  text-align: center; }

.sidebar .results .icons {
  margin-left: 10px; }

.sidebar .results .icons .spot a {
  background-color: #d9eef5; }

.sidebar .results .icons .option a {
  background-color: #cee4e5; }

.sidebar .results .icons .fund a {
  background-color: #daf0de; }

.sidebar .results .icons .event a {
  background-color: #efefef; }

.sidebar .results .icons .fixed-income-application a {
  background-color: #d4ddfb; }

.sidebar .results .icons .fixed-income-withdrawal a {
  background-color: #a6e3da; }

.sidebar .results .icons .otc a {
  background-color: #eae4c5; }

.sidebar .results .icons .generic a {
  background-color: #f0d9c1; }

.sidebar .results .icons .vehicle-purchase a {
  background-color: #f0d9c1; }

.sidebar .results .icons .vehicle-sell a {
  background-color: #f0d9c1; }

.sidebar .results .icons .vehicle-event a {
  background-color: #b9cef1; }

.sidebar .results .icons .property-buy a {
  background-color: #e5c843; }

.sidebar .results .icons .property-sell a {
  background-color: #cabb75; }

.sidebar .results .icons .property-event a {
  background-color: #f4c978; }

.sidebar .results .icons .cryptocurrencies a {
  background-color: #cfdbfd; }

.sidebar .results .icons .credit-card a {
  background-color: #e3d8f7; }

.sidebar .results .icons .balance-adjustment a {
  background-color: #f5b4b4; }

.sidebar .results .icons .right-entry a {
  background-color: #b5f0d9; }

.sidebar .results .icons .duty-entry a {
  background-color: #ebb4aa; }

.sidebar .top-section .timeline {
  padding-top: 1em;
  border-bottom: 1px solid #e9e9e9; }
  .sidebar .top-section .timeline span {
    font-size: 0.72rem;
    color: #4d4d4d;
    font-weight: bold; }

/* Accordion for general use */
.clearfix-left {
  clear: left; }

.wrap-accordion {
  height: 100%;
  padding: 0 0 120px; }

.accordion .loading {
  padding: 0.5em 0 0.5em 3.8em; }

.accordion {
  text-align: left; }

.accordion:before, .accordion:after {
  content: " ";
  display: table; }

.accordion:after {
  clear: both; }

.accordion .accordion-navigation, .accordion dd {
  display: block;
  margin-bottom: 0 !important; }

.accordion .accordion-navigation > a, .accordion dd > a {
  background: #ffffff;
  color: #666666;
  font-size: 0.8rem;
  padding: 0;
  display: block;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  padding-left: 25px; }

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  background: #ffffff; }

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: #ffffff; }

.accordion .accordion-navigation > .content, .accordion dd > .content {
  display: none;
  padding: 0; }

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  display: block;
  background: #ffffff; }

.accordion-close {
  background: url("/assets/img/arrow-left.png") no-repeat 4px;
  display: block;
  float: left;
  padding: 10px; }

.accordion-open {
  background: url("/assets/img/arrow-bottom.png") no-repeat 4px;
  display: block;
  float: left;
  padding: 10px; }

/* Open/close Accordion */
.accordion-control {
  background: #f2f2f2;
  font-size: 0.7rem;
  padding: 10px 5px;
  text-align: right; }

.accordion-control a {
  padding-left: 5px;
  text-decoration: underline; }

/* Year, month and day */
.accordion dd.year > a {
  background-color: #e5e5e5;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  color: #6b6b6b;
  margin-top: -1px; }

.accordion dd.year > a > div {
  padding: 3px 5px; }

.accordion dd.month > a > div {
  color: #4D7BA5;
  padding: 4px 25px; }

.accordion dd > .content .day {
  font-size: 0.75em;
  font-weight: bold;
  padding: 5px 50px; }

.accordion dd > .content .day:hover {
  background-color: #dfe8f0; }

.accordion dd > .content .day .icons a {
  border-radius: 2px 2px 2px 2px;
  color: #859093;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 0;
  padding: 2px 6px; }

/* Change style for day in returns */
.accordion.returns dd > .content .day {
  font-weight: normal; }

.accordion.returns dd > .content .day a {
  color: #666666;
  font-weight: normal; }

.accordion.returns dd > .content .day:hover {
  background-color: #f3f3f3; }

.accordion.returns dd > .content .day.with-data {
  font-weight: bold; }

.accordion.returns dd > .content .day.with-data:hover {
  background-color: #dfe8f0; }

.accordion.returns dd > .content .day.with-data a {
  color: #336699;
  font-weight: bold; }

.accordion.returns dd > .content .day.future a {
  color: #be5355; }

/* Day and Balance for Portfolios */
.date-portfolio {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  display: table;
  margin-top: -1px;
  width: 100%; }

.date-portfolio:hover {
  background: #dfe8f0; }

.date-portfolio .data {
  font-size: 0.7rem;
  font-weight: normal;
  float: left;
  padding: 4px;
  text-align: center;
  width: 50%; }

.date-portfolio .balance {
  border-left: 1px solid #cccccc; }

.date-accordion-active {
  background: #dfe8f0; }

/* Accordion for Reports on off canvas menu */
.reports .accordion {
  margin-bottom: 0;
  text-align: left; }

.reports .accordion:before, .reports .accordion:after {
  content: " ";
  display: table; }

.reports .accordion:after {
  clear: both; }

.reports .accordion .accordion-navigation, .reports .accordion dd {
  display: block;
  margin-bottom: 0 !important; }

.reports .accordion .accordion-navigation.active > a, .reports .accordion dd.active > a {
  background: #3e5782 no-repeat 10px; }

.reports .accordion .accordion-navigation > a, .reports .accordion dd > a {
  background: #354a69 no-repeat 10px;
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  padding: 8px 0 9px 10px; }

.reports .accordion .accordion-navigation > a:hover, .reports .accordion dd > a:hover {
  background: #23395a no-repeat 10px; }

.reports .accordion .accordion-navigation > .content, .reports .accordion dd > .content {
  display: none;
  padding: 0; }

.reports .accordion .accordion-navigation > .content.active, .reports .accordion dd > .content.active {
  display: block;
  background: #4a638c; }

.reports .accordion .accordion-navigation.active > a:hover, .reports .accordion dd.active > a:hover {
  background: #3e5782; }

.reports .accordion dd.active > a.reports-open {
  position: relative; }

.reports .accordion dd.active > a.reports-open:after {
  top: 100%;
  left: 9%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(62, 87, 130, 0);
  border-top-color: #3e5782;
  border-width: 10px;
  margin-left: -10px; }

.reports ul {
  margin-left: 0;
  padding: 0; }

.reports ul li a {
  padding: 12px 0 10px 30px; }

.reports ul li a:hover {
  background: #2f4873; }

/* Content */
/* Basics */
.positive {
  color: #5a975a; }

.negative {
  color: #be5355; }

.neutral {
  color: #eaeaea; }

.quote-up {
  background: url("/assets/img/arrow-green.png") no-repeat 4px 1px;
  color: #5a975a;
  padding: 0 0 0 20px; }

.quote-down {
  background: url("/assets/img/arrow-red.png") no-repeat 4px 2px;
  color: #be5355;
  padding: 0 0 0 20px; }

/* Dropdown */
.button.sheet {
  background: #ffffff url("/assets/img/ico-menu.png") no-repeat center center;
  width: 16px;
  height: 16px;
  padding: 1em;
  margin: 0 0.5em 0 0;
  border: none; }

.widget-dropdown {
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  width: 300px;
  padding: 0;
  left: auto !important;
  position: absolute;
  right: 0;
  z-index: 99; }

.content-dropdown {
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  width: 300px;
  padding: 0;
  left: 2.2em !important;
  position: absolute;
  right: 0;
  z-index: 99; }

.wrap-header-actions .side-links .content-dropdown li {
  float: none;
  max-width: 100%;
  padding: 0; }

.wrap-header-actions .side-links .content-dropdown li a {
  text-decoration: none; }

button.dropdown .menu-user, .button.dropdown.menu-user {
  background-color: transparent;
  border-color: transparent;
  padding: 1em 2em 1.4em 1em;
  font-size: 0.8em;
  top: -0.6em;
  max-width: 220px;
  text-overflow: ellipsis;
  overflow: hidden; }

button.dropdown.menu-user::after, .button.dropdown.menu-user::after {
  right: 0.6em; }

button.dropdown.menu-user:after, .button.dropdown.menu-user:after {
  border-width: 0.355rem;
  margin-top: -0.39em; }

.dropdown.button, button.dropdown {
  border-radius: 0;
  padding: 0.6em 1.5em 0.6em 0.5em;
  z-index: 9; }

.dropdown.button::after, button.dropdown::after {
  right: auto; }

.f-dropdown:before {
  left: auto;
  right: 10px; }

.f-dropdown:after {
  left: auto;
  right: 9px; }

.f-dropdown.f-user {
  margin-top: -2px;
  margin-right: 8px;
  width: 145px; }

.f-dropdown.f-user li {
  line-height: 1.3em;
  font-size: 0.8em; }

.f-dropdown.f-user::before, .f-dropdown.f-user::after {
  border: none; }

.f-dropdown li a {
  border-bottom: 1px solid #cccccc; }

.f-dropdown .institution-new, .f-dropdown .institution-search {
  border-top: solid 1px #eee;
  text-align: center; }
  .f-dropdown .institution-new:hover, .f-dropdown .institution-search:hover {
    background-color: transparent; }
  .f-dropdown .institution-new a, .f-dropdown .institution-search a {
    border-bottom: 0;
    padding: 0;
    font-weight: bold;
    color: #4D7BA5;
    font-size: 0.7rem; }
    .f-dropdown .institution-new a:hover, .f-dropdown .institution-search a:hover {
      text-decoration: underline; }

#inputInstitutions li:first-child {
  border-top: none; }

/* Spinner */
.spinner-opacity {
  background-color: rgba(213, 213, 213, 0.5);
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 4; }

.spinner-full {
  background-color: #ffffff;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 4; }

.spinner-text {
  width: 600px;
  text-align: center;
  margin-left: -300px;
  margin-top: 25px;
  left: 50%;
  top: 44%;
  position: absolute; }

/* Loading */
.loading-page {
  width: 100%;
  height: calc(100% - 45px);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #ffffff;
  z-index: 9;
  position: absolute;
  text-align: center; }

.loading-page img {
  margin-top: 12%;
  position: relative; }

.loading-page.medium img {
  margin-top: 15%;
  position: relative; }

.loading-page p {
  font-size: 1.3em;
  font-weight: bold;
  color: #336699;
  text-align: center;
  padding: 2em 0; }

.loading-icon {
  background: url("/assets/img/loading.png") no-repeat;
  animation: spin 1s linear infinite;
  margin: 15px auto;
  width: 60px;
  height: 60px; }
  .loading-icon.micro {
    background-size: 16px 16px;
    width: 16px;
    height: 16px; }
  .loading-icon.small {
    background-size: 20px 20px;
    width: 20px;
    height: 20px; }
  .loading-icon.medium {
    background-size: 40px 40px;
    width: 40px;
    height: 40px; }
  .loading-icon.large {
    background-size: 60px 60px;
    width: 60px;
    height: 60px; }
  .loading-icon.white {
    background-image: url("/assets/img/loading-white.png"); }

.loading-livecapital {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9999; }
  .loading-livecapital:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background: transparent url(/assets/img/icon_livecapital.svg) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: loading 2s;
    -webkit-animation: loading 1s infinite ease; }
    .loading-livecapital:before.micro {
      width: 16px;
      height: 16px; }
    .loading-livecapital:before.small {
      width: 20px;
      height: 20px; }
    .loading-livecapital:before.medium {
      width: 40px;
      height: 40px; }
    .loading-livecapital:before.large {
      width: 60px;
      height: 60px; }

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

  50% {
    opacity: 0.6; }

  100% {
    opacity: 1; } }

@keyframes loading {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.6; }

  100% {
    opacity: 1; } }

/* Datepicker */
.above-datepicker ._720kb-datepicker-calendar {
  bottom: 1.5rem; }

._720kb-datepicker-calendar-body, ._720kb-datepicker-calendar-days-header, ._720kb-datepicker-calendar-header, ._720kb-datepicker-calendar-years-pagination-pages, .datepicker, [datepicker], datepicker {
  font-family: Helvetica, Arial, sans-serif; }

._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #4D7BA5; }

._720kb-datepicker-calendar-header:nth-child(even) {
  background: #e9e9e9; }

._720kb-datepicker-calendar-days-header {
  background: #f2f2f2; }

._720kb-datepicker-calendar-days-header div {
  width: 14.2%; }

._720kb-datepicker-calendar-day._720kb-datepicker-active {
  background: #49ac87;
  color: #ffffff; }

._720kb-datepicker-calendar-day:hover {
  background: #e1e1e1; }

@media screen and (min-width: 40em) {
  .field-columns {
    float: left;
    width: auto;
    padding: 0 10px;
    min-height: 52px;
    margin-bottom: 15px; }
    .field-columns.inline-label label {
      display: inline;
      padding-right: 5px; }
    .field-columns.inline-label .dropdown, .field-columns.inline-label datepicker {
      display: inline-block;
      width: auto !important;
      float: none; }
    .field-columns.inline-label input {
      display: inline-block; }
  input[date-input] {
    width: 86px; }
  input[currency-input] {
    width: 105px; }
  input.term {
    min-width: 100px; }
  .field-input-column {
    padding: 0 10px 0 0; }
  label.vertical-label {
    padding-top: 3px; }
  input.cc-description {
    width: 500px; }
  select.currency-select {
    width: 70px; } }

/* Alerts */
.wrap-alerts {
  position: absolute;
  z-index: 99999;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center; }

.alert-box.radius {
  border-radius: 2px; }

.alert-box {
  background-color: #4D7BA5;
  border-color: #355571;
  border-radius: 2px 2px 2px 2px;
  border: none;
  margin: 0.94em 0;
  padding: 0.875rem 2rem 0.875rem 0.875rem;
  display: inline-block; }

.alert-box.info {
  background-color: #b9b9b9;
  color: #ffffff; }

.alert-box.secondary {
  background-color: #f1f1f1;
  border-color: #cfcfcf;
  color: #525252; }

.alert-box.info {
  color: #525252; }

/* Modal */
dialog, .reveal-modal {
  width: 50%;
  margin-left: -25%;
  padding: 1em 1.6em;
  top: 35%;
  outline: 0;
  border-radius: 4px;
  overflow: hidden;
  border: 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s ease-out, opacity 0.12s ease-out;
  transform: scale(0.9);
  opacity: 0;
  z-index: 500; }
  dialog.in, .reveal-modal.in {
    opacity: 1;
    transform: scale(1); }
  dialog .blankslate, .reveal-modal .blankslate {
    text-align: center;
    margin-top: 10px; }
    dialog .blankslate .img, .reveal-modal .blankslate .img {
      display: inline-block;
      width: 319px;
      height: 170px;
      background: transparent url(/assets/img/repositorio_blankslate.png) no-repeat 0 0; }
    dialog .blankslate p, .reveal-modal .blankslate p {
      margin-top: 10px; }
    dialog .blankslate a, .reveal-modal .blankslate a {
      float: none; }

.reveal-modal-bg {
  z-index: 494; }

dialog, .reveal-modal h3 {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;
  margin-bottom: 1.2em; }

dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
  top: 0em; }

dialog, .reveal-modal input[type="text"] {
  height: 2.2375rem; }

.widgets-purchase-wrapper, .institutions-search-wrapper {
  padding: 0;
  width: 70% !important;
  height: 80vh;
  transform: translateX(-30%) !important; }
  .widgets-purchase-wrapper .reveal-header, .institutions-search-wrapper .reveal-header {
    padding: 0.938rem;
    font-size: 1rem;
    line-height: 1.3rem;
    border-bottom: solid 1px #ccc;
    background-color: #f4f4f4;
    color: #4d4d4d; }
    .widgets-purchase-wrapper .reveal-header .icon-delete, .institutions-search-wrapper .reveal-header .icon-delete {
      font-size: 0.7rem;
      color: #ccc;
      padding: 3px 6px 0; }
      .widgets-purchase-wrapper .reveal-header .icon-delete:hover, .institutions-search-wrapper .reveal-header .icon-delete:hover {
        cursor: pointer;
        color: #666; }
    .widgets-purchase-wrapper .reveal-header .search, .institutions-search-wrapper .reveal-header .search {
      position: relative;
      margin: -4px 12px 0; }
      .widgets-purchase-wrapper .reveal-header .search .icon-search, .institutions-search-wrapper .reveal-header .search .icon-search {
        position: absolute;
        top: 7px;
        right: 12px;
        color: #9b9b9b; }
      .widgets-purchase-wrapper .reveal-header .search .icon-delete, .institutions-search-wrapper .reveal-header .search .icon-delete {
        color: #9b9b9b;
        font-size: 0.8rem; }
      .widgets-purchase-wrapper .reveal-header .search .reset-search, .institutions-search-wrapper .reveal-header .search .reset-search {
        position: absolute;
        top: 7px;
        right: 5px; }
      .widgets-purchase-wrapper .reveal-header .search input, .institutions-search-wrapper .reveal-header .search input {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #dedede;
        height: 2rem;
        font-style: italic;
        font-size: 0.8em;
        padding: 0 40px 0 12px; }
  .widgets-purchase-wrapper .reveal-content, .institutions-search-wrapper .reveal-content {
    height: 80vh;
    overflow: hidden; }
    .widgets-purchase-wrapper .reveal-content.is-billing-expanded .selected-billing, .institutions-search-wrapper .reveal-content.is-billing-expanded .selected-billing {
      height: 150px;
      transition: height 0.3s cubic-bezier(0.1, 0.85, 0.4, 1.24); }
    .widgets-purchase-wrapper .reveal-content.is-billing-expanded .billing-overlay, .institutions-search-wrapper .reveal-content.is-billing-expanded .billing-overlay {
      opacity: 0.9;
      z-index: 1; }
    .widgets-purchase-wrapper .reveal-content.is-billing-expanded .reveal-main, .institutions-search-wrapper .reveal-content.is-billing-expanded .reveal-main {
      transform: scale(0.96);
      transition-delay: 0s; }
    .widgets-purchase-wrapper .reveal-content.is-subscribed .reveal-main, .institutions-search-wrapper .reveal-content.is-subscribed .reveal-main {
      padding-bottom: 40px; }
    .widgets-purchase-wrapper .reveal-content.is-subscribed:not(.is-free) .selected-billing, .institutions-search-wrapper .reveal-content.is-subscribed:not(.is-free) .selected-billing {
      display: block; }
    .widgets-purchase-wrapper .reveal-content .icon-shop, .institutions-search-wrapper .reveal-content .icon-shop {
      font-size: 1.1rem;
      top: 5px;
      position: relative; }
  .widgets-purchase-wrapper .billing-overlay, .institutions-search-wrapper .billing-overlay {
    opacity: 0;
    z-index: -1;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 52px;
    bottom: 0;
    width: 70%;
    right: 0;
    background-color: #fff; }
  .widgets-purchase-wrapper .selected-billing, .institutions-search-wrapper .selected-billing {
    background-color: #e9ecf0;
    position: fixed;
    bottom: 0;
    width: 70%;
    border-bottom-right-radius: 4px;
    right: 0;
    height: 40px;
    overflow: hidden;
    font-size: 0.9rem;
    line-height: normal;
    transition: height 0.15s ease-in;
    z-index: 2;
    display: none; }
    .widgets-purchase-wrapper .selected-billing .billing-summary, .institutions-search-wrapper .selected-billing .billing-summary {
      padding: 15px 20px 20px;
      font-size: 0.8rem;
      line-height: 0.8rem;
      cursor: pointer; }
      .widgets-purchase-wrapper .selected-billing .billing-summary:hover a, .institutions-search-wrapper .selected-billing .billing-summary:hover a {
        text-decoration: underline; }
    .widgets-purchase-wrapper .selected-billing .summary-caption, .institutions-search-wrapper .selected-billing .summary-caption {
      padding-top: 5px;
      font-size: 1rem;
      font-weight: bold;
      display: block; }
      .widgets-purchase-wrapper .selected-billing .summary-caption .icon-arrow-right, .institutions-search-wrapper .selected-billing .summary-caption .icon-arrow-right {
        display: block;
        float: right;
        transform: rotate(90deg);
        font-size: 0.7rem; }
    .widgets-purchase-wrapper .selected-billing .billing-details, .institutions-search-wrapper .selected-billing .billing-details {
      padding: 0 20px;
      display: inline-block; }
    .widgets-purchase-wrapper .selected-billing .billing-detail, .institutions-search-wrapper .selected-billing .billing-detail {
      width: 200px;
      height: 80px;
      float: left; }
      .widgets-purchase-wrapper .selected-billing .billing-detail.double, .institutions-search-wrapper .selected-billing .billing-detail.double {
        width: 400px; }
    .widgets-purchase-wrapper .selected-billing .billing-detail-info, .institutions-search-wrapper .selected-billing .billing-detail-info {
      padding-bottom: 5px; }
    .widgets-purchase-wrapper .selected-billing .detail-cancel-subscription-link, .institutions-search-wrapper .selected-billing .detail-cancel-subscription-link {
      color: #c04345;
      font-weight: normal;
      text-decoration: underline; }
  .widgets-purchase-wrapper .badge-combo, .institutions-search-wrapper .badge-combo {
    border-radius: 3px;
    background-color: #44ad86;
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 3px 8px;
    position: relative;
    top: -3px; }
  .widgets-purchase-wrapper .reveal-sidebar, .institutions-search-wrapper .reveal-sidebar {
    width: 30%;
    float: left;
    height: 450px;
    overflow: auto;
    border-right: solid 1px #ccc;
    background-color: #f0f4f8;
    box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.1); }
    .widgets-purchase-wrapper .reveal-sidebar .widgets-list, .institutions-search-wrapper .reveal-sidebar .widgets-list {
      padding: 0;
      margin: 0; }
      .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item {
        padding: 14px 10px 9px;
        border-left: solid 4px rgba(77, 123, 165, 0);
        cursor: pointer; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item + .widgets-list-item, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item + .widgets-list-item {
          border-top: solid 1px rgba(0, 0, 0, 0.1); }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item:hover, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item:hover {
          background-color: rgba(255, 255, 255, 0.7); }
          .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item:hover .widget-name, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item:hover .widget-name {
            opacity: 1; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item .icon-trial, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item .icon-trial {
          padding: 2px 4px;
          color: #fff;
          font-size: 0.65rem;
          background-color: #efb452;
          border-radius: 3px;
          display: none; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-selected, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-selected {
          background-color: #fff;
          border-left-color: #4d7ba5; }
          .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-selected .widget-name, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-selected .widget-name {
            opacity: 1;
            font-weight: bold;
            color: #333;
            letter-spacing: -0.01rem; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-subscribed .widget-name, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-subscribed .widget-name {
          width: calc(100% - 30px); }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-subscribed .widget-state .icon-check-empty-thin, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-subscribed .widget-state .icon-check-empty-thin {
          display: inline; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.in-dashboard .widget-state .icon-check-empty-thin, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.in-dashboard .widget-state .icon-check-empty-thin {
          display: none; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.in-dashboard .widget-state .icon-check, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.in-dashboard .widget-state .icon-check {
          display: inline; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-trying .widget-name, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-trying .widget-name {
          width: calc(100% - 40px); }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-trying .icon-trial, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-trying .icon-trial {
          display: inline; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-trying.in-dashboard .icon-check, .institutions-search-wrapper .reveal-sidebar .widgets-list .widgets-list-item.is-trying.in-dashboard .icon-check {
          display: none; }
      .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widget-name, .institutions-search-wrapper .reveal-sidebar .widgets-list .widget-name {
        display: inline-block;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widget-name:hover .overlay, .institutions-search-wrapper .reveal-sidebar .widgets-list .widget-name:hover .overlay {
          opacity: 1; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list .widget-name img, .institutions-search-wrapper .reveal-sidebar .widgets-list .widget-name img {
          width: 100%;
          height: auto; }
      .widgets-purchase-wrapper .reveal-sidebar .widgets-list [class^="cancel-list"], .institutions-search-wrapper .reveal-sidebar .widgets-list [class^="cancel-list"] {
        background: white; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list [class^="cancel-list"] .btn-close, .institutions-search-wrapper .reveal-sidebar .widgets-list [class^="cancel-list"] .btn-close {
          color: #b4b4b4;
          font-size: 0.8rem;
          position: absolute;
          top: -3px; }
          .widgets-purchase-wrapper .reveal-sidebar .widgets-list [class^="cancel-list"] .btn-close i, .institutions-search-wrapper .reveal-sidebar .widgets-list [class^="cancel-list"] .btn-close i {
            margin-right: 2px;
            position: relative;
            top: 2px; }
        .widgets-purchase-wrapper .reveal-sidebar .widgets-list [class^="cancel-list"] .list ul, .institutions-search-wrapper .reveal-sidebar .widgets-list [class^="cancel-list"] .list ul {
          font-size: 0.8rem;
          line-height: 1.5; }
    .widgets-purchase-wrapper .reveal-sidebar .overlay, .institutions-search-wrapper .reveal-sidebar .overlay {
      transition: opacity 0.5s;
      opacity: 0;
      background: rgba(55, 84, 116, 0.9);
      text-align: center; }
      .widgets-purchase-wrapper .reveal-sidebar .overlay .info, .institutions-search-wrapper .reveal-sidebar .overlay .info {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%; }
        .widgets-purchase-wrapper .reveal-sidebar .overlay .info b, .institutions-search-wrapper .reveal-sidebar .overlay .info b {
          color: white;
          font-weight: bold;
          font-size: 1.3em;
          display: block;
          line-height: 1.25;
          padding: 0 5% 0; }
        .widgets-purchase-wrapper .reveal-sidebar .overlay .info .add, .institutions-search-wrapper .reveal-sidebar .overlay .info .add {
          margin: 16px 0 0;
          background: #2f6faf;
          text-transform: uppercase;
          font-size: 1.2em;
          border: none;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px; }
          .widgets-purchase-wrapper .reveal-sidebar .overlay .info .add:hover, .institutions-search-wrapper .reveal-sidebar .overlay .info .add:hover {
            background: #2864a0; }
      .widgets-purchase-wrapper .reveal-sidebar .overlay .cancel-subscribe, .institutions-search-wrapper .reveal-sidebar .overlay .cancel-subscribe {
        color: white;
        position: absolute;
        right: 15px;
        bottom: 15px; }
        .widgets-purchase-wrapper .reveal-sidebar .overlay .cancel-subscribe:hover, .institutions-search-wrapper .reveal-sidebar .overlay .cancel-subscribe:hover {
          text-decoration: underline; }
    .widgets-purchase-wrapper .reveal-sidebar .selected-name, .institutions-search-wrapper .reveal-sidebar .selected-name {
      font-size: 1.4rem;
      padding-bottom: 3px;
      color: #333;
      letter-spacing: -0.03rem;
      line-height: 1.8rem; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-name .badge-combo, .institutions-search-wrapper .reveal-sidebar .selected-name .badge-combo {
        border-radius: 3px;
        background-color: #44ad86;
        color: white;
        font-size: 0.75rem;
        font-weight: bold;
        padding: 3px 8px;
        position: relative;
        top: -3px; }
    .widgets-purchase-wrapper .reveal-sidebar .selected-properties, .institutions-search-wrapper .reveal-sidebar .selected-properties {
      color: #aaa;
      font-size: 0.9rem;
      font-weight: 100; }
    .widgets-purchase-wrapper .reveal-sidebar .selected-trial-cancel, .institutions-search-wrapper .reveal-sidebar .selected-trial-cancel {
      display: none;
      margin-left: 16px;
      margin-top: 5px;
      width: 160px;
      text-align: center; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-trial-cancel a, .institutions-search-wrapper .reveal-sidebar .selected-trial-cancel a {
        color: #666;
        text-decoration: underline;
        font-weight: 200; }
    .widgets-purchase-wrapper .reveal-sidebar .selected-offer, .institutions-search-wrapper .reveal-sidebar .selected-offer {
      position: relative;
      height: 0;
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-top: 15px;
      background-color: #e9ecf0;
      font-size: 0.85rem;
      line-height: normal;
      z-index: -1;
      transition: height 0.15s cubic-bezier(0, 0.59, 0.43, 1.07);
      will-change: height; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer:before, .institutions-search-wrapper .reveal-sidebar .selected-offer:before {
        content: "";
        position: absolute;
        border: solid 10px transparent;
        border-bottom: solid 10px #e9ecf0;
        top: -10px;
        right: 90px;
        opacity: 0;
        transition: all 0.15s ease-out; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .offer-inner, .widgets-purchase-wrapper .reveal-sidebar .selected-offer .offer-trial, .institutions-search-wrapper .reveal-sidebar .selected-offer .offer-inner, .institutions-search-wrapper .reveal-sidebar .selected-offer .offer-trial {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        pointer-events: none;
        opacity: 0; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .offer-inner, .institutions-search-wrapper .reveal-sidebar .selected-offer .offer-inner {
        float: none;
        text-align: center;
        padding: 30px 30px 0 20px;
        margin-top: 10px;
        margin-right: 32px;
        border-right: solid 1px #c9d3db; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .offer-profiledata-field label, .institutions-search-wrapper .reveal-sidebar .selected-offer .offer-profiledata-field label {
        font-weight: 300;
        color: #666; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .offer-profiledata-field .profiledata-field-errormsg, .institutions-search-wrapper .reveal-sidebar .selected-offer .offer-profiledata-field .profiledata-field-errormsg {
        display: block;
        opacity: 0;
        color: #df7a62;
        font-weight: bold;
        font-size: 0.7rem;
        transform: translateY(-50%);
        transition: all 0.2s ease-out; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .offer-profiledata-field.has-error .profiledata-field-errormsg, .institutions-search-wrapper .reveal-sidebar .selected-offer .offer-profiledata-field.has-error .profiledata-field-errormsg {
        opacity: 1;
        transform: translateY(0); }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .plan-type, .institutions-search-wrapper .reveal-sidebar .selected-offer .plan-type {
        color: #858585;
        padding: 0 15px 8px; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .price-currency, .institutions-search-wrapper .reveal-sidebar .selected-offer .price-currency {
        color: #858585;
        vertical-align: top;
        font-size: 0.8rem; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .price-value, .institutions-search-wrapper .reveal-sidebar .selected-offer .price-value {
        color: #4D7BA5;
        font-size: 2.5rem;
        line-height: 2rem;
        letter-spacing: -0.1rem;
        font-weight: 100; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .price-time, .institutions-search-wrapper .reveal-sidebar .selected-offer .price-time {
        color: #4D7BA5;
        vertical-align: bottom;
        font-size: 0.8rem; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .trial-caption, .institutions-search-wrapper .reveal-sidebar .selected-offer .trial-caption {
        font-weight: 900;
        margin-top: 6px; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .trial-description, .institutions-search-wrapper .reveal-sidebar .selected-offer .trial-description {
        padding: 10px 30px 10px 0;
        line-height: 1.1rem;
        font-size: 0.8rem;
        font-weight: 300; }
        .widgets-purchase-wrapper .reveal-sidebar .selected-offer .trial-description strong, .institutions-search-wrapper .reveal-sidebar .selected-offer .trial-description strong {
          font-weight: 400; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-offer .trial-button, .institutions-search-wrapper .reveal-sidebar .selected-offer .trial-button {
        background-color: #efb452;
        border: 0; }
    .widgets-purchase-wrapper .reveal-sidebar .selected-description, .institutions-search-wrapper .reveal-sidebar .selected-description {
      margin-top: 1.5rem;
      font-size: 0.85rem;
      line-height: 1.2rem; }
    .widgets-purchase-wrapper .reveal-sidebar .selected-photos, .institutions-search-wrapper .reveal-sidebar .selected-photos {
      width: calc(100% + 40px);
      overflow: auto;
      white-space: nowrap;
      font-size: 0;
      margin-left: -20px;
      padding: 30px 20px 20px 20px; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-photos .selected-photo, .institutions-search-wrapper .reveal-sidebar .selected-photos .selected-photo {
        width: 325px;
        height: 196px;
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
        border-radius: 2px;
        margin: 1px;
        text-indent: -99999px;
        background-color: #f9f9f9; }
        .widgets-purchase-wrapper .reveal-sidebar .selected-photos .selected-photo + .selected-photo, .institutions-search-wrapper .reveal-sidebar .selected-photos .selected-photo + .selected-photo {
          margin-left: 19px; }
    .widgets-purchase-wrapper .reveal-sidebar .selected-button, .institutions-search-wrapper .reveal-sidebar .selected-button {
      width: 160px;
      padding: 0.7rem 0;
      background-color: #49ac87;
      border: 0;
      margin: 0 0 0 1rem;
      font-size: 0.9rem; }
      .widgets-purchase-wrapper .reveal-sidebar .selected-button .selected-activate, .widgets-purchase-wrapper .reveal-sidebar .selected-button .selected-active, .institutions-search-wrapper .reveal-sidebar .selected-button .selected-activate, .institutions-search-wrapper .reveal-sidebar .selected-button .selected-active {
        display: none; }
    .widgets-purchase-wrapper .reveal-sidebar.is-subscribed .selected-button, .institutions-search-wrapper .reveal-sidebar.is-subscribed .selected-button {
      background-color: #4D7BA5; }
      .widgets-purchase-wrapper .reveal-sidebar.is-subscribed .selected-button .selected-purchase, .widgets-purchase-wrapper .reveal-sidebar.is-subscribed .selected-button .selected-active, .institutions-search-wrapper .reveal-sidebar.is-subscribed .selected-button .selected-purchase, .institutions-search-wrapper .reveal-sidebar.is-subscribed .selected-button .selected-active {
        display: none; }
      .widgets-purchase-wrapper .reveal-sidebar.is-subscribed .selected-button .selected-activate, .institutions-search-wrapper .reveal-sidebar.is-subscribed .selected-button .selected-activate {
        display: inline; }
    .widgets-purchase-wrapper .reveal-sidebar.has-tried .trial-button, .institutions-search-wrapper .reveal-sidebar.has-tried .trial-button {
      background-color: #49ac87; }
    .widgets-purchase-wrapper .reveal-sidebar.in-dashboard .selected-button, .institutions-search-wrapper .reveal-sidebar.in-dashboard .selected-button {
      background-color: #4D7BA5; }
      .widgets-purchase-wrapper .reveal-sidebar.in-dashboard .selected-button .selected-purchase, .widgets-purchase-wrapper .reveal-sidebar.in-dashboard .selected-button .selected-activate, .institutions-search-wrapper .reveal-sidebar.in-dashboard .selected-button .selected-purchase, .institutions-search-wrapper .reveal-sidebar.in-dashboard .selected-button .selected-activate {
        display: none; }
      .widgets-purchase-wrapper .reveal-sidebar.in-dashboard .selected-button .selected-active, .institutions-search-wrapper .reveal-sidebar.in-dashboard .selected-button .selected-active {
        display: inline; }
      .widgets-purchase-wrapper .reveal-sidebar.in-dashboard .selected-button:hover .selected-purchase, .widgets-purchase-wrapper .reveal-sidebar.in-dashboard .selected-button:hover .selected-active, .institutions-search-wrapper .reveal-sidebar.in-dashboard .selected-button:hover .selected-purchase, .institutions-search-wrapper .reveal-sidebar.in-dashboard .selected-button:hover .selected-active {
        display: none; }
      .widgets-purchase-wrapper .reveal-sidebar.in-dashboard .selected-button:hover .selected-activate, .institutions-search-wrapper .reveal-sidebar.in-dashboard .selected-button:hover .selected-activate {
        display: inline; }
    .widgets-purchase-wrapper .reveal-sidebar.is-trying .selected-trial-cancel, .institutions-search-wrapper .reveal-sidebar.is-trying .selected-trial-cancel {
      display: block; }
    .widgets-purchase-wrapper .reveal-sidebar.is-trying .selected-button, .institutions-search-wrapper .reveal-sidebar.is-trying .selected-button {
      background-color: #efb452; }
      .widgets-purchase-wrapper .reveal-sidebar.is-trying .selected-button .selected-purchase, .widgets-purchase-wrapper .reveal-sidebar.is-trying .selected-button .selected-active, .institutions-search-wrapper .reveal-sidebar.is-trying .selected-button .selected-purchase, .institutions-search-wrapper .reveal-sidebar.is-trying .selected-button .selected-active {
        display: none; }
      .widgets-purchase-wrapper .reveal-sidebar.is-trying .selected-button .selected-activate, .institutions-search-wrapper .reveal-sidebar.is-trying .selected-button .selected-activate {
        display: inline; }
    .widgets-purchase-wrapper .reveal-sidebar.is-trying.in-dashboard .selected-purchase, .widgets-purchase-wrapper .reveal-sidebar.is-trying.in-dashboard .selected-activate, .institutions-search-wrapper .reveal-sidebar.is-trying.in-dashboard .selected-purchase, .institutions-search-wrapper .reveal-sidebar.is-trying.in-dashboard .selected-activate {
      display: none; }
    .widgets-purchase-wrapper .reveal-sidebar.is-trying.in-dashboard .selected-active, .institutions-search-wrapper .reveal-sidebar.is-trying.in-dashboard .selected-active {
      display: inline; }
    .widgets-purchase-wrapper .reveal-sidebar.just-subscribed:hover .selected-button, .institutions-search-wrapper .reveal-sidebar.just-subscribed:hover .selected-button {
      background-color: #4D7BA5; }
      .widgets-purchase-wrapper .reveal-sidebar.just-subscribed:hover .selected-button .selected-purchase, .widgets-purchase-wrapper .reveal-sidebar.just-subscribed:hover .selected-button .selected-activate, .institutions-search-wrapper .reveal-sidebar.just-subscribed:hover .selected-button .selected-purchase, .institutions-search-wrapper .reveal-sidebar.just-subscribed:hover .selected-button .selected-activate {
        display: none !important; }
      .widgets-purchase-wrapper .reveal-sidebar.just-subscribed:hover .selected-button .selected-active, .institutions-search-wrapper .reveal-sidebar.just-subscribed:hover .selected-button .selected-active {
        display: inline !important; }
    .widgets-purchase-wrapper .reveal-sidebar.is-offering .selected-offer, .institutions-search-wrapper .reveal-sidebar.is-offering .selected-offer {
      z-index: 1;
      transition-duration: 0.35s;
      height: 180px;
      padding: 15px 0; }
      .widgets-purchase-wrapper .reveal-sidebar.is-offering .selected-offer:before, .institutions-search-wrapper .reveal-sidebar.is-offering .selected-offer:before {
        top: -20px;
        opacity: 1;
        transition: all 0.15s 0.05s ease-out; }
      .widgets-purchase-wrapper .reveal-sidebar.is-offering .selected-offer .offer-inner, .widgets-purchase-wrapper .reveal-sidebar.is-offering .selected-offer .offer-trial, .institutions-search-wrapper .reveal-sidebar.is-offering .selected-offer .offer-inner, .institutions-search-wrapper .reveal-sidebar.is-offering .selected-offer .offer-trial {
        -webkit-user-select: initial;
        -moz-user-select: initial;
        user-select: initial;
        pointer-events: all;
        opacity: 1;
        transition: opacity 0.25s 0.3s ease-out, height 0s 0.25s ease-out; }
      .widgets-purchase-wrapper .reveal-sidebar.is-offering .selected-offer .offer-inner, .institutions-search-wrapper .reveal-sidebar.is-offering .selected-offer .offer-inner {
        width: 240px;
        height: calc(100% - 20px);
        float: left; }
      .widgets-purchase-wrapper .reveal-sidebar.is-offering .selected-offer .offer-trial, .institutions-search-wrapper .reveal-sidebar.is-offering .selected-offer .offer-trial {
        width: calc(100% - 272px);
        float: left; }
    .widgets-purchase-wrapper .reveal-sidebar.is-filling-profile-data .selected-offer, .institutions-search-wrapper .reveal-sidebar.is-filling-profile-data .selected-offer {
      height: 255px; }
  .widgets-purchase-wrapper + .tooltip, .institutions-search-wrapper + .tooltip {
    padding: 6px 8px;
    font-size: 0.7rem;
    border-radius: 2px; }

/* Tables */
table {
  border: 1px solid #e7e7e7;
  border-spacing: 0;
  margin-bottom: 0;
  width: 100%; }

table tr th, table tr td, table caption {
  color: #666666;
  font-size: 0.8rem; }

table thead tr th {
  text-align: center;
  font-size: 1em;
  text-shadow: 1px 1px 0 #ffffff; }

table tr td {
  text-align: center; }

table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
  color: #666666;
  font-size: 0.8rem; }

.report table thead tr th, table tr th {
  line-height: 1.1em; }

.report table tbody tr td, table tr td {
  line-height: 1em;
  padding: 0.4em; }

.report.operations tr.odd td, .report.events tr.odd td {
  background-color: #fff; }
.report.operations tr.even td, .report.events tr.even td {
  background-color: #eee; }

table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #ffffff; }

/* Small */
table.small thead tr th {
  background: url("/assets/img/small-table_ziqw6q.jpg") repeat-x; }

table.small tr th, table.small tr td {
  border: 1px solid #bababa;
  padding: 0.5rem 0.7rem 0.5rem; }

table.small.clean tr th {
  border: none;
  padding: 0.7em;
  border-left: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  padding: 0.9em; }

table.small.clean tr th.edge {
  border-left: none; }

table.small.clean tr td {
  border: none;
  border-bottom: 1px solid #d0d0d0;
  padding: 0.9em 0.7em; }

/* Big */
table.big thead tr th {
  text-transform: uppercase; }

/* Footer */
table.second-footer {
  left: auto;
  margin-bottom: 0; }

table.second-footer thead tr th, table.second-footer tr td {
  background: #d9e2eb;
  border: none;
  padding: 4px 2px; }

table.second-footer thead tr th {
  font-size: 0.7rem; }

/* Table sizes (width) */
table .smaller {
  width: 1%;
  text-align: center; }

table .small {
  width: 5%;
  text-align: center; }

table .default {
  width: 8%; }

table .normal {
  width: 11%; }

table .medium {
  width: 15%; }

table .large {
  width: 25%; }

table.text-left tr th, table.text-left tr td {
  text-align: left;
  padding: 0.3rem 1rem; }

table .text-center tr th, table .text-center tr td {
  text-align: center; }

table.text-left-first tr th, table.text-left-first tr td:first-child {
  text-align: left; }

table.text-right-last tr th, table.text-right-last tr td:last-child {
  text-align: right; }

table.text-center-first tr th, table.text-center-first tr td:first-child {
  text-align: center; }

table select {
  width: 80%;
  margin: 0; }

table .button, table .button.small {
  margin: 0;
  width: auto; }

table .button.small {
  padding: 0.4rem 0.8rem 0.4rem; }

table input[type="text"] {
  height: 1.55rem;
  margin: 0; }

.fixed-table-container {
  height: 100%;
  position: initial; }

.fixed-table-container-inner {
  overflow-y: auto;
  height: 100%; }

div.fixed-table-container div table thead tr th {
  padding: 0;
  border: 0; }

.th-inner {
  position: absolute;
  top: 0;
  text-align: left;
  z-index: 1; }

.hidden-header .th-inner {
  position: static;
  overflow-y: hidden;
  height: 0; }

.table-small .fixed-table-container {
  padding-top: 0; }

.table-small .fixedheader div.center-text {
  margin: 0 auto;
  width: 0; }

.table-small .fixedheader div.th-inner {
  height: 29px;
  margin-left: -50%;
  text-align: center;
  top: 36px;
  width: 100%;
  z-index: 1; }

.table-small .header-background {
  background: url("/assets/img/table-small-bg.png") repeat;
  border-bottom: 1px solid #bababa;
  position: absolute;
  height: 31px;
  top: 30px;
  right: 0;
  left: 0; }

.table-big {
  height: 100%; }

.table-big .fixed-table-container {
  padding-top: 0; }

.table-big .fixedheader div.center-text {
  margin: 0;
  width: 0; }

.table-big .fixedheader div.th-inner {
  text-align: left;
  top: 13px;
  margin-left: 16px;
  width: auto; }

.table-big .header-background {
  background: url("/assets/img/table-big-bg.png") repeat;
  height: 45px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 98%; }

.table-big .hidden-header {
  height: 45px; }

/* Autocomplete */
.angucomplete-searching {
  padding: 12px; }

.angucomplete-row {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: -1px;
  padding: 12px; }

.angucomplete-dropdown {
  background-color: #f5f5f5;
  margin-top: -1px;
  padding: 0;
  width: 100%;
  overflow-y: auto;
  max-height: 247px; }

.angucomplete-selected-row {
  background-color: #5f85aa;
  padding: 12px; }

/* Unsubscription */
.unsubscription-report .header {
  width: 100%;
  height: 45px;
  background: #4d7ba5;
  text-align: center; }
  .unsubscription-report .header figure {
    margin: 0; }
  .unsubscription-report .header figcaption {
    text-indent: -9999px; }
  .unsubscription-report .header img {
    width: 160px;
    height: auto;
    margin: 5px 0 0 -10px; }
.unsubscription-report .wrap-page {
  position: relative;
  top: 10%;
  text-align: center; }

/* Login */
.head-login {
  background: url("/assets/img/bg-funcionalidades-new.jpg") no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: auto;
  padding-bottom: 10%; }
  .head-login .wrap-login {
    position: relative;
    top: 10%;
    text-align: center; }
    .head-login .wrap-login figure {
      margin: 0; }
    .head-login .wrap-login figcaption {
      text-indent: -9999px; }
    .head-login .wrap-login img {
      width: 288px;
      height: 72px;
      margin-left: -10px; }
  .head-login .login {
    text-align: center;
    padding: 20px; }
  .head-login .signup-lnk {
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    color: #e0e0e0;
    font-weight: 100;
    font-size: 0.9rem; }
    .head-login .signup-lnk:hover {
      text-decoration: underline; }
  .head-login .login-inner {
    padding: 30px 60px;
    background-color: #fff;
    border-radius: 4px; }
    .head-login .login-inner.login-pw-activation .login-email-sent {
      margin-top: 0;
      padding-top: 30px; }
      .head-login .login-inner.login-pw-activation .login-email-sent .login-email-sent-message {
        margin-bottom: 25px; }
    .head-login .login-inner.is-loading button {
      cursor: progress;
      opacity: 0.5; }
    .head-login .login-inner.is-email-sent .login-email-sent {
      display: block; }
    .head-login .login-inner .error-messages p {
      font-size: 0.74rem; }
    .head-login .login-inner .login-checkes {
      margin-bottom: 15px; }
    .head-login .login-inner .login-label {
      display: block;
      text-align: left;
      cursor: default; }
      .head-login .login-inner .login-label input {
        font-size: 0.8rem; }
    .head-login .login-inner .login-caption {
      font-size: 1.4rem;
      margin: 0;
      font-weight: 100;
      padding-bottom: 20px;
      margin-left: -20px;
      width: calc(100% + 40px); }
    .head-login .login-inner .login-email-sent {
      display: none;
      font-size: 0.9rem;
      line-height: 1.1rem;
      border-top: solid 1px #ddd;
      padding-top: 20px;
      margin-top: 25px; }
      .head-login .login-inner .login-email-sent .login-email-sent-message {
        margin-bottom: 10px;
        font-weight: 100; }
      .head-login .login-inner .login-email-sent .login-email-sent-link {
        color: #008cba;
        font-weight: 400; }
        .head-login .login-inner .login-email-sent .login-email-sent-link:hover {
          text-decoration: underline; }
    .head-login .login-inner .login-form .login-field {
      padding: 10px 14px;
      font-size: 1rem;
      height: auto;
      margin-bottom: 5px;
      border: solid 1px #ccc;
      border-radius: 3px;
      background-color: #f8f8f8;
      box-shadow: none; }
      .head-login .login-inner .login-form .login-field::-webkit-input-placeholder {
        font-weight: 100;
        color: #ccc; }
      .head-login .login-inner .login-form .login-field:last-child {
        margin-bottom: 10px; }
    .head-login .login-inner .login-form .login-forgot {
      color: #bbb;
      font-weight: 100;
      font-size: 0.75rem; }
      .head-login .login-inner .login-form .login-forgot:hover {
        text-decoration: underline; }
    .head-login .login-inner .login-form .login-button {
      display: block;
      width: 100%;
      margin: 10px 0;
      border: 0;
      outline: 0;
      padding: 12px 0;
      font-size: 0.9rem;
      font-weight: 100;
      border-radius: 2px;
      text-align: center;
      color: #fff;
      transition: background 0.5s ease; }
      .head-login .login-inner .login-form .login-button:first-child {
        margin-top: 20px; }
      .head-login .login-inner .login-form .login-button img {
        width: 17px;
        height: 17px;
        vertical-align: sub;
        margin-right: 8px; }
    .head-login .login-inner .login-form .login-other-login {
      position: relative;
      margin-top: 40px; }
      .head-login .login-inner .login-form .login-other-login:before {
        background-color: #fff;
        padding: 0 5px;
        position: absolute;
        z-index: 2;
        font-size: 0.8rem;
        color: #bbb;
        content: "ou";
        pointer-events: none;
        top: -27px;
        left: 50%;
        transform: translateX(-50%); }
      .head-login .login-inner .login-form .login-other-login:after {
        content: " ";
        pointer-events: none;
        height: 1px;
        top: -21px;
        left: 0;
        width: 100%;
        z-index: 1;
        background-color: #ccc;
        position: absolute; }
    .head-login .login-inner .login-form .login-google {
      background-color: #d95032; }
      .head-login .login-inner .login-form .login-google:hover {
        background-color: #ae3820; }
    .head-login .login-inner .login-form .login-pw {
      background-color: #2a2e36; }
      .head-login .login-inner .login-form .login-pw img {
        width: 16px;
        height: 13px;
        vertical-align: bottom; }
      .head-login .login-inner .login-form .login-pw:hover {
        background-color: #0f1114; }

.other-connection {
  display: inline-block;
  margin-top: 15px; }

.login a.connection {
  position: relative;
  height: 49px;
  text-indent: -9999px;
  width: 302px;
  float: left;
  margin: 10px; }

.login a.connection.facebook {
  background: url("/assets/img/login-fb.png") no-repeat;
  display: block; }

.login a.connection.google {
  background: url("/assets/img/login-google.png") no-repeat;
  display: block; }

/* Dashboards */
.wrap-page, .dashboard {
  height: 100%; }

.wrap-content .inner-dashboard {
  background-color: #ededed;
  padding: 10px;
  text-align: center;
  transition: padding 0.3s ease-out; }
  .wrap-content .inner-dashboard .inner-dashboard-offset {
    transition: margin 0.2s ease-out; }

.dashboard-controls {
  display: none;
  width: 100%;
  background-color: #fbfbfb; }
  .dashboard-controls .dashboard-control {
    border-right: solid 1px #e9e9e9; }
  .dashboard-controls .dashboard-control {
    width: 50%;
    float: left;
    padding: 0.8rem; }
    .dashboard-controls .dashboard-control span {
      display: block;
      font-weight: bold;
      margin-bottom: 5px;
      color: #666; }
    .dashboard-controls .dashboard-control select {
      margin: 0; }

.inner-dashboard .row.row {
  margin: 0; }

.wrap-content .inner-import {
  background-color: #ffffff;
  padding: 10px;
  text-align: center; }

.inner-dashboard.transactions {
  background: white;
  padding-top: 30px; }
  .inner-dashboard.transactions h2 {
    color: #666;
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0 0 10px;
    display: block; }
  .inner-dashboard.transactions h3 {
    font-size: 0.9rem;
    margin: 0 0 4px; }
    .inner-dashboard.transactions h3 span {
      font-weight: normal;
      font-size: 0.7rem; }
  .inner-dashboard.transactions ul {
    padding: 0; }
    .inner-dashboard.transactions ul li {
      padding: 2px 0; }
      .inner-dashboard.transactions ul li a {
        transition: all 0.4s ease;
        font-size: 0.8rem; }
  .inner-dashboard.transactions .list-klavi-institutions {
    text-align: left; }
    .inner-dashboard.transactions .list-klavi-institutions h3 {
      display: inline-block; }
      .inner-dashboard.transactions .list-klavi-institutions h3 span {
        font-weight: normal; }
    .inner-dashboard.transactions .list-klavi-institutions i {
      cursor: pointer;
      top: 0.2rem;
      position: relative;
      margin-right: 0.4rem; }
    .inner-dashboard.transactions .list-klavi-institutions hr {
      padding-top: 1rem; }
    .inner-dashboard.transactions .list-klavi-institutions .columns, .inner-dashboard.transactions .list-klavi-institutions .field-columns {
      margin: 0.2rem 0; }
    .inner-dashboard.transactions .list-klavi-institutions button {
      margin-left: 0.5rem; }
  .inner-dashboard.transactions .search {
    margin: 20px 0;
    position: relative; }
    .inner-dashboard.transactions .search .icon-search {
      position: absolute;
      top: 50%;
      right: 10px;
      font-size: 1.1rem;
      transform: translateY(-50%); }
  .inner-dashboard.transactions .masonry {
    column-gap: 1rem; }
    .inner-dashboard.transactions .masonry.flex {
      display: flex;
      align-items: baseline; }
      .inner-dashboard.transactions .masonry.flex .masonry-brick {
        width: 20%; }
      @media (max-width: 1023px) {
        .inner-dashboard.transactions .masonry.flex .masonry-brick {
          width: 33%; } }
    .inner-dashboard.transactions .masonry .masonry-brick {
      width: 150px;
      color: white;
      margin: 0 1rem 1rem 0;
      display: inline-block;
      width: 100%;
      text-align: center;
      padding: 20px;
      text-align: left; }
  .inner-dashboard.transactions .masonry-brick.bovespa {
    background: #e5eff3; }
    .inner-dashboard.transactions .masonry-brick.bovespa h2 {
      color: #7cafc3;
      border-bottom: 3px solid #7cafc3; }
  .inner-dashboard.transactions .masonry-brick.checking_account {
    background: #e4e4e4; }
    .inner-dashboard.transactions .masonry-brick.checking_account h2 {
      color: #989898;
      border-bottom: 3px solid #989898; }
  .inner-dashboard.transactions .masonry-brick.btc {
    background: black; }
    .inner-dashboard.transactions .masonry-brick.btc h2 {
      color: black;
      border-bottom: 3px solid black; }
  .inner-dashboard.transactions .masonry-brick.cryptocurrencies {
    background: #cfdbfd; }
    .inner-dashboard.transactions .masonry-brick.cryptocurrencies h2 {
      color: #3c6ef7;
      border-bottom: 3px solid #3c6ef7; }
  .inner-dashboard.transactions .masonry-brick.fixed_income {
    background: #e9ebf6; }
    .inner-dashboard.transactions .masonry-brick.fixed_income h2 {
      color: #7c89ca;
      border-bottom: 3px solid #7c89ca; }
  .inner-dashboard.transactions .masonry-brick.funds {
    background: #e2ebe4; }
    .inner-dashboard.transactions .masonry-brick.funds h2 {
      color: #87ad8f;
      border-bottom: 3px solid #87ad8f; }
  .inner-dashboard.transactions .masonry-brick.generic_assets {
    background: #f7dbdb; }
    .inner-dashboard.transactions .masonry-brick.generic_assets h2 {
      color: #db5e5e;
      border-bottom: 3px solid #db5e5e; }
  .inner-dashboard.transactions .masonry-brick.debts {
    background: #f6dbc5; }
    .inner-dashboard.transactions .masonry-brick.debts h2 {
      color: #e18641;
      border-bottom: 3px solid #e18641; }
  .inner-dashboard.transactions .masonry-brick.vehicle {
    background: #aec1d9; }
    .inner-dashboard.transactions .masonry-brick.vehicle h2 {
      color: #4c73a2;
      border-bottom: 3px solid #4c73a2; }
  .inner-dashboard.transactions .masonry-brick.real_properties {
    background: #ffefb2; }
    .inner-dashboard.transactions .masonry-brick.real_properties h2 {
      color: #ffcd19;
      border-bottom: 3px solid #ffcd19; }
  .inner-dashboard.transactions .masonry-brick.credit_card {
    background: #e3d8f7; }
    .inner-dashboard.transactions .masonry-brick.credit_card h2 {
      color: #8759dd;
      border-bottom: 3px solid #8759dd; }
  .inner-dashboard.transactions .inst {
    text-align: left; }
    .inner-dashboard.transactions .inst .account {
      padding: 20px; }
      .inner-dashboard.transactions .inst .account:not(:first-child) {
        margin-top: 15px; }
      .inner-dashboard.transactions .inst .account.regular {
        background: #f3f7fb; }
        .inner-dashboard.transactions .inst .account.regular a {
          color: #3c79b3; }
          .inner-dashboard.transactions .inst .account.regular a:hover {
            color: #80acd5; }
      .inner-dashboard.transactions .inst .account.simulation {
        background: #f4faf8; }
        .inner-dashboard.transactions .inst .account.simulation a {
          color: #4ba486; }
          .inner-dashboard.transactions .inst .account.simulation a:hover {
            color: #8bcab5; }
      .inner-dashboard.transactions .inst .account.shared {
        background: #fef9f1; }
        .inner-dashboard.transactions .inst .account.shared a {
          color: #e08d10; }
          .inner-dashboard.transactions .inst .account.shared a:hover {
            color: #f4ba62; }

.institution {
  background: white;
  box-shadow: 38px 0px 0 #f8f8f8 inset;
  margin: 0 0 20px !important;
  border-radius: 3px;
  padding: 16px 2px; }
  .institution .account-name {
    font-size: 0.85rem;
    text-align: left;
    margin: 0 0 15px !important; }
    .institution .account-name span {
      text-transform: uppercase; }
  .institution .account {
    position: relative;
    margin: 32px 0 0;
    padding: 14px 0 0 50px; }
    .institution .account:first-child {
      margin: 0; }
    .institution .account .bovespa .card a {
      background: #e5eff3; }
    .institution .account .checking-account .card a {
      background: #e4e4e4; }
    .institution .account .crypto-curriencies .card a {
      background: #cfdbfd; }
    .institution .account .fixed-income .card a {
      background: #e9ebf6; }
    .institution .account .funds .card a {
      background: #e2ebe4; }
    .institution .account .generic-assets .card a {
      background: #f7dbdb; }
    .institution .account .debts .card a {
      background: #f6dbc5; }
    .institution .account .vehicle .card a {
      background: #aec1d9; }
    .institution .account .real-properties .card a {
      background: #ffefb2; }
    .institution .account .credit-card .card a {
      background: #e3d8f7; }
    .institution .account .card {
      margin: 0 0 10px;
      min-height: 70px; }
    .institution .account a {
      transition: all 0.2s;
      display: block;
      padding: 18px 24px 18px 44px;
      color: #666666;
      position: relative;
      line-height: 1.4; }
      .institution .account a:hover {
        color: white;
        background: #2f6faf; }
      .institution .account a .icon {
        font-size: 1.7rem;
        position: absolute;
        left: 0.9rem;
        top: 50%;
        transform: translateY(-50%); }
        .institution .account a .icon.fix {
          font-size: 1.5rem;
          top: 55%; }
    .institution .account .title {
      padding: 3px 0 6px;
      text-transform: uppercase;
      font-size: 0.8rem;
      font-weight: bold;
      width: 38px;
      height: 100%;
      position: absolute;
      top: 0;
      left: -2px;
      z-index: 10; }
      .institution .account .title.blue {
        border-right: 3px solid #a2c0cb;
        color: #a2c0cb; }
      .institution .account .title.purple {
        border-right: 3px solid #8493ce;
        color: #8493ce; }
      .institution .account .title.green {
        border-right: 3px solid #7ba683;
        color: #7ba683; }
      .institution .account .title.gray {
        border-right: 3px solid #d9d9d9;
        color: #d9d9d9; }
      .institution .account .title.yellow {
        border-right: 3px solid #e7e0bc;
        color: #e7e0bc; }
      .institution .account .title.orange {
        border-right: 3px solid #d19460;
        color: #d19460; }
      .institution .account .title.vehicles {
        border-right: 3px solid #295a92;
        color: #295a92; }
      .institution .account .title.real-properties {
        border-right: 3px solid #8c64b0;
        color: #8c64b0; }
      .institution .account .title.cryptocurrencies {
        border-right: 3px solid #cfdbfd;
        color: #cfdbfd; }
      .institution .account .title.credit-card {
        border-right: 3px solid #cfdbfd;
        color: #e3d8f7; }
      .institution .account .title .label-title {
        line-height: 1.1;
        position: absolute;
        top: 40%;
        left: -100%;
        display: block;
        min-width: 100px;
        transform: rotateZ(-90deg); }

@media (max-width: 1280px) {
  .institution .account a {
    padding: 24px 12px 13px 44px;
    min-height: 60px; }
    .institution .account a .icon {
      left: 0.6rem; } }

.box {
  background: #ffffff;
  height: 245px;
  margin: 5px; }

.gridster-item .row {
  width: 100%;
  margin: 0; }

.gridster-item p {
  margin: 0; }

.gridster-item .title {
  color: #666666;
  font-size: 0.9em;
  padding: 0.2em 0.3em;
  text-align: left;
  font-weight: bold; }

.gridster-mobile .gridster-item iframe {
  min-height: 400px; }

.gridster-item .title a {
  font-size: 0.8em; }

.gridster-item .inner-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 52%;
  margin: auto; }

.gridster-preview-holder {
  border: dashed 1px #666 !important; }

.gridster-item-moving iframe {
  pointer-events: none; }

.gridster-item .quote-down {
  padding: 3px 0 0 20px; }

.gridster-item .top {
  padding: 25px 25px 5px 25px; }

.gridster-item .main {
  color: #527ca2;
  font-size: 2rem;
  font-weight: bold; }

.gridster-item .top .border {
  border-bottom: 1px solid #d3d6d7;
  padding: 5px 25px; }

.gridster-item .middle-wrapper {
  padding: 12px 25px; }

.gridster-item .info {
  color: #527ca2;
  padding: 5px 15px;
  width: 50%; }

.gridster-item .info.left {
  text-align: right;
  border-right: 1px solid #d3d6d7; }

.gridster-item .info.right {
  text-align: left; }

.gridster-item .info p.value {
  font-size: 1.3rem; }

.gridster-item .info p.subtitle {
  color: #a8a8a8;
  font-size: 0.5rem;
  margin: 0 0 0.3rem 0;
  text-transform: uppercase; }

.gridster-item table {
  margin: 0;
  empty-cells: show; }

.gridster-item table thead {
  background: none; }

.gridster-item table .subtitle {
  background: none;
  color: #666666; }

.gridster-item table thead .subtitle {
  text-align: center; }

.gridster-item tr {
  border-bottom: 1px solid #dcdcdc; }

.gridster-item tr td {
  padding: 0.1em; }

.gridster-item .first-header {
  background-color: #dcdcdc; }

.gridster-item .first-header.odd {
  background-color: #ffffff; }

.gridster-item .second-header th.subtitle {
  background-color: #f1f1f1;
  text-align: center;
  padding: 0.1em; }

.gridster-item tr.total td, .gridster-item tr.second-header {
  background-color: #f1f1f1; }

.gridster-item tr.total td:first-child {
  text-align: left; }

.gridster-item tr.total td:last-child {
  text-align: right; }

.gridster-item table.expanded-info th, .gridster-item table.expanded-info td {
  font-size: 0.7em;
  text-shadow: none;
  padding: 0.1em; }

.gridster-item table.expanded-info td.subtitle.last, .gridster-item table.expanded-info td.value.last {
  width: 10%; }

.gridster-item table.expanded-info td {
  text-align: center; }

.gridster-item table.expanded-info .expanded-equity td, .gridster-item table.expanded-info .expanded-derivative td, .gridster-item table.expanded-info .expanded-treasuryBondsPosition td, .gridster-item table.expanded-info .collateral td, .gridster-item table.expanded-info .expanded-fixedIncomePosition td, .gridster-item table.expanded-info .expanded-securitiesLendingPosition td, .gridster-item table.expanded-info .expanded-provisionedEvent td {
  text-align: left; }

.gridster-item table.expanded-info .expanded-equity .title, .gridster-item table.expanded-info .expanded-derivative .title, .gridster-item table.expanded-info .expanded-treasuryBondsPosition .title, .gridster-item table.expanded-info .expanded-fixedIncomePosition .title, .gridster-item table.expanded-info .expanded-securitiesLendingPosition .title, .gridster-item table.expanded-info .expanded-provisionedEvent .title {
  color: #333;
  text-transform: uppercase; }

.gridster-item table.expanded-info .expanded-equity .reasons-container, .gridster-item table.expanded-info .expanded-derivative .reasons-container, .gridster-item table.expanded-info .expanded-fixedIncomePosition .reasons-container {
  margin-left: 20px; }

.gridster-item table.expanded-info.micro-calc-log th:first-child, .gridster-item table.expanded-info.micro-calc-log td:first-child {
  width: 50%; }

.gridster-item table.expanded-info.micro-calc-log th:last-child, .gridster-item table.expanded-info.micro-calc-log td:last-child {
  width: 50%; }

.gridster-item table.expanded-info.medium-calc-log td {
  width: 30%; }

.gridster-item table.expanded-info .empty {
  background-color: #ffffff; }

.gridster-item table.expanded-info .operations {
  background-color: #f5f5f5; }

.gridster-item table.expanded-info .positions {
  background-color: #f8f8f8; }

/* expanded info portfolio */
.gridster-item table.expanded-info.portfolio th {
  background-color: #e7e7e7;
  border: none;
  padding: 0.5em; }

.gridster-item table.expanded-info.portfolio .positions-second-header th a {
  color: #4d7ba5;
  font-size: 1rem; }

.gridster-item table.expanded-info.portfolio tr, .gridster-item table.expanded-info.portfolio td {
  border: 0; }

.gridster-item table.expanded-info.portfolio .small, .gridster-item table.expanded-info.portfolio .medium {
  width: auto; }

.gridster-item .table-return table thead th:last-child, .gridster-item .table-return table tbody td:last-child, .gridster-item .table-return table tbody tr:last-child {
  background: #f5f5f5; }

.gridster-item .table-return table tbody tr.total td:last-child {
  background: #dcdcdc; }

.gridster-item table th.subtitle.note, .gridster-item table td.note {
  text-align: left;
  background-color: #dbe1e6;
  padding: 3px 10px; }

.gridster-item .footer {
  background: #f5f5f5;
  border-top: 1px solid #d6d6d6;
  color: #6893b9;
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 10px;
  z-index: 0; }

.gridster-item .footer a {
  background: url("/assets/img/plus.png") no-repeat left;
  color: #6893b9;
  font-size: 0.9em;
  padding: 8px 6px 6px 30px; }

.add-widget, .add-button {
  background: #e2e2e2;
  border: 1px solid #b6b6b6;
  border-style: dashed;
  padding: 2.8em 0;
  text-align: center;
  position: relative;
  margin: 1em auto 2em; }

.add-widget a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 25px; }

.add-widget a .btn {
  background: url("/assets/img/operations-add.png") no-repeat left;
  font-size: 0.9rem;
  padding: 10px 20px 10px 45px; }

.remove-widget {
  background: url("/assets/img/removewidget.png") no-repeat;
  margin-top: 10px;
  right: 10px;
  padding: 5px;
  position: absolute; }

/* Import */
.import p {
  margin-bottom: 0; }

.upload {
  margin-top: 5%;
  min-height: 140px; }

.upload .choose-files, .upload .status {
  background-color: #f6f6f6;
  min-height: 140px; }

.upload .equalizer-wrapper {
  margin: 0;
  padding: 0; }

.upload .choose-files {
  padding: 0 0 20px 0; }

.upload .status {
  border-left: 1px solid #d1d1d1; }

.upload .choose-files p {
  font-size: 0.7rem; }

.upload .extensions-accepted p {
  font-size: 0.8rem; }

.upload .status p {
  font-size: 0.8rem;
  padding: 10px;
  text-align: left; }

.upload .status span {
  display: inline-block;
  font-size: 1rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.1rem;
  padding: 12px 0 10px 50px;
  text-align: center;
  margin: 7% auto; }

.upload .status span.status-default {
  padding: 0; }

.upload .status span.status-default p {
  padding: 0; }

.choose-files .button {
  margin: 40px auto 25px; }

.choose-files .button input[type="file"] {
  left: 0;
  top: 0;
  height: 32px; }

.upload .status.conflict-message {
  border-left: none; }

.status .error span {
  background: url("/assets/img/status-error.png") no-repeat 8px center;
  color: #c04345; }

.status .loading span {
  background: url("/assets/img/status-loading.gif") no-repeat 8px center;
  color: #626262; }

.status .success {
  color: #626262;
  margin: 0 auto;
  width: 80%; }

.status .success span {
  background: url("/assets/img/status-success.png") no-repeat center;
  display: block;
  float: left;
  padding: 32px; }

.status .success p {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.1rem;
  text-align: center;
  padding: 7% 0; }

.status .success a {
  margin: 12px 5px 0 5px; }

.status .conflict-action p {
  color: #6b6b6b;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 20px;
  text-align: center; }

.status .conflict-action a {
  margin: 10px 12px 0 0; }

.files {
  margin: 10px auto; }

.files table thead {
  background-color: #ebebeb; }

.files table thead tr th {
  background-color: #ebebeb;
  color: #8a8a8a;
  padding: 12px 10px;
  text-transform: uppercase; }

.files tr {
  background-color: #fafafa; }

.files tr:nth-child(even) {
  background-color: #ffffff; }

.files .file {
  width: 50%; }

.files .status {
  width: 25%; }

.conflict.files .status {
  font-weight: bold; }

.files td.file {
  border-right: 1px solid #d1d1d1;
  text-align: left;
  padding: 17px 15px; }

.files small.info {
  font-size: 0.8rem; }

.file-icon {
  float: left;
  display: block;
  width: 35px;
  height: 35px; }
  .file-icon .icon-file {
    font-size: 2rem;
    color: #bbb; }

p.name {
  color: #3d3d3d;
  font-size: 0.8rem;
  font-weight: bold; }

p.size {
  color: #929292;
  font-size: 0.7rem; }

.files td.status span {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto; }

.files .success {
  background: url("/assets/img/import-ok.png") no-repeat center; }

.files .error {
  background: url("/assets/img/import-error.png") no-repeat center; }

.files .loading {
  background: url("/assets/img/import-loading-animated.gif") no-repeat center; }

.files .error-message td {
  background-color: #eccfcf; }

.files .error-message p {
  color: #c04345;
  font-weight: bold;
  font-size: 0.7rem;
  text-align: left;
  padding: 0 0 0 6px; }

.files .error-message p.warning {
  color: #ae696a; }

.files .error-message a {
  color: #c04345; }

/* Accordion for Warnings */
.error-message .accordion .accordion-navigation > a, .accordion dd > a {
  background: none;
  padding-left: 0;
  font-size: 0.7rem;
  color: #ae696a; }

.error-message .accordion p {
  color: #ae696a; }

.error-message .accordion .accordion-navigation.active > a, .accordion dd.active > a, .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: none; }

.error-message .accordion-close, .error-message .accordion-open {
  padding: 10px 10px 8px 7px; }

/* Operations */
.add-transactions {
  text-align: center;
  padding: 12px 0 0; }

table th a {
  border-radius: 2px 2px 2px 2px;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: normal;
  padding: 2px 22px 6px;
  text-shadow: none; }
table th.add a {
  background: url("/assets/img/operacoes-btn-add.png") no-repeat center #4D7BA5; }
table th.delete a {
  background: url("/assets/img/operacoes-btn-delete.png") no-repeat center #df4141;
  text-indent: -9999px; }
table th.delete .disabled {
  background-color: #e5b5b5;
  pointer-events: none;
  cursor: default; }
table th.delete .tooltip {
  border-radius: 3px 3px 3px 3px;
  font-size: 0.75rem;
  right: 27px !important;
  left: auto !important;
  padding: 0.4rem 0.5rem;
  text-transform: none;
  text-shadow: none; }
  table th.delete .tooltip .nub {
    left: auto !important;
    right: 15px; }

table.text-left th.delete {
  padding: 0 2.6em; }

table td.delete a {
  display: block;
  height: 25px;
  position: relative; }
  table td.delete a:hover:after {
    color: #a5a4a4; }
  table td.delete a:after {
    transition: color 0.3s ease;
    content: "\7b";
    font: normal 1rem/1 "livecapital-app" !important;
    color: #d4d4d4;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.importNote {
  background: #95b3cf;
  color: #ffffff;
  padding: 11px 5px; }

.select.price {
  width: 65px; }

.info-event-transactions {
  display: inline-block;
  padding-right: 0.5rem;
  text-align: right; }
  .info-event-transactions p {
    color: #7e7e7e;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0; }

.info-transactions {
  display: inline-block;
  padding-right: 0.5rem;
  text-align: right; }
  .info-transactions p {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7e7e7e;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0; }

/* Transactions - Funds */
.funds-form input[type="radio"] {
  margin-bottom: 0; }
.funds-form label.inline-form {
  display: inline-block;
  padding-right: 0.4em;
  margin-bottom: 5px; }
.funds-form .fund-values-calculated {
  display: block;
  padding: 5px 0;
  font-size: 0.8rem;
  font-weight: 300;
  color: #ccc; }
.funds-form .angucomplete-holder .angucomplete-title {
  font-size: 14px;
  line-height: 18px; }
.funds-form .angucomplete-holder .angucomplete-description {
  font-size: 11px; }

/* Transactions - Securities */
.top-info {
  padding: 0.9em 0.9em 0.9em 0;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  min-height: 55px;
  border-bottom: 0;
  margin: 0; }
  .top-info input {
    margin: 0; }
  .top-info input[type="text"] {
    max-width: 100px; }
  .top-info label.inline {
    margin: 0 0 0.5em; }
  .top-info .lc-button {
    margin: 0 0.8rem 0 0 !important; }
  .top-info a.close {
    display: inline-block;
    position: relative;
    background: #df4141;
    width: 45px;
    height: 34px;
    float: right;
    border-radius: 2px 2px 2px 2px; }
    .top-info a.close:after {
      content: "\7b";
      font: normal 1rem/1 "livecapital-app" !important;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white; }
  .top-info .disabled {
    background-color: #e5b5b5 !important;
    pointer-events: none;
    cursor: default; }
  .top-info .tooltip {
    border-radius: 3px 3px 3px 3px;
    font-size: 0.75rem;
    right: 27px !important;
    left: auto !important;
    padding: 0.4rem 0.5rem;
    text-transform: none;
    text-shadow: none; }
    .top-info .tooltip .nub {
      left: auto !important;
      right: 15px; }

/* Operations - Fixed Income */
.rf-message {
  margin-bottom: 10px; }
  .rf-message p {
    font-size: 0.7rem; }

.userdata-message {
  position: relative;
  top: -10px; }
  .userdata-message p {
    font-size: 0.7rem; }

.examples-wrapper {
  background-color: #eee;
  padding: 15px; }
  .examples-wrapper ol {
    margin-top: 10px;
    margin-bottom: 0; }
    .examples-wrapper ol li {
      font-style: italic;
      font-size: 0.9em; }

.dynamic-form {
  background: #fcfcfc;
  border: 1px solid #dcdcdc;
  margin-bottom: 20px; }

.dynamic-form label {
  margin-bottom: 5px; }

.dynamic-form select {
  margin: 0; }

.dynamic-form a.close {
  display: inline-block;
  background: #df4141;
  width: 45px;
  height: 34px;
  float: right;
  border-radius: 2px 2px 2px 2px;
  position: relative; }
  .dynamic-form a.close:after {
    content: "\7b";
    font: normal 1rem/1 "livecapital-app" !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; }

.dynamic-form .header {
  background: #dbdbdb;
  padding: 1em 1em 4.2em 1em; }
  .dynamic-form .header .tooltip {
    border-radius: 3px 3px 3px 3px;
    font-size: 0.75rem;
    right: 27px !important;
    left: auto !important;
    padding: 0.4rem 0.5rem; }
    .dynamic-form .header .tooltip .nub {
      left: auto !important;
      right: 15px; }

.dynamic-form .header .data {
  float: left;
  padding: 0.4em 0; }

.dynamic-form .header .data div {
  margin-right: 10px; }

.dynamic-form .dynamic-content {
  padding: 20px 15px; }

.dynamic-input > .columns, .dynamic-input > .field-columns {
  padding: 0; }

.empty-state {
  margin: 0.5rem;
  color: #ccc;
  text-align: center; }
  .empty-state i {
    font-size: 2.5rem;
    color: #bbb; }
  .empty-state p {
    font-size: 0.8rem;
    margin: 0.5rem 0 0; }

.dynamic-input {
  padding-bottom: 1em; }

.header input[type="submit"] {
  margin: 0 1.5em 0em 0; }

.dynamic-input input[type="checkbox"] + label {
  margin-left: 0; }

.dynamic-input input[type="radio"] + label {
  margin-left: 0.3em;
  margin-right: 0.1em; }

.dynamic-input textarea {
  min-height: 120px; }

.dynamic-form .category {
  padding: 15px 0 0px 0; }

.dynamic-form .subtitle {
  width: 100%;
  background: #efefef;
  font-size: 0.8rem;
  font-weight: bold;
  margin: 8px 0;
  padding: 10px; }

.dynamic-form .taxes {
  padding: 25px 0 0 0; }

.dynamic-form .save {
  margin: 1.5em 0 0 0; }

.dynamic-form .dynamic-content.new {
  color: #b9b9b9;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.5rem;
  padding: 50px 20px; }

.dynamic-form.add {
  background: #f0f4f8;
  border: 1px solid #b6cde4;
  border-style: dashed;
  padding: 45px;
  text-align: center;
  position: relative;
  margin-top: 1.5em; }

.dynamic-form.add a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 31px; }

.dynamic-form.add.securities {
  margin-top: 1.5em; }

.dynamic-form a .btn {
  font-size: 0.9rem;
  padding: 0; }
  .dynamic-form a .btn i {
    font-size: 1.8rem;
    line-height: 0.5rem;
    vertical-align: text-bottom;
    margin-right: 5px; }

.action-wrap {
  margin: 1.5em 0;
  padding: 0.4em; }

.action-wrap.left {
  padding-left: 0; }

.action-wrap.right {
  padding-right: 0; }

.action {
  text-align: center;
  position: relative;
  display: block; }

.action.add {
  background: #f0f4f8;
  border: 1px solid #b6cde4;
  border-style: dashed;
  padding: 30px; }

.action.edit {
  background: #f0f4f8;
  border: 1px solid #b6cde4;
  border-style: dashed;
  padding: 13px 15px;
  margin: 0 0 0.4em 0; }

.action.medium {
  background: #f0f4f8;
  border: 1px solid #b6cde4;
  border-style: dashed;
  padding: 25px; }

.action.delete {
  background: #e3e3e3;
  border: 1px solid #cacaca;
  border-style: dashed;
  padding: 14px;
  margin: 0 0 0.4em 0;
  color: #808080; }

.action .btn {
  font-size: 1.1em;
  padding: 10px 20px; }
  .action .btn i {
    font-size: 1.8rem;
    vertical-align: text-bottom;
    line-height: 0.3rem;
    margin-right: 5px; }

.action .btn.edit {
  font-size: 1.1em;
  padding: 0; }
  .action .btn.edit i {
    font-size: 0.9rem;
    line-height: 0.6rem; }

.action .btn.delete {
  font-size: 1.1em;
  padding: 0; }
  .action .btn.delete i {
    font-size: 0.9rem;
    line-height: 0.6rem; }

.add-account .action-wrap {
  margin: 0 0 1.5em 0; }

.dynamic-input .row-title {
  background: transparent; }

.row-title p {
  border-bottom: 1px solid #898989;
  color: #898989;
  font-size: 1.1em;
  margin-bottom: 0;
  margin-top: 1em; }

p.info {
  border-bottom: none;
  color: #898989;
  font-size: 1.1em;
  font-style: italic;
  margin-top: 0;
  padding-left: 1.1em;
  padding-bottom: 0.5em; }

/* Operations - Dynamic Form Small */
.dynamic-form-small {
  background-color: #ffffff;
  position: relative; }

.dynamic-form-small .dynamic-content {
  background-color: #fbfbfb;
  border: 1px solid #ececec;
  margin: 0 auto;
  margin-bottom: 1em;
  padding: 1em 0.8em 0;
  width: 100%; }

.dynamic-form-small .dynamic-content .actions-wrap {
  position: relative;
  height: 12em; }

.dynamic-form-small .dynamic-content .actions {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.dynamic-form-small .dynamic-content .actions a.button {
  margin-bottom: 1em;
  padding: 0.7em 1.2em; }

.dynamic-form-small .dynamic-content input[type="checkbox"] {
  margin-top: 0.5em; }

/* Add button */
.add-button.add {
  background: #f2f2f2;
  border: 1px solid #b6b6b6;
  border-style: dashed;
  padding: 35px;
  text-align: center;
  position: relative;
  width: 98%;
  margin: 1em auto 0; }

.add-button.add:hover {
  background-color: #eeeeee; }

.add-button.add a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 21px; }

.add-button a .btn {
  font-size: 0.9rem;
  padding: 10px 20px; }
  .add-button a .btn i {
    font-size: 1.6rem;
    line-height: 0.6rem;
    vertical-align: text-bottom;
    margin-right: 5px; }

.icon-error, .icon-check {
  font-size: 1rem; }

/* Returns */
.gridster-item .inner-content.wrap-return {
  height: auto;
  overflow-y: auto; }

.wrap-return.basic {
  top: 20%; }

.wrap-return.table-return {
  top: 19%; }

.wrap-return.table-expanded {
  top: 1.7em; }

.widget-taxes .value {
  font-weight: bold; }

.table-expanded .widget-taxes {
  padding: 0 0.4em; }

.wrap-return.no-footer {
  margin: 0 0 30px 0; }

.wrap-return.has-footer {
  margin: 0 0 60px 0; }

tr.total.returns td:first-child, tr.total.returns td:last-child {
  text-align: center; }

.return {
  border-bottom: 1px solid #dcdcdc; }

.return p {
  padding: 5px 0; }

.return p.title {
  color: #a8a8a8;
  font-size: 0.75rem;
  margin: 0.8em 0;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold; }

.return p.value {
  font-size: 1.6em;
  font-weight: bold;
  text-align: right; }

.date-filter {
  background-color: #f5f5f5;
  color: #4f7ca3;
  font-size: 0.8em;
  padding: 0.4em 0.8em;
  position: absolute;
  left: 0;
  top: 0.5em;
  text-transform: uppercase; }

.widget-wrapper {
  height: 100%; }

.widget-icons-wrapper {
  display: inline-block; }

.widget-menu-inner {
  position: relative; }
  .widget-menu-inner:before {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    content: " ";
    border-top: solid 1px #eee; }

.widget-center {
  height: 100%;
  padding: 0;
  background-color: #fff;
  border-radius: 4px;
  overflow: auto;
  cursor: auto;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease; }
  .widget-center > .cancel-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 100;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-flow: column; }
    .widget-center > .cancel-list ul {
      margin: 10px 0 0; }
      .widget-center > .cancel-list ul li {
        line-height: 1.6; }
    .widget-center > .cancel-list .close {
      position: absolute;
      top: 10px;
      right: 10px; }
  .widget-center .header {
    padding: 0.3rem 0.9rem 0.3em 0;
    text-align: left;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    height: 33px; }
    .widget-center .header .title {
      font-weight: normal;
      font-size: 0.95rem;
      line-height: 1.65rem;
      margin: 0;
      color: #333;
      padding: 0 0 0 0.8rem;
      width: calc(100% - 55px);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      pointer-events: none; }
      .widget-center .header .title.large {
        width: calc(100% - 150px); }
      .widget-center .header .title .tooltip {
        font-size: 0.75rem;
        padding: 0.55rem 0.75rem;
        border-radius: 3px; }
      .widget-center .header .title .trial {
        width: 29px;
        min-width: 0;
        overflow: hidden;
        position: absolute;
        left: 14px;
        background-color: #efb452;
        display: none;
        cursor: text;
        padding: 0 0.3rem 0 0.4rem;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 0.85rem;
        color: #ffffff;
        font-weight: 500;
        letter-spacing: 0.02rem;
        margin-left: -0.8rem;
        margin-right: 0.3rem;
        pointer-events: all;
        transition: all 0.3s ease; }
        .widget-center .header .title .trial:hover {
          min-width: 280px; }
        .widget-center .header .title .trial i {
          font-size: 1.1rem;
          top: 3px;
          position: relative; }
    .widget-center .header .sublabel {
      color: #a9a9a9;
      font-weight: 200;
      font-size: 0.8rem;
      line-height: 0.6rem;
      pointer-events: none;
      padding: 0.4rem 0.5rem; }
      .widget-center .header .sublabel:before {
        content: "|";
        font-size: 1.1rem;
        font-weight: 100;
        color: #e9e9e9;
        margin-right: 0.7rem; }
  .widget-center .navigation {
    position: absolute;
    right: 5px;
    top: 9px;
    -webkit-user-select: none; }
    .widget-center .navigation ul {
      padding-top: 0;
      margin-left: 0; }
    .widget-center .navigation .navigation-item {
      padding: 0 5px;
      color: rgba(0, 0, 0, 0.35);
      font-size: 0.9rem;
      display: inline-block;
      margin-right: 3px; }
      .widget-center .navigation .navigation-item:hover, .widget-center .navigation .navigation-item.expanded {
        color: rgba(0, 0, 0, 0.7); }
    .widget-center .navigation .tooltip {
      font-size: 0.7rem;
      padding: 0.5rem;
      border-radius: 3px; }
    .widget-center .navigation .nav-icons .tooltip {
      left: -90px !important;
      width: 135px !important; }
      .widget-center .navigation .nav-icons .tooltip > .nub {
        left: 95px !important; }
    .widget-center .navigation .navigation-item-text {
      font-size: 0.75rem; }
      .widget-center .navigation .navigation-item-text.active {
        color: #4c4c4c;
        border-bottom: 1px solid #4c4c4c; }
    .widget-center .navigation .navigation-item-icon {
      line-height: 0.4rem;
      position: relative;
      width: 15px;
      height: 15px;
      vertical-align: top; }
      .widget-center .navigation .navigation-item-icon.active {
        color: #4c4c4c;
        border-bottom: 2px solid #4c4c4c;
        padding: 8px 0; }
      .widget-center .navigation .navigation-item-icon i {
        transition: all 0.2s;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 15.16px;
        height: 15px; }
      .widget-center .navigation .navigation-item-icon .icon-check, .widget-center .navigation .navigation-item-icon .icon-warning {
        transform: scale(0);
        opacity: 0; }
      .widget-center .navigation .navigation-item-icon .icon-check {
        color: #5a975a;
        top: -3px; }
      .widget-center .navigation .navigation-item-icon .icon-warning {
        color: #be5355;
        font-size: 1rem;
        top: -2px; }
      .widget-center .navigation .navigation-item-icon .icon-refresh {
        opacity: 1; }
    .widget-center .navigation .navigation-item-menu {
      font-size: 0.95rem;
      vertical-align: top;
      transform: rotate(0) translate(0, 0);
      transition: transform 0.4s cubic-bezier(0.1, 0.85, 0.4, 1.24); }
      .widget-center .navigation .navigation-item-menu.expanded {
        transform: rotate(450deg) translate(-3px, 1px); }
    .widget-center .navigation .navigation-dropdown {
      width: 160px !important;
      left: auto !important;
      top: 24px !important;
      right: 0;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 3px;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
      display: block !important;
      opacity: 0;
      pointer-events: none;
      transform: scale(0.2, 0);
      transition: transform 0.15s ease-out, opacity 0s linear 0.15s;
      transform-origin: 92% -5%; }
      .widget-center .navigation .navigation-dropdown:before {
        right: 8px !important; }
      .widget-center .navigation .navigation-dropdown:after {
        right: 7px !important;
        border-bottom-color: #ddd; }
      .widget-center .navigation .navigation-dropdown.f-open-dropdown {
        opacity: 1;
        pointer-events: all;
        transition: transform 0.4s cubic-bezier(0.1, 0.85, 0.4, 1.24);
        transform: scale(1, 1); }
    .widget-center .navigation .navigation-dropdown-item {
      font-size: 0;
      padding: 0; }
      .widget-center .navigation .navigation-dropdown-item:hover {
        background-color: #fff; }
      .widget-center .navigation .navigation-dropdown-item .icon-check {
        font-size: 0.7rem;
        vertical-align: middle;
        margin-left: 4px; }
      .widget-center .navigation .navigation-dropdown-item a {
        border-bottom: 0;
        font-size: 0.75rem;
        font-weight: normal;
        color: #666;
        position: relative; }
      .widget-center .navigation .navigation-dropdown-item + .navigation-dropdown-item a:before {
        position: absolute;
        top: 0;
        left: 10px;
        right: 10px;
        content: " ";
        border-top: solid 1px #eee; }
      .widget-center .navigation .navigation-dropdown-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .widget-center .navigation .navigation-dropdown-item:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
  .widget-center .main {
    position: relative;
    height: calc(100% - 33px);
    overflow: auto;
    font-weight: normal; }
    .widget-center .main div:only-child {
      /* had to use div because only-child pseudo selector only accepts tag name */
      -webkit-animation-name: none;
      -moz-animation-name: none;
      -ms-animation-name: none;
      -o-animation-name: none;
      animation-name: none;
      overflow: visible; }
    .widget-center .main iframe {
      width: 100%;
      height: calc(100% - 12px); }
    .widget-center .main table {
      position: absolute;
      height: 100%;
      top: 0;
      border: 0;
      width: 100%; }
      .widget-center .main table td, .widget-center .main table th {
        font-size: 0.7rem;
        padding: 0.2rem;
        border: 0; }
      .widget-center .main table th.subtitle {
        font-weight: bold;
        background-color: #e6ebef;
        text-align: center; }
      .widget-center .main table tr.total td {
        background-color: #c2cdd6; }
      .widget-center .main table tr.total.total-final {
        border-top: solid 3px #ffffff; }
        .widget-center .main table tr.total.total-final td {
          font-weight: bold;
          font-size: 0.8rem; }
      .widget-center .main table .category-header {
        border-top: solid 3px #fff; }
      .widget-center .main table tbody {
        border-top: solid 1px #fff; }
        .widget-center .main table tbody tr {
          border: 0; }
          .widget-center .main table tbody tr:nth-child(odd) {
            background-color: #f8f8f8; }
      .widget-center .main table thead tr, .widget-center .main table thead tr td, .widget-center .main table thead tr th, .widget-center .main table tbody tr, .widget-center .main table tbody tr td, .widget-center .main table tbody tr th, .widget-center .main table tfoot tr, .widget-center .main table tfoot tr td, .widget-center .main table tfoot tr th {
        padding: 0 0.2rem !important; }
      .widget-center .main table .fixed-row {
        height: 30px; }
      .widget-center .main table .bottom-info td {
        background: #c2cdd6; }
  .widget-center .widget-position-comparation-row .operation-type, .widget-center .widget-operation-row .operation-type, .widget-center .portfolio tr .operation-type {
    padding: 0.2rem 0 !important; }
    .widget-center .widget-position-comparation-row .operation-type span, .widget-center .widget-operation-row .operation-type span, .widget-center .portfolio tr .operation-type span {
      font-size: 0.6rem;
      font-weight: 100;
      border-radius: 8px;
      padding: 0.23rem 0.4rem;
      cursor: pointer; }
    .widget-center .widget-position-comparation-row .operation-type .spot, .widget-center .widget-operation-row .operation-type .spot, .widget-center .portfolio tr .operation-type .spot {
      background-color: #d9eef5; }
    .widget-center .widget-position-comparation-row .operation-type .option, .widget-center .widget-operation-row .operation-type .option, .widget-center .portfolio tr .operation-type .option {
      background-color: #cee4e5; }
    .widget-center .widget-position-comparation-row .operation-type .fund, .widget-center .widget-operation-row .operation-type .fund, .widget-center .portfolio tr .operation-type .fund {
      background-color: #daf0de; }
    .widget-center .widget-position-comparation-row .operation-type .event, .widget-center .widget-operation-row .operation-type .event, .widget-center .portfolio tr .operation-type .event {
      background-color: #efefef; }
    .widget-center .widget-position-comparation-row .operation-type .fixed-income-application, .widget-center .widget-operation-row .operation-type .fixed-income-application, .widget-center .portfolio tr .operation-type .fixed-income-application {
      background-color: #d4ddfb; }
    .widget-center .widget-position-comparation-row .operation-type .fixed-income-withdrawal, .widget-center .widget-operation-row .operation-type .fixed-income-withdrawal, .widget-center .portfolio tr .operation-type .fixed-income-withdrawal {
      background-color: #a6e3da; }
    .widget-center .widget-position-comparation-row .operation-type .otc, .widget-center .widget-operation-row .operation-type .otc, .widget-center .portfolio tr .operation-type .otc {
      background-color: #eae4c5; }
    .widget-center .widget-position-comparation-row .operation-type .entry, .widget-center .widget-operation-row .operation-type .entry, .widget-center .portfolio tr .operation-type .entry {
      background-color: #dedede; }
    .widget-center .widget-position-comparation-row .operation-type .generic, .widget-center .widget-operation-row .operation-type .generic, .widget-center .portfolio tr .operation-type .generic {
      background-color: #f0d9c1; }
    .widget-center .widget-position-comparation-row .operation-type .debt, .widget-center .widget-operation-row .operation-type .debt, .widget-center .portfolio tr .operation-type .debt {
      background-color: #ffc08a; }
    .widget-center .widget-position-comparation-row .operation-type .amortization, .widget-center .widget-operation-row .operation-type .amortization, .widget-center .portfolio tr .operation-type .amortization {
      background-color: #ffc08a; }
    .widget-center .widget-position-comparation-row .operation-type .vehicle-purchase, .widget-center .widget-operation-row .operation-type .vehicle-purchase, .widget-center .portfolio tr .operation-type .vehicle-purchase {
      background-color: #a4b7d5; }
    .widget-center .widget-position-comparation-row .operation-type .vehicle-sell, .widget-center .widget-operation-row .operation-type .vehicle-sell, .widget-center .portfolio tr .operation-type .vehicle-sell {
      background-color: #669ff9; }
    .widget-center .widget-position-comparation-row .operation-type .vehicle-event, .widget-center .widget-operation-row .operation-type .vehicle-event, .widget-center .portfolio tr .operation-type .vehicle-event {
      background-color: #b9cef1; }
    .widget-center .widget-position-comparation-row .operation-type .property-buy, .widget-center .widget-operation-row .operation-type .property-buy, .widget-center .portfolio tr .operation-type .property-buy {
      background-color: #e5c843; }
    .widget-center .widget-position-comparation-row .operation-type .property-sell, .widget-center .widget-operation-row .operation-type .property-sell, .widget-center .portfolio tr .operation-type .property-sell {
      background-color: #cabb75; }
    .widget-center .widget-position-comparation-row .operation-type .property-event, .widget-center .widget-operation-row .operation-type .property-event, .widget-center .portfolio tr .operation-type .property-event {
      background-color: #f4c978; }
    .widget-center .widget-position-comparation-row .operation-type .cryptocurrencies, .widget-center .widget-operation-row .operation-type .cryptocurrencies, .widget-center .portfolio tr .operation-type .cryptocurrencies {
      background-color: #cfdbfd; }
    .widget-center .widget-position-comparation-row .operation-type .credit-card, .widget-center .widget-operation-row .operation-type .credit-card, .widget-center .portfolio tr .operation-type .credit-card {
      background-color: #e3d8f7; }
    .widget-center .widget-position-comparation-row .operation-type .balance-adjustment, .widget-center .widget-operation-row .operation-type .balance-adjustment, .widget-center .portfolio tr .operation-type .balance-adjustment {
      background-color: #f5b4b4; }
    .widget-center .widget-position-comparation-row .operation-type .right-entry, .widget-center .widget-operation-row .operation-type .right-entry, .widget-center .portfolio tr .operation-type .right-entry {
      background-color: #b5f0d9; }
    .widget-center .widget-position-comparation-row .operation-type .duty-entry, .widget-center .widget-operation-row .operation-type .duty-entry, .widget-center .portfolio tr .operation-type .duty-entry {
      background-color: #ebb4aa; }
  .widget-center .widget-operation-row:hover {
    cursor: pointer; }
    .widget-center .widget-operation-row:hover .widget-operation-desc {
      text-decoration: underline;
      color: #4D7BA5; }
  .widget-center .widget-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -ms-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.18s;
    -moz-animation-duration: 0.18s;
    -ms-animation-duration: 0.18s;
    -o-animation-duration: 0.18s;
    animation-duration: 0.18s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: visible !important;
    overflow: hidden;
    pointer-events: none; }
  .widget-center.is-size-small .widget-content-small {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.18s;
    -moz-animation-duration: 0.18s;
    -ms-animation-duration: 0.18s;
    -o-animation-duration: 0.18s;
    animation-duration: 0.18s;
    -webkit-animation-delay: 0.06s;
    -moz-animation-delay: 0.06s;
    -ms-animation-delay: 0.06s;
    -o-animation-delay: 0.06s;
    animation-delay: 0.06s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    pointer-events: all; }
  .widget-center.is-size-medium .widget-content-medium {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.18s;
    -moz-animation-duration: 0.18s;
    -ms-animation-duration: 0.18s;
    -o-animation-duration: 0.18s;
    animation-duration: 0.18s;
    -webkit-animation-delay: 0.06s;
    -moz-animation-delay: 0.06s;
    -ms-animation-delay: 0.06s;
    -o-animation-delay: 0.06s;
    animation-delay: 0.06s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    pointer-events: all; }
  .widget-center.is-size-large .widget-content-large {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.18s;
    -moz-animation-duration: 0.18s;
    -ms-animation-duration: 0.18s;
    -o-animation-duration: 0.18s;
    animation-duration: 0.18s;
    -webkit-animation-delay: 0.06s;
    -moz-animation-delay: 0.06s;
    -ms-animation-delay: 0.06s;
    -o-animation-delay: 0.06s;
    animation-delay: 0.06s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    pointer-events: all; }
  .widget-center.is-size-xlarge .widget-content-xlarge {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.18s;
    -moz-animation-duration: 0.18s;
    -ms-animation-duration: 0.18s;
    -o-animation-duration: 0.18s;
    animation-duration: 0.18s;
    -webkit-animation-delay: 0.06s;
    -moz-animation-delay: 0.06s;
    -ms-animation-delay: 0.06s;
    -o-animation-delay: 0.06s;
    animation-delay: 0.06s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    pointer-events: all; }
  .widget-center .loading-icon, .widget-center .loading-livecapital {
    display: none; }
  .widget-center.widget-simulation .widget-content {
    pointer-events: all !important; }
  .widget-center.widget-simulation .widget-error i {
    font-size: 10rem !important;
    margin: 0 0 10px;
    display: block; }
  .widget-center.widget-simulation th:first-child, .widget-center.widget-simulation td:first-child {
    padding-left: 0.8rem !important; }
  .widget-center.widget-simulation [class^="icon"]:not(.icon-menu-pointed) {
    color: #bebebe;
    font-size: 0.9rem;
    margin-right: 18px; }
  .widget-center.widget-operations .widget-content {
    pointer-events: all !important; }
  .widget-center.widget-safra_positions .widget-content {
    pointer-events: all; }
  .widget-center.widget-capital_gain .widget-content-medium {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto; }
    .widget-center.widget-capital_gain .widget-content-medium .return {
      padding: 0 10px;
      border-bottom: 0; }
      .widget-center.widget-capital_gain .widget-content-medium .return + .return {
        border-top: solid 1px #dcdcdc; }
      .widget-center.widget-capital_gain .widget-content-medium .return .label {
        background: none;
        display: block;
        margin: 0;
        padding: 14px 0;
        color: #a8a8a8;
        font-size: 0.75rem;
        text-transform: uppercase;
        text-align: left;
        font-weight: bold; }
      .widget-center.widget-capital_gain .widget-content-medium .return .value {
        display: block;
        font-size: 1.4rem;
        font-weight: 300;
        text-align: right;
        padding: 12px 0; }
  .widget-center .trial-fence-wrapper {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px 4px 4px 4px;
    width: 99.9%;
    height: calc(100% - 34px);
    position: absolute;
    z-index: 2;
    display: none; }
    .widget-center .trial-fence-wrapper .second-trial-required {
      display: none;
      background-color: #8db493; }
      .widget-center .trial-fence-wrapper .second-trial-required .button {
        color: #8db493; }
    .widget-center .trial-fence-wrapper .trial-required {
      display: none;
      background-color: #8da2b4; }
      .widget-center .trial-fence-wrapper .trial-required .button {
        color: #8da2b4; }
    .widget-center .trial-fence-wrapper .trial-expired {
      display: none;
      background-color: #efb452; }
      .widget-center .trial-fence-wrapper .trial-expired .button {
        color: #efb452; }
    .widget-center .trial-fence-wrapper .trial-fence-inner {
      width: 99.8%;
      color: #ffffff;
      padding: 1.5rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .widget-center .trial-fence-wrapper .trial-fence-inner h2 {
        color: #ffffff;
        font-size: 1rem;
        font-weight: 500;
        text-align: center; }
      .widget-center .trial-fence-wrapper .trial-fence-inner .message {
        font-size: 0.85rem;
        font-weight: 200;
        letter-spacing: 0.01rem;
        margin-bottom: 1.1rem; }
      .widget-center .trial-fence-wrapper .trial-fence-inner .button {
        background-color: #ffffff;
        border: 0;
        border-radius: 4px 4px 4px 4px;
        margin-bottom: 0.4rem; }
      .widget-center .trial-fence-wrapper .trial-fence-inner .delete-widget {
        color: #ffffff;
        font-size: 0.75rem;
        text-align: center;
        font-weight: 200; }
        .widget-center .trial-fence-wrapper .trial-fence-inner .delete-widget a {
          color: #ffffff;
          font-weight: 200;
          text-decoration: underline; }
  .widget-center .widget-positions table th a {
    color: #4D7BA5;
    font-size: 0.75rem;
    font-weight: 800; }
  .widget-center .widget-positions .positions-second-header th {
    background-color: #c2cdd6; }
  .widget-center.widget-capital_gain .widget-content-small, .widget-center.widget-calc-log .widget-content-small, .widget-center.widget-taxes .widget-content-small {
    bottom: auto;
    top: 50%;
    transform: translateY(-70%); }
    .widget-center.widget-capital_gain .widget-content-small span, .widget-center.widget-calc-log .widget-content-small span, .widget-center.widget-taxes .widget-content-small span {
      font-size: 2.4rem;
      font-weight: 300; }
    .widget-center.widget-capital_gain .widget-content-small .subtitle, .widget-center.widget-calc-log .widget-content-small .subtitle, .widget-center.widget-taxes .widget-content-small .subtitle {
      margin-bottom: 1rem; }
  .widget-center.widget-accumulated_variation_portfolio_chart .header .title, .widget-center.widget-indexes_variation_portfolio_chart .header .title {
    width: calc(100% - 155px); }
  .widget-center.is-trial {
    border: solid 1px #efb452; }
    .widget-center.is-trial .title .trial {
      display: inline; }
    .widget-center.is-trial .header .title {
      padding: 0 0 0 2.3rem; }
  .widget-center.has-initial-trial .trial-fence-wrapper {
    display: block; }
    .widget-center.has-initial-trial .trial-fence-wrapper .second-trial-required {
      display: block; }
  .widget-center.must-pay .trial-fence-wrapper {
    display: block; }
    .widget-center.must-pay .trial-fence-wrapper .trial-expired {
      display: block; }
  .widget-center.must-try .trial-fence-wrapper {
    display: block; }
    .widget-center.must-try .trial-fence-wrapper .trial-required {
      display: block; }
  .widget-center.is-loading .loading-icon {
    display: block;
    position: absolute;
    right: 50%;
    top: calc(50% - 54px);
    margin-right: -18px;
    margin-top: 40px; }
  .widget-center.is-loading .loading-livecapital {
    display: block; }
  .widget-center.is-loading .main {
    display: none; }
  .widget-center.has-error .widget-error.responsive, .widget-center.has-error .widget-error.no-responsive {
    display: block; }
  .widget-center.has-error .loading-icon, .widget-center.has-error .loading-livecapital {
    display: none; }
  .widget-center.has-error .main {
    display: none; }
  .widget-center.is-refreshing .main {
    opacity: 0.3;
    cursor: progress;
    transition: opacity 0.3s ease;
    overflow: hidden; }
  .widget-center.is-refreshing .navigation-item-icon {
    color: rgba(0, 0, 0, 0.7); }
    .widget-center.is-refreshing .navigation-item-icon .icon-refresh {
      animation: double-spin 1.2s cubic-bezier(0.65, 0.16, 0.29, 0.85) infinite; }
    .widget-center.is-refreshing .navigation-item-icon.is-success .icon-refresh {
      animation: none;
      transform: scale(0); }
    .widget-center.is-refreshing .navigation-item-icon.is-success .icon-check {
      transform: scale(1);
      opacity: 1; }
    .widget-center.is-refreshing .navigation-item-icon.is-error {
      animation: none; }
      .widget-center.is-refreshing .navigation-item-icon.is-error .icon-refresh {
        animation: none;
        transform: scale(0); }
      .widget-center.is-refreshing .navigation-item-icon.is-error .icon-warning {
        transform: scale(1);
        opacity: 1; }
  .widget-center.widget-simulation .new-simulation, .widget-center.widget-financial_goals .new-simulation {
    width: auto;
    line-height: 0.9rem;
    background: #e5e5e5;
    border-radius: 10px;
    font-size: 0.8rem;
    color: #2f6faf;
    font-weight: normal;
    height: auto;
    padding: 5px 8px 3px;
    top: -4px;
    transition: all 0.3s ease; }
    .widget-center.widget-simulation .new-simulation i, .widget-center.widget-financial_goals .new-simulation i {
      position: relative;
      margin: 0;
      float: left;
      color: #2f6faf !important;
      font-size: 0.8rem !important;
      top: 1px;
      left: -3px; }

.widget.gridster-item-moving .widget-center {
  box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2); }
.widget.gridster-item-moving .header {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }
.widget .handle-se {
  right: 2px;
  bottom: 2px; }
.widget .handle-n {
  top: 0; }
.widget .handle-e {
  right: -1px;
  width: 4px; }
.widget .handle-w {
  left: 0; }
.widget .handle-s {
  bottom: 0; }

.widget .widget-error.responsive i, .widget .widget-error.responsive p, .widget .widget-error.responsive ul {
  display: none; }

.widget-error {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999999;
  width: 100%;
  padding: 0 1em; }
  .widget-error p, .widget-error ul, .widget-error a {
    font-size: 0.9em; }
  .widget-error b {
    display: inline-block;
    margin: 18px 0 0; }
    .widget-error b.support {
      font-size: 0.6rem;
      display: block; }
  .widget-error p {
    margin: 10px 0 4px; }
  .widget-error ul {
    margin: 0;
    display: inline-block;
    text-align: left;
    line-height: 1.6; }
  .widget-error a {
    text-decoration: underline; }
  .widget-error [class^="icon"] {
    color: #cecece !important;
    font-size: 4em; }
  .widget-error .button.create-institution, .widget-error .button.light-blue {
    color: #2f6faf;
    text-decoration: none;
    font-weight: bold;
    background: #f1f6fa;
    border: none;
    margin: 2em 0 0; }
    .widget-error .button.create-institution:hover, .widget-error .button.light-blue:hover {
      background: #e8f1f9; }
  .widget-error.no-data {
    background: black; }
  .widget-error.no-institution {
    background: red; }
  .widget-error.no-portfolio {
    background: yellow; }

/* Dynamic Table */
.dynamic_table table {
  border: 1px solid #f5f5f5; }

.dynamic_table thead th {
  background-color: #cbd2d8; }

.dynamic_table thead th, .dynamic_table tbody td {
  border: 1px solid #eeeeee; }

.dynamic_table td:nth-child(2) {
  background-color: #f5f5f5; }

.dynamic_table.extra-header thead th:first-child {
  border-bottom: 1px solid #cbd2d8; }

.dynamic_table.extra-header tbody td:first-child {
  border-top: 1px solid #cbd2d8; }

.dataTables_scroll {
  margin: 2em 0; }

.column-header {
  background-color: #cbd2d8;
  font-weight: bold;
  text-shadow: 1px 1px 0 #ffffff;
  border-top: 1px solid #cbd2d8; }

/* Small */
.wrap-widget {
  position: relative; }

.widget-size-small, .widget-size-medium, .widget-size-large {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.widget-size-medium {
  width: 90%;
  margin: 0 auto; }

.widget-size-small p.subtitle {
  color: #a8a8a8;
  font-size: 0.5em;
  text-align: center;
  text-transform: uppercase; }

.widget-size-small p.value {
  font-size: 2em;
  text-align: center;
  font-weight: bold; }

/* Widget Reports */
.widget-reports .title {
  padding: 0em 0.3em;
  font-weight: bold; }

.widget-reports .title-reports {
  padding: 0.5em;
  font-weight: bold;
  text-align: center; }

.widget-reports a {
  border-radius: 3px 3px 3px 3px;
  font-size: 0.8em;
  line-height: 1.5em;
  padding: 0.8em 1.5em;
  text-transform: uppercase; }

.widget-reports td.asset a {
  font-size: 1em; }

.widget-reports a.widget-portfolio-refresh {
  position: absolute;
  text-transform: none;
  right: 3em;
  padding: 0 0 0.15em 2em;
  z-index: 9;
  top: 0.28em; }

.gridster-item .footer.footer-reports {
  padding: 15px 10px; }

.gridster-item .footer.footer-reports a {
  background: rgba(0, 0, 0, 0) url("/assets/img/ico-config.png") no-repeat scroll right center;
  padding: 8px 28px 6px 5px;
  color: #888888;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: normal; }

.table-expanded .default, .report .default {
  color: #afafaf; }

/* Portfolios */
table tr.empty {
  height: 30px; }

table tr.title td {
  background: #e5e5e5;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 4px 10px; }

table tr.title a {
  background: url("/assets/img/arrow-link.png") no-repeat 10px 1px;
  padding: 0 15px; }

table tr td.bigtitle {
  color: #336699;
  font-weight: bold;
  font-size: 1.1rem; }

table tr.tipo td {
  padding: 0; }

table tr.tipo h5 {
  color: #aaaaaa;
  font-size: 0.5rem;
  margin: 0.4em 0 0 0;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  z-index: 1; }

table tr.tipo h5:before {
  border-top: 1px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 98%;
  z-index: -1; }

table tr.tipo h5 span {
  background: #ffffff;
  padding: 0 15px; }

table.big.portfolio {
  position: relative; }

table.big.portfolio tr td {
  border-top: none; }

.back {
  margin: 8px 0; }

.back a {
  background: url("/assets/img/arrow-link-02.png") no-repeat left 0px;
  color: #4D7BA5;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 25px; }

.side-links li a {
  font-size: 0.7rem;
  text-decoration: underline; }

.side-links li a.delete {
  color: #6b6b6b;
  font-size: 0.7rem;
  text-decoration: none; }

.side-links label.inline, .wrap-header-actions .side-links select {
  margin: 0; }

.export {
  background: url("/assets/img/ico-portfolio-export.png") no-repeat top left;
  padding: 0 0 4px 20px; }

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

.switch-portfolio {
  float: left;
  margin: 0;
  border: 1px solid #bdbdbd;
  border-radius: 3px 3px 3px 3px; }

.side-links .switch-portfolio li {
  background-color: #ffffff;
  padding: 0.3em 0.9em; }

.side-links .switch-portfolio li a {
  color: #888888;
  font-weight: normal;
  text-decoration: none; }

.side-links .switch-portfolio li.active {
  background-color: #356796;
  box-shadow: 1px 1px 6px #053057 inset; }

.side-links .switch-portfolio li.active a {
  color: #ffffff;
  font-weight: bold; }

.side-links .switch-portfolio li:first-child {
  border-right: 1px solid #bdbdbd; }

/* Position Conciliation */
.main-info .asset {
  color: #4d7ba5;
  font-weight: bold;
  text-align: right; }
  .main-info .asset .tooltip {
    text-align: left; }
  .main-info .asset .ico {
    margin-right: 3px; }

.reconciliation.navigation-item .tooltip {
  text-align: left; }

/* Reports */
.reports-filters label, .reports-filters input[type="text"], .reports-filters select {
  margin: 0; }

.reports-filters div {
  min-height: 40px; }

.report-loading {
  margin-top: 40px; }
  .report-loading img {
    width: 40px;
    height: 40px; }

/* Fixed thead */
.floatThead-wrapper {
  height: 100%;
  position: absolute; }

.floatThead-container {
  top: 0 !important;
  z-index: 999 !important; }

/* Sheet */
.sheet .columns, .sheet .field-columns {
  padding: 1px 5px 0 5px; }

.sheet-1 div, .sheet-2 div, .sheet-3 div {
  background: #ffffff;
  border-radius: 2px 2px 2px 2px;
  margin: 3px 0;
  padding: 10px; }

/* Reports */
.report table tr.even, table tr.alt, .report table tr:nth-of-type(even) {
  background: transparent; }

.calc-log table {
  table-layout: fixed; }

.calc-log th:first-child, .calc-log td:first-child {
  text-align: center;
  width: 3%; }

.calc-log th:nth-child(2), .calc-log td:nth-child(2) {
  width: 20%; }

.taxes th:first-child, .taxes td:first-child {
  text-align: center;
  width: 300px; }

.taxes .neutral, .taxes .positive, .taxes .negative, .taxes .default, .calc-log .neutral, .calc-log .positive, .calc-log .negative, .calc-log .default {
  font-weight: bold; }

.report.horizontal-table table thead tr.month-list {
  background-color: #d3dbe1; }

.report.horizontal-table table thead tr.month-list th {
  color: #7d7d7d;
  text-shadow: none; }

.report.horizontal-table table thead tr.month-list th:first-child {
  background-color: #e5eaee; }

.report.horizontal-table table thead tr.second-header th, .report.horizontal-table table tbody tr.second-header th {
  background-color: #f4f4f4;
  color: #adadad;
  text-align: center; }

.taxes.report.horizontal-table table thead tr.second-header th, .taxes.report.horizontal-table table tbody tr.second-header th {
  padding: 0.3em 0.8em; }

.widget-taxes.report.horizontal-table th {
  padding: 0.5em; }

.report.horizontal-table table {
  width: 100%; }

.report.horizontal-table th {
  border: 1px solid #cccccc;
  color: #7d7d7d; }

.report th:first-child {
  border-right: 1px solid #cccccc; }

.report td {
  border: 1px solid #cccccc; }

.report .no-data td {
  width: auto;
  text-align: center; }

.report tr.no-data th:first-child {
  width: 0.6%; }

.report table {
  margin: 1em 0;
  width: auto;
  min-width: 100%; }
  .report table:last-child {
    margin-bottom: 5em; }

.report table thead {
  background-color: #e5eaee; }

.report.statement th.description, .report.statement td.description {
  width: 30%; }

.no-width {
  width: auto; }

.activities-log-link {
  color: #fff;
  text-decoration: underline; }
  .activities-log-link:hover {
    color: #fff; }

.activities-log table tbody tr:nth-child(even) {
  background-color: #f0f0f0; }
.activities-log table tbody .status-cell {
  padding: 0.4em 1em 0.4em 1.4em; }

/* Context */
.context span {
  background-color: #c5d3dc;
  display: block;
  padding: 12px 5px 12px 12px;
  width: 100%;
  font-weight: bold; }

/* Configurations */
.institution {
  padding-top: 1em;
  border-bottom: 1px solid #e9e9e9; }

.institution > p {
  font-size: 1.2em;
  margin-bottom: 0.4em; }

.institution h3 {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 0.5em 0; }

.config.institution {
  border-bottom: none; }

.config h5 {
  color: #4b4b4b;
  font-weight: bold;
  font-size: 1rem;
  border-bottom: 1px solid #e3e3e3;
  padding: 0.3em 0 0.4rem 0;
  margin-bottom: 0.8rem; }
.config.institution input[type="checkbox"] {
  height: auto; }
.config.institution input[type="text"], .config.institution input[type="password"] {
  font-weight: normal;
  margin: 0 0 1rem 0;
  box-shadow: none; }
.config.institution label {
  margin: 0.5rem 0 0.2rem 0; }
.config .email-notifications {
  margin: 0 0 1rem 0; }
  .config .email-notifications label {
    font-weight: normal;
    font-size: 0.8rem;
    margin-top: 0.3rem; }

.institution label {
  font-size: 1em;
  font-weight: bold;
  margin: 1em 0 0.2em 0; }

.institution label:first-child {
  margin: 0 0 0.2em 0; }

.institution.account {
  margin-top: 1em;
  border-bottom: none; }

.institution input, .institution select {
  height: 2.3em; }

.institution.account input[type="text"] {
  height: 2.3em; }

.institution.account table {
  border: 0; }

.institution.account th {
  padding: 0.6em 0.9em;
  text-align: center; }

.institution.account select {
  width: 100%; }

.empty-entries {
  padding-top: 60px;
  color: #999; }
  .empty-entries i {
    font-size: 3rem;
    color: #c7c7c7;
    margin-bottom: 30px;
    display: block; }
  .empty-entries p {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 10px; }
  .empty-entries span {
    font-size: 0.9rem; }

#institutions-current {
  background-color: #fff;
  background-position: 100% center;
  background-repeat: no-repeat;
  background-image: url(/assets/img/ico-select.png);
  border: 1px solid #ccc;
  color: #333;
  font-size: 0.9em;
  padding: 6px 23px 0 8px;
  width: 100%;
  height: 2.5em;
  text-align: left;
  text-transform: uppercase;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  #institutions-current:after {
    display: none; }

#inputInstitutions {
  padding: 0;
  width: 110%;
  overflow-y: scroll;
  max-height: 60vh;
  box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.3); }
  #inputInstitutions:after {
    display: none; }
  #inputInstitutions:before {
    display: none; }
  #inputInstitutions li {
    padding: 5px 24px 5px 12px;
    color: #666;
    font-size: 0.8rem;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden; }
    #inputInstitutions li.is-selected {
      background-color: #4D7BA5;
      color: #fff; }
      #inputInstitutions li.is-selected:after {
        font-family: "livecapital-app";
        content: "\62";
        display: block;
        position: absolute;
        width: 12px;
        height: 8px;
        right: 8px;
        top: 6px;
        font-size: 0.7rem; }
      #inputInstitutions li.is-selected:hover {
        background-color: #4D7BA5; }
    #inputInstitutions li.is-blocked {
      cursor: not-allowed;
      color: #bbb; }
  #inputInstitutions .institution-user {
    font-weight: bold;
    color: #3a3a3a;
    background-color: #eaeaea; }
    #inputInstitutions .institution-user:hover {
      background-color: #eaeaea; }
  #inputInstitutions .institution-institution {
    background-color: #f7f7f7; }
    #inputInstitutions .institution-institution:hover {
      background-color: #f7f7f7; }
  #inputInstitutions .institution-trading_account {
    padding-left: 24px; }
    #inputInstitutions .institution-trading_account:hover {
      background-color: #fff; }
    #inputInstitutions .institution-trading_account + .institution-trading_account {
      border-top: solid 1px #eaeaea; }

.institution.account select:disabled {
  opacity: 0.5; }

.institution.account input[type="text"] {
  margin: 0; }

.institution input[type="text"] {
  margin: 0 0 0.2rem; }

.config.save {
  padding-top: 0.5rem; }

.account.read {
  background-color: #f5f5f5;
  min-height: 2.6em;
  padding: 0.8em 0.6em; }

.institution.info {
  background-color: #f5f5f5;
  padding: 1.4em;
  margin-bottom: 2em; }

.institution.info p {
  font-size: 1.1em; }

.user-data .user-data-section {
  margin-top: 0.8rem; }
.user-data form div {
  padding-top: 0; }
  .user-data form div label {
    margin: 0; }
  .user-data form div input {
    height: 1.8rem;
    margin: 0.1rem 0 0.2rem 0; }
  .user-data form div input[type="submit"] {
    line-height: 0.8rem;
    margin: 0.5rem 0; }

.remove-account h2 {
  margin: 0 !important; }
.remove-account .submit {
  margin-top: 35px; }
.remove-account .group {
  padding: 0; }
.remove-account form div {
  padding-top: 0; }
  .remove-account form div .reasons {
    padding: 0; }
    .remove-account form div .reasons label {
      padding-top: 0.4rem; }
  .remove-account form div label {
    margin: 0;
    line-height: 20px;
    font-weight: normal; }
  .remove-account form div input[type="text"] {
    height: inherit;
    margin: 0.1rem 0.2rem 0.2rem 0;
    padding: 9px; }
  .remove-account form div input[type="checkbox"] {
    height: inherit;
    margin: 0;
    margin-right: 0.5rem;
    float: left; }
  .remove-account form div textarea {
    min-height: 150px; }

.configurations .normal {
  font-weight: normal; }
.configurations h1 {
  color: #686868;
  background-color: #f4f4f4;
  border-bottom: solid 1px #d4d4d4;
  font-size: 1.15rem;
  padding: 0.8rem 1.2rem;
  margin: 0; }
.configurations h2 {
  color: #4b4b4b;
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 40px; }
.configurations h3 {
  color: #666666;
  font-size: 0.95rem; }
.configurations p {
  font-size: 0.85rem;
  line-height: 1.3; }
.configurations hr {
  border-color: #e3e3e3;
  margin: 0.6rem 0 1rem; }
.configurations .header-page {
  padding: 0; }
.configurations .white-label-img {
  margin: 20px 0;
  text-align: center; }
  .configurations .white-label-img img {
    width: 308px;
    height: 60px; }
.configurations .institution-configuration {
  padding-bottom: 40px; }
  .configurations .institution-configuration h2:first-child {
    margin-top: 0; }
  .configurations .institution-configuration button[type="submit"] {
    margin: 10px 0 0; }
.configurations .institution-account {
  border: 1px solid #e2e2e2;
  background: #fcfcfc; }
  .configurations .institution-account .manage-WD .columns, .configurations .institution-account .manage-WD .field-columns {
    background: #f7f7f7;
    padding: 12px 19px; }
  .configurations .institution-account .switchs {
    display: inline-block;
    padding: 0 1.4rem; }
  .configurations .institution-account a {
    display: inline-block; }
  .configurations .institution-account .institution .columns, .configurations .institution-account .institution .field-columns, .configurations .institution-account .accounts .columns, .configurations .institution-account .accounts .field-columns, .configurations .institution-account .add-account .columns, .configurations .institution-account .add-account .field-columns {
    padding-bottom: 0.9rem; }
    .configurations .institution-account .institution .columns:first-child, .configurations .institution-account .institution .field-columns:first-child, .configurations .institution-account .accounts .columns:first-child, .configurations .institution-account .accounts .field-columns:first-child, .configurations .institution-account .add-account .columns:first-child, .configurations .institution-account .add-account .field-columns:first-child {
      border-right: 1px solid #e2e2e2; }
  .configurations .institution-account .institution {
    padding: 0;
    margin: 0 !important; }
    .configurations .institution-account .institution > .columns:first-child, .configurations .institution-account .institution > .field-columns:first-child {
      background: white; }
  .configurations .institution-account .accounts select {
    margin: 0; }
  .configurations .institution-account .dynamic-form.add {
    padding: 19px; }
    .configurations .institution-account .dynamic-form.add a {
      padding: 10px; }
    .configurations .institution-account .dynamic-form.add i {
      font-size: 1.2rem; }
.configurations .header {
  background: #f7f7f7;
  padding: 0.7rem 1.9375rem;
  margin: 0 0 1.6rem; }
  .configurations .header b {
    color: #838383;
    font-size: 0.8rem;
    text-transform: uppercase; }
.configurations .colors {
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .configurations .colors li {
    display: inline-block;
    float: left;
    margin: 0 7px 0 0; }
  .configurations .colors a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    line-height: 32px;
    transition: opacity 0.5s; }
    .configurations .colors a:before {
      content: "\62";
      transition: opacity 0.3s;
      font-size: 1rem;
      color: white;
      font-family: "livecapital-app" !important;
      opacity: 0; }
    .configurations .colors a.active:before {
      opacity: 1; }
    .configurations .colors a.blue {
      background: #2f6faf; }
    .configurations .colors a.red {
      background: #c73144; }
    .configurations .colors a.green {
      background: #3ca060; }
    .configurations .colors a.orange {
      background: #f09627; }
    .configurations .colors a.gray {
      background: #848484; }

/* Custom Assets */
.custom_assets table a.save {
  background-color: #336699;
  color: #ffffff;
  border: none; }

.custom_assets table a.manual {
  background-color: #e8e8e8;
  color: #666666;
  border: none; }

.custom_assets table a.auto {
  background-color: #5a975a;
  color: #ffffff;
  border: none; }

.custom_assets table a.delete {
  color: #646464;
  padding: 0 10px; }

.custom_assets_create span {
  padding: 0 10px; }

.custom_assets .add-quote {
  padding: 0 0 20px 0; }

.custom_assets .connect {
  margin: 0 0 2em 0; }

.custom_assets .connect-on {
  display: inline-block; }

.custom_assets .connect-on img {
  width: 25px;
  margin: 0 0 0 10px; }

.custom_assets .connect-on span {
  font-weight: bold;
  font-size: 1.1em;
  vertical-align: middle; }

/* Services */
.content-search {
  background-color: #f9f9f9;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  padding: 10px 10px 0 10px; }
  .content-search .field-columns {
    min-height: 0; }
  .content-search .row {
    padding-top: 10px; }

.content-search .filter {
  padding: 0.7em 1em;
  font-size: 1.1em; }

.product {
  background-color: #ffffff;
  float: left;
  margin: 0 1.5em 2em 0.5em;
  height: 270px;
  width: 250px; }

.product p {
  font-size: 1.1em;
  margin-bottom: 0; }

.product .header {
  background-color: #97aec8; }

.product .title h3 {
  color: #ffffff;
  font-size: 0.95em;
  margin: 0;
  padding: 2em 0;
  text-transform: uppercase; }

.product .about {
  text-align: left;
  height: 140px;
  padding: 1em 2em 0.5em; }

p.format {
  border-top: 1px solid #4d4d4d;
  color: #4d4d4d;
  margin-top: 0.8em;
  padding-top: 0.3em; }

.product .action {
  background-color: #ffffff;
  float: left;
  padding: 1em 2em 2em;
  width: 100%; }

.product .action a {
  border-radius: 2px 2px 2px 2px;
  display: block;
  color: #ffffff;
  font-size: 1em;
  font-weight: normal;
  margin: 0 auto;
  padding: 1em 2em;
  text-transform: uppercase;
  width: 130px; }

.product .action .more {
  background-color: #c5c5c5;
  float: left; }

.product .action .activate {
  background-color: #2d649d; }

.product .action .active {
  background-color: #49ac87; }

.product .info {
  border-top: 1px solid #e9e9e9;
  float: left;
  margin-top: 2em;
  padding: 0.5em 1em;
  width: 100%; }

.product .info p {
  text-align: left;
  font-size: 1em;
  float: left;
  font-weight: normal; }

.product .info img {
  float: right; }

.add-widgets-options {
  padding: 1em; }

.add-widgets-options h3.title {
  color: #666666;
  font-weight: bold;
  text-align: left; }

/* switch */
.switch-lc {
  display: inline-block;
  background: white; }
  .switch-lc input {
    display: none; }
  .switch-lc label {
    cursor: pointer;
    border: 1px solid #dcdcdc;
    position: relative;
    display: inline-block;
    padding: 0 10px 0 30px;
    color: #666666;
    text-decoration: none;
    border-radius: 4px;
    font: normal 0.8rem/1.2rem Arial, Helvetica, sans-serif;
    height: 22px;
    transition: all 0.2s; }
    .switch-lc label:before {
      content: "";
      font-family: "livecapital-app" !important;
      position: absolute;
      top: -1px;
      left: -1px;
      height: 100%;
      width: 22px;
      height: 22px;
      border: 1px solid #dcdcdc;
      text-align: center;
      background: white;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .switch-lc label.active {
      background: #44ad86;
      color: white;
      border-color: #44ad86; }
      .switch-lc label.active:before {
        content: "\62";
        color: #44ad86; }

/* DARF */
.go-back {
  margin-bottom: 3em;
  padding: 1.2em 1em;
  position: absolute; }

.darf-wrap .darf {
  border: 1px solid #cccccc;
  box-shadow: 1px 2px 6px #cccccc;
  width: 690px;
  margin: 0 auto; }

.darf-single {
  width: 690px;
  margin: 0 auto;
  padding: 2.5em 0 1.5em 0; }

.darf .darf-row {
  border-bottom: 1px solid #cccccc;
  padding: 1em 0; }

.darf .darf-left {
  border-right: 1px solid #cccccc; }

.darf .darf-right {
  background-color: #f5f5f5; }

.darf .darf-main {
  padding: 1.05em 2em; }

.darf-single .darf-warning {
  background-color: #f8efd0; }

p.darf-value {
  color: #c04345;
  line-height: 1.2em;
  text-align: right; }

.darf img {
  float: left;
  margin-right: 0.8em; }

.darf p, .darf-single p {
  font-size: 1em;
  margin-bottom: 0.5em; }

.darf p.title {
  font-size: 0.8em;
  padding-top: 1em; }

.darf label {
  font-size: 1.1em; }

.darf textarea {
  height: 180px; }

.darf-warning p {
  font-weight: bold;
  padding-top: 1em; }

.darf-warning span {
  background: url("/assets/img/ico-warning.png") no-repeat center center;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: -5px 5px -4px 0; }

.darf-warning .button {
  font-size: 0.8em;
  margin-left: 0.8em; }

.darf-single .darf-title p {
  font-size: 1.6em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0; }

.darf .name {
  background-color: #e4e4e4; }

.darf .name span {
  font-size: 1.5em;
  line-height: 1.5em;
  padding: 0 0.6em; }

/* notifications box */
.notifications {
  background-color: #f7f7f7;
  border: 1px solid #cecece;
  border-width: 1px 0 0 1px;
  position: absolute;
  bottom: 0;
  right: 1.2rem;
  z-index: 99; }

.notifications fieldset {
  width: 540px; }

.notifications .header {
  background-color: #6790b6;
  margin: 0;
  padding: 0.6rem 3.8rem 0.6rem 0.9rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.15em; }

.notifications-container {
  max-height: 212px;
  max-width: 540px;
  overflow: auto;
  overflow-x: hidden; }
  .notifications-container li.pending_recalc {
    padding: 0.4rem 0.6rem;
    font-weight: bold;
    font-size: 0.75rem;
    background-color: #eeeeee; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  margin: 0.5em 1.6em 0 0.4em;
  position: absolute;
  right: 15px;
  top: 5px; }

.arrow-dn {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  margin: 0.5em 1.6em 0 0.4em;
  position: absolute;
  right: 15px;
  top: 5px; }

.close-box {
  display: inline-block;
  padding: 0.6em 0.8em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99; }

.notifications fieldset {
  border: none;
  background-color: #f7f7f7;
  font-size: 1.1em;
  margin: 0;
  padding: 0; }

.notifications ul {
  padding: 0; }

.notifications ul li {
  border-bottom: 1px solid #cecece;
  display: block;
  float: left;
  font-size: 0.9em;
  padding: 0.4em 0.5em;
  width: 100%;
  position: relative; }

.task {
  color: #ffffff;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  float: left;
  padding: 0.3em 0 0.4em 0;
  position: absolute;
  left: 1em;
  width: 410px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.progress {
  background-color: #d2d2d2;
  border: none;
  border-radius: 3px 3px 3px 3px;
  float: left;
  height: 1.49rem;
  margin: 0 1.5em 0 0;
  padding: 0;
  width: 82%; }

.notifications .status {
  display: block;
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 2em;
  width: auto; }

.progress .meter {
  background-color: #7ca2c6;
  border-radius: 3px 3px 3px 3px;
  -webkit-transition: all 300ms cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0, 0, 0.58, 1);
  /* ease-out */
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  /* ease-out */ }

.progress .meter span {
  color: #ffffff;
  display: block;
  line-height: 2.4em;
  font-size: 0.8em;
  font-weight: bold;
  text-align: left;
  padding-left: 1em; }

.progress.positive .meter {
  background-color: #5a975a; }

.progress.negative .meter {
  background-color: #be5355; }

.config-reports table thead {
  background: #e2e8ed; }
  .config-reports table thead tr th {
    width: auto;
    box-shadow: none;
    padding: 0.8rem 0;
    color: #686868;
    font-size: 0.85rem;
    text-transform: uppercase;
    text-shadow: none; }
    .config-reports table thead tr th:first-child {
      width: 20%; }
.config-reports table tbody tr {
  border-top: 1px solid #ececec; }
.config-reports table td {
  width: auto;
  font-size: 0.85rem;
  padding: 1em 0; }
  .config-reports table td:first-child {
    width: 20%;
    padding-left: 1.6rem; }
  .config-reports table td.account {
    font-weight: bold;
    text-align: left; }
  .config-reports table td a {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 0.85rem;
    color: #c7c7c7;
    background: #efefef;
    border-radius: 50%;
    line-height: 25px;
    margin: 0 0.1rem; }
    .config-reports table td a.active {
      color: white;
      background: #8acfb6; }
.config-reports .labels {
  background: #f7f7f7;
  color: #686868;
  padding: 1.6rem; }
  .config-reports .labels i {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 0.85rem;
    color: #c7c7c7;
    background: #e2e2e2;
    border-radius: 50%;
    line-height: 25px;
    margin: 0 10px 0 0;
    font-weight: bold;
    font-style: normal;
    text-align: center; }
  .config-reports .labels ul li {
    margin: 7px 0; }
  .config-reports .labels a {
    margin: 20px 30px 0 0; }

.widget-data-integration .integrated, .widget-data-integration .pendding {
  color: white;
  border-radius: 9px;
  font-size: 0.8rem;
  font-weight: bold;
  padding: 2px 7px; }
.widget-data-integration .icon {
  font-size: 0.6rem;
  margin: 0 2px 0 0; }
.widget-data-integration .integrated {
  background: #44ad86; }
.widget-data-integration .pendding {
  background: #d25f5f; }

.switch-circle .circle {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  top: 1px;
  transition: left 0.4s ease; }
  .switch-circle .circle.circle-button {
    width: 23px;
    height: 23px; }
.switch-circle input {
  display: none; }
.switch-circle label, .switch-circle button {
  cursor: pointer;
  position: relative;
  border-radius: 20px;
  min-width: 90px;
  transition: padding 0.3s;
  text-align: center; }
  .switch-circle label.connected, .switch-circle button.connected {
    color: white;
    background: #44ad86; }
  .switch-circle label.to-connect, .switch-circle button.to-connect {
    color: #7d7d7d;
    background: #d8d8d8; }
.switch-circle label {
  line-height: 18px; }
  .switch-circle label.connected {
    padding: 0 18px 0 4px; }
    .switch-circle label.connected .circle {
      left: calc(100% - 18px); }
  .switch-circle label.to-connect {
    padding: 0 4px 0 18px; }
    .switch-circle label.to-connect .circle {
      left: 2px; }
.switch-circle button {
  border: none;
  line-height: 25px; }
  .switch-circle button.connected {
    padding: 0 32px 0 10px; }
    .switch-circle button.connected .circle {
      left: calc(100% - 25px); }
  .switch-circle button.to-connect {
    padding: 0 10px 0 32px; }
    .switch-circle button.to-connect .circle {
      left: 2px; }
  .switch-circle button[type="submit"]:disabled {
    cursor: not-allowed; }

/* Media queries */
/* Small screens */
@media only screen and (max-width: 52.813em) {
  /* Sidebar */
  /* Tables for mobile */
  /* Force table to not be like tables anymore */
  /* Hide table headers (but not display: none;, for accessibility) */
  /*
Label the data
*/
  /* Services */
  /* Data de Vencimento */
  .full-height {
    padding: 44px 0 0px 0; }
  .topo {
    height: 100%; }
  .off-canvas-wrap {
    height: 100%;
    overflow-y: scroll;
    z-index: 1; }
  .header {
    height: 100%; }
  .header .menu {
    padding: 0; }
  .header .logo, .header .menu {
    height: auto; }
  .wrap-content {
    padding: 0; }
  .wrap-content .content {
    height: auto;
    min-height: 100%;
    padding: 0;
    width: 100%; }
  .wrap-content.medium {
    padding: 0 0 113px 0; }
  .wrap-content.large {
    padding: 0; }
  .mobile-left {
    float: left; }
  .mobile-right {
    float: right; }
  .sidebar {
    border-right: 0;
    height: auto;
    padding-bottom: 0; }
  .login span {
    background: rgba(0, 0, 0, 0) url("/assets/img/btn-login-small.png") repeat-x scroll left top;
    display: block;
    height: 36px;
    text-indent: -9999px;
    width: 220px;
    margin: 0 auto;
    margin-bottom: 30px; }
  .mobile-table {
    padding: 0; }
  .hide-column-table {
    display: none; }
  .wrap-accordion {
    padding: 0; }
  .widget-center .main div:only-child {
    position: static; }
    .widget-center .main div:only-child table {
      position: relative; }
    .widget-center .main div:only-child table.portfolio .fixed-row {
      height: auto; }
  table tr td {
    padding: 6px 4px; }
  table thead tr th, table tbody tr td {
    font-size: 0.6rem; }
  table.second-footer thead tr th, table.second-footer tr td {
    font-size: 0.6rem; }
  table.big.portfolio tr th {
    border-bottom: 1px solid #cecece; }
  .table-big .fixedheader div.th-inner {
    top: 13px; }
  .table-small .fixedheader div.th-inner {
    top: 60px !important; }
  .wrap-header-actions .reports-filters {
    border-bottom: none; }
  .sidebar .top-section {
    padding: 0; }
  .sidebar .broker-logo {
    border-top: none;
    border-left: 1px solid #d3d6d8;
    border-bottom: none; }
  .importNote {
    text-align: center; }
  .importNote a {
    display: block;
    float: none !important;
    padding: 10px 0 0 0;
    text-align: center; }
  .footer .group {
    width: 75%; }
  .footer .group .form-row-full {
    padding: 0 5px 5px 0; }
  .footer .group label {
    float: none;
    padding: 7px 0 5px 0; }
  .footer .group label input[type="checkbox"] {
    width: auto; }
  .footer .group input[type="text"] {
    float: none;
    width: 100%; }
  .gridster-item .top {
    padding: 25px 15px 12px; }
  .gridster-item .row {
    margin: 0 0 1em 0; }
  .wrap-return.table-expanded {
    margin: 0 0 21px 0;
    top: 21%;
    padding: 0 20px 1px 20px; }
  .date-filter {
    position: relative;
    float: left; }
  .return p.title, .return p.value {
    text-align: center;
    padding: 0.2em 0 0.5em 0; }
  .return p.title {
    margin: 0;
    padding: 0; }
  .form-group {
    float: left;
    padding: 0.5em 0; }
  .side-links .form-group button {
    margin-top: 0.6em; }
  div .input-lined {
    padding-left: 0; }
  .wrap-header-actions .side-links {
    background: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.5em 3em; }
  .institution label {
    padding: 0; }
  table.is-mobile, table.is-mobile thead, table.is-mobile tbody, table.is-mobile th, table.is-mobile td, table.is-mobile tr {
    display: block; }
  table.is-mobile thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  table.is-mobile tr {
    border: 1px solid #ccc; }
  table.is-mobile td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    display: block; }
  table.is-mobile td:before {
    /* Now like a table header */
    font-weight: bold;
    position: absolute;
    /* Top/left values mimic padding */
    left: 6px;
    padding-right: 10px;
    white-space: nowrap; }
  .gridster-item table.expanded-info th, .gridster-item table.expanded-info td {
    border-top: 0;
    border-bottom: 1px solid #f5f5f5; }
  .gridster-item table.expanded-info.portfolio tr {
    border-bottom: 2px solid #d3d3d3;
    padding: 0 !important; }
  .gridster-item table.expanded-info.portfolio td {
    border-bottom: 1px solid #f5f5f5;
    font-size: 0.7rem;
    padding: 0.5em;
    text-align: right;
    min-height: 20px; }
    .gridster-item table.expanded-info.portfolio td.asset a {
      padding-left: 3rem; }
  .gridster-item table.expanded-info.portfolio tr.bottom-info td {
    font-size: 0.7rem; }
  .wrap-return.table-expanded {
    padding: 0; }
  .widget-reports a {
    font-size: 0.9em;
    padding: 0; }
  table.is-mobile thead tr th, table.is-mobile tfoot tr th, table.is-mobile tfoot tr td, table.is-mobile tbody tr th, table.is-mobile tbody tr td, table.is-mobile tr td {
    display: block; }
  .main-info td:nth-of-type(1):before {
    content: "N˚"; }
  .main-info td:nth-of-type(2):before {
    content: "Ativo"; }
  .main-info td:nth-of-type(3):before {
    content: "Data da Aplicação"; }
  .main-info td:nth-of-type(4):before {
    content: "Quantidade"; }
  .main-info td:nth-of-type(5):before {
    content: "Preço (BRL)"; }
  .main-info td:nth-of-type(6):before {
    content: "Saldo Inicial (BRL)"; }
  .main-info td:nth-of-type(7):before {
    content: "Cotação"; }
  .main-info td:nth-of-type(8):before {
    content: "Saldo Atual (BRL)"; }
  .main-info td:nth-of-type(9):before {
    content: "Variação (BRL)"; }
  .main-info td:nth-of-type(10):before {
    content: "IOF + IRRF (BRL)"; }
  .main-info td:nth-of-type(11):before {
    content: "Saldo Líquido"; }
  .main-info td:nth-of-type(12):before {
    content: "Variação Líquida (BRL)"; }
  .without-date.main-info td:nth-of-type(1):before {
    content: "N˚"; }
  .without-date.main-info td:nth-of-type(2):before {
    content: "Ativo"; }
  .without-date.main-info td:nth-of-type(3):before {
    content: "Quantidade"; }
  .without-date.main-info td:nth-of-type(4):before {
    content: "Preço (BRL)"; }
  .without-date.main-info td:nth-of-type(5):before {
    content: "Saldo Inicial (BRL)"; }
  .without-date.main-info td:nth-of-type(6):before {
    content: "Cotação"; }
  .without-date.main-info td:nth-of-type(7):before {
    content: "Saldo Atual (BRL)"; }
  .without-date.main-info td:nth-of-type(8):before {
    content: "Variação (BRL)"; }
  .without-date.main-info td:nth-of-type(9):before {
    content: "IOF + IRRF (BRL)"; }
  .without-date.main-info td:nth-of-type(10):before {
    content: "Saldo Líquido"; }
  .without-date.main-info td:nth-of-type(11):before {
    content: "Variação Líquida (BRL)"; }
  .without-qtd-and-price-separate-iof-irrf .main-info td:nth-of-type(4):before {
    content: "Saldo Inicial (BRL)"; }
  .without-qtd-and-price-separate-iof-irrf .main-info td:nth-of-type(5):before {
    content: "Cotação"; }
  .without-qtd-and-price-separate-iof-irrf .main-info td:nth-of-type(6):before {
    content: "Saldo Atual (BRL)"; }
  .without-qtd-and-price-separate-iof-irrf .main-info td:nth-of-type(7):before {
    content: "Variação (BRL)"; }
  .without-qtd-and-price-separate-iof-irrf .main-info td:nth-of-type(8):before {
    content: "IOF"; }
  .without-qtd-and-price-separate-iof-irrf .main-info td:nth-of-type(9):before {
    content: "IRRF (BRL)"; }
  .without-qtd-and-price-separate-iof-irrf .main-info td:nth-of-type(10):before {
    content: "Saldo Líquido"; }
  .without-qtd-and-price-separate-iof-irrf .main-info td:nth-of-type(11):before {
    content: "Variação Líquida (BRL)"; }
  .subtotal-info td:nth-of-type(3):before {
    content: "Saldo Inicial (BRL)"; }
  .subtotal-info td:nth-of-type(5):before {
    content: "Saldo Atual (BRL)"; }
  .subtotal-info td:nth-of-type(6):before {
    content: "Variação (BRL)"; }
  .bottom-info td:nth-of-type(3):before {
    content: "Saldo Inicial (BRL)"; }
  .bottom-info td:nth-of-type(4):before {
    content: "Aplicação (BRL)"; }
  .bottom-info td:nth-of-type(5):before {
    content: "Saldo Atual (BRL)"; }
  .bottom-info td:nth-of-type(6):before {
    content: "Variação (BRL)"; }
  .bottom-info.fixed-income td:nth-of-type(6):before, .bottom-info.funds td:nth-of-type(6):before {
    content: "Saldo Bruto (BRL)"; }
  .bottom-info td:nth-of-type(7):before {
    content: "Variação Bruta (BRL)"; }
  .bottom-info td:nth-of-type(8):before {
    content: "IOF + IRRF"; }
  .bottom-info td:nth-of-type(9):before {
    content: "Saldo Líquido (BRL)"; }
  .bottom-info td:nth-of-type(10):before {
    content: "Variação Líquida (BRL)"; }
  table tr.tipo h5 span {
    background-color: #ffffff;
    padding: 0 15px 0 5px; }
  .content-search {
    background-color: #ffffff;
    padding: 10px 0; }
  .services .product p {
    font-size: 1.1em;
    margin-bottom: 0; }
  .product .header {
    height: auto; }
  .product {
    margin: 1em 1.5em 1em 0.5em;
    width: auto; }
  .services .product-title h3 {
    background-color: #ffffff;
    color: #336699;
    margin-bottom: 0;
    padding: 0.7em 0; }
  .services .product-owner {
    border-bottom: 1px solid #ededed;
    text-align: center;
    font-weight: bold; }
  .services .product-avaliation {
    text-align: center; }
  .services .product-about {
    background-color: #f7f7f7;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    text-align: left;
    padding: 1.5em 2em; }
  .services .product-action {
    background-color: #ffffff;
    padding: 1.8em 1em; }
  .services .product-action a {
    color: #8c8c8c;
    font-size: 1.1em;
    text-transform: uppercase; }
  .services .product-action.buy {
    background-color: #336699; }
  .services .product-action.buy a {
    color: #ffffff; }
  .services .product-action.active {
    background-color: #20c091; }
  .services .product-action.active a {
    color: #ffffff; }
  table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    background: #f5f5f5;
    box-shadow: 1px 2px 6px #cccccc; }
  .active {
    background: #e4e4e4; }
  td {
    margin: 0;
    padding: 8px;
    border: 1px solid #ccc;
    vertical-align: middle; }
  td p {
    margin: 2px 0 3px 0;
    line-height: 1.3em; }
  td img {
    margin: 0 12px 0 0; }
  label {
    color: #666666;
    display: block;
    float: left;
    font-size: 0.8rem;
    padding: 7px 3px 0 0; }
  .remove-account label {
    float: none; }
  .remove-account input {
    width: 100%;
    float: inherit; }
  label small {
    color: #676767; }
  input {
    float: right;
    padding: 4px;
    border: 1px solid #cccccc;
    width: 120px;
    border-radius: 3px 3px 3px 3px; }
  input[type="checkbox"] {
    width: inherit; }
  textarea {
    padding: 4px;
    border: 1px solid #cccccc;
    border-radius: 3px 3px 3px 3px; }
  p {
    font-size: 11px; }
  .errorlist {
    clear: left;
    margin: 0;
    padding: 0;
    color: #900; }
  .errorlist li {
    font-weight: bold;
    list-style: none;
    padding: 4px 0; }
  .prefix, .postfix {
    font-size: 0.8rem;
    height: 2.2375rem;
    line-height: 2.2375rem; }
  .disabledSubmitButton {
    font-size: 12px;
    background: url("../images/form-submit-footer_module-bkg.png") repeat-x scroll left top #e1e1e1;
    border: 1px solid #cacaca;
    border-radius: 6px 6px 6px 6px;
    height: 32px;
    line-height: 1em;
    width: 100px;
    margin: 10px auto;
    color: #b2b2b2 !important;
    text-shadow: 1px 1px 0 #f5f5f5;
    text-transform: uppercase;
    box-shadow: 2px 2px 7px #cccccc;
    cursor: pointer; }
  .disabledSubmitButton.submitButton {
    background: url("../images/form-submit-footer_module-bkg.png") repeat-x scroll left top #678cac;
    border: 1px solid #6486a4;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px #55718d; }
  textarea {
    width: 330px;
    height: 85px; }
  .noFloar {
    display: block; }
  .dInline input {
    display: inline; }
  .noFloat input {
    float: none; }
  #id_nome {
    width: 220px; }
  #id_telefone {
    width: 75px; }
  .darfDisclaimer {
    width: 540px;
    margin: 14px 0 0 5px;
    color: #666666; }
  .darfCheckbox {
    width: 300px;
    color: #666666;
    font-weight: bold;
    line-height: 15px;
    margin: 8px 0 0 5px; }
  .darfCheckbox input {
    float: left;
    width: 16px;
    margin: 0 6px 0 -1px;
    height: 13px; }
  .rightAlign input {
    text-align: right; }
  .darfVencimento {
    float: right;
    margin-top: -40px; }
  .darfVencimento div {
    float: left; }
  .darfVencimento label {
    float: none;
    height: 16px;
    padding: 0; }
  .darfVencimento input[type="text"] {
    float: left;
    margin-right: 5px; }
  .darfVencimento input[type="button"] {
    background: #f0f0f0;
    font-size: 11px;
    width: 155px; }
  .darfVencimento .vencimentoErro {
    width: 210px;
    margin-top: 30px;
    font-size: 11px;
    color: #990000;
    font-weight: bold; }
  .darfVencimento .wrapWarning {
    background: #f8efd0;
    padding: 10px; }
  .darfVencimento .warning {
    float: none;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 12px; }
  .help-icon {
    background: url("../static/images/ico-help.png") no-repeat center center;
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-top: -5px;
    position: relative;
    top: 3px; } }

.res-370 .widget-help-faq .videos .video {
  width: 100%;
  padding: 0 !important; }
  .res-370 .widget-help-faq .videos .video:first-child {
    min-height: 305px;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; }

.widget-help-faq {
  text-align: left;
  padding: 10px; }
  .widget-help-faq .videos {
    overflow: hidden; }
    .widget-help-faq .videos .video {
      float: left;
      width: 50%;
      display: inline-block;
      margin-bottom: 10px;
      height: 185px; }
      .widget-help-faq .videos .video b {
        font-size: 13px;
        color: #666666;
        display: block;
        text-align: center;
        margin-top: 7px; }
      .widget-help-faq .videos .video p {
        font-size: 13px;
        color: #9b9b9b;
        line-height: 1.4;
        margin-top: 6px; }
      .widget-help-faq .videos .video a:hover i {
        opacity: 0.8; }
      .widget-help-faq .videos .video i {
        transition: opacity 0.2s ease;
        position: absolute;
        top: 50%;
        left: 50%;
        color: black;
        font-size: 2rem;
        transform: translate(-50%, -50%);
        opacity: 0.7; }
      .widget-help-faq .videos .video img {
        width: 100%;
        height: 136px; }
      .widget-help-faq .videos .video .container-image {
        position: relative;
        height: 136px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 110%;
        background-position: top center; }
      .widget-help-faq .videos .video:nth-child(even) {
        padding: 0 4% 0 0; }
      .widget-help-faq .videos .video:first-child {
        width: 100%;
        height: auto;
        float: none;
        border-bottom: 1px solid #ebebeb;
        margin-bottom: 25px;
        padding-bottom: 20px; }
        .widget-help-faq .videos .video:first-child .container-image {
          height: auto; }
        .widget-help-faq .videos .video:first-child b {
          font-size: 14px;
          text-align: left; }
        .widget-help-faq .videos .video:first-child i {
          font-size: 3rem; }
        .widget-help-faq .videos .video:first-child a {
          display: block; }
        .widget-help-faq .videos .video:first-child img {
          height: auto; }
  .widget-help-faq .faq form {
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #eaeaea; }
    .widget-help-faq .faq form input {
      border: none;
      outline: none;
      height: 35px;
      padding: 0 48px 0 10px;
      font-style: italic; }
      .widget-help-faq .faq form input:focus {
        outline: none; }
    .widget-help-faq .faq form button {
      background: none;
      color: #9b9b9b;
      font-size: 0.6em;
      border: none;
      width: 48px;
      height: 33px;
      margin: 0;
      position: absolute;
      top: 0;
      right: 0; }
  .widget-help-faq .faq .no-results {
    margin: 20px 0 0;
    color: #666666;
    font-size: 0.42em; }
  .widget-help-faq .faq .topic {
    margin: 20px 0 0; }
    .widget-help-faq .faq .topic b {
      color: #666666;
      font-size: 0.42em; }
    .widget-help-faq .faq .topic ul {
      margin-left: 0.35rem; }
    .widget-help-faq .faq .topic a {
      font-size: 0.9em;
      line-height: 1.6em;
      color: #2f6faf;
      font-weight: normal; }
  .widget-help-faq .form-question .freebirdFormviewerViewItemsItemItemTitle {
    color: #666;
    font-size: 0.8rem;
    font-weight: bold;
    margin: 12px 0 2px; }
  .widget-help-faq .form-question .freebirdFormviewerViewItemsItemItemHelpText {
    font-size: 0.75rem;
    font-style: italic;
    color: #666; }
  .widget-help-faq .form-question .inputs-checkbox {
    overflow: hidden;
    margin: 3px 0 0; }
    .widget-help-faq .form-question .inputs-checkbox .input-wrap {
      display: inline-block; }
      .widget-help-faq .form-question .inputs-checkbox .input-wrap input[type="checkbox"] {
        height: auto;
        margin: 0;
        position: relative;
        top: 2px; }
      .widget-help-faq .form-question .inputs-checkbox .input-wrap label {
        margin-left: -3; }
  .widget-help-faq #contactThanks {
    text-align: center;
    color: #666; }
  .widget-help-faq .support form input, .widget-help-faq .support form textarea {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #eaeaea;
    margin: 10px 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-style: italic; }
  .widget-help-faq .support form input {
    height: 35px;
    color: #9e9e9e; }
  .widget-help-faq .support form textarea {
    margin: 10px 0 20px; }
  .widget-help-faq .support form p {
    font-size: 0.35em;
    color: #9e9e9e; }
  .widget-help-faq .support form .message {
    margin: 0 0 10px;
    font-weight: 600; }
    .widget-help-faq .support form .message.success {
      color: #3ba964; }
    .widget-help-faq .support form .message.error {
      color: #cc4b37; }

.widget-manage-users .upload-csv [class^="icon"] {
  font-size: 0.8rem; }
.widget-manage-users .upload-csv label {
  display: block; }
.widget-manage-users .upload-csv input {
  display: none; }
.widget-manage-users .permissions-group-emails .host {
  margin: 0; }
.widget-manage-users .permissions-group-emails .emails-label {
  padding-right: 10px; }
.widget-manage-users .permissions-group-emails .host {
  outline: 0; }
.widget-manage-users .permissions-group-emails .input {
  box-shadow: none;
  margin: -28px 0 0; }
  .widget-manage-users .permissions-group-emails .input:focus {
    background-color: #fff;
    box-shadow: none; }
.widget-manage-users .permissions-group-emails .tag-list {
  padding: 0 0 30px;
  overflow: hidden; }
.widget-manage-users .permissions-group-emails .tag-item {
  background-image: none;
  box-shadow: none;
  background-color: #eee; }
.widget-manage-users .search-user {
  position: absolute;
  z-index: 10;
  background: #cad1d9; }
  .widget-manage-users .search-user:after {
    content: "";
    position: absolute;
    top: -13px;
    right: 62px;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cad1d9;
    border-left: 7px solid transparent; }
.widget-manage-users form {
  margin: 9px 0 0;
  padding: 0 0 9px; }
  .widget-manage-users form input {
    height: 35px;
    margin: 0;
    font-style: italic; }
  .widget-manage-users form button {
    width: 100%;
    margin: 0; }

.widget-manage-users, .widget-list-users {
  padding: 6px 0 0;
  height: 100%; }
  .widget-manage-users .search-user, .widget-list-users .search-user {
    width: 100%;
    padding: 9px 0; }
    .widget-manage-users .search-user input, .widget-list-users .search-user input {
      padding: 0;
      height: 35px;
      color: #9b9b9b;
      font-style: italic;
      padding: 0 32px 0 8px; }
    .widget-manage-users .search-user i, .widget-list-users .search-user i {
      position: absolute;
      top: 50%;
      right: 26px;
      font-size: 1.1rem;
      transform: translateY(-50%);
      color: #9b9b9b; }
  .widget-manage-users .container-table, .widget-list-users .container-table {
    overflow-y: scroll;
    height: 88%; }
  .widget-manage-users .user-list, .widget-list-users .user-list {
    position: relative !important; }
    .widget-manage-users .user-list th, .widget-manage-users .user-list td, .widget-list-users .user-list th, .widget-list-users .user-list td {
      font-size: 0.8rem !important; }
    .widget-manage-users .user-list td, .widget-list-users .user-list td {
      padding: 6px 0 !important; }

.widget-center .main table.user-list tbody th, .widget-center .main table.user-list tbody td, .widget-center .main table.user-list thead th, .widget-center .main table.user-list thead td {
  padding: 0 10px !important; }

.widget-list-users {
  overflow: hidden !important;
  padding: 6px 0 12px; }
  .widget-list-users .user-list td:first-child, .widget-list-users .user-list th:first-child {
    text-align: left !important; }
  .widget-list-users .user-list td .text, .widget-list-users .user-list th .text {
    font-weight: normal; }

.file-upload {
  text-align: center;
  position: relative; }
  .file-upload label {
    border-radius: 3px;
    background-color: #fcfcfc;
    border: dashed 1px #d8d8d8;
    padding: 24px; }
    .file-upload label a {
      margin: 10px 0 0; }
  .file-upload p {
    font-style: italic;
    margin: 10px 0 0;
    font-size: 0.8rem; }
  .file-upload input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0; }

/* Small and Medium screens */
@media only screen and (max-width: 64em) {
  .content div {
    /* padding: 0; */
    overflow-x: hidden; }
  table tr td {
    padding: 0.5625rem 0; }
  .upload .status {
    border-left: none;
    border-top: 1px solid #d1d1d1; }
  .upload .status.conflict-message {
    border-top: none; }
  .dynamic-form .header {
    padding: 15px 15px 15px 15px; }
  .top-bar-section ul li {
    padding: 0 0.6em; }
  .widget-large table thead tr th, table thead tr td, .widget-large table tr th, table tr td {
    font-size: 0.65rem;
    padding: 0.3em; }
  .return p.title {
    margin: 0; }
  .return p.value {
    font-size: 1em; }
  .wrap-return.table-expanded {
    top: 2.5em;
    bottom: 0.5em; }
  .dynamic-form .save {
    margin: 1.5em 0 0 0; }
  .widget-reports a.widget-portfolio-refresh {
    text-indent: -9999px;
    padding: 0 0 0.15em 1.8em; }
  .widget-error {
    position: relative;
    top: auto;
    left: auto;
    transform: none; } }

/* Small screens */
@media only screen and (max-width: 37.5em) {
  .gridster-item .inner-content {
    position: relative; }
  .widget-size-small, .widget-size-medium, .widget-size-large {
    position: relative;
    left: auto;
    top: auto;
    transform: none; }
  .gridster-item .footer {
    display: none; }
  .gridster .dropdown.button, button.dropdown {
    display: none; }
  .widget-reports a.widget-portfolio-refresh {
    text-indent: -9999px;
    padding: 0 0 0.15em 1.8em;
    float: right;
    position: relative;
    right: 0;
    height: 1.5em; }
  html, body {
    height: auto; }
  .head-login .login-inner {
    padding: 10px 15px; }
  .widget-center {
    position: relative;
    overflow: visible;
    min-height: 100px; }
    .widget-center .navigation .navigation-dropdown {
      width: 280px !important; }
      .widget-center .navigation .navigation-dropdown .navigation-dropdown-item a {
        padding: 0.8rem;
        font-size: 0.9rem; }
    .widget-center .main {
      min-height: 65px; }
    .widget-center.is-size-small .widget-content-small {
      position: static;
      top: 0;
      transform: translateY(0); }
      .widget-center.is-size-small .widget-content-small .expanded-info {
        position: static;
        width: 100%; }
    .widget-center.is-size-medium .widget-content-medium {
      position: static;
      top: 0;
      transform: translateY(0); }
      .widget-center.is-size-medium .widget-content-medium .expanded-info {
        position: static;
        width: 100%; }
    .widget-center.is-size-large .widget-content-large {
      position: static;
      top: 0;
      transform: translateY(0); }
      .widget-center.is-size-large .widget-content-large .expanded-info {
        position: static;
        width: 100%; }
    .widget-center.is-size-xlarge .widget-content-xlarge {
      position: static;
      top: 0;
      transform: translateY(0); }
      .widget-center.is-size-xlarge .widget-content-xlarge .expanded-info {
        position: static;
        width: 100%; }
    .widget-center.widget-chart .main {
      min-height: 410px;
      overflow: hidden; }
    .widget-center.widget-portfolio .expanded-info .subtitle {
      display: none; }
    .widget-center.widget-capital_gain .widget-content-small, .widget-center.widget-calc-log .widget-content-small, .widget-center.widget-taxes .widget-content-small {
      bottom: auto;
      top: 0;
      transform: translateY(0); }
      .widget-center.widget-capital_gain .widget-content-small .subtitle, .widget-center.widget-calc-log .widget-content-small .subtitle, .widget-center.widget-taxes .widget-content-small .subtitle {
        margin-bottom: 0; }
      .widget-center.widget-capital_gain .widget-content-small span, .widget-center.widget-calc-log .widget-content-small span, .widget-center.widget-taxes .widget-content-small span {
        line-height: 3rem; }
  .widget-center .navigation .navigation-item-menu {
    display: none; }
  .institution-new {
    display: none; }
  .institution {
    border-left: 1px solid #e9e9e9; }
  .notifications {
    display: none; }
  .sidebar .results, .sidebar.small {
    padding-bottom: 0; }
  .wrap-return.table-expanded {
    top: 0;
    margin: 0 0 8px; }
  .select-sheets select option:last-child {
    display: none; }
  .widget-operation-row {
    pointer-events: none; }
  .footer .group {
    display: none; }
  .footer {
    position: relative; }
  .footer .save {
    float: right;
    padding: 10px;
    width: 100%; } }

/* Medium screens */
@media only screen and (min-width: 37.5em) and (max-width: 70.625em) {
  .wrap-height {
    height: 100%; }
  .widget-size-small p.value {
    font-size: 1em;
    padding-top: 0; }
  .return p.value {
    font-size: 1em; }
  .gridster-item .title {
    font-size: 0.8em; }
  .gridster-item .footer {
    padding: 3px; }
  .gridster-item .footer a {
    background: none;
    padding: 0;
    font-size: 0.8em; }
  .widget-reports a {
    padding: 0.2em 0.5em;
    font-size: 0.6em; }
  .gridster-item .footer.footer-reports {
    padding: 10px; }
  .gridster-item .footer.footer-reports a {
    font-size: 0.7em; }
  .top-bar-section li:not(.has-form) a:not(.button) {
    color: #ffffff;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 0;
    padding: 0.7em 0em 0.8em; }
  .top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    background: none;
    background-color: none;
    border-bottom: 2px solid #326b9c;
    color: #ffffff;
    line-height: 0;
    padding: 0.7em 0em 0.8em; } }

@media only screen and (min-width: 52.875em) and (max-width: 64em) {
  /* Footer */
  .floatThead-container {
    margin-left: 0 !important; }
  .footer .date {
    width: 15%;
    float: left;
    padding: 10px; }
  .footer .comission {
    width: 80%;
    float: left;
    padding: 10px; }
  .footer .group.odd {
    width: 36%; }
  .footer .group.odd .form-row-full {
    width: 50%; }
  .footer .save {
    width: 20%; }
  .footer .bmf {
    padding: 0.1em; }
  .footer .form-row-full {
    padding: 0 5px 5px 0;
    max-width: 75px; }
  .footer .comission .form-row-full {
    max-width: none; }
  .footer .bmf label {
    height: 5em; } }

/* Medium and large screens */
@media only screen and (min-width: 52.875em) {
  /* Breadcrumbs */
  h1 {
    font-size: 1.6rem; }
  h2 {
    font-size: 1.4rem; }
  h3 {
    font-size: 1rem; }
  h4 {
    font-size: 1rem; }
  h5 {
    font-size: 0.8rem; }
  h6 {
    font-size: 0.7rem; }
  label {
    padding: 0;
    font-size: 0.8rem; }
  .label.radius {
    border-radius: 2px; }
  .label.secondary {
    background-color: #f1f1f1;
    color: #666666; }
  .breadcrumbs {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    border-radius: 0;
    border-width: 0;
    float: left;
    max-height: 30px;
    padding: 0 15px 0 0; }
  .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
    text-decoration: none; }
  .breadcrumbs li {
    background: #e5e5e5;
    padding: 0.6rem 1.5rem 0.6rem; }
  .breadcrumbs > *:before {
    content: "";
    margin: 0; }
  .breadcrumbs > * a {
    color: #4D7BA5;
    font-size: 1rem;
    text-transform: none;
    display: block;
    font-weight: normal;
    float: left;
    position: relative;
    text-shadow: 1px 1px 0 #ffffff; }
  .breadcrumbs li:last-child {
    background: #d8d8d8;
    color: #4D7BA5; }
  .breadcrumbs > * a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 25px solid #e5e5e5;
    position: absolute;
    margin-top: -46px;
    margin-left: 8px;
    z-index: 2;
    left: 100%; }
  .breadcrumbs > * a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 25px solid #ffffff;
    position: absolute;
    margin-top: -35px;
    margin-left: 10px;
    z-index: 2;
    left: 100%; }
  .breadcrumbs li:last-child a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 25px solid #d8d8d8;
    position: absolute;
    margin-top: -46px;
    margin-left: 8px;
    z-index: 2;
    left: 100%; } }

/* Medium and large screens */
@media only screen and (min-width: 85.375em) {
  dialog, .reveal-modal {
    width: 40%;
    margin-left: -20%; } }

@media print {
  /* breadcrumbs */
  /* widgets */
  * {
    overflow: visible !important;
    -webkit-print-color-adjust: exact; }
  body {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    float: none !important;
    overflow: visible !important; }
  .subtitle {
    background-color: #f6f6f6 !important; }
  .positive {
    color: #5a975a !important; }
  .negative {
    color: #be5355 !important; }
  .neutral {
    color: #eaeaea !important; }
  .left-off-canvas-menu, .left-off-canvas-toggle, .tab-bar, .menu, .content-actions, .notifications, input.button, .go-back {
    display: none !important; }
  .content-search label {
    text-align: left; }
  .wrap-content .content {
    height: auto; }
  #top-header-viewingAs, #top-header-timeline, .top-header-menu, .top-header-menu-mobile, .icon-menu, .logo-wrapper {
    display: none !important; }
  a, a:visited {
    color: #000000 !important;
    text-decoration: none; }
  a:link:after, a:visited:after {
    content: ""; }
  .full-height {
    padding: 80px 0 0 0; }
  .wrap-header-actions .content-actions, .wrap-header-actions .full-width-content {
    border-top: none;
    border-bottom: 1px solid #e0e0e0; }
  .breadcrumbs {
    border: none;
    padding-bottom: 2.5em; }
  .breadcrumbs > * {
    font-size: 1em; }
  .wrap-return.table-expanded {
    top: auto;
    padding: 10px 0; }
  .widget-center {
    padding: 10px 0 50px 0; }
  .gridster-item-resizable-handler {
    display: none; }
  .gridster-item .inner-content.wrap-return {
    position: relative; }
  .widget-size-small, .widget-size-medium, .widget-size-large {
    position: relative;
    top: auto;
    left: auto;
    transform: none; }
  .gridster-loaded .gridster-item {
    float: none;
    margin: 10px 0 !important;
    position: static;
    width: 100% !important;
    page-break-inside: avoid;
    background-color: #ffffff !important;
    border: 3px solid #ededed !important;
    height: auto !important; }
  .gridster-item .footer.footer-reports, .gridster-item .footer {
    display: none; }
  .gridster-item table.expanded-info.portfolio th, .gridster-item table.expanded-info.portfolio tr, .gridster-item table.expanded-info.portfolio td {
    border: 1px solid #d3d3d3; }
  .gridster-item table.expanded-info.portfolio th {
    background-color: #d1d1d1 !important; }
  table tr.tipo h5 {
    margin: 0.5em 0; }
  table tr.tipo h5:before {
    border-top: none; }
  .widget-size-small, .widget-size-medium, .widget-size-large {
    position: relative; }
  .darf-wrap {
    position: relative;
    top: -70px;
    background-color: #ffffff !important;
    z-index: 999; }
    .darf-wrap .small-6 {
      width: 50%; }
    .darf-wrap .darf-form {
      padding-top: 50px;
      margin-top: 50px; }
  .darf-left, .darf-right {
    width: 50%; }
  .darf + .darf {
    margin-top: 40px;
    position: relative; }
    .darf + .darf:before {
      content: "";
      top: -21px;
      border-top: 2px dashed #322f32;
      width: 690px;
      margin: 0 auto;
      position: absolute; }
  .darf .darf-info {
    border-bottom: solid 1px #cccccc;
    text-align: right; }
    .darf .darf-info:first-child {
      text-align: left; }
  .darf .darf-row {
    padding: 0; }
    .darf .darf-row input, .darf .darf-row textarea {
      border: none; }
    .darf .darf-row .darf-label {
      min-height: 30px;
      border-left: solid 1px #cccccc;
      border-right: solid 1px #cccccc; }
    .darf .darf-row .bank-authentication label {
      font-size: 0.7rem; }
    .darf .darf-row .darf-input input {
      text-align: right; }
    .darf .darf-row .darf-text {
      height: 30px; }
  .darf .darf-obs {
    border-bottom: 0;
    height: 200px; }
  .darf .darf-date-time {
    text-align: right;
    margin-top: 30px; }
  .darf-duplicate {
    border-top: 2px dashed #322f32;
    width: 690px;
    margin: 20px auto; } }

/* User Context */
.user-context {
  margin: 20px 0;
  font-size: 1.2em; }
  .user-context:last-child {
    border-bottom: solid 1px #ccc; }
  .user-context .title {
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 1.6em; }
  .user-context .header {
    padding: 10px 0;
    font-weight: bold; }
    .user-context .header .email {
      padding-left: 40px; }
  .user-context .user-row {
    border-top: solid 1px #ccc;
    color: #4D7BA5;
    padding: 12px 0; }
    .user-context .user-row .email {
      padding-left: 40px; }
    .user-context .user-row:nth-child(odd) {
      background-color: #fafaff; }

/* Tour Modal */
.tour-wrapper .container-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .tour-wrapper .container-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.tour-wrapper .footer {
  border: none;
  padding: 24px 10px 74px;
  position: relative;
  width: 570px;
  left: 50%;
  transform: translateX(-50%); }
  .tour-wrapper .footer p {
    color: #666;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    background-color: #f6f6f6; }
    .tour-wrapper .footer p a {
      color: #2f6faf;
      font-weight: normal;
      text-decoration: underline; }
.tour-wrapper .carousel .slide {
  padding: 20px;
  text-align: center; }
  .tour-wrapper .carousel .slide .video {
    position: relative;
    padding-top: 50%;
    margin: 11px 0 160px 0; }
    .tour-wrapper .carousel .slide .video iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .tour-wrapper .carousel .slide .modal-logo {
    width: 265px;
    height: 50px;
    margin-bottom: 20px; }
  .tour-wrapper .carousel .slide .paragraphs {
    padding: 1.25rem 1rem; }
  .tour-wrapper .carousel .slide p {
    color: #777;
    margin-bottom: 0;
    line-height: 1.35rem; }
  .tour-wrapper .carousel .slide .dismiss-link {
    font-size: 0.8rem;
    font-weight: 400; }
    .tour-wrapper .carousel .slide .dismiss-link:hover {
      text-decoration: underline; }
  .tour-wrapper .carousel .slide .title {
    font-size: 1.6rem;
    color: #2f6faf;
    font-weight: bold; }
    .tour-wrapper .carousel .slide .title strong {
      font-size: 2rem;
      display: block;
      color: #4D7BA5; }
  .tour-wrapper .carousel .slide .tour-image {
    margin-bottom: 15px; }
  .tour-wrapper .carousel .slide button {
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 0.7rem 2.4rem; }
  .tour-wrapper .carousel .slide .row {
    margin: 25px 0 40px; }
.tour-wrapper .footer .steps {
  padding: 20px 0;
  text-align: center;
  font-size: 0.8rem; }
.tour-wrapper .footer button {
  margin: 0.5rem;
  font-weight: normal; }
  .tour-wrapper .footer button.prev {
    float: left; }
  .tour-wrapper .footer button.next {
    float: right; }
.tour-wrapper .footer .not-show-more {
  background: white;
  padding: 1.3rem 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  .tour-wrapper .footer .not-show-more a {
    text-decoration: underline;
    font-weight: normal;
    color: #666;
    font-size: 0.85rem; }

.permissions-wrapper label.inline {
  padding: 0.3rem 0; }
.permissions-wrapper .permissions-group-emails .emails-label {
  padding-right: 10px; }
.permissions-wrapper .permissions-group-emails .host {
  outline: 0; }
.permissions-wrapper .permissions-group-emails .input {
  box-shadow: none; }
  .permissions-wrapper .permissions-group-emails .input:focus {
    background-color: #fff;
    box-shadow: none; }
.permissions-wrapper .permissions-group-emails .tag-item {
  background-image: none;
  box-shadow: none;
  background-color: #eee; }
.permissions-wrapper .header {
  padding: 1em 0;
  background: #dbdbdb;
  margin: 0; }
  .permissions-wrapper .header .data {
    display: inline-block;
    width: 100%;
    float: none; }
    .permissions-wrapper .header .data div {
      margin: 0; }

.permissions-group-inner {
  font-size: 0.8rem; }
  .permissions-group-inner .wrap-content {
    padding-bottom: 0; }
    .permissions-group-inner .wrap-content > .row:nth-child(odd) {
      background-color: #f7f7f7; }
    .permissions-group-inner .wrap-content .institution-row .strip {
      background-color: #f7f7f7; }
    .permissions-group-inner .wrap-content .widgets-row {
      border-top: solid 1px #eee; }
  .permissions-group-inner .institution {
    background: #efecec;
    padding: 0;
    border: none; }
  .permissions-group-inner .row {
    width: 100%;
    display: table;
    margin: 0; }
    .permissions-group-inner .row .columns, .permissions-group-inner .row .field-columns {
      height: 40px;
      display: table-cell;
      vertical-align: middle;
      float: none; }
    .permissions-group-inner .row .institution-name-label {
      font-weight: bold;
      color: #4d4d4d;
      font-size: 0.85rem; }
      .permissions-group-inner .row .institution-name-label span {
        display: inline-block;
        width: 110px;
        color: #aaa;
        font-size: 0.8rem; }
  .permissions-group-inner .manage-WD {
    background: #f7f7f7;
    padding: 12px 19px; }
  .permissions-group-inner .dynamic-form.add {
    padding: 1.6rem !important; }

.switch-checkbox-wrapper {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  font-size: 0;
  border-bottom: solid 1px #ddd;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 200ms ease;
  white-space: nowrap;
  -webkit-user-select: none;
  border-radius: 3px; }
  .switch-checkbox-wrapper .switch-checkbox-input {
    display: none; }
  .switch-checkbox-wrapper .check-area {
    display: inline-block;
    width: 24px;
    height: 100%;
    position: relative;
    vertical-align: top; }
    .switch-checkbox-wrapper .check-area .check-active {
      opacity: 0;
      color: #49ac87;
      position: absolute;
      top: 5px;
      left: 6px;
      font-size: 0.8rem;
      pointer-events: none;
      -webkit-transform: scale(2.5);
      -webkit-transition: all 200ms cubic-bezier(0.2, 1.45, 0.95, 1.2); }
  .switch-checkbox-wrapper .text-area {
    display: inline-block;
    padding: 6px 12px 5px;
    font-size: 0.75rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: solid 1px #ddd;
    background-color: rgba(73, 172, 135, 0);
    -webkit-transition: all 200ms ease; }
  .switch-checkbox-wrapper:not(.is-disabled):hover .text-area {
    background-color: rgba(73, 172, 135, 0.3); }
  .switch-checkbox-wrapper.is-checked .text-area {
    background-color: #49ac87 !important;
    color: white;
    border-left-color: rgba(0, 0, 0, 0); }
  .switch-checkbox-wrapper.is-checked .check-active {
    opacity: 1;
    -webkit-transform: scale(1); }
  .switch-checkbox-wrapper.is-disabled {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.05); }
    .switch-checkbox-wrapper.is-disabled .text-area {
      background-color: rgba(0, 0, 0, 0.1) !important;
      color: #fff;
      border-left-color: rgba(0, 0, 0, 0); }
    .switch-checkbox-wrapper.is-disabled .check-active {
      color: #bbb; }
  .switch-checkbox-wrapper.is-hidden {
    visibility: hidden; }

form.darf-form .row .row.collapse .columns, form.darf-form .row .row.collapse .field-columns {
  padding: 0 0.5rem; }

.field-fake-value {
  display: block;
  font-size: 0.8rem;
  padding: 8px 2px; }

.field-column-operator {
  display: block;
  font-size: 1.2rem;
  font-weight: 100;
  padding: 6px 0;
  width: 12px;
  height: 25px;
  background: no-repeat center center; }
  .field-column-operator.division {
    background-image: url(/assets/img/division.png); }
  .field-column-operator.multiply {
    background-image: url(/assets/img/multiply.png); }
  .field-column-operator.equals {
    background-image: url(/assets/img/equals.png); }

.inner-wrap .scroll-y {
  overflow-y: auto !important; }
.inner-wrap .inner-transactions {
  transition: all 0.3s ease-out; }
  .inner-wrap .inner-transactions .inner-transactions-offset {
    transition: all 0.2s ease-out; }
.inner-wrap:not(.is-expanded) .inner-dashboard-offset, .inner-wrap:not(.is-expanded) .inner-transactions-offset {
  margin-top: 0 !important; }
.inner-wrap:not(.is-expanded) .footer {
  bottom: 0 !important; }
.inner-wrap:not(.is-expanded) .inner-transactions {
  padding-top: 0; }
.inner-wrap.is-expanded #main-content {
  padding-top: 4em !important; }
.inner-wrap.is-expanded .inner-dashboard {
  padding-top: 125px; }
.inner-wrap.is-expanded .inner-transactions {
  padding-top: 125px; }
.inner-wrap.is-expanded #top-header-timeline {
  transform: translateY(0%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
.inner-wrap.is-expanded .nav-item-timeline {
  background-color: #243b4e; }

#top-header-viewingAs {
  position: absolute;
  width: 100%;
  z-index: 30;
  top: 2.8rem;
  padding: 0 0.8rem;
  height: 2.5rem;
  font-size: 0.8rem;
  background-color: #8697a6;
  transform: translateY(-100%);
  transition: transform 0.8s 4s ease-in; }
  #top-header-viewingAs.is-collapsing .viewingAs-current {
    opacity: 0;
    z-index: -2;
    transition: opacity 0.2s ease; }
  #top-header-viewingAs.is-collapsing .viewingAs-profile {
    opacity: 1;
    transition: opacity 0s 0.25s ease; }
  #top-header-viewingAs.is-expanded {
    transition: transform 0.3s ease-out;
    transform: translateY(0%); }
    #top-header-viewingAs.is-expanded .viewingAs-current {
      opacity: 1;
      transition: opacity 0s ease; }
    #top-header-viewingAs.is-expanded .viewingAs-profile {
      opacity: 0;
      z-index: -3;
      transition: opacity 0.2s 0.25s ease; }
  #top-header-viewingAs > div {
    position: absolute;
    top: 0.7rem;
    transition: opacity 0.2s 0.25s ease;
    opacity: 0; }
  #top-header-viewingAs .viewingAs-current {
    opacity: 0;
    z-index: -2;
    transition: opacity 0.1s ease; }
  #top-header-viewingAs .viewingAs-profile {
    top: 0.9rem; }
  #top-header-viewingAs .icon-close {
    color: #61788d;
    vertical-align: text-bottom;
    font-size: 1.1rem;
    margin-right: 3px;
    cursor: pointer;
    position: relative;
    top: 1px; }
  #top-header-viewingAs span {
    color: #e4e4e4;
    vertical-align: middle; }
  #top-header-viewingAs strong {
    color: #fff;
    vertical-align: middle;
    margin-right: 1.1em; }
  #top-header-viewingAs a {
    color: #e4e4e4;
    text-decoration: underline;
    margin-left: 12px;
    font-size: 0.9em; }

#top-header-timeline {
  position: absolute;
  z-index: 100;
  width: 100%;
  overflow: hidden;
  transform: translateY(-100%);
  transition: transform 0.3s ease-out;
  will-change: transform; }
  #top-header-timeline .tooltip {
    font-size: 11px;
    min-width: 100px !important;
    z-index: 9999; }
  #top-header-timeline .flickity-viewport {
    transition: height 0.3s ease-out; }
  #top-header-timeline .flickity-prev-next-button {
    position: absolute;
    top: 0;
    outline: 0;
    padding: 0.7rem 0.5rem;
    background: #fff;
    color: #999;
    border: none;
    margin: 0; }
    #top-header-timeline .flickity-prev-next-button[disabled] {
      opacity: 0; }
    #top-header-timeline .flickity-prev-next-button svg {
      display: none; }
    #top-header-timeline .flickity-prev-next-button.previous {
      left: 0;
      right: auto; }
      #top-header-timeline .flickity-prev-next-button.previous:before {
        display: inline;
        content: "\00276e"; }
    #top-header-timeline .flickity-prev-next-button.next {
      left: auto;
      right: 0; }
      #top-header-timeline .flickity-prev-next-button.next:before {
        display: inline;
        content: "\00276f"; }
  #top-header-timeline .timeline-cell {
    padding: 0.85rem 0;
    font-size: 0.85rem;
    text-align: center;
    font-weight: bold;
    outline: 0;
    display: inline-block; }
    #top-header-timeline .timeline-cell .cell-label {
      padding: 0.3rem 0.5rem;
      cursor: pointer;
      border-radius: 12px; }
      #top-header-timeline .timeline-cell .cell-label:hover {
        background-color: #355571;
        color: #fff; }
    #top-header-timeline .timeline-cell .cell-items-list {
      margin: 0;
      padding: 5px 0 0; }
      #top-header-timeline .timeline-cell .cell-items-list .cell-item {
        display: block;
        padding: 5px 0 0; }
        #top-header-timeline .timeline-cell .cell-items-list .cell-item span {
          font-size: 0.6rem;
          font-weight: 100;
          border-radius: 8px;
          padding: 0.23rem 0.4rem;
          cursor: pointer; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.spot {
            background-color: #d9eef5; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.option {
            background-color: #cee4e5; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.fund {
            background-color: #daf0de; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.event {
            background-color: #efefef; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.fixed-income-application {
            background-color: #d4ddfb; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.fixed-income-withdrawal {
            background-color: #a6e3da; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.otc {
            background-color: #eae4c5; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.entry {
            background-color: #dedede; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.generic {
            background-color: #f0d9c1; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.debt {
            background-color: #ffc08a; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.amortization {
            background-color: #ffc08a; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.vehicle-purchase {
            background-color: #a4b7d5; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.vehicle-sell {
            background-color: #669ff9; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.vehicle-event {
            background-color: #b9cef1; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.property-buy {
            background-color: #e5c843; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.property-sell {
            background-color: #cabb75; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.property-event {
            background-color: #f4c978; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.cryptocurrencies {
            background-color: #cfdbfd; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.credit-card {
            background-color: #e3d8f7; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.credit-card-due-date-event {
            background-color: #dedede; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.credit-card-due-date-set {
            background-color: #fcfccf; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.balance-adjustment {
            background-color: #f5b4b4; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.right-entry {
            background-color: #b5f0d9; }
          #top-header-timeline .timeline-cell .cell-items-list .cell-item span.duty-entry {
            background-color: #ebb4aa; }
    #top-header-timeline .timeline-cell.is-selected-date .cell-label {
      background-color: #355571;
      color: #fff; }
    #top-header-timeline .timeline-cell.is-holiday-date {
      font-weight: 400; }
      #top-header-timeline .timeline-cell.is-holiday-date .cell-label {
        color: #ccc; }
    #top-header-timeline .timeline-cell.is-disabled {
      font-weight: 400; }
      #top-header-timeline .timeline-cell.is-disabled .cell-label {
        color: #ccc;
        cursor: default; }
        #top-header-timeline .timeline-cell.is-disabled .cell-label:hover {
          color: #ccc;
          cursor: default;
          background-color: transparent; }
  #top-header-timeline .header-timeline-years {
    background-color: #eaebef;
    outline: 0;
    position: relative; }
    #top-header-timeline .header-timeline-years .flickity-prev-next-button {
      background: #eaebef; }
    #top-header-timeline .header-timeline-years .timeline-cell {
      min-width: 14.2%; }
  #top-header-timeline .header-timeline-months {
    background-color: #f2f3f6;
    outline: 0;
    position: relative; }
    #top-header-timeline .header-timeline-months .flickity-prev-next-button {
      background: #f2f3f6; }
    #top-header-timeline .header-timeline-months .timeline-cell {
      min-width: 8.3%; }
  #top-header-timeline .header-timeline-days {
    background-color: #fff;
    outline: 0;
    position: relative; }
    #top-header-timeline .header-timeline-days .timeline-cell {
      min-width: 40px; }

#top-header {
  height: 2.8rem;
  background-color: #355571;
  z-index: 101;
  position: relative; }
  #top-header .logo-wrapper {
    background-color: #4D7BA5;
    margin: 0;
    height: 2.8rem;
    padding-top: 0.4rem;
    width: 13.7rem;
    text-align: center;
    display: inline-block !important; }
    #top-header .logo-wrapper figcaption {
      position: absolute;
      text-indent: -999px; }
    #top-header .logo-wrapper .logo {
      max-height: 2rem; }
    #top-header .logo-wrapper.white-label {
      padding-top: 0; }
      #top-header .logo-wrapper.white-label .logo {
        width: 308px;
        height: 100%;
        max-height: 100%; }
  #top-header .top-header-menu-mobile {
    width: 100%;
    top: 4em;
    display: none;
    z-index: -1;
    background-color: #355571;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in; }
    #top-header .top-header-menu-mobile ul {
      margin: 0;
      padding: 0; }
    #top-header .top-header-menu-mobile a {
      font-weight: normal;
      color: #fff;
      padding: 0.8rem 0.6rem;
      display: block; }
    #top-header .top-header-menu-mobile li + li {
      border-top: solid 1px #4D7BA5; }
  #top-header .top-header-menu {
    width: calc(100% - 13.7rem);
    height: 2.8rem;
    color: #fff; }
    #top-header .top-header-menu .top-menu-navigation {
      height: 2.8rem; }
      #top-header .top-header-menu .top-menu-navigation .icon-arrow-down-v2 {
        font-size: 0.65rem; }
    #top-header .top-header-menu .menu-navigation-list {
      padding: 0;
      font-size: 0;
      position: relative; }
    #top-header .top-header-menu .navigation-list-item {
      position: relative;
      display: block;
      float: left;
      padding: 0.5rem 1.6rem 0.5rem 1.3rem;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none; }
      #top-header .top-header-menu .navigation-list-item .icon-arrow-down-v2 {
        position: absolute;
        top: 24px;
        right: 7px;
        transition: all 0.3s ease; }
      #top-header .top-header-menu .navigation-list-item:hover, #top-header .top-header-menu .navigation-list-item.expanded {
        background-color: #243b4e; }
      #top-header .top-header-menu .navigation-list-item + .tooltip {
        display: none !important; }
      #top-header .top-header-menu .navigation-list-item.expanded .icon-arrow-down-v2, #top-header .top-header-menu .navigation-list-item.is-expanded .icon-arrow-down-v2 {
        transform: rotate(180deg);
        top: 20px; }
      #top-header .top-header-menu .navigation-list-item.nav-item-timeline {
        padding: 0.45rem 1.6rem 0.3rem 1.3rem; }
        #top-header .top-header-menu .navigation-list-item.nav-item-timeline + .tooltip {
          left: -5px !important; }
          #top-header .top-header-menu .navigation-list-item.nav-item-timeline + .tooltip .nub {
            left: 25px !important; }
      #top-header .top-header-menu .navigation-list-item.nav-item-dashboard {
        padding: 0.55rem 1.6rem 0.3rem 1.3rem; }
        #top-header .top-header-menu .navigation-list-item.nav-item-dashboard .nav-item-label {
          line-height: 0.85rem; }
        #top-header .top-header-menu .navigation-list-item.nav-item-dashboard + .tooltip {
          left: 40px !important; }
          #top-header .top-header-menu .navigation-list-item.nav-item-dashboard + .tooltip .nub {
            left: 32px !important; }
      #top-header .top-header-menu .navigation-list-item.nav-item-institution {
        padding: 0.55rem 1.6rem 0.3rem 1.3rem; }
        #top-header .top-header-menu .navigation-list-item.nav-item-institution .nav-item-label {
          line-height: 0.85rem; }
        #top-header .top-header-menu .navigation-list-item.nav-item-institution + .tooltip {
          left: 61px !important;
          right: -36px !important; }
          #top-header .top-header-menu .navigation-list-item.nav-item-institution + .tooltip .nub {
            left: 62px !important; }
      #top-header .top-header-menu .navigation-list-item .f-dropdown {
        top: 45px !important;
        max-width: none;
        max-height: 80vh;
        overflow-y: auto;
        width: 280px !important;
        border-radius: 3px;
        font-size: 0;
        padding: 0;
        margin: 0;
        display: block !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
        background-color: #fdfdfd;
        transform: scaleY(0);
        transform-origin: top;
        transition: max-height 0.3s ease-out; }
        #top-header .top-header-menu .navigation-list-item .f-dropdown:before {
          left: 50px !important; }
        #top-header .top-header-menu .navigation-list-item .f-dropdown:after {
          left: 49px !important; }
        #top-header .top-header-menu .navigation-list-item .f-dropdown.f-open-dropdown {
          transition: transform 0.3s cubic-bezier(0.1, 0.95, 0.6, 1.1), max-height 0.3s ease-out;
          transform: scaleY(1);
          z-index: 999; }
        #top-header .top-header-menu .navigation-list-item .f-dropdown li {
          color: #666;
          width: 100%;
          padding: 0.3rem 0;
          font-size: 0.8rem; }
          #top-header .top-header-menu .navigation-list-item .f-dropdown li:hover {
            background-color: rgba(77, 123, 165, 0.1); }
      #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard {
        padding: 0.3rem 0 0;
        width: 220px !important;
        max-height: 500px; }
        #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard li {
          opacity: 1;
          padding: 0.5rem 0.7rem 0.15rem;
          transition: opacity 0.2s 0.2s ease-out; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard li span {
            display: inline-block;
            line-height: 0.9rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard li.is-selected {
            background-color: #4D7BA5; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard li.is-selected span {
              color: #fff;
              width: calc(100% - 25px); }
              #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard li.is-selected span:after {
                font-family: "livecapital-app";
                display: inline;
                content: "\62";
                position: absolute;
                right: 15px; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard li.dashboard-new {
            padding: 0.25rem 0.5rem;
            border-top: solid 1px #eee;
            margin-top: 0.3rem;
            font-size: 0.7rem;
            font-weight: bold;
            text-align: center;
            color: #4D7BA5; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard li.dashboard-new:hover {
              text-decoration: underline; }
        #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dropdown-dashboard-new {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          padding-bottom: 0.5rem;
          opacity: 0;
          z-index: -1;
          transition: opacity 0.2s ease-out; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dropdown-dashboard-new:hover {
            background-color: transparent;
            cursor: default; }
        #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dashboard-new-header {
          margin: 0.2rem 0 0.3rem; }
        #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dashboard-new-header-back {
          font-size: 0.7rem;
          color: #4D7BA5; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dashboard-new-header-back:hover {
            cursor: pointer; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dashboard-new-header-back .icon-arrow-down-v2 {
            display: inline-block;
            transform: rotate(90deg);
            vertical-align: text-top;
            font-size: 0.5rem; }
        #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dashboard-new-header-title {
          margin-left: 0.4rem;
          font-weight: bold; }
        #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dashboard-new-control input {
          width: calc(100% - 40px);
          display: inline-block;
          height: auto;
          font-size: 0.7rem;
          margin: 0;
          padding: 0.3rem;
          line-height: 0.7rem; }
        #top-header .top-header-menu .navigation-list-item #dropdown-menu-dashboard .dashboard-new-control button {
          height: auto;
          width: 35px;
          margin: 0;
          padding: 0.3rem;
          font-size: 0.7rem;
          line-height: 0.9rem; }
      #top-header .top-header-menu .navigation-list-item.is-creating #dropdown-menu-dashboard {
        min-height: 75px;
        max-height: 75px;
        transition: max-height 0.3s ease-out; }
        #top-header .top-header-menu .navigation-list-item.is-creating #dropdown-menu-dashboard.f-open-dropdown {
          transition: transform 0.3s cubic-bezier(0.1, 0.95, 0.6, 1.1), max-height 0.3s ease-out; }
      #top-header .top-header-menu .navigation-list-item.is-creating li {
        transition: opacity 0.2s ease-out !important;
        opacity: 0 !important; }
      #top-header .top-header-menu .navigation-list-item.is-creating .dropdown-dashboard-new {
        transition: opacity 0.2s 0.2s ease-out !important;
        opacity: 1 !important;
        z-index: 1 !important; }
      #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated {
        width: 340px !important; }
        #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li {
          transition: background-color 0.3s ease; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li:hover .institution-institution:before {
            background-color: #fff; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.is-selected {
            background-color: #4D7BA5 !important; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.is-selected .institution-label {
              color: #e0e0e0; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.is-selected .institution-name {
              color: #fff;
              width: calc(100% - 135px); }
              #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.is-selected .institution-name:after {
                font-family: "livecapital-app";
                display: inline;
                content: "\62";
                position: absolute;
                right: 15px; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-regular-header {
            background-color: #d5e2ef; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-regular {
            background-color: #f2f7fb; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-regular:hover {
              background-color: #e7f0f9; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-simulation-header {
            background-color: #daefe7; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-simulation {
            background-color: #f4faf8; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-simulation:hover {
              background-color: #e4f1ec; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-shared-header {
            background-color: #f9ead0; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-shared {
            background-color: #fef9f1; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.inst-shared:hover {
              background-color: #fbf3e1; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li div {
            display: inline-block; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li .institution-label {
            width: 105px;
            text-align: right;
            font-size: 0.7rem;
            color: #bbb;
            vertical-align: middle; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li .institution-label .icon {
              font-size: 0.6rem; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li .institution-name {
            padding-left: 5px;
            font-size: 0.8rem;
            max-width: calc(100% - 135px);
            vertical-align: middle;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-user {
            margin-top: 0.3rem; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-user .institution-label {
              font-weight: bold; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-new, #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-search {
            padding: 0; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-new a, #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-search a {
              padding: 0.3rem 0; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-search {
            background-color: #f6f6f6; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-institution {
            padding-top: 0.6rem;
            position: relative; }
            #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-institution .institution-label {
              font-weight: bold; }
              #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li.institution-institution .institution-label .icon {
                margin-right: 0.5rem; }
          #top-header .top-header-menu .navigation-list-item #dropdown-menu-consolidated li + .institution-institution {
            border-top: solid 1px #eee; }
    #top-header .top-header-menu .tooltip {
      font-size: 0.75rem;
      border-radius: 3px;
      padding: 5px 8px;
      left: auto !important; }
      #top-header .top-header-menu .tooltip .nub {
        left: auto !important; }
    #top-header .top-header-menu .nav-item-icon {
      display: none; }
      #top-header .top-header-menu .nav-item-icon .icon-calendar-v2 {
        font-size: 1.1rem; }
      #top-header .top-header-menu .nav-item-icon .icon-dashboard-v2 {
        font-size: 1.3rem; }
      #top-header .top-header-menu .nav-item-icon .icon-book {
        font-size: 1.2rem; }
    #top-header .top-header-menu .nav-item-label {
      display: block;
      font-size: 0.6rem;
      font-weight: 900;
      color: #eee; }
    #top-header .top-header-menu .nav-item-value {
      display: block;
      font-size: 0.8rem;
      line-height: 0.9rem;
      font-weight: 100; }
      #top-header .top-header-menu .nav-item-value span {
        display: inline-block;
        max-width: 70px;
        min-width: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      #top-header .top-header-menu .nav-item-value .nav-item-value-tradingAccount {
        display: inline-block; }
        #top-header .top-header-menu .nav-item-value .nav-item-value-tradingAccount span {
          min-width: 0; }
      #top-header .top-header-menu .nav-item-value .nav-item-value-institution, #top-header .top-header-menu .nav-item-value .nav-item-value-dashboard {
        display: inline-block;
        max-width: 120px; }
    #top-header .top-header-menu .top-menu-buttons {
      display: table;
      height: 2.85rem; }
      #top-header .top-header-menu .top-menu-buttons .button-link-icon {
        font-size: 1.2rem;
        position: relative;
        top: 1px;
        vertical-align: text-bottom; }
        #top-header .top-header-menu .top-menu-buttons .button-link-icon.icon-add-v2 {
          font-size: 0.9rem;
          top: 0; }
        #top-header .top-header-menu .top-menu-buttons .button-link-icon.icon-widget-v2 {
          margin-right: 5px;
          font-size: 1.3rem; }
      #top-header .top-header-menu .top-menu-buttons .f-dropdown {
        left: auto !important;
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
        padding: 0;
        margin: 0;
        width: 180px;
        z-index: 999;
        display: block !important;
        transform: scaleY(0);
        transform-origin: top;
        box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        background-color: #fdfdfd; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown:not(#dropdown-menu-feedback) {
          right: 0 !important; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown:after {
          display: none; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown:before {
          pointer-events: none; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown#dropdown-menu-user [class^="icon-"] {
          color: #99a9b9;
          font-size: 0.8rem;
          margin: 0 4px 0 0;
          position: relative;
          top: 3px; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown#dropdown-menu-user:before {
          right: 18px !important; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown#dropdown-menu-config:before {
          right: 67px !important; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown.f-open-dropdown {
          transition: transform 0.3s cubic-bezier(0.1, 0.85, 0.4, 1.24);
          transform: scaleY(1); }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown .dropdown-menu-caption {
          color: #999;
          padding: 0.4rem 0.6rem;
          font-size: 0.7rem; }
          #top-header .top-header-menu .top-menu-buttons .f-dropdown .dropdown-menu-caption:hover {
            cursor: text;
            background-color: transparent; }
          #top-header .top-header-menu .top-menu-buttons .f-dropdown .dropdown-menu-caption .menu-user-email {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 0.7rem;
            padding-bottom: 0.2rem; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown li {
          position: relative; }
          #top-header .top-header-menu .top-menu-buttons .f-dropdown li:hover {
            background-color: transparent; }
        #top-header .top-header-menu .top-menu-buttons .f-dropdown a {
          font-size: 0.65rem;
          font-weight: 900;
          padding: 0.35rem 0.6rem;
          border: 0; }
          #top-header .top-header-menu .top-menu-buttons .f-dropdown a:before {
            position: absolute;
            content: " ";
            height: 1px;
            left: 0.35rem;
            right: 0.35rem;
            background-color: #ddd;
            top: -1px; }
    #top-header .top-header-menu .menu-button-link {
      display: table-cell;
      vertical-align: middle;
      padding: 0 0.9rem;
      font-size: 0.8rem;
      font-weight: 100;
      color: #fff;
      border-left: solid 1px #406789; }
      #top-header .top-header-menu .menu-button-link:hover, #top-header .top-header-menu .menu-button-link.expanded {
        background-color: #243b4e; }
      @media (max-width: 1080px) {
        #top-header .top-header-menu .menu-button-link .icon-widget-v2 {
          margin: 0 !important; }
        #top-header .top-header-menu .menu-button-link .button-link-label {
          display: none; } }
      #top-header .top-header-menu .menu-button-link.button-link-widgets {
        padding: 0 1.2rem;
        background-color: #275e91;
        border-left: 0; }
        #top-header .top-header-menu .menu-button-link.button-link-widgets:hover {
          background-color: #2f72ad; }
      #top-header .top-header-menu .menu-button-link.button-link-addTransactions {
        padding: 0 1.2rem;
        background-color: #49ac87;
        border-left: 0; }
        #top-header .top-header-menu .menu-button-link.button-link-addTransactions:hover {
          background-color: #5ebb97; }
      #top-header .top-header-menu .menu-button-link.button-link-history + .tooltip {
        right: 50px !important; }
        #top-header .top-header-menu .menu-button-link.button-link-history + .tooltip .nub {
          right: 65px !important; }
      #top-header .top-header-menu .menu-button-link.button-link-config.expanded + .tooltip {
        display: none !important; }
      #top-header .top-header-menu .menu-button-link.button-link-config + .tooltip {
        right: 28px !important; }
        #top-header .top-header-menu .menu-button-link.button-link-config + .tooltip .nub {
          right: 40px !important; }
      #top-header .top-header-menu .menu-button-link.button-link-user.expanded + .tooltip {
        display: none !important; }
      #top-header .top-header-menu .menu-button-link.button-link-user + .tooltip {
        right: 5px !important; }
        #top-header .top-header-menu .menu-button-link.button-link-user + .tooltip .nub {
          right: 15px !important; }

#digest-unsubscription, #follow-portfolio {
  text-align: center;
  position: relative;
  margin-top: 15%; }
  #digest-unsubscription b, #follow-portfolio b {
    font-size: 20px; }
  #digest-unsubscription p, #follow-portfolio p {
    margin: 38px auto 48px;
    max-width: 490px; }

#follow-portfolio .email {
  display: inline-block;
  margin-bottom: 35px !important; }
  #follow-portfolio .email .error-message {
    display: none;
    color: #c04345;
    line-height: 20px;
    height: 20px;
    font-weight: bold; }
  #follow-portfolio .email.show-error {
    margin-bottom: 15px !important; }
    #follow-portfolio .email.show-error .error-message {
      display: block; }
#follow-portfolio .columns, #follow-portfolio .field-columns {
  padding: 0; }
#follow-portfolio .login-button {
  width: auto; }
#follow-portfolio form div {
  margin-bottom: 15px; }

.generic-assets-list form .row, .generic-assets form .row {
  margin-bottom: 20px; }
.generic-assets-list .nav-top, .generic-assets .nav-top {
  margin: 0 0 16px; }
.generic-assets-list .liquidation input, .generic-assets .liquidation input {
  display: inline-block;
  width: 70%; }
.generic-assets-list .operation-action, .generic-assets .operation-action {
  margin: 0 0 0 20px;
  display: inline-block; }
  .generic-assets-list .operation-action .radio-group, .generic-assets .operation-action .radio-group {
    padding: 3px 4px 4px 10px; }
.generic-assets-list table, .generic-assets table {
  border: none; }
  .generic-assets-list table tr, .generic-assets table tr {
    border-top: 1px solid #e5e5e5;
    padding: 9px 0; }
    .generic-assets-list table tr:first-child, .generic-assets table tr:first-child {
      border: none; }
    .generic-assets-list table tr td:first-child, .generic-assets table tr td:first-child {
      text-align: left;
      font-size: 13px;
      color: #4d4d4d; }
    .generic-assets-list table tr td a:first-child, .generic-assets table tr td a:first-child {
      margin: 0 33px 0 0; }

.generic-assets-list .header .columns, .generic-assets-list .header .field-columns {
  padding: 0; }
.generic-assets-list .search {
  position: relative; }
  .generic-assets-list .search.disabled {
    opacity: 0.3; }
  .generic-assets-list .search .icon-search {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    font-size: 1.6em; }
  .generic-assets-list .search input {
    padding: 0px 30px 0 10px;
    height: 32px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #e3e3e3;
    font-style: italic; }
.generic-assets-list table {
  margin: 10px 0 0 0; }
  .generic-assets-list table tr {
    background: #f9f9f9;
    padding: 0 28px 0 20px; }
    .generic-assets-list table tr td {
      height: 40px; }
      .generic-assets-list table tr td.name {
        padding-left: 20px;
        color: #666666; }
        .generic-assets-list table tr td.name span {
          color: #999999;
          font-style: italic; }
      .generic-assets-list table tr td.buttons {
        padding: 0 28px 0 0;
        line-height: 40px; }
.generic-assets-list .dynamic-form.add {
  margin-top: 0.5em; }

.generic-assets form {
  background: #fbfbfb;
  padding: 1.5em 0 3em;
  border: solid 1px #eeeeee; }
  .generic-assets form.no-border {
    border: none; }
  .generic-assets form .fields, .generic-assets form .container-button {
    padding: 0 1em; }
  .generic-assets form .advanced {
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #eeeeee;
    text-transform: uppercase;
    color: #666666; }
    .generic-assets form .advanced:hover {
      background: #e0dcdc; }
    .generic-assets form .advanced.dropdown {
      padding-left: 24px; }
      .generic-assets form .advanced.dropdown.close:after {
        border-color: transparent transparent transparent #666666;
        left: 11px;
        margin-top: -0.25rem; }
      .generic-assets form .advanced.dropdown.open:after {
        border-color: #666666 transparent transparent transparent; }
      .generic-assets form .advanced.dropdown:after {
        left: 7px;
        border-width: 0.275rem; }
  .generic-assets form .button {
    margin: 0; }

.help {
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
  color: white;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #b3b3b3;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  font-weight: bold; }

.generic-assets-quotations {
  margin-top: 60px; }
  .generic-assets-quotations input[currency-input] {
    width: 155px; }
  .generic-assets-quotations .content {
    overflow: initial; }

.widget-positions_balance .navigation-item-icon {
  font-size: 0.8rem !important;
  line-height: 1.3rem !important; }

.institutions h2, .institutions h3, .institutions h4 {
  font-weight: normal !important; }
.institutions h2 {
  display: inline-block;
  margin-right: 1rem; }
.institutions .broker p {
  margin-bottom: 0.2rem; }
.institutions .simulation-switch, .institutions .shared-permission {
  margin-top: 30px; }
  .institutions .simulation-switch button, .institutions .shared-permission button {
    outline: none;
    margin-top: 10px; }
  .institutions .simulation-switch p, .institutions .shared-permission p {
    margin-bottom: 0.2rem; }
.institutions .shared-permission-info {
  display: inline-block;
  font-size: 0.85rem;
  padding: 10px 0 10px 20px;
  line-height: 25px; }
  .institutions .shared-permission-info.switch-circle {
    padding-left: 0; }
  .institutions .shared-permission-info .copy-action {
    padding-left: 5px; }
.institutions .card {
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #e6e6e6;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  min-height: auto;
  padding: 18px 14px;
  margin: 0 0 20px;
  transition: all 0.3s ease; }
  .institutions .card.active {
    background-color: #2f6faf;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26); }
    .institutions .card.active.archived {
      background-color: rgba(47, 111, 175, 0.2); }
    .institutions .card.active input:disabled {
      color: white; }
    .institutions .card.active b {
      color: #92b1d0; }
    .institutions .card.active .edit, .institutions .card.active .delete {
      color: rgba(255, 255, 255, 0.7); }
      .institutions .card.active .edit:hover, .institutions .card.active .delete:hover {
        color: white; }
    .institutions .card.active.simulation {
      background-color: #44ad86; }
      .institutions .card.active.simulation.archived {
        background-color: rgba(68, 173, 134, 0.2); }
      .institutions .card.active.simulation .type-card {
        color: #4a4a4a; }
  .institutions .card.primary {
    text-align: center;
    padding: 21px 14px; }
    .institutions .card.primary b {
      text-transform: uppercase; }
    .institutions .card.primary.blue {
      background: #e5eff3; }
    .institutions .card.primary.green {
      background: #e2ebe4; }
    .institutions .card.primary.red {
      background: #f7dbdb; }
    .institutions .card.primary.purple {
      background: #e9ebf6; }
    .institutions .card.primary.dark-gray {
      background: #e4e4e4; }
    .institutions .card.primary.orange {
      background: #f6dbc5; }
    .institutions .card.primary.vehicle-color {
      background: #aec1d9; }
    .institutions .card.primary.real-properties {
      background: #ffefb2; }
    .institutions .card.primary.cryptocurrencies {
      background: #cfdbfd; }
    .institutions .card.primary.credit-card {
      background: #e3d8f7; }
  .institutions .card.checking-account .delete, .institutions .card.checking-account .edit, .institutions .card.checking-account .row {
    display: none !important; }
  .institutions .card:hover .delete {
    display: block; }
  .institutions .card .container-input:hover .edit {
    display: block; }
  .institutions .card .overlay {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .institutions .card .overlay .loading-icon {
      margin: 10% auto; }
  .institutions .card .type-card, .institutions .card b {
    display: block;
    color: #b9b9b9;
    font-size: 0.85rem;
    margin: 0 0 10px; }
  .institutions .card b {
    color: #787878;
    font-size: 0.8rem;
    line-height: 1.2; }
  .institutions .card input:disabled {
    border: none;
    background: transparent;
    font-weight: bold;
    padding: 0; }
  .institutions .card .container-label input {
    cursor: pointer; }
  .institutions .card .institution-email {
    cursor: pointer;
    background: none;
    border: none;
    color: #666;
    font-size: 0.5rem;
    line-height: 0.7rem;
    padding: 0 0 0 1.2rem;
    text-align: left;
    transition: color 0.3s ease; }
    .institutions .card .institution-email i {
      font-size: 1rem;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
    .institutions .card .institution-email:hover {
      color: #333; }
  .institutions .card .editing .container-label input {
    cursor: auto; }
  .institutions .card .editing .action {
    display: block !important; }
  .institutions .card .editing .edit {
    display: none !important; }
  .institutions .card .action, .institutions .card .edit, .institutions .card .delete {
    display: none; }
  .institutions .card .edit {
    position: absolute;
    top: 0.6rem;
    right: 0; }
  .institutions .card button {
    margin: 0; }
  .institutions .card .access {
    margin-top: 10px; }
  .institutions .card .delete {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #b5b5b5;
    font-size: 0.9rem; }
.institutions .account-types {
  overflow: hidden;
  border-top: solid 1px #e3e3e3;
  padding: 1.7rem 0 0.6rem; }
.institutions .data-institution p {
  margin: 3px 0 0; }
  .institutions .data-institution p:first-child {
    margin: 8px 0 0; }
.institutions .data-institution b {
  font-size: 1rem;
  margin: 10px 0 0; }
.institutions .data-institution h3 {
  font-size: 1.1rem; }
.institutions form .columns, .institutions form .field-columns {
  padding: 0; }

.configuration-metas h2, .configuration-metas h3, .configuration-metas h4 {
  font-weight: normal !important; }
.configuration-metas .no-margin {
  margin: 0 !important; }
.configuration-metas form .columns, .configuration-metas form .field-columns {
  margin-bottom: 12px; }
.configuration-metas .pb-0 {
  padding-bottom: 0 !important; }

.accordion-assets {
  display: block;
  margin-top: 12px; }
  .accordion-assets dd:not(:last-child) {
    border-bottom: 1px solid #c5d0d9; }
  .accordion-assets dd > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    background-color: #e2e8ed;
    padding: 6px 10px;
    color: #4a4a4a; }
    .accordion-assets dd > a:hover {
      background-color: #afcbe3; }
    .accordion-assets dd > a .indicator {
      font-size: 16px;
      line-height: 1; }
  .accordion-assets label {
    padding: 0 10px; }
    .accordion-assets label.disabled {
      color: #CCC; }
  .accordion-assets .asset {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    padding-left: 30px; }

.user-data h2, .user-data h3, .user-data h4 {
  font-weight: normal !important; }
.user-data .instructions {
  margin: 27px 0 45px; }
.user-data .no-margin {
  margin: 0 !important; }
.user-data.margin-top-60 {
  margin-top: 60px; }
.user-data h3 {
  margin-bottom: 12px; }
.user-data .test-connection {
  color: #2f6faf;
  font-weight: normal;
  text-decoration: underline;
  margin-top: 13px;
  display: inline-block; }
.user-data .container-form .row {
  border-top: none;
  border-bottom: 1px solid #dce3ea; }
.user-data section {
  margin: 0 0 40px; }
  .user-data section .row {
    background: #f9f9f9;
    font-size: 0.9rem;
    line-height: 1.6;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-top: 1px solid #dce3ea; }
    .user-data section .row.no-border {
      border: none; }
    .user-data section .row .columns:first-child, .user-data section .row .field-columns:first-child {
      font-weight: bold;
      color: #4a4a4a; }
.user-data form .row, .user-data .form .row {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #dce3ea;
  border-top: 0; }
.user-data form label {
  color: #4a4a4a;
  font-weight: bold;
  font-size: 0.9rem; }
.user-data form input[type="text"], .user-data form input[type="password"] {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #e3e3e3;
  margin-top: 10px;
  font-weight: normal;
  font-size: 0.9rem;
  padding: 1rem 0.5rem;
  box-shadow: none; }
  .user-data form input[type="text"]:disabled, .user-data form input[type="password"]:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
.user-data form .button {
  border-radius: 3px;
  background: #2f6faf;
  font-size: 0.85rem;
  padding: 0.65rem 1.3rem;
  height: auto;
  margin-top: 1.3rem; }
  .user-data form .button:hover {
    background: #27619c; }
.user-data form .error-messages {
  margin-top: 18px; }
.user-data .forgot-credentials {
  font-size: 0.75rem;
  color: #666;
  text-decoration: underline;
  font-weight: normal; }

.pass-strength .bars.low .bar:nth-child(1) {
  background: #ff2400; }
.pass-strength .bars.medium .bar:nth-child(1), .pass-strength .bars.medium .bar:nth-child(2) {
  background: #e9ac43; }
.pass-strength .bars.high .bar {
  background: #49ac87; }
.pass-strength .bars .bar {
  display: inline-block;
  width: 38px;
  height: 6px;
  background: #dedede;
  margin-left: 2px; }

.back-link {
  margin: 27px 0 40px;
  font-size: 0.9rem; }
  .back-link a {
    margin: 0 0 0 -8px; }

.uploaded-quotes #quote-upload, .uploaded-quotes #comecotas-upload {
  display: none; }
.uploaded-quotes .icon-add-inputtransfer, .uploaded-quotes .icon-add-outputtransfer {
  font-size: 1rem; }
.uploaded-quotes .upload-csv label {
  display: block; }
.uploaded-quotes .know-more {
  text-align: left; }
  .uploaded-quotes .know-more .content {
    border-left: 1px solid #bababa;
    padding: 0px 30px 0 49px;
    position: relative;
    min-height: 40px; }
    .uploaded-quotes .know-more .content .icon-info {
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%); }
  .uploaded-quotes .know-more .link {
    font-size: 12px;
    color: #2f6faf;
    font-weight: normal;
    line-height: 1.4;
    display: inline-block;
    margin: 6px 0 0; }
.uploaded-quotes .container-table table {
  position: static; }

.widget-export-data table tbody tr td:first-child, .widget-shared-portfolio table tbody tr td:first-child {
  text-align: left;
  padding-left: 10px !important; }

.widget-shared-portfolio table thead tr {
  border: none !important; }
  .widget-shared-portfolio table thead tr th {
    border: none !important;
    background: transparent !important; }
    .widget-shared-portfolio table thead tr th.text-left {
      padding: 0 0.8rem !important; }
.widget-shared-portfolio .switch-circle label {
  padding: 0 18px;
  line-height: 18px;
  width: 80px;
  box-sizing: content-box;
  margin: auto; }
.widget-shared-portfolio .loading-livecapital {
  position: relative;
  height: 18px;
  background: transparent; }
  .widget-shared-portfolio .loading-livecapital:before {
    width: 100%;
    height: 100%;
    background-size: contain; }

.widget-chat h2 {
  color: #4a4a4a;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: left;
  background-color: #f5f5f5;
  padding: 6px 16px;
  margin: 0; }
.widget-chat .chat .conversation {
  padding: 15px;
  text-align: left;
  border-top: 1px solid #e7e7e7;
  background-color: white;
  transition: background-color 0.3s ease;
  position: relative;
  cursor: pointer; }
  .widget-chat .chat .conversation:first-child {
    border-top: none !important; }
  .widget-chat .chat .conversation:hover {
    background-color: #dbe3eb; }
  .widget-chat .chat .conversation b {
    color: #4a4a4a;
    font-size: 0.85rem; }
  .widget-chat .chat .conversation p {
    color: #666666;
    font-size: 0.85rem;
    padding: 0.4rem 0; }
  .widget-chat .chat .conversation .time {
    color: #9a9a9a;
    font-size: 0.7rem; }
  .widget-chat .chat .conversation .unread-message {
    font-size: 0.85rem;
    color: white;
    background: #2f6faf;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-weight: 600;
    text-align: center;
    line-height: 23px;
    position: absolute;
    top: 9px;
    right: 21px; }
.widget-chat .chat .chat-input {
  padding: 10px;
  text-align: right; }
  .widget-chat .chat .chat-input textarea {
    min-height: 100px; }
  .widget-chat .chat .chat-input button {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #2f6faf;
    text-transform: uppercase; }
.widget-chat .chat .chat-canvas {
  overflow-y: scroll; }
  .widget-chat .chat .chat-canvas ul {
    margin: 0;
    padding: 10px; }
  .widget-chat .chat .chat-canvas li {
    padding: 0 15% 0 0;
    text-align: left;
    margin: 0 0 16px; }
    .widget-chat .chat .chat-canvas li.message-user {
      padding: 0 0 0 15%;
      text-align: right; }
      .widget-chat .chat .chat-canvas li.message-user .header {
        text-align: right; }
      .widget-chat .chat .chat-canvas li.message-user .message {
        background-color: #c2d4e6; }
    .widget-chat .chat .chat-canvas li .nick-name, .widget-chat .chat .chat-canvas li .time, .widget-chat .chat .chat-canvas li .message {
      font-size: 0.8rem; }
    .widget-chat .chat .chat-canvas li .header {
      padding: 0;
      height: auto; }
    .widget-chat .chat .chat-canvas li .nick-name {
      color: #484848; }
    .widget-chat .chat .chat-canvas li .time {
      color: #bbbbbb; }
    .widget-chat .chat .chat-canvas li .message {
      color: #666666;
      padding: 13px 15px;
      margin-top: 5px;
      background-color: #ededed;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      text-align: left;
      display: inline-block; }
.widget-chat .contacts ul {
  margin: 0;
  padding: 0;
  text-align: left; }
  .widget-chat .contacts ul li .offline, .widget-chat .contacts ul li .online, .widget-chat .contacts ul li .nonavailable {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 4px; }
  .widget-chat .contacts ul li .offline, .widget-chat .contacts ul li .nonavailable {
    background-color: #ddd; }
  .widget-chat .contacts ul li .online {
    background-color: #49ac87; }
  .widget-chat .contacts ul li a {
    color: #666666;
    font-size: 0.85rem;
    cursor: pointer;
    display: block;
    border-top: 1px solid #e7e7e7;
    padding: 4px 16px;
    background-color: white;
    transition: background-color 0.3s ease; }
    .widget-chat .contacts ul li a:hover {
      background-color: #dbe3eb; }
  .widget-chat .contacts ul li:first-child a {
    border-top: none; }

.widget-blog {
  border-top: 1px solid #d3d3d3;
  padding: 1.2rem 1rem;
  color: #969696;
  overflow: scroll !important;
  height: 100%; }
  .widget-blog b {
    font-size: 0.9rem;
    color: #666666; }
  .widget-blog p {
    font-size: 0.8rem;
    line-height: 1.4; }
  .widget-blog hr {
    margin: 5px 0 18px; }
  .widget-blog form {
    margin: 26px 0 0; }
    .widget-blog form input {
      font-style: italic; }
    .widget-blog form .row {
      margin: 0 0 12px !important; }
      .widget-blog form .row .row {
        margin: 0 !important; }
        .widget-blog form .row .row .columns:first-child, .widget-blog form .row .row .field-columns:first-child {
          padding-right: 0.5rem; }
  .widget-blog article {
    margin: 0 0 20px;
    min-height: 165px; }
    .widget-blog article a b {
      color: #2f6faf;
      font-size: 0.85rem;
      line-height: 1; }
  .widget-blog .container-image {
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
    background: #f3f3f3; }
    .widget-blog .container-image img {
      width: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 0.8rem; }
  .widget-blog .white-label {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.5rem;
    width: 100%;
    color: #8f8f8f;
    text-align: right; }
    .widget-blog .white-label img {
      margin: 0 0 0 7px; }
    .widget-blog .white-label.global {
      background: #cfddd1; }
    .widget-blog .white-label.belvedere {
      background: #c4d6dc; }
    .widget-blog .white-label.livecapital {
      background: #355571;
      color: white; }
      .widget-blog .white-label.livecapital img {
        width: 84px;
        height: auto; }

.logo-livecapital-whitelabel img {
  width: 90px;
  height: auto;
  opacity: 0.8; }
.logo-livecapital-whitelabel i {
  font-size: 0.7rem;
  position: relative;
  top: 3px; }

.properties-forms .v-middle {
  vertical-align: sub; }
.properties-forms .common-fields datepicker input {
  width: 100%; }
.properties-forms .common-fields .medium-4 {
  margin-bottom: 8px; }
.properties-forms .common-fields input[type="radio"] {
  margin: 0 0 0.6rem 0; }
.properties-forms .rate {
  padding: 0.6rem 0 0 0.5rem; }
.properties-forms .top-10 {
  margin-top: 10px !important; }
.properties-forms .bottom-10 {
  margin-bottom: 10px !important; }
.properties-forms .header {
  margin-bottom: 20px; }
.properties-forms form {
  padding-bottom: 20px; }
  .properties-forms form input[type="text"] {
    height: 1.5rem; }
  .properties-forms form input:disabled, .properties-forms form select:disabled {
    cursor: not-allowed; }
    .properties-forms form input:disabled:hover, .properties-forms form select:disabled:hover {
      background-color: #ddd; }
.properties-forms .photos {
  overflow: hidden; }
  .properties-forms .photos li {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 150px;
    border: 1px solid #b6cde4;
    background: #f0f4f8;
    float: left;
    margin: 0 10px 0 0; }
    .properties-forms .photos li a.remove-photo {
      position: absolute;
      top: 5px;
      right: 5px;
      width: auto;
      height: auto;
      color: white;
      z-index: 13;
      text-shadow: 1px 0 black; }
    .properties-forms .photos li a {
      display: block;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
      position: relative;
      z-index: 12; }
    .properties-forms .photos li .loading-icon {
      position: absolute;
      top: 50px;
      left: 60px; }
    .properties-forms .photos li .loading-livecapital {
      z-index: 10; }
    .properties-forms .photos li .uploading-photo {
      font-weight: bold;
      font-size: 0.8rem;
      color: #5886af;
      text-align: center; }
      .properties-forms .photos li .uploading-photo .loading-icon {
        position: static;
        margin-top: 40px; }
    .properties-forms .photos li .add-media {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center; }
      .properties-forms .photos li .add-media label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        font-weight: bold;
        font-size: 0.8rem;
        color: #5886af; }
        .properties-forms .photos li .add-media label i {
          display: block;
          font-size: 1.7rem;
          margin-top: 40px; }
      .properties-forms .photos li .add-media input {
        display: none; }

.widget-manage-users .permissions-group-emails .input {
  width: 100% !important; }

.debt-forms input[rate-input] {
  max-width: 110px; }
.debt-forms textarea {
  min-height: auto; }
.debt-forms form {
  padding: 0 0 15px; }
  .debt-forms form > .row {
    padding: 10px 0 0; }
  .debt-forms form .field-columns:first-child {
    padding-left: 0; }
  .debt-forms form .inline-checkbox input, .debt-forms form .inline-checkbox label {
    position: relative; }
  .debt-forms form .inline-checkbox input {
    top: 34px; }
  .debt-forms form .inline-checkbox label {
    top: 32px; }
.debt-forms .rate-column span {
  display: inline-block; }
.debt-forms .rate-column .rate {
  position: relative;
  top: 10px;
  margin: 0 0 0 6px; }
  .debt-forms .rate-column .rate input {
    margin: 0; }
  .debt-forms .rate-column .rate label {
    margin: 0 10px 0 2px; }

.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

@media (max-width: 950px) {
  #top-header .top-header-menu .navigation-list-item {
    display: block;
    float: left;
    height: 2.8rem;
    padding: 0.5rem 1rem !important; }
    #top-header .top-header-menu .navigation-list-item + .tooltip {
      display: block !important;
      z-index: 1000; }
    #top-header .top-header-menu .navigation-list-item.expanded + .tooltip {
      display: none !important; }
    #top-header .top-header-menu .navigation-list-item .f-dropdown:before {
      left: 20px !important; }
    #top-header .top-header-menu .navigation-list-item .f-dropdown:after {
      left: 19px !important; }
  #top-header .top-header-menu .nav-item-icon {
    display: inline; }
    #top-header .top-header-menu .nav-item-icon i {
      position: relative; }
    #top-header .top-header-menu .nav-item-icon .icon-calendar-v2 {
      top: 5px; }
    #top-header .top-header-menu .nav-item-icon .icon-dashboard-v2 {
      top: 4px; }
    #top-header .top-header-menu .nav-item-icon .icon-book {
      top: 4px; }
  #top-header .top-header-menu .nav-item-label, #top-header .top-header-menu .nav-item-value {
    display: none; } }

@media (max-width: 1364px) {
  .reveal-modal {
    width: 40%;
    margin-left: -20%; } }

@media (max-width: 1024px) {
  .reveal-modal {
    width: 50%;
    margin-left: -25%; } }

@media (max-width: 1650px) {
  .widgets-purchase-wrapper {
    width: 70% !important;
    transform: translateX(-30%) !important; } }

@media (max-width: 641px) {
  .dashboard-controls {
    display: inline-block; }
  #top-header .top-header-menu-mobile {
    display: block; }
    #top-header .top-header-menu-mobile.is-expanded {
      transform: translateY(0%); }
  #top-header .header-logo-link {
    display: block;
    width: 100%; }
  #top-header .logo-wrapper {
    width: 100%;
    padding: 0.5rem 0.8rem;
    text-align: left; }
    #top-header .logo-wrapper .logo {
      vertical-align: text-bottom; }
    #top-header .logo-wrapper .icon-menu {
      font-size: 1.4rem;
      color: #355571;
      vertical-align: super;
      margin-right: 7px; }
  .reveal-modal {
    width: 80%;
    margin-left: 10%;
    min-height: auto; }
  .tour-wrapper .carousel .slide .modal-logo {
    width: auto;
    height: auto; } }

@-moz-document url-prefix() {
  #top-header {
    height: 2.9rem !important; }
    #top-header .top-header-menu, #top-header .logo-wrapper {
      height: 2.9rem !important; }
    #top-header .top-header-menu .navigation-list-item.nav-item-dashboard, #top-header .top-header-menu .navigation-list-item.nav-item-institution {
      padding: 0.6rem 1rem 0.25rem 1.3rem; }
      #top-header .top-header-menu .navigation-list-item.nav-item-dashboard .icon-arrow-down-v2, #top-header .top-header-menu .navigation-list-item.nav-item-institution .icon-arrow-down-v2 {
        top: -2px; } }

.containerBar {
  display: inline-block;
  background-color: #d2d2d2;
  border: none;
  border-radius: 3px 3px 3px 3px;
  float: left;
  height: 1.49rem;
  margin: 0 1.5em 0 0;
  padding: 0;
  width: 82%; }

.maxValue {
  position: relative;
  background-color: #d2d2d2;
  height: 100%;
  width: 100%;
  border-radius: 3px 3px 3px 3px;
  overflow: hidden; }

.currentValue {
  position: absolute;
  left: 0px;
  z-index: 0;
  height: 100%;
  border-radius: 5px;
  background-color: #5a975a; }

/* Sub value bar animation on change. You need to include ngAnimate module for this */
.currentValue {
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }

.infoText {
  z-index: 2; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc;
  font-style: italic;
  font-size: 0.9rem; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  font-style: italic;
  font-size: 0.9rem; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
  font-style: italic;
  font-size: 0.9rem; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
  font-style: italic;
  font-size: 0.9rem; }

.icon-trash.red {
  color: #d0021b; }

.simulation h2 {
  font-size: 17px;
  margin: 0 !important;
  font-weight: bold;
  display: inline-block; }
.simulation .container-name {
  width: 100%;
  height: 30px; }
.simulation hr {
  border-color: #e3e3e3;
  margin: 0.6rem 0 1rem !important; }
.simulation button {
  margin-bottom: 0; }
.simulation .angucomplete-description {
  font-size: 13px;
  line-height: 1.4; }
.simulation .phrase-form p {
  font-size: 0.95rem; }
.simulation .phrase-form input {
  display: inline-block;
  width: auto;
  color: #666;
  border: none;
  border-bottom: 1px solid #979797;
  background: #f1f6fa;
  position: relative;
  top: -4px;
  height: 1.3rem; }
  .simulation .phrase-form input.application-day {
    width: 30px; }
  .simulation .phrase-form input.currency {
    width: 90px; }
  .simulation .phrase-form input.date {
    width: 80px; }
.simulation datepicker {
  float: none; }
  .simulation datepicker > div {
    left: -85%; }
  .simulation datepicker .large {
    width: 90% !important; }
.simulation .red {
  color: #df4041;
  vertical-align: super; }
.simulation .simulation-name span {
  font-size: 0.8rem; }
.simulation .editing-name {
  overflow: hidden; }
  .simulation .editing-name input {
    max-width: 160px; }
  .simulation .editing-name input, .simulation .editing-name a {
    float: left; }
  .simulation .editing-name a {
    margin-left: 10px; }
  .simulation .editing-name .button {
    margin-bottom: 0;
    padding: 0.33rem 1rem; }
.simulation .header button {
  position: absolute;
  right: 0; }
.simulation .icon-trash {
  font-size: 14px; }
.simulation .icon-edit, .simulation .icon-close {
  color: #bebebe;
  font-size: 0.8rem;
  margin-left: 10px;
  position: relative;
  top: 1px; }
.simulation .medium-1.day {
  width: 10%;
  padding-left: 0.5rem; }
.simulation .no-padding-right {
  padding-right: 0 !important; }
.simulation .margin-top-10 {
  margin-top: 10px !important; }
.simulation .margin-top-20 {
  margin-top: 20px !important; }
.simulation .margin-top-30 {
  margin-top: 30px !important; }
.simulation .margin-top-40 {
  margin-top: 40px !important; }
.simulation input[type="checkbox"] {
  vertical-align: text-bottom;
  margin-right: 2px; }
.simulation .width-60-perc {
  width: 60%; }
.simulation table {
  border: none; }
  .simulation table thead {
    background-color: #e6ebef; }
    .simulation table thead th {
      text-transform: uppercase;
      color: #4a4a4a;
      text-shadow: none; }
  .simulation table tbody tr {
    border-top: 1px solid #dedede; }
  .simulation table td, .simulation table th {
    text-align: left;
    padding: 10px 2%; }
  .simulation table td {
    background-color: #f7f7f7; }
  .simulation table .percent {
    font-weight: bold;
    color: #2f6faf; }
.simulation a.link {
  font-weight: normal;
  color: #2f6faf;
  text-decoration: underline; }
.simulation a.config {
  font-size: 0.8rem;
  margin-right: 7px;
  line-height: 1.4rem; }
.simulation .blankslate {
  margin: 0;
  text-align: center;
  padding: 10px 0 25px; }
  .simulation .blankslate i {
    font-size: 3.3rem;
    color: #d1d1d1; }
  .simulation .blankslate p {
    margin: 0;
    font-size: 0.85rem; }
  .simulation .blankslate a {
    float: none; }
.simulation .w-90-perc {
  width: 90%; }
.simulation .item {
  background-color: #f6f6f6;
  margin-bottom: 15px;
  padding: 16px 0 12px 0;
  font-size: 0.85rem; }
  .simulation .item select {
    background: #ececec url(/assets/img/arrow-select.png) no-repeat right center;
    border: none;
    border-bottom: 2px solid #979797;
    margin: 0;
    height: 1.7rem; }
  .simulation .item input[type="text"] {
    border: none;
    border-bottom: 2px solid #979797;
    background: transparent; }
  .simulation .item input[type="text"], .simulation .item input[currency-input] {
    display: inline-block;
    outline: none !important; }
    .simulation .item input[type="text"].large, .simulation .item input[currency-input].large {
      width: 100%; }
    .simulation .item input[type="text"].medium, .simulation .item input[currency-input].medium {
      width: 80%; }
    .simulation .item input[type="text"].small, .simulation .item input[currency-input].small {
      width: 60%; }
  @media screen and (max-width: 1280px) {
    .simulation .item .container-percentage input {
      width: 75%; } }
  .simulation .item .icon-trash {
    color: #d0021b;
    font-size: 1rem;
    position: absolute;
    top: 5px; }
  .simulation .item .container-percentage {
    display: inline-block;
    margin-right: 1.5rem; }
    .simulation .item .container-percentage input {
      width: 75%; }
  .simulation .item .bg-transparent {
    background-color: transparent; }
.simulation .add-asset {
  display: block;
  background: #e8f0f7;
  border: 1px dashed #d7e3ef;
  color: #8bb0d5;
  text-align: center;
  font-size: 0.85rem;
  padding: 14px 0; }

.save-as-wrapper {
  padding: 0; }
  .save-as-wrapper .reveal-header {
    padding: 0.938rem;
    font-size: 1rem;
    line-height: 1.3rem;
    border-bottom: solid 1px #ccc;
    background-color: #f4f4f4;
    color: #4d4d4d; }
  .save-as-wrapper .reveal-content {
    padding: 20px; }

.form-widget-subscribe .row {
  margin-bottom: 4px !important; }
.form-widget-subscribe .profiledata-field-errormsg {
  display: none;
  color: #df7a62;
  font-weight: bold;
  font-size: 0.7rem; }
.form-widget-subscribe .has-error .profiledata-field-errormsg {
  display: block; }

.widgets-repository .loading-icon.small {
  background-size: 12px;
  width: 12px;
  height: 12px; }
.widgets-repository .reveal-main, .widgets-repository .reveal-header {
  padding: 0;
  overflow: hidden; }
.widgets-repository .reveal-header {
  overflow: hidden;
  background-color: white;
  border-bottom: none; }
  .widgets-repository .reveal-header .side-left, .widgets-repository .reveal-header .side-right {
    padding: 18px 21px 24px; }
  .widgets-repository .reveal-header .button-expand {
    transition: color 0.3s ease;
    color: #373737; }
    .widgets-repository .reveal-header .button-expand:hover {
      color: rgba(55, 55, 55, 0.8); }
    .widgets-repository .reveal-header .button-expand i {
      position: relative;
      top: 2px; }
.widgets-repository .reveal-main {
  height: calc(100% - 70px); }
  .widgets-repository .reveal-main .button-expand {
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
    border-radius: 50%;
    color: white; }
    .widgets-repository .reveal-main .button-expand i {
      position: absolute;
      top: 50%;
      left: 45%;
      transform: translate(-50%, -50%); }
  .widgets-repository .reveal-main .side-left .button-expand {
    background: #2f6faf; }
    .widgets-repository .reveal-main .side-left .button-expand i {
      left: 53%; }
  .widgets-repository .reveal-main .side-right .button-expand {
    background: #f5a623; }
  .widgets-repository .reveal-main .side-right .name {
    text-align: right; }
.widgets-repository .link-store {
  color: #4d4d4d; }
.widgets-repository .wrap-widgets {
  height: inherit;
  overflow-y: auto;
  padding: 0 23px; }
.widgets-repository .wrap-image {
  overflow: hidden;
  max-height: 65px; }
  .widgets-repository .wrap-image.expanded {
    max-height: 55px; }
.widgets-repository .side-left, .widgets-repository .side-right {
  transition: all 0.3s ease;
  float: left;
  width: 30%;
  display: flex;
  flex-flow: column;
  height: 100%; }
  .widgets-repository .side-left.expanded, .widgets-repository .side-right.expanded {
    width: 100%; }
.widgets-repository .options {
  transition: all 0.3s ease;
  height: auto;
  max-height: 0px;
  overflow: hidden; }
  .widgets-repository .options.open {
    transition: all 1s ease;
    height: auto;
    max-height: 1000px;
    overflow: hidden; }
  .widgets-repository .options .wrap-options {
    padding: 12px 0 16px;
    position: relative; }
  .widgets-repository .options b {
    font-size: 0.85rem; }
  .widgets-repository .options .medium-4 {
    padding-top: 0.8rem; }
.widgets-repository .side-left {
  background: #f0f0f0; }
  .widgets-repository .side-left .widget > .row {
    background: white;
    border-radius: 3px; }
    .widgets-repository .side-left .widget > .row .image-expanded {
      background-color: white; }
    .widgets-repository .side-left .widget > .row .image-reduced {
      background-color: #e2e2e2; }
  .widgets-repository .side-left .options {
    border-top: 1px solid #f0f0f0; }
.widgets-repository .side-right .widget {
  background: #f0f0f0; }
.widgets-repository .side-right .options {
  border-top: 1px solid white; }
.widgets-repository .widget {
  margin: 0 0 12px !important;
  padding: 0 !important; }
  .widgets-repository .widget .image-expanded {
    min-height: 55px;
    background-size: cover;
    background-color: #f3f3f3;
    background-position: center bottom; }
    .widgets-repository .widget .image-expanded.accumulated_variation_portfolio_chart {
      background-image: url(/assets/img/repository/expanded/accumulated_variation_portfolio_chart.svg); }
    .widgets-repository .widget .image-expanded.blog_livecapital {
      background-image: url(/assets/img/repository/expanded/blog_livecapital.svg); }
    .widgets-repository .widget .image-expanded.calc_log {
      background-image: url(/assets/img/repository/expanded/calc_log.svg); }
    .widgets-repository .widget .image-expanded.capital_gain {
      background-image: url(/assets/img/repository/expanded/capital_gain.svg); }
    .widgets-repository .widget .image-expanded.chat {
      background-image: url(/assets/img/repository/expanded/chat.svg); }
    .widgets-repository .widget .image-expanded.combo_consultor {
      background-image: url(/assets/img/repository/expanded/combo_consultor.svg); }
    .widgets-repository .widget .image-expanded.combo_consultor_lite {
      background-image: url(/assets/img/repository/expanded/combo_consultor_lite.svg); }
    .widgets-repository .widget .image-expanded.combo_livecapital_bolsa {
      background-image: url(/assets/img/repository/expanded/combo_livecapital_bolsa.svg); }
    .widgets-repository .widget .image-expanded.combo_livecapital_essencial {
      background-image: url(/assets/img/repository/expanded/combo_livecapital_essencial.svg); }
    .widgets-repository .widget .image-expanded.combo_livecapital_ir {
      background-image: url(/assets/img/repository/expanded/combo_livecapital_ir.svg); }
    .widgets-repository .widget .image-expanded.consolidated_comission {
      background-image: url(/assets/img/repository/expanded/consolidated_comission.svg); }
    .widgets-repository .widget .image-expanded.data_integration {
      background-image: url(/assets/img/repository/expanded/data_integration.svg); }
    .widgets-repository .widget .image-expanded.event_chart {
      background-image: url(/assets/img/repository/expanded/event_chart.svg); }
    .widgets-repository .widget .image-expanded.export_data {
      background-image: url(/assets/img/repository/expanded/export_data.svg); }
    .widgets-repository .widget .image-expanded.fixed_income_portfolio {
      background-image: url(/assets/img/repository/expanded/fixed_income_portfolio.svg); }
    .widgets-repository .widget .image-expanded.fixed_income_portfolio_lite {
      background-image: url(/assets/img/repository/expanded/fixed_income_portfolio_lite.svg); }
    .widgets-repository .widget .image-expanded.funds_portfolio {
      background-image: url(/assets/img/repository/expanded/funds_portfolio.svg); }
    .widgets-repository .widget .image-expanded.future_events {
      background-image: url(/assets/img/repository/expanded/future_events.svg); }
    .widgets-repository .widget .image-expanded.future_events_consolidated {
      background-image: url(/assets/img/repository/expanded/future_events_consolidated.svg); }
    .widgets-repository .widget .image-expanded.help_faq {
      background-image: url(/assets/img/repository/expanded/help_faq.svg); }
    .widgets-repository .widget .image-expanded.indexes_variation_portfolio_chart {
      background-image: url(/assets/img/repository/expanded/indexes_variation_portfolio_chart.svg); }
    .widgets-repository .widget .image-expanded.list_users {
      background-image: url(/assets/img/repository/expanded/list_users.svg); }
    .widgets-repository .widget .image-expanded.manage_users {
      background-image: url(/assets/img/repository/expanded/manage_users.svg); }
    .widgets-repository .widget .image-expanded.operations {
      background-image: url(/assets/img/repository/expanded/operations.svg); }
    .widgets-repository .widget .image-expanded.portfolio {
      background-image: url(/assets/img/repository/expanded/portfolio.svg); }
    .widgets-repository .widget .image-expanded.portfolio_chart {
      background-image: url(/assets/img/repository/expanded/portfolio_chart.svg); }
    .widgets-repository .widget .image-expanded.portfolio_lite {
      background-image: url(/assets/img/repository/expanded/portfolio_lite.svg); }
    .widgets-repository .widget .image-expanded.positions_balance {
      background-image: url(/assets/img/repository/expanded/positions_balance.svg); }
    .widgets-repository .widget .image-expanded.property_balance_chart {
      background-image: url(/assets/img/repository/expanded/property_balance_chart.svg); }
    .widgets-repository .widget .image-expanded.property_evolution_chart {
      background-image: url(/assets/img/repository/expanded/property_evolution_chart.svg); }
    .widgets-repository .widget .image-expanded.return_chart {
      background-image: url(/assets/img/repository/expanded/return_chart.svg); }
    .widgets-repository .widget .image-expanded.simulation {
      background-image: url(/assets/img/repository/expanded/simulation.svg); }
    .widgets-repository .widget .image-expanded.taxes {
      background-image: url(/assets/img/repository/expanded/taxes.svg); }
    .widgets-repository .widget .image-expanded.taxes_chart {
      background-image: url(/assets/img/repository/expanded/taxes_chart.svg); }
    .widgets-repository .widget .image-expanded.uploaded_quotes {
      background-image: url(/assets/img/repository/expanded/uploaded_quotes.svg); }
    .widgets-repository .widget .image-expanded.variation_portfolio_chart {
      background-image: url(/assets/img/repository/expanded/variation_portfolio_chart.svg); }
    .widgets-repository .widget .image-expanded.portfolio_sharpe_chart {
      background-image: url(/assets/img/repository/reduced/portfolio_sharpe_chart.svg); }
  .widgets-repository .widget .image-reduced {
    min-height: 65px;
    background-size: cover;
    background-color: #f3f3f3;
    background-position: center bottom; }
    .widgets-repository .widget .image-reduced.accumulated_variation_portfolio_chart {
      background-image: url(/assets/img/repository/reduced/accumulated_variation_portfolio_chart.svg); }
    .widgets-repository .widget .image-reduced.blog_livecapital {
      background-image: url(/assets/img/repository/reduced/blog_livecapital.svg); }
    .widgets-repository .widget .image-reduced.calc_log {
      background-image: url(/assets/img/repository/reduced/calc_log.svg); }
    .widgets-repository .widget .image-reduced.capital_gain {
      background-image: url(/assets/img/repository/reduced/capital_gain.svg); }
    .widgets-repository .widget .image-reduced.chat {
      background-image: url(/assets/img/repository/reduced/chat.svg); }
    .widgets-repository .widget .image-reduced.combo_consultor {
      background-image: url(/assets/img/repository/reduced/combo_consultor.svg); }
    .widgets-repository .widget .image-reduced.combo_consultor_lite {
      background-image: url(/assets/img/repository/reduced/combo_consultor_lite.svg); }
    .widgets-repository .widget .image-reduced.combo_livecapital_bolsa {
      background-image: url(/assets/img/repository/reduced/combo_livecapital_bolsa.svg); }
    .widgets-repository .widget .image-reduced.combo_livecapital_essencial {
      background-image: url(/assets/img/repository/reduced/combo_livecapital_essencial.svg); }
    .widgets-repository .widget .image-reduced.combo_livecapital_ir {
      background-image: url(/assets/img/repository/reduced/combo_livecapital_ir.svg); }
    .widgets-repository .widget .image-reduced.consolidated_comission {
      background-image: url(/assets/img/repository/reduced/consolidated_comission.svg); }
    .widgets-repository .widget .image-reduced.data_integration {
      background-image: url(/assets/img/repository/reduced/data_integration.svg); }
    .widgets-repository .widget .image-reduced.event_chart {
      background-image: url(/assets/img/repository/reduced/event_chart.svg); }
    .widgets-repository .widget .image-reduced.export_data {
      background-image: url(/assets/img/repository/reduced/export_data.svg); }
    .widgets-repository .widget .image-reduced.fixed_income_portfolio {
      background-image: url(/assets/img/repository/reduced/fixed_income_portfolio.svg); }
    .widgets-repository .widget .image-reduced.fixed_income_portfolio_lite {
      background-image: url(/assets/img/repository/reduced/fixed_income_portfolio_lite.svg); }
    .widgets-repository .widget .image-reduced.funds_portfolio {
      background-image: url(/assets/img/repository/reduced/funds_portfolio.svg); }
    .widgets-repository .widget .image-reduced.future_events {
      background-image: url(/assets/img/repository/reduced/future_events.svg); }
    .widgets-repository .widget .image-reduced.future_events_consolidated {
      background-image: url(/assets/img/repository/reduced/future_events_consolidated.svg); }
    .widgets-repository .widget .image-reduced.help_faq {
      background-image: url(/assets/img/repository/reduced/help_faq.svg); }
    .widgets-repository .widget .image-reduced.indexes_variation_portfolio_chart {
      background-image: url(/assets/img/repository/reduced/indexes_variation_portfolio_chart.svg); }
    .widgets-repository .widget .image-reduced.list_users {
      background-image: url(/assets/img/repository/reduced/list_users.svg); }
    .widgets-repository .widget .image-reduced.manage_users {
      background-image: url(/assets/img/repository/reduced/manage_users.svg); }
    .widgets-repository .widget .image-reduced.operations {
      background-image: url(/assets/img/repository/reduced/operations.svg); }
    .widgets-repository .widget .image-reduced.portfolio {
      background-image: url(/assets/img/repository/reduced/portfolio.svg); }
    .widgets-repository .widget .image-reduced.portfolio_chart {
      background-image: url(/assets/img/repository/reduced/portfolio_chart.svg); }
    .widgets-repository .widget .image-reduced.portfolio_lite {
      background-image: url(/assets/img/repository/reduced/portfolio_lite.svg); }
    .widgets-repository .widget .image-reduced.positions_balance {
      background-image: url(/assets/img/repository/reduced/positions_balance.svg); }
    .widgets-repository .widget .image-reduced.property_balance_chart {
      background-image: url(/assets/img/repository/reduced/property_balance_chart.svg); }
    .widgets-repository .widget .image-reduced.property_evolution_chart {
      background-image: url(/assets/img/repository/reduced/property_evolution_chart.svg); }
    .widgets-repository .widget .image-reduced.return_chart {
      background-image: url(/assets/img/repository/reduced/return_chart.svg); }
    .widgets-repository .widget .image-reduced.simulation {
      background-image: url(/assets/img/repository/reduced/simulation.svg); }
    .widgets-repository .widget .image-reduced.taxes {
      background-image: url(/assets/img/repository/reduced/taxes.svg); }
    .widgets-repository .widget .image-reduced.taxes_chart {
      background-image: url(/assets/img/repository/reduced/taxes_chart.svg); }
    .widgets-repository .widget .image-reduced.uploaded_quotes {
      background-image: url(/assets/img/repository/reduced/uploaded_quotes.svg); }
    .widgets-repository .widget .image-reduced.variation_portfolio_chart {
      background-image: url(/assets/img/repository/reduced/variation_portfolio_chart.svg); }
    .widgets-repository .widget .image-reduced.portfolio_sharpe_chart {
      background-image: url(/assets/img/repository/reduced/portfolio_sharpe_chart.svg); }
  .widgets-repository .widget .widget-cancel-confirm b {
    display: inline-block;
    margin-bottom: 10px; }
  .widgets-repository .widget .widget-cancel-confirm p {
    font-size: 0.85rem;
    margin: 0; }
  .widgets-repository .widget .widget-cancel-confirm a.confirm-cancel {
    display: inline-block;
    margin-top: 10px;
    color: #b33847;
    text-decoration: underline;
    position: relative; }
  .widgets-repository .widget .widget-cancel-confirm a.disabled {
    cursor: default; }
    .widgets-repository .widget .widget-cancel-confirm a.disabled span {
      opacity: 0.5; }
  .widgets-repository .widget .widget-cancel-confirm a span {
    transition: opacity 0.3s ease; }
  .widgets-repository .widget .widget-cancel-confirm .loading-icon {
    position: absolute;
    top: -15px;
    left: -20px; }
  .widgets-repository .widget .name {
    font-size: 0.9rem;
    line-height: 1;
    padding: 1.2rem 14px;
    color: #666666; }
  .widgets-repository .widget .trial {
    position: relative;
    display: inline-block;
    border: 1px solid #f5a623;
    border-radius: 3px;
    color: #f5a623;
    padding: 8px 22px 8px 9px;
    margin: 0 8px 0 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8rem; }
    .widgets-repository .widget .trial i {
      font-size: 1rem;
      position: absolute;
      right: 4px;
      top: 50%;
      transform: translateY(-50%); }
  .widgets-repository .widget .actions {
    padding: 0.9rem 10px 0.2rem;
    text-align: right; }
  .widgets-repository .widget .container-button-expand {
    padding: 0.9rem; }
  .widgets-repository .widget .toggle-details {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 29px; }
    .widgets-repository .widget .toggle-details i {
      color: #b2b2b2; }
  .widgets-repository .widget .infos .title {
    font-size: 0.85rem; }
  .widgets-repository .widget .infos .details {
    margin: 6px 0 0; }
    .widgets-repository .widget .infos .details p {
      color: #888888;
      font-size: 0.8rem;
      line-height: 1.6;
      margin: 0; }
  .widgets-repository .widget .infos .store-link {
    font-size: 0.8rem;
    transition: color 0.3s ease; }
    .widgets-repository .widget .infos .store-link.orange {
      color: #f5a623; }
      .widgets-repository .widget .infos .store-link.orange:hover {
        color: #f39801; }
  .widgets-repository .widget .infos .cancel-subscribe {
    position: relative;
    display: inline-block;
    margin: 10px 0 0;
    font-weight: normal;
    color: #888888;
    text-decoration: underline; }
.widgets-repository .link {
  transition: all 0.3s ease;
  font-size: 0.8rem;
  display: inline-block;
  padding: 0 4px; }
  .widgets-repository .link.orange {
    color: #f5a623; }
  .widgets-repository .link.blue {
    color: #2f6faf; }
    .widgets-repository .link.blue:hover {
      opacity: 1;
      color: #44ad86; }
  .widgets-repository .link:hover {
    opacity: 0.9; }
  .widgets-repository .link.no-padding {
    padding: 0; }
.widgets-repository .button {
  padding: 7px 15px;
  margin: 0;
  text-transform: uppercase;
  color: white !important;
  background: #2f6faf;
  border-radius: 3px;
  border: none; }
  .widgets-repository .button:hover {
    background: rgba(47, 111, 175, 0.9); }
  .widgets-repository .button.trial, .widgets-repository .button.orange {
    background: #f5a623;
    padding: 7px 15px;
    margin: 0; }
    .widgets-repository .button.trial:hover, .widgets-repository .button.orange:hover {
      background: rgba(245, 166, 35, 0.9); }
.widgets-repository .send-infos form > div {
  margin: 10px 0 0; }
.widgets-repository .button-trash {
  transition: opacity 0.3s ease;
  color: #d0021b;
  font-size: 1rem;
  margin: 0 7px 0 10px;
  position: relative;
  top: 2px;
  opacity: 0.7; }
  .widgets-repository .button-trash:hover {
    opacity: 1; }

.calc-log-link {
  padding: 10px 20px; }

.terms-of-use p {
  font-size: 0.75rem;
  line-height: 1.4; }

.field-with-loading {
  overflow: hidden; }
  .field-with-loading select, .field-with-loading input {
    width: auto;
    float: left; }
    .field-with-loading select.min-120, .field-with-loading input.min-120 {
      min-width: 120px; }

.container-loading {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 4px;
  width: 20px;
  height: 20px; }
  .container-loading .loading-icon.small {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0; }

.institutions-search-wrapper .reveal-content {
  padding: 13px 18px;
  overflow-x: auto; }
.institutions-search-wrapper .masonry {
  display: flex;
  flex-flow: column wrap;
  max-height: 100%;
  margin-left: -8px;
  /* Adjustment for the gutter */
  width: 100%;
  justify-content: flex-start; }
.institutions-search-wrapper .masonry-brick {
  margin: 0 8px 8px 0;
  /* Some gutter */ }
.institutions-search-wrapper .inst {
  transition: all 0.3s ease;
  padding: 0 0 8px;
  border-radius: 4px;
  width: 33%;
  position: relative; }
  .institutions-search-wrapper .inst a {
    font-weight: normal; }
  .institutions-search-wrapper .inst p {
    margin: 0;
    font-size: 0.85rem;
    color: #666666; }
    .institutions-search-wrapper .inst p b {
      color: #b9b9b9; }
  .institutions-search-wrapper .inst ul {
    font-size: 0.7rem; }
    .institutions-search-wrapper .inst ul li {
      transition: all 0.3s ease;
      padding: 4px 14px;
      cursor: pointer;
      position: relative; }
    .institutions-search-wrapper .inst ul span {
      color: #b9b9b9; }
      .institutions-search-wrapper .inst ul span.name {
        font-size: 0.85rem;
        color: #666666; }
.institutions-search-wrapper .manage-institutions {
  font-size: 0.7rem;
  text-decoration: underline; }
.institutions-search-wrapper .inst-global {
  background-color: #f4f4f4; }
  .institutions-search-wrapper .inst-global a {
    color: #666666; }
  .institutions-search-wrapper .inst-global:hover {
    background-color: #f4f4f4; }
.institutions-search-wrapper .inst-regular {
  background-color: #f3f7fb; }
  .institutions-search-wrapper .inst-regular li:hover {
    background-color: #e7f0f9; }
.institutions-search-wrapper .inst-simulation {
  background-color: #f4faf8; }
  .institutions-search-wrapper .inst-simulation li:hover {
    background-color: #e4f1ec; }
.institutions-search-wrapper .inst-shared {
  background-color: #fef9f1; }
  .institutions-search-wrapper .inst-shared li:hover {
    background-color: #fbf3e1; }
.institutions-search-wrapper .is-selected {
  background-color: #4D7BA5;
  color: #fff; }
  .institutions-search-wrapper .is-selected * {
    color: #fff !important; }
  .institutions-search-wrapper .is-selected:after {
    font-family: "livecapital-app";
    content: "\62";
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    right: 8px;
    top: 50%;
    font-size: 0.7rem;
    transform: translateY(-50%); }
  .institutions-search-wrapper .is-selected:hover {
    background-color: #4D7BA5 !important; }

.mt10 {
  margin-top: 10px !important; }

.login-inner #user-email {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  background: transparent;
  margin-bottom: 23px; }

.login-checkes label {
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  min-height: 36px;
  background: #fcfcfc;
  transition: all 0.3s ease;
  cursor: pointer; }
  .login-checkes label:first-child {
    margin-bottom: 2px; }
  .login-checkes label.active {
    border: 1px solid #d5e3f2;
    background: #f2f7fb; }
    .login-checkes label.active .icon-container {
      background: #c3d8ee; }
    .login-checkes label.active .icon {
      color: #739dc7 !important; }
    .login-checkes label.active .info {
      font-style: italic; }
    .login-checkes label.active ::-webkit-input-placeholder {
      font-style: italic;
      color: #ccc; }
    .login-checkes label.active ::-moz-placeholder {
      font-style: italic;
      color: #ccc; }
    .login-checkes label.active :-ms-input-placeholder {
      font-style: italic;
      color: #ccc; }
    .login-checkes label.active :-moz-placeholder {
      font-style: italic;
      color: #ccc; }
  .login-checkes label input[type="text"] {
    background: transparent;
    border: none;
    box-shadow: none; }
  .login-checkes label ::-webkit-input-placeholder {
    font-size: 0.8rem;
    color: #6c6c6c;
    font-style: normal; }
  .login-checkes label ::-moz-placeholder {
    font-size: 0.8rem;
    color: #6c6c6c;
    font-style: normal; }
  .login-checkes label :-ms-input-placeholder {
    font-size: 0.8rem;
    color: #6c6c6c;
    font-style: normal; }
  .login-checkes label :-moz-placeholder {
    font-size: 0.8rem;
    color: #6c6c6c;
    font-style: normal; }
  .login-checkes label .icon-container {
    transition: all 0.3s ease;
    display: block;
    width: 15%;
    height: 100%;
    float: left;
    position: relative; }
    .login-checkes label .icon-container .icon {
      transition: all 0.3s ease;
      font-size: 1.5rem;
      color: #bebebe;
      position: relative;
      top: 4px; }
  .login-checkes label .info {
    width: 85%;
    float: left;
    font-size: 0.8rem;
    font-style: normal; }
  .login-checkes label .info-1 {
    padding: 4px 8px; }
  .login-checkes label .info-2 {
    padding: 7px 14px;
    color: #6c6c6c; }
.login-checkes .message-with-phone {
  font-size: 0.7rem;
  color: #4179b5;
  margin: 0 0 10px; }

.button-choose-feedback {
  font-size: 1.2rem !important; }
  .button-choose-feedback.expanded {
    transform: none !important; }

.container-feedback {
  position: relative; }
  .container-feedback .choose-feedback li {
    display: inline-block; }
  .container-feedback .choose-feedback a {
    font-size: 1.1rem;
    border: none;
    border-left: 1px solid #cccccc; }
    .container-feedback .choose-feedback a:first-child {
      border: none; }
  .container-feedback .navigation-dropdown {
    right: 11px !important;
    top: 27px !important; }

.modal-feedback-wrapper form {
  padding-top: 28px; }
.modal-feedback-wrapper label.bold {
  font-weight: bold; }
.modal-feedback-wrapper label.mb {
  margin-bottom: 0.3rem; }
.modal-feedback-wrapper textarea, .modal-feedback-wrapper button[type="submit"] {
  border-radius: 0.2rem;
  margin: 0; }
.modal-feedback-wrapper textarea {
  width: 100%;
  max-height: 100px;
  min-height: 100px; }
.modal-feedback-wrapper input[type="checkbox"] {
  position: relative;
  top: 2px; }
.modal-feedback-wrapper input[type="checkbox"] + label {
  margin-left: 0.3rem; }
.modal-feedback-wrapper .reveal-header {
  text-align: center; }
  .modal-feedback-wrapper .reveal-header .icon-feedback-positive, .modal-feedback-wrapper .reveal-header .icon-feedback-negative, .modal-feedback-wrapper .reveal-header .icon-feedback-bug {
    font-size: 3rem;
    color: #2f6faf;
    position: relative;
    top: 17px;
    margin-right: 20px; }
.modal-feedback-wrapper h2 {
  display: inline-block;
  font-size: 1rem;
  color: #2f6faf;
  font-weight: bold; }
.modal-feedback-wrapper .thanks {
  padding: 4rem 0; }
  .modal-feedback-wrapper .thanks .icon-feedback-ok {
    font-size: 5rem;
    color: #2f6faf; }
  .modal-feedback-wrapper .thanks b {
    display: block;
    margin-top: 35px;
    font-size: 1.1rem;
    color: #666666; }
.modal-feedback-wrapper .container-button {
  padding-top: 26px;
  text-align: center; }
.modal-feedback-wrapper .container-upload label {
  margin-bottom: 10px; }
.modal-feedback-wrapper .container-upload button {
  margin: 0; }
.modal-feedback-wrapper .mb1rem {
  margin-bottom: 1rem; }
.modal-feedback-wrapper .alert-box {
  padding: 0.7rem 2rem 0.7rem 0.875rem;
  border-radius: 0;
  margin: 0; }
.modal-feedback-wrapper .files-list {
  margin-top: 1rem; }
  .modal-feedback-wrapper .files-list p {
    margin: 0;
    font-size: 0.7rem; }

.modal-confirm-delete-institution-wrapper h2 {
  color: #4b4b4b;
  font-size: 0.9rem;
  margin-top: 40px;
  margin: 1rem 0 1rem;
  font-weight: bold; }
.modal-confirm-delete-institution-wrapper .name-institution {
  max-width: 400px !important;
  height: 33px;
  display: inline-block; }

#dropdown-menu-feedback {
  width: auto !important;
  padding-top: 0.5rem !important; }
  #dropdown-menu-feedback.f-dropdown {
    right: 56px !important;
    top: 46px !important; }
  #dropdown-menu-feedback li {
    position: initial !important;
    float: left; }
    #dropdown-menu-feedback li a {
      padding: 0.35rem 1rem !important; }
      #dropdown-menu-feedback li a i {
        font-size: 1rem; }
      #dropdown-menu-feedback li a:before {
        background: transparent !important; }

.box-notive {
  margin-top: 20px;
  padding-top: 20rem; }

.modal-onboarding-wrapper .close-reveal-modal {
  z-index: 99;
  font-size: 1.4rem;
  top: 0.6rem;
  right: 0.6rem; }

.modal-klavi-wrapper {
  height: 100vh;
  max-height: 730px;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  transform: translateX(-50%) !important;
  overflow-y: auto; }
  .modal-klavi-wrapper iframe {
    width: 400px;
    height: 700px; }

.brokerages-integration .description {
  text-align: left !important;
  padding-top: 0.5rem; }
  .brokerages-integration .description .center {
    text-align: center; }
  .brokerages-integration .description p {
    max-width: 100% !important;
    margin-bottom: 2rem !important;
    line-height: 1.4; }
.brokerages-integration .step {
  text-align: center;
  padding: 0.5rem 0 1rem; }
  .brokerages-integration .step p {
    max-width: 600px;
    margin: 0 auto; }
  .brokerages-integration .step h2 {
    margin-top: 0;
    text-align: left; }
  .brokerages-integration .step b.error {
    color: #c04345; }
  .brokerages-integration .step b.success {
    color: #246c52; }
.brokerages-integration .container {
  background-color: #f6f6f6;
  padding: 2rem 1rem; }
.brokerages-integration .links {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 2rem;
  gap: 0.5rem; }
.brokerages-integration .actions {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1rem; }
.brokerages-integration .columns, .brokerages-integration .field-columns {
  height: inherit;
  gap: 0.5rem;
  display: flex;
  flex-direction: column; }
.brokerages-integration .broker {
  text-align: center;
  background: #f5f5f5;
  padding: 20px 10px;
  margin-bottom: 20px;
  height: 100%;
  min-height: 260px;
  position: relative; }
.brokerages-integration [class^="logo"] {
  margin-bottom: 10px; }
.brokerages-integration .logo-clear {
  width: 60px; }
.brokerages-integration .logo-easynvest {
  width: 150px; }
.brokerages-integration .logo-modal-mais {
  width: 106px;
  margin: 0; }
.brokerages-integration .logo-xp {
  width: 150px; }
.brokerages-integration .logo-necton {
  width: 100px; }
.brokerages-integration .logo-bradesco {
  width: 120px; }
.brokerages-integration .logo-santander {
  width: 120px; }
.brokerages-integration .logo-genial {
  width: 100px; }
.brokerages-integration .logo-itau-banco {
  width: 50px; }
.brokerages-integration .account-type {
  font-weight: bold;
  display: block; }
.brokerages-integration .no-padding {
  padding: 0 !important; }
.brokerages-integration .row {
  border-bottom: none !important; }
.brokerages-integration .pr5 {
  padding: 0 5px 0 0 !important; }
.brokerages-integration .mb-20 {
  margin-bottom: 2rem; }
.brokerages-integration .mt-5 {
  margin-top: 0.5rem !important; }
.brokerages-integration .mt-10 {
  margin-top: 1rem !important; }
.brokerages-integration .mt-20 {
  margin-top: 2rem !important; }
.brokerages-integration .mt-40 {
  margin-top: 4rem; }
.brokerages-integration .coming-soon {
  display: block; }
.brokerages-integration .content-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.brokerages-integration form input {
  margin: 10px 0 0 !important; }
.brokerages-integration form button {
  margin-top: 10px;
  display: inline-block; }
.brokerages-integration form button[type="submit"] {
  position: relative; }
.brokerages-integration .what-to-do {
  text-align: center; }
  .brokerages-integration .what-to-do .columns:first-child, .brokerages-integration .what-to-do .field-columns:first-child {
    border-right: 1px solid #e3e3e3; }
  .brokerages-integration .what-to-do .columns, .brokerages-integration .what-to-do .field-columns {
    padding: 2rem 1.5rem 0; }
  .brokerages-integration .what-to-do p {
    min-height: 70px; }
  .brokerages-integration .what-to-do button {
    width: fit-content;
    margin: 0 auto; }

.loading-white {
  height: 20px;
  width: 20px;
  color: rgba(255, 255, 255, 0.24);
  position: relative;
  display: inline-block;
  border: 3px solid;
  border-radius: 50%;
  border-right-color: white;
  animation: rotate 1s linear infinite; }

@keyframes rotate {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

.import-broker .columns, .import-broker .field-columns {
  text-align: left; }
.import-broker select {
  margin-left: 10px; }
.import-broker .alert {
  text-align: center; }
  .import-broker .alert i {
    color: #dcdcdc;
    font-size: 60px; }
  .import-broker .alert h2 {
    color: #999;
    font: bold 16px Arial, Helvetica, sans-serif;
    margin-top: 10px; }

.vehicle-forms form .header {
  margin-bottom: 20px; }
.vehicle-forms form select {
  height: 1.6rem; }

.mb-20 {
  margin-bottom: 20px; }

.widget-extract .widget-content {
  pointer-events: auto !important; }
.widget-extract .description:hover {
  text-decoration: underline;
  color: #4d7ba5; }

.modal-delete-meta-wrapper, .modal-created-meta-wrapper {
  max-width: 550px;
  margin: 0 auto;
  transform: translateX(-50%) !important; }
  .modal-delete-meta-wrapper .close-reveal-modal, .modal-created-meta-wrapper .close-reveal-modal {
    font-size: 1.4rem;
    top: 0.6rem;
    right: 0.6rem; }

.button {
  border-radius: 3px; }

.goal-page .titulo {
  display: flex;
  align-items: center;
  gap: 12px; }
.goal-page .tag {
  background: #4D7BA5;
  color: white;
  padding: 5px 12px;
  border-radius: 4px;
  font-size: 12px;
  display: inline-block; }
.goal-page .sub-accordion.divider {
  border-bottom: 1px solid #d5d5d5; }
.goal-page .sub-accordion a {
  padding-left: 20px;
  background-color: #f0f0f0; }
.goal-page .loading-livecapital {
  height: 300px; }

.pb-0 {
  padding-bottom: 0px !important; }

.pb-1 {
  padding-bottom: 1px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-6 {
  padding-bottom: 6px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pb-9 {
  padding-bottom: 9px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-11 {
  padding-bottom: 11px !important; }

.pb-12 {
  padding-bottom: 12px !important; }

.pb-13 {
  padding-bottom: 13px !important; }

.pb-14 {
  padding-bottom: 14px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-16 {
  padding-bottom: 16px !important; }

.pb-17 {
  padding-bottom: 17px !important; }

.pb-18 {
  padding-bottom: 18px !important; }

.pb-19 {
  padding-bottom: 19px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-21 {
  padding-bottom: 21px !important; }

.pb-22 {
  padding-bottom: 22px !important; }

.pb-23 {
  padding-bottom: 23px !important; }

.pb-24 {
  padding-bottom: 24px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pb-26 {
  padding-bottom: 26px !important; }

.pb-27 {
  padding-bottom: 27px !important; }

.pb-28 {
  padding-bottom: 28px !important; }

.pb-29 {
  padding-bottom: 29px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-31 {
  padding-bottom: 31px !important; }

.pb-32 {
  padding-bottom: 32px !important; }

.pb-33 {
  padding-bottom: 33px !important; }

.pb-34 {
  padding-bottom: 34px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pb-36 {
  padding-bottom: 36px !important; }

.pb-37 {
  padding-bottom: 37px !important; }

.pb-38 {
  padding-bottom: 38px !important; }

.pb-39 {
  padding-bottom: 39px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-41 {
  padding-bottom: 41px !important; }

.pb-42 {
  padding-bottom: 42px !important; }

.pb-43 {
  padding-bottom: 43px !important; }

.pb-44 {
  padding-bottom: 44px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pb-46 {
  padding-bottom: 46px !important; }

.pb-47 {
  padding-bottom: 47px !important; }

.pb-48 {
  padding-bottom: 48px !important; }

.pb-49 {
  padding-bottom: 49px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pb-51 {
  padding-bottom: 51px !important; }

.pb-52 {
  padding-bottom: 52px !important; }

.pb-53 {
  padding-bottom: 53px !important; }

.pb-54 {
  padding-bottom: 54px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.pb-56 {
  padding-bottom: 56px !important; }

.pb-57 {
  padding-bottom: 57px !important; }

.pb-58 {
  padding-bottom: 58px !important; }

.pb-59 {
  padding-bottom: 59px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pb-61 {
  padding-bottom: 61px !important; }

.pb-62 {
  padding-bottom: 62px !important; }

.pb-63 {
  padding-bottom: 63px !important; }

.pb-64 {
  padding-bottom: 64px !important; }

.pb-65 {
  padding-bottom: 65px !important; }

.pb-66 {
  padding-bottom: 66px !important; }

.pb-67 {
  padding-bottom: 67px !important; }

.pb-68 {
  padding-bottom: 68px !important; }

.pb-69 {
  padding-bottom: 69px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pb-71 {
  padding-bottom: 71px !important; }

.pb-72 {
  padding-bottom: 72px !important; }

.pb-73 {
  padding-bottom: 73px !important; }

.pb-74 {
  padding-bottom: 74px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.pb-76 {
  padding-bottom: 76px !important; }

.pb-77 {
  padding-bottom: 77px !important; }

.pb-78 {
  padding-bottom: 78px !important; }

.pb-79 {
  padding-bottom: 79px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pb-81 {
  padding-bottom: 81px !important; }

.pb-82 {
  padding-bottom: 82px !important; }

.pb-83 {
  padding-bottom: 83px !important; }

.pb-84 {
  padding-bottom: 84px !important; }

.pb-85 {
  padding-bottom: 85px !important; }

.pb-86 {
  padding-bottom: 86px !important; }

.pb-87 {
  padding-bottom: 87px !important; }

.pb-88 {
  padding-bottom: 88px !important; }

.pb-89 {
  padding-bottom: 89px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.pb-91 {
  padding-bottom: 91px !important; }

.pb-92 {
  padding-bottom: 92px !important; }

.pb-93 {
  padding-bottom: 93px !important; }

.pb-94 {
  padding-bottom: 94px !important; }

.pb-95 {
  padding-bottom: 95px !important; }

.pb-96 {
  padding-bottom: 96px !important; }

.pb-97 {
  padding-bottom: 97px !important; }

.pb-98 {
  padding-bottom: 98px !important; }

.pb-99 {
  padding-bottom: 99px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.pt-0 {
  padding-top: 0px; }

.pt-1 {
  padding-top: 1px; }

.pt-2 {
  padding-top: 2px; }

.pt-3 {
  padding-top: 3px; }

.pt-4 {
  padding-top: 4px; }

.pt-5 {
  padding-top: 5px; }

.pt-6 {
  padding-top: 6px; }

.pt-7 {
  padding-top: 7px; }

.pt-8 {
  padding-top: 8px; }

.pt-9 {
  padding-top: 9px; }

.pt-10 {
  padding-top: 10px; }

.pt-11 {
  padding-top: 11px; }

.pt-12 {
  padding-top: 12px; }

.pt-13 {
  padding-top: 13px; }

.pt-14 {
  padding-top: 14px; }

.pt-15 {
  padding-top: 15px; }

.pt-16 {
  padding-top: 16px; }

.pt-17 {
  padding-top: 17px; }

.pt-18 {
  padding-top: 18px; }

.pt-19 {
  padding-top: 19px; }

.pt-20 {
  padding-top: 20px; }

.pt-21 {
  padding-top: 21px; }

.pt-22 {
  padding-top: 22px; }

.pt-23 {
  padding-top: 23px; }

.pt-24 {
  padding-top: 24px; }

.pt-25 {
  padding-top: 25px; }

.pt-26 {
  padding-top: 26px; }

.pt-27 {
  padding-top: 27px; }

.pt-28 {
  padding-top: 28px; }

.pt-29 {
  padding-top: 29px; }

.pt-30 {
  padding-top: 30px; }

.pt-31 {
  padding-top: 31px; }

.pt-32 {
  padding-top: 32px; }

.pt-33 {
  padding-top: 33px; }

.pt-34 {
  padding-top: 34px; }

.pt-35 {
  padding-top: 35px; }

.pt-36 {
  padding-top: 36px; }

.pt-37 {
  padding-top: 37px; }

.pt-38 {
  padding-top: 38px; }

.pt-39 {
  padding-top: 39px; }

.pt-40 {
  padding-top: 40px; }

.pt-41 {
  padding-top: 41px; }

.pt-42 {
  padding-top: 42px; }

.pt-43 {
  padding-top: 43px; }

.pt-44 {
  padding-top: 44px; }

.pt-45 {
  padding-top: 45px; }

.pt-46 {
  padding-top: 46px; }

.pt-47 {
  padding-top: 47px; }

.pt-48 {
  padding-top: 48px; }

.pt-49 {
  padding-top: 49px; }

.pt-50 {
  padding-top: 50px; }

.pt-51 {
  padding-top: 51px; }

.pt-52 {
  padding-top: 52px; }

.pt-53 {
  padding-top: 53px; }

.pt-54 {
  padding-top: 54px; }

.pt-55 {
  padding-top: 55px; }

.pt-56 {
  padding-top: 56px; }

.pt-57 {
  padding-top: 57px; }

.pt-58 {
  padding-top: 58px; }

.pt-59 {
  padding-top: 59px; }

.pt-60 {
  padding-top: 60px; }

.pt-61 {
  padding-top: 61px; }

.pt-62 {
  padding-top: 62px; }

.pt-63 {
  padding-top: 63px; }

.pt-64 {
  padding-top: 64px; }

.pt-65 {
  padding-top: 65px; }

.pt-66 {
  padding-top: 66px; }

.pt-67 {
  padding-top: 67px; }

.pt-68 {
  padding-top: 68px; }

.pt-69 {
  padding-top: 69px; }

.pt-70 {
  padding-top: 70px; }

.pt-71 {
  padding-top: 71px; }

.pt-72 {
  padding-top: 72px; }

.pt-73 {
  padding-top: 73px; }

.pt-74 {
  padding-top: 74px; }

.pt-75 {
  padding-top: 75px; }

.pt-76 {
  padding-top: 76px; }

.pt-77 {
  padding-top: 77px; }

.pt-78 {
  padding-top: 78px; }

.pt-79 {
  padding-top: 79px; }

.pt-80 {
  padding-top: 80px; }

.pt-81 {
  padding-top: 81px; }

.pt-82 {
  padding-top: 82px; }

.pt-83 {
  padding-top: 83px; }

.pt-84 {
  padding-top: 84px; }

.pt-85 {
  padding-top: 85px; }

.pt-86 {
  padding-top: 86px; }

.pt-87 {
  padding-top: 87px; }

.pt-88 {
  padding-top: 88px; }

.pt-89 {
  padding-top: 89px; }

.pt-90 {
  padding-top: 90px; }

.pt-91 {
  padding-top: 91px; }

.pt-92 {
  padding-top: 92px; }

.pt-93 {
  padding-top: 93px; }

.pt-94 {
  padding-top: 94px; }

.pt-95 {
  padding-top: 95px; }

.pt-96 {
  padding-top: 96px; }

.pt-97 {
  padding-top: 97px; }

.pt-98 {
  padding-top: 98px; }

.pt-99 {
  padding-top: 99px; }

.pt-100 {
  padding-top: 100px; }

.pv-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.pv-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important; }

.pv-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

.pv-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important; }

.pv-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important; }

.pv-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.pv-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important; }

.pv-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important; }

.pv-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.pv-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.pv-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.pv-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important; }

.pv-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.pv-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important; }

.pv-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important; }

.pv-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.pv-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.pv-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important; }

.pv-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important; }

.pv-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important; }

.pv-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.pv-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important; }

.pv-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important; }

.pv-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important; }

.pv-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.pv-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.pv-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important; }

.pv-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important; }

.pv-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important; }

.pv-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important; }

.pv-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.pv-31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important; }

.pv-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

.pv-33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important; }

.pv-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important; }

.pv-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important; }

.pv-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important; }

.pv-37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important; }

.pv-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important; }

.pv-39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important; }

.pv-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.pv-41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important; }

.pv-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important; }

.pv-43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important; }

.pv-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important; }

.pv-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important; }

.pv-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important; }

.pv-47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important; }

.pv-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

.pv-49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important; }

.pv-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.pv-51 {
  padding-top: 51px !important;
  padding-bottom: 51px !important; }

.pv-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important; }

.pv-53 {
  padding-top: 53px !important;
  padding-bottom: 53px !important; }

.pv-54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important; }

.pv-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important; }

.pv-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important; }

.pv-57 {
  padding-top: 57px !important;
  padding-bottom: 57px !important; }

.pv-58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important; }

.pv-59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important; }

.pv-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.pv-61 {
  padding-top: 61px !important;
  padding-bottom: 61px !important; }

.pv-62 {
  padding-top: 62px !important;
  padding-bottom: 62px !important; }

.pv-63 {
  padding-top: 63px !important;
  padding-bottom: 63px !important; }

.pv-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important; }

.pv-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important; }

.pv-66 {
  padding-top: 66px !important;
  padding-bottom: 66px !important; }

.pv-67 {
  padding-top: 67px !important;
  padding-bottom: 67px !important; }

.pv-68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important; }

.pv-69 {
  padding-top: 69px !important;
  padding-bottom: 69px !important; }

.pv-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important; }

.pv-71 {
  padding-top: 71px !important;
  padding-bottom: 71px !important; }

.pv-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important; }

.pv-73 {
  padding-top: 73px !important;
  padding-bottom: 73px !important; }

.pv-74 {
  padding-top: 74px !important;
  padding-bottom: 74px !important; }

.pv-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important; }

.pv-76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important; }

.pv-77 {
  padding-top: 77px !important;
  padding-bottom: 77px !important; }

.pv-78 {
  padding-top: 78px !important;
  padding-bottom: 78px !important; }

.pv-79 {
  padding-top: 79px !important;
  padding-bottom: 79px !important; }

.pv-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

.pv-81 {
  padding-top: 81px !important;
  padding-bottom: 81px !important; }

.pv-82 {
  padding-top: 82px !important;
  padding-bottom: 82px !important; }

.pv-83 {
  padding-top: 83px !important;
  padding-bottom: 83px !important; }

.pv-84 {
  padding-top: 84px !important;
  padding-bottom: 84px !important; }

.pv-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important; }

.pv-86 {
  padding-top: 86px !important;
  padding-bottom: 86px !important; }

.pv-87 {
  padding-top: 87px !important;
  padding-bottom: 87px !important; }

.pv-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important; }

.pv-89 {
  padding-top: 89px !important;
  padding-bottom: 89px !important; }

.pv-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important; }

.pv-91 {
  padding-top: 91px !important;
  padding-bottom: 91px !important; }

.pv-92 {
  padding-top: 92px !important;
  padding-bottom: 92px !important; }

.pv-93 {
  padding-top: 93px !important;
  padding-bottom: 93px !important; }

.pv-94 {
  padding-top: 94px !important;
  padding-bottom: 94px !important; }

.pv-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important; }

.pv-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important; }

.pv-97 {
  padding-top: 97px !important;
  padding-bottom: 97px !important; }

.pv-98 {
  padding-top: 98px !important;
  padding-bottom: 98px !important; }

.pv-99 {
  padding-top: 99px !important;
  padding-bottom: 99px !important; }

.pv-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important; }

.ph-0 {
  padding-left: 0px;
  padding-right: 0px; }

.ph-1 {
  padding-left: 1px;
  padding-right: 1px; }

.ph-2 {
  padding-left: 2px;
  padding-right: 2px; }

.ph-3 {
  padding-left: 3px;
  padding-right: 3px; }

.ph-4 {
  padding-left: 4px;
  padding-right: 4px; }

.ph-5 {
  padding-left: 5px;
  padding-right: 5px; }

.ph-6 {
  padding-left: 6px;
  padding-right: 6px; }

.ph-7 {
  padding-left: 7px;
  padding-right: 7px; }

.ph-8 {
  padding-left: 8px;
  padding-right: 8px; }

.ph-9 {
  padding-left: 9px;
  padding-right: 9px; }

.ph-10 {
  padding-left: 10px;
  padding-right: 10px; }

.ph-11 {
  padding-left: 11px;
  padding-right: 11px; }

.ph-12 {
  padding-left: 12px;
  padding-right: 12px; }

.ph-13 {
  padding-left: 13px;
  padding-right: 13px; }

.ph-14 {
  padding-left: 14px;
  padding-right: 14px; }

.ph-15 {
  padding-left: 15px;
  padding-right: 15px; }

.ph-16 {
  padding-left: 16px;
  padding-right: 16px; }

.ph-17 {
  padding-left: 17px;
  padding-right: 17px; }

.ph-18 {
  padding-left: 18px;
  padding-right: 18px; }

.ph-19 {
  padding-left: 19px;
  padding-right: 19px; }

.ph-20 {
  padding-left: 20px;
  padding-right: 20px; }

.ph-21 {
  padding-left: 21px;
  padding-right: 21px; }

.ph-22 {
  padding-left: 22px;
  padding-right: 22px; }

.ph-23 {
  padding-left: 23px;
  padding-right: 23px; }

.ph-24 {
  padding-left: 24px;
  padding-right: 24px; }

.ph-25 {
  padding-left: 25px;
  padding-right: 25px; }

.ph-26 {
  padding-left: 26px;
  padding-right: 26px; }

.ph-27 {
  padding-left: 27px;
  padding-right: 27px; }

.ph-28 {
  padding-left: 28px;
  padding-right: 28px; }

.ph-29 {
  padding-left: 29px;
  padding-right: 29px; }

.ph-30 {
  padding-left: 30px;
  padding-right: 30px; }

.ph-31 {
  padding-left: 31px;
  padding-right: 31px; }

.ph-32 {
  padding-left: 32px;
  padding-right: 32px; }

.ph-33 {
  padding-left: 33px;
  padding-right: 33px; }

.ph-34 {
  padding-left: 34px;
  padding-right: 34px; }

.ph-35 {
  padding-left: 35px;
  padding-right: 35px; }

.ph-36 {
  padding-left: 36px;
  padding-right: 36px; }

.ph-37 {
  padding-left: 37px;
  padding-right: 37px; }

.ph-38 {
  padding-left: 38px;
  padding-right: 38px; }

.ph-39 {
  padding-left: 39px;
  padding-right: 39px; }

.ph-40 {
  padding-left: 40px;
  padding-right: 40px; }

.ph-41 {
  padding-left: 41px;
  padding-right: 41px; }

.ph-42 {
  padding-left: 42px;
  padding-right: 42px; }

.ph-43 {
  padding-left: 43px;
  padding-right: 43px; }

.ph-44 {
  padding-left: 44px;
  padding-right: 44px; }

.ph-45 {
  padding-left: 45px;
  padding-right: 45px; }

.ph-46 {
  padding-left: 46px;
  padding-right: 46px; }

.ph-47 {
  padding-left: 47px;
  padding-right: 47px; }

.ph-48 {
  padding-left: 48px;
  padding-right: 48px; }

.ph-49 {
  padding-left: 49px;
  padding-right: 49px; }

.ph-50 {
  padding-left: 50px;
  padding-right: 50px; }

.ph-51 {
  padding-left: 51px;
  padding-right: 51px; }

.ph-52 {
  padding-left: 52px;
  padding-right: 52px; }

.ph-53 {
  padding-left: 53px;
  padding-right: 53px; }

.ph-54 {
  padding-left: 54px;
  padding-right: 54px; }

.ph-55 {
  padding-left: 55px;
  padding-right: 55px; }

.ph-56 {
  padding-left: 56px;
  padding-right: 56px; }

.ph-57 {
  padding-left: 57px;
  padding-right: 57px; }

.ph-58 {
  padding-left: 58px;
  padding-right: 58px; }

.ph-59 {
  padding-left: 59px;
  padding-right: 59px; }

.ph-60 {
  padding-left: 60px;
  padding-right: 60px; }

.ph-61 {
  padding-left: 61px;
  padding-right: 61px; }

.ph-62 {
  padding-left: 62px;
  padding-right: 62px; }

.ph-63 {
  padding-left: 63px;
  padding-right: 63px; }

.ph-64 {
  padding-left: 64px;
  padding-right: 64px; }

.ph-65 {
  padding-left: 65px;
  padding-right: 65px; }

.ph-66 {
  padding-left: 66px;
  padding-right: 66px; }

.ph-67 {
  padding-left: 67px;
  padding-right: 67px; }

.ph-68 {
  padding-left: 68px;
  padding-right: 68px; }

.ph-69 {
  padding-left: 69px;
  padding-right: 69px; }

.ph-70 {
  padding-left: 70px;
  padding-right: 70px; }

.ph-71 {
  padding-left: 71px;
  padding-right: 71px; }

.ph-72 {
  padding-left: 72px;
  padding-right: 72px; }

.ph-73 {
  padding-left: 73px;
  padding-right: 73px; }

.ph-74 {
  padding-left: 74px;
  padding-right: 74px; }

.ph-75 {
  padding-left: 75px;
  padding-right: 75px; }

.ph-76 {
  padding-left: 76px;
  padding-right: 76px; }

.ph-77 {
  padding-left: 77px;
  padding-right: 77px; }

.ph-78 {
  padding-left: 78px;
  padding-right: 78px; }

.ph-79 {
  padding-left: 79px;
  padding-right: 79px; }

.ph-80 {
  padding-left: 80px;
  padding-right: 80px; }

.ph-81 {
  padding-left: 81px;
  padding-right: 81px; }

.ph-82 {
  padding-left: 82px;
  padding-right: 82px; }

.ph-83 {
  padding-left: 83px;
  padding-right: 83px; }

.ph-84 {
  padding-left: 84px;
  padding-right: 84px; }

.ph-85 {
  padding-left: 85px;
  padding-right: 85px; }

.ph-86 {
  padding-left: 86px;
  padding-right: 86px; }

.ph-87 {
  padding-left: 87px;
  padding-right: 87px; }

.ph-88 {
  padding-left: 88px;
  padding-right: 88px; }

.ph-89 {
  padding-left: 89px;
  padding-right: 89px; }

.ph-90 {
  padding-left: 90px;
  padding-right: 90px; }

.ph-91 {
  padding-left: 91px;
  padding-right: 91px; }

.ph-92 {
  padding-left: 92px;
  padding-right: 92px; }

.ph-93 {
  padding-left: 93px;
  padding-right: 93px; }

.ph-94 {
  padding-left: 94px;
  padding-right: 94px; }

.ph-95 {
  padding-left: 95px;
  padding-right: 95px; }

.ph-96 {
  padding-left: 96px;
  padding-right: 96px; }

.ph-97 {
  padding-left: 97px;
  padding-right: 97px; }

.ph-98 {
  padding-left: 98px;
  padding-right: 98px; }

.ph-99 {
  padding-left: 99px;
  padding-right: 99px; }

.ph-100 {
  padding-left: 100px;
  padding-right: 100px; }

.mb-0 {
  margin-bottom: 0px; }

.mb-1 {
  margin-bottom: 1px; }

.mb-2 {
  margin-bottom: 2px; }

.mb-3 {
  margin-bottom: 3px; }

.mb-4 {
  margin-bottom: 4px; }

.mb-5 {
  margin-bottom: 5px; }

.mb-6 {
  margin-bottom: 6px; }

.mb-7 {
  margin-bottom: 7px; }

.mb-8 {
  margin-bottom: 8px; }

.mb-9 {
  margin-bottom: 9px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-11 {
  margin-bottom: 11px; }

.mb-12 {
  margin-bottom: 12px; }

.mb-13 {
  margin-bottom: 13px; }

.mb-14 {
  margin-bottom: 14px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-16 {
  margin-bottom: 16px; }

.mb-17 {
  margin-bottom: 17px; }

.mb-18 {
  margin-bottom: 18px; }

.mb-19 {
  margin-bottom: 19px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-21 {
  margin-bottom: 21px; }

.mb-22 {
  margin-bottom: 22px; }

.mb-23 {
  margin-bottom: 23px; }

.mb-24 {
  margin-bottom: 24px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-26 {
  margin-bottom: 26px; }

.mb-27 {
  margin-bottom: 27px; }

.mb-28 {
  margin-bottom: 28px; }

.mb-29 {
  margin-bottom: 29px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-31 {
  margin-bottom: 31px; }

.mb-32 {
  margin-bottom: 32px; }

.mb-33 {
  margin-bottom: 33px; }

.mb-34 {
  margin-bottom: 34px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-36 {
  margin-bottom: 36px; }

.mb-37 {
  margin-bottom: 37px; }

.mb-38 {
  margin-bottom: 38px; }

.mb-39 {
  margin-bottom: 39px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-41 {
  margin-bottom: 41px; }

.mb-42 {
  margin-bottom: 42px; }

.mb-43 {
  margin-bottom: 43px; }

.mb-44 {
  margin-bottom: 44px; }

.mb-45 {
  margin-bottom: 45px; }

.mb-46 {
  margin-bottom: 46px; }

.mb-47 {
  margin-bottom: 47px; }

.mb-48 {
  margin-bottom: 48px; }

.mb-49 {
  margin-bottom: 49px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-51 {
  margin-bottom: 51px; }

.mb-52 {
  margin-bottom: 52px; }

.mb-53 {
  margin-bottom: 53px; }

.mb-54 {
  margin-bottom: 54px; }

.mb-55 {
  margin-bottom: 55px; }

.mb-56 {
  margin-bottom: 56px; }

.mb-57 {
  margin-bottom: 57px; }

.mb-58 {
  margin-bottom: 58px; }

.mb-59 {
  margin-bottom: 59px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-61 {
  margin-bottom: 61px; }

.mb-62 {
  margin-bottom: 62px; }

.mb-63 {
  margin-bottom: 63px; }

.mb-64 {
  margin-bottom: 64px; }

.mb-65 {
  margin-bottom: 65px; }

.mb-66 {
  margin-bottom: 66px; }

.mb-67 {
  margin-bottom: 67px; }

.mb-68 {
  margin-bottom: 68px; }

.mb-69 {
  margin-bottom: 69px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-71 {
  margin-bottom: 71px; }

.mb-72 {
  margin-bottom: 72px; }

.mb-73 {
  margin-bottom: 73px; }

.mb-74 {
  margin-bottom: 74px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-76 {
  margin-bottom: 76px; }

.mb-77 {
  margin-bottom: 77px; }

.mb-78 {
  margin-bottom: 78px; }

.mb-79 {
  margin-bottom: 79px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-81 {
  margin-bottom: 81px; }

.mb-82 {
  margin-bottom: 82px; }

.mb-83 {
  margin-bottom: 83px; }

.mb-84 {
  margin-bottom: 84px; }

.mb-85 {
  margin-bottom: 85px; }

.mb-86 {
  margin-bottom: 86px; }

.mb-87 {
  margin-bottom: 87px; }

.mb-88 {
  margin-bottom: 88px; }

.mb-89 {
  margin-bottom: 89px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-91 {
  margin-bottom: 91px; }

.mb-92 {
  margin-bottom: 92px; }

.mb-93 {
  margin-bottom: 93px; }

.mb-94 {
  margin-bottom: 94px; }

.mb-95 {
  margin-bottom: 95px; }

.mb-96 {
  margin-bottom: 96px; }

.mb-97 {
  margin-bottom: 97px; }

.mb-98 {
  margin-bottom: 98px; }

.mb-99 {
  margin-bottom: 99px; }

.mb-100 {
  margin-bottom: 100px; }

.mt-0 {
  margin-top: 0px; }

.mt-1 {
  margin-top: 1px; }

.mt-2 {
  margin-top: 2px; }

.mt-3 {
  margin-top: 3px; }

.mt-4 {
  margin-top: 4px; }

.mt-5 {
  margin-top: 5px; }

.mt-6 {
  margin-top: 6px; }

.mt-7 {
  margin-top: 7px; }

.mt-8 {
  margin-top: 8px; }

.mt-9 {
  margin-top: 9px; }

.mt-10 {
  margin-top: 10px; }

.mt-11 {
  margin-top: 11px; }

.mt-12 {
  margin-top: 12px; }

.mt-13 {
  margin-top: 13px; }

.mt-14 {
  margin-top: 14px; }

.mt-15 {
  margin-top: 15px; }

.mt-16 {
  margin-top: 16px; }

.mt-17 {
  margin-top: 17px; }

.mt-18 {
  margin-top: 18px; }

.mt-19 {
  margin-top: 19px; }

.mt-20 {
  margin-top: 20px; }

.mt-21 {
  margin-top: 21px; }

.mt-22 {
  margin-top: 22px; }

.mt-23 {
  margin-top: 23px; }

.mt-24 {
  margin-top: 24px; }

.mt-25 {
  margin-top: 25px; }

.mt-26 {
  margin-top: 26px; }

.mt-27 {
  margin-top: 27px; }

.mt-28 {
  margin-top: 28px; }

.mt-29 {
  margin-top: 29px; }

.mt-30 {
  margin-top: 30px; }

.mt-31 {
  margin-top: 31px; }

.mt-32 {
  margin-top: 32px; }

.mt-33 {
  margin-top: 33px; }

.mt-34 {
  margin-top: 34px; }

.mt-35 {
  margin-top: 35px; }

.mt-36 {
  margin-top: 36px; }

.mt-37 {
  margin-top: 37px; }

.mt-38 {
  margin-top: 38px; }

.mt-39 {
  margin-top: 39px; }

.mt-40 {
  margin-top: 40px; }

.mt-41 {
  margin-top: 41px; }

.mt-42 {
  margin-top: 42px; }

.mt-43 {
  margin-top: 43px; }

.mt-44 {
  margin-top: 44px; }

.mt-45 {
  margin-top: 45px; }

.mt-46 {
  margin-top: 46px; }

.mt-47 {
  margin-top: 47px; }

.mt-48 {
  margin-top: 48px; }

.mt-49 {
  margin-top: 49px; }

.mt-50 {
  margin-top: 50px; }

.mt-51 {
  margin-top: 51px; }

.mt-52 {
  margin-top: 52px; }

.mt-53 {
  margin-top: 53px; }

.mt-54 {
  margin-top: 54px; }

.mt-55 {
  margin-top: 55px; }

.mt-56 {
  margin-top: 56px; }

.mt-57 {
  margin-top: 57px; }

.mt-58 {
  margin-top: 58px; }

.mt-59 {
  margin-top: 59px; }

.mt-60 {
  margin-top: 60px; }

.mt-61 {
  margin-top: 61px; }

.mt-62 {
  margin-top: 62px; }

.mt-63 {
  margin-top: 63px; }

.mt-64 {
  margin-top: 64px; }

.mt-65 {
  margin-top: 65px; }

.mt-66 {
  margin-top: 66px; }

.mt-67 {
  margin-top: 67px; }

.mt-68 {
  margin-top: 68px; }

.mt-69 {
  margin-top: 69px; }

.mt-70 {
  margin-top: 70px; }

.mt-71 {
  margin-top: 71px; }

.mt-72 {
  margin-top: 72px; }

.mt-73 {
  margin-top: 73px; }

.mt-74 {
  margin-top: 74px; }

.mt-75 {
  margin-top: 75px; }

.mt-76 {
  margin-top: 76px; }

.mt-77 {
  margin-top: 77px; }

.mt-78 {
  margin-top: 78px; }

.mt-79 {
  margin-top: 79px; }

.mt-80 {
  margin-top: 80px; }

.mt-81 {
  margin-top: 81px; }

.mt-82 {
  margin-top: 82px; }

.mt-83 {
  margin-top: 83px; }

.mt-84 {
  margin-top: 84px; }

.mt-85 {
  margin-top: 85px; }

.mt-86 {
  margin-top: 86px; }

.mt-87 {
  margin-top: 87px; }

.mt-88 {
  margin-top: 88px; }

.mt-89 {
  margin-top: 89px; }

.mt-90 {
  margin-top: 90px; }

.mt-91 {
  margin-top: 91px; }

.mt-92 {
  margin-top: 92px; }

.mt-93 {
  margin-top: 93px; }

.mt-94 {
  margin-top: 94px; }

.mt-95 {
  margin-top: 95px; }

.mt-96 {
  margin-top: 96px; }

.mt-97 {
  margin-top: 97px; }

.mt-98 {
  margin-top: 98px; }

.mt-99 {
  margin-top: 99px; }

.mt-100 {
  margin-top: 100px; }

.mv-0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.mv-1 {
  margin-top: 1px;
  margin-bottom: 1px; }

.mv-2 {
  margin-top: 2px;
  margin-bottom: 2px; }

.mv-3 {
  margin-top: 3px;
  margin-bottom: 3px; }

.mv-4 {
  margin-top: 4px;
  margin-bottom: 4px; }

.mv-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.mv-6 {
  margin-top: 6px;
  margin-bottom: 6px; }

.mv-7 {
  margin-top: 7px;
  margin-bottom: 7px; }

.mv-8 {
  margin-top: 8px;
  margin-bottom: 8px; }

.mv-9 {
  margin-top: 9px;
  margin-bottom: 9px; }

.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mv-11 {
  margin-top: 11px;
  margin-bottom: 11px; }

.mv-12 {
  margin-top: 12px;
  margin-bottom: 12px; }

.mv-13 {
  margin-top: 13px;
  margin-bottom: 13px; }

.mv-14 {
  margin-top: 14px;
  margin-bottom: 14px; }

.mv-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mv-16 {
  margin-top: 16px;
  margin-bottom: 16px; }

.mv-17 {
  margin-top: 17px;
  margin-bottom: 17px; }

.mv-18 {
  margin-top: 18px;
  margin-bottom: 18px; }

.mv-19 {
  margin-top: 19px;
  margin-bottom: 19px; }

.mv-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.mv-21 {
  margin-top: 21px;
  margin-bottom: 21px; }

.mv-22 {
  margin-top: 22px;
  margin-bottom: 22px; }

.mv-23 {
  margin-top: 23px;
  margin-bottom: 23px; }

.mv-24 {
  margin-top: 24px;
  margin-bottom: 24px; }

.mv-25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.mv-26 {
  margin-top: 26px;
  margin-bottom: 26px; }

.mv-27 {
  margin-top: 27px;
  margin-bottom: 27px; }

.mv-28 {
  margin-top: 28px;
  margin-bottom: 28px; }

.mv-29 {
  margin-top: 29px;
  margin-bottom: 29px; }

.mv-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mv-31 {
  margin-top: 31px;
  margin-bottom: 31px; }

.mv-32 {
  margin-top: 32px;
  margin-bottom: 32px; }

.mv-33 {
  margin-top: 33px;
  margin-bottom: 33px; }

.mv-34 {
  margin-top: 34px;
  margin-bottom: 34px; }

.mv-35 {
  margin-top: 35px;
  margin-bottom: 35px; }

.mv-36 {
  margin-top: 36px;
  margin-bottom: 36px; }

.mv-37 {
  margin-top: 37px;
  margin-bottom: 37px; }

.mv-38 {
  margin-top: 38px;
  margin-bottom: 38px; }

.mv-39 {
  margin-top: 39px;
  margin-bottom: 39px; }

.mv-40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.mv-41 {
  margin-top: 41px;
  margin-bottom: 41px; }

.mv-42 {
  margin-top: 42px;
  margin-bottom: 42px; }

.mv-43 {
  margin-top: 43px;
  margin-bottom: 43px; }

.mv-44 {
  margin-top: 44px;
  margin-bottom: 44px; }

.mv-45 {
  margin-top: 45px;
  margin-bottom: 45px; }

.mv-46 {
  margin-top: 46px;
  margin-bottom: 46px; }

.mv-47 {
  margin-top: 47px;
  margin-bottom: 47px; }

.mv-48 {
  margin-top: 48px;
  margin-bottom: 48px; }

.mv-49 {
  margin-top: 49px;
  margin-bottom: 49px; }

.mv-50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.mv-51 {
  margin-top: 51px;
  margin-bottom: 51px; }

.mv-52 {
  margin-top: 52px;
  margin-bottom: 52px; }

.mv-53 {
  margin-top: 53px;
  margin-bottom: 53px; }

.mv-54 {
  margin-top: 54px;
  margin-bottom: 54px; }

.mv-55 {
  margin-top: 55px;
  margin-bottom: 55px; }

.mv-56 {
  margin-top: 56px;
  margin-bottom: 56px; }

.mv-57 {
  margin-top: 57px;
  margin-bottom: 57px; }

.mv-58 {
  margin-top: 58px;
  margin-bottom: 58px; }

.mv-59 {
  margin-top: 59px;
  margin-bottom: 59px; }

.mv-60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.mv-61 {
  margin-top: 61px;
  margin-bottom: 61px; }

.mv-62 {
  margin-top: 62px;
  margin-bottom: 62px; }

.mv-63 {
  margin-top: 63px;
  margin-bottom: 63px; }

.mv-64 {
  margin-top: 64px;
  margin-bottom: 64px; }

.mv-65 {
  margin-top: 65px;
  margin-bottom: 65px; }

.mv-66 {
  margin-top: 66px;
  margin-bottom: 66px; }

.mv-67 {
  margin-top: 67px;
  margin-bottom: 67px; }

.mv-68 {
  margin-top: 68px;
  margin-bottom: 68px; }

.mv-69 {
  margin-top: 69px;
  margin-bottom: 69px; }

.mv-70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.mv-71 {
  margin-top: 71px;
  margin-bottom: 71px; }

.mv-72 {
  margin-top: 72px;
  margin-bottom: 72px; }

.mv-73 {
  margin-top: 73px;
  margin-bottom: 73px; }

.mv-74 {
  margin-top: 74px;
  margin-bottom: 74px; }

.mv-75 {
  margin-top: 75px;
  margin-bottom: 75px; }

.mv-76 {
  margin-top: 76px;
  margin-bottom: 76px; }

.mv-77 {
  margin-top: 77px;
  margin-bottom: 77px; }

.mv-78 {
  margin-top: 78px;
  margin-bottom: 78px; }

.mv-79 {
  margin-top: 79px;
  margin-bottom: 79px; }

.mv-80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.mv-81 {
  margin-top: 81px;
  margin-bottom: 81px; }

.mv-82 {
  margin-top: 82px;
  margin-bottom: 82px; }

.mv-83 {
  margin-top: 83px;
  margin-bottom: 83px; }

.mv-84 {
  margin-top: 84px;
  margin-bottom: 84px; }

.mv-85 {
  margin-top: 85px;
  margin-bottom: 85px; }

.mv-86 {
  margin-top: 86px;
  margin-bottom: 86px; }

.mv-87 {
  margin-top: 87px;
  margin-bottom: 87px; }

.mv-88 {
  margin-top: 88px;
  margin-bottom: 88px; }

.mv-89 {
  margin-top: 89px;
  margin-bottom: 89px; }

.mv-90 {
  margin-top: 90px;
  margin-bottom: 90px; }

.mv-91 {
  margin-top: 91px;
  margin-bottom: 91px; }

.mv-92 {
  margin-top: 92px;
  margin-bottom: 92px; }

.mv-93 {
  margin-top: 93px;
  margin-bottom: 93px; }

.mv-94 {
  margin-top: 94px;
  margin-bottom: 94px; }

.mv-95 {
  margin-top: 95px;
  margin-bottom: 95px; }

.mv-96 {
  margin-top: 96px;
  margin-bottom: 96px; }

.mv-97 {
  margin-top: 97px;
  margin-bottom: 97px; }

.mv-98 {
  margin-top: 98px;
  margin-bottom: 98px; }

.mv-99 {
  margin-top: 99px;
  margin-bottom: 99px; }

.mv-100 {
  margin-top: 100px;
  margin-bottom: 100px; }

.mh-0 {
  margin-left: 0px;
  margin-right: 0px; }

.mh-1 {
  margin-left: 1px;
  margin-right: 1px; }

.mh-2 {
  margin-left: 2px;
  margin-right: 2px; }

.mh-3 {
  margin-left: 3px;
  margin-right: 3px; }

.mh-4 {
  margin-left: 4px;
  margin-right: 4px; }

.mh-5 {
  margin-left: 5px;
  margin-right: 5px; }

.mh-6 {
  margin-left: 6px;
  margin-right: 6px; }

.mh-7 {
  margin-left: 7px;
  margin-right: 7px; }

.mh-8 {
  margin-left: 8px;
  margin-right: 8px; }

.mh-9 {
  margin-left: 9px;
  margin-right: 9px; }

.mh-10 {
  margin-left: 10px;
  margin-right: 10px; }

.mh-11 {
  margin-left: 11px;
  margin-right: 11px; }

.mh-12 {
  margin-left: 12px;
  margin-right: 12px; }

.mh-13 {
  margin-left: 13px;
  margin-right: 13px; }

.mh-14 {
  margin-left: 14px;
  margin-right: 14px; }

.mh-15 {
  margin-left: 15px;
  margin-right: 15px; }

.mh-16 {
  margin-left: 16px;
  margin-right: 16px; }

.mh-17 {
  margin-left: 17px;
  margin-right: 17px; }

.mh-18 {
  margin-left: 18px;
  margin-right: 18px; }

.mh-19 {
  margin-left: 19px;
  margin-right: 19px; }

.mh-20 {
  margin-left: 20px;
  margin-right: 20px; }

.mh-21 {
  margin-left: 21px;
  margin-right: 21px; }

.mh-22 {
  margin-left: 22px;
  margin-right: 22px; }

.mh-23 {
  margin-left: 23px;
  margin-right: 23px; }

.mh-24 {
  margin-left: 24px;
  margin-right: 24px; }

.mh-25 {
  margin-left: 25px;
  margin-right: 25px; }

.mh-26 {
  margin-left: 26px;
  margin-right: 26px; }

.mh-27 {
  margin-left: 27px;
  margin-right: 27px; }

.mh-28 {
  margin-left: 28px;
  margin-right: 28px; }

.mh-29 {
  margin-left: 29px;
  margin-right: 29px; }

.mh-30 {
  margin-left: 30px;
  margin-right: 30px; }

.mh-31 {
  margin-left: 31px;
  margin-right: 31px; }

.mh-32 {
  margin-left: 32px;
  margin-right: 32px; }

.mh-33 {
  margin-left: 33px;
  margin-right: 33px; }

.mh-34 {
  margin-left: 34px;
  margin-right: 34px; }

.mh-35 {
  margin-left: 35px;
  margin-right: 35px; }

.mh-36 {
  margin-left: 36px;
  margin-right: 36px; }

.mh-37 {
  margin-left: 37px;
  margin-right: 37px; }

.mh-38 {
  margin-left: 38px;
  margin-right: 38px; }

.mh-39 {
  margin-left: 39px;
  margin-right: 39px; }

.mh-40 {
  margin-left: 40px;
  margin-right: 40px; }

.mh-41 {
  margin-left: 41px;
  margin-right: 41px; }

.mh-42 {
  margin-left: 42px;
  margin-right: 42px; }

.mh-43 {
  margin-left: 43px;
  margin-right: 43px; }

.mh-44 {
  margin-left: 44px;
  margin-right: 44px; }

.mh-45 {
  margin-left: 45px;
  margin-right: 45px; }

.mh-46 {
  margin-left: 46px;
  margin-right: 46px; }

.mh-47 {
  margin-left: 47px;
  margin-right: 47px; }

.mh-48 {
  margin-left: 48px;
  margin-right: 48px; }

.mh-49 {
  margin-left: 49px;
  margin-right: 49px; }

.mh-50 {
  margin-left: 50px;
  margin-right: 50px; }

.mh-51 {
  margin-left: 51px;
  margin-right: 51px; }

.mh-52 {
  margin-left: 52px;
  margin-right: 52px; }

.mh-53 {
  margin-left: 53px;
  margin-right: 53px; }

.mh-54 {
  margin-left: 54px;
  margin-right: 54px; }

.mh-55 {
  margin-left: 55px;
  margin-right: 55px; }

.mh-56 {
  margin-left: 56px;
  margin-right: 56px; }

.mh-57 {
  margin-left: 57px;
  margin-right: 57px; }

.mh-58 {
  margin-left: 58px;
  margin-right: 58px; }

.mh-59 {
  margin-left: 59px;
  margin-right: 59px; }

.mh-60 {
  margin-left: 60px;
  margin-right: 60px; }

.mh-61 {
  margin-left: 61px;
  margin-right: 61px; }

.mh-62 {
  margin-left: 62px;
  margin-right: 62px; }

.mh-63 {
  margin-left: 63px;
  margin-right: 63px; }

.mh-64 {
  margin-left: 64px;
  margin-right: 64px; }

.mh-65 {
  margin-left: 65px;
  margin-right: 65px; }

.mh-66 {
  margin-left: 66px;
  margin-right: 66px; }

.mh-67 {
  margin-left: 67px;
  margin-right: 67px; }

.mh-68 {
  margin-left: 68px;
  margin-right: 68px; }

.mh-69 {
  margin-left: 69px;
  margin-right: 69px; }

.mh-70 {
  margin-left: 70px;
  margin-right: 70px; }

.mh-71 {
  margin-left: 71px;
  margin-right: 71px; }

.mh-72 {
  margin-left: 72px;
  margin-right: 72px; }

.mh-73 {
  margin-left: 73px;
  margin-right: 73px; }

.mh-74 {
  margin-left: 74px;
  margin-right: 74px; }

.mh-75 {
  margin-left: 75px;
  margin-right: 75px; }

.mh-76 {
  margin-left: 76px;
  margin-right: 76px; }

.mh-77 {
  margin-left: 77px;
  margin-right: 77px; }

.mh-78 {
  margin-left: 78px;
  margin-right: 78px; }

.mh-79 {
  margin-left: 79px;
  margin-right: 79px; }

.mh-80 {
  margin-left: 80px;
  margin-right: 80px; }

.mh-81 {
  margin-left: 81px;
  margin-right: 81px; }

.mh-82 {
  margin-left: 82px;
  margin-right: 82px; }

.mh-83 {
  margin-left: 83px;
  margin-right: 83px; }

.mh-84 {
  margin-left: 84px;
  margin-right: 84px; }

.mh-85 {
  margin-left: 85px;
  margin-right: 85px; }

.mh-86 {
  margin-left: 86px;
  margin-right: 86px; }

.mh-87 {
  margin-left: 87px;
  margin-right: 87px; }

.mh-88 {
  margin-left: 88px;
  margin-right: 88px; }

.mh-89 {
  margin-left: 89px;
  margin-right: 89px; }

.mh-90 {
  margin-left: 90px;
  margin-right: 90px; }

.mh-91 {
  margin-left: 91px;
  margin-right: 91px; }

.mh-92 {
  margin-left: 92px;
  margin-right: 92px; }

.mh-93 {
  margin-left: 93px;
  margin-right: 93px; }

.mh-94 {
  margin-left: 94px;
  margin-right: 94px; }

.mh-95 {
  margin-left: 95px;
  margin-right: 95px; }

.mh-96 {
  margin-left: 96px;
  margin-right: 96px; }

.mh-97 {
  margin-left: 97px;
  margin-right: 97px; }

.mh-98 {
  margin-left: 98px;
  margin-right: 98px; }

.mh-99 {
  margin-left: 99px;
  margin-right: 99px; }

.mh-100 {
  margin-left: 100px;
  margin-right: 100px; }

.gap-0 {
  margin-left: 0px;
  margin-right: 0px; }

.gap-1 {
  margin-left: 1px;
  margin-right: 1px; }

.gap-2 {
  margin-left: 2px;
  margin-right: 2px; }

.gap-3 {
  margin-left: 3px;
  margin-right: 3px; }

.gap-4 {
  margin-left: 4px;
  margin-right: 4px; }

.gap-5 {
  margin-left: 5px;
  margin-right: 5px; }

.gap-6 {
  margin-left: 6px;
  margin-right: 6px; }

.gap-7 {
  margin-left: 7px;
  margin-right: 7px; }

.gap-8 {
  margin-left: 8px;
  margin-right: 8px; }

.gap-9 {
  margin-left: 9px;
  margin-right: 9px; }

.gap-10 {
  margin-left: 10px;
  margin-right: 10px; }

.gap-11 {
  margin-left: 11px;
  margin-right: 11px; }

.gap-12 {
  margin-left: 12px;
  margin-right: 12px; }

.gap-13 {
  margin-left: 13px;
  margin-right: 13px; }

.gap-14 {
  margin-left: 14px;
  margin-right: 14px; }

.gap-15 {
  margin-left: 15px;
  margin-right: 15px; }

.gap-16 {
  margin-left: 16px;
  margin-right: 16px; }

.gap-17 {
  margin-left: 17px;
  margin-right: 17px; }

.gap-18 {
  margin-left: 18px;
  margin-right: 18px; }

.gap-19 {
  margin-left: 19px;
  margin-right: 19px; }

.gap-20 {
  margin-left: 20px;
  margin-right: 20px; }

.gap-21 {
  margin-left: 21px;
  margin-right: 21px; }

.gap-22 {
  margin-left: 22px;
  margin-right: 22px; }

.gap-23 {
  margin-left: 23px;
  margin-right: 23px; }

.gap-24 {
  margin-left: 24px;
  margin-right: 24px; }

.gap-25 {
  margin-left: 25px;
  margin-right: 25px; }

.gap-26 {
  margin-left: 26px;
  margin-right: 26px; }

.gap-27 {
  margin-left: 27px;
  margin-right: 27px; }

.gap-28 {
  margin-left: 28px;
  margin-right: 28px; }

.gap-29 {
  margin-left: 29px;
  margin-right: 29px; }

.gap-30 {
  margin-left: 30px;
  margin-right: 30px; }

.gap-31 {
  margin-left: 31px;
  margin-right: 31px; }

.gap-32 {
  margin-left: 32px;
  margin-right: 32px; }

.gap-33 {
  margin-left: 33px;
  margin-right: 33px; }

.gap-34 {
  margin-left: 34px;
  margin-right: 34px; }

.gap-35 {
  margin-left: 35px;
  margin-right: 35px; }

.gap-36 {
  margin-left: 36px;
  margin-right: 36px; }

.gap-37 {
  margin-left: 37px;
  margin-right: 37px; }

.gap-38 {
  margin-left: 38px;
  margin-right: 38px; }

.gap-39 {
  margin-left: 39px;
  margin-right: 39px; }

.gap-40 {
  margin-left: 40px;
  margin-right: 40px; }

.gap-41 {
  margin-left: 41px;
  margin-right: 41px; }

.gap-42 {
  margin-left: 42px;
  margin-right: 42px; }

.gap-43 {
  margin-left: 43px;
  margin-right: 43px; }

.gap-44 {
  margin-left: 44px;
  margin-right: 44px; }

.gap-45 {
  margin-left: 45px;
  margin-right: 45px; }

.gap-46 {
  margin-left: 46px;
  margin-right: 46px; }

.gap-47 {
  margin-left: 47px;
  margin-right: 47px; }

.gap-48 {
  margin-left: 48px;
  margin-right: 48px; }

.gap-49 {
  margin-left: 49px;
  margin-right: 49px; }

.gap-50 {
  margin-left: 50px;
  margin-right: 50px; }

.gap-51 {
  margin-left: 51px;
  margin-right: 51px; }

.gap-52 {
  margin-left: 52px;
  margin-right: 52px; }

.gap-53 {
  margin-left: 53px;
  margin-right: 53px; }

.gap-54 {
  margin-left: 54px;
  margin-right: 54px; }

.gap-55 {
  margin-left: 55px;
  margin-right: 55px; }

.gap-56 {
  margin-left: 56px;
  margin-right: 56px; }

.gap-57 {
  margin-left: 57px;
  margin-right: 57px; }

.gap-58 {
  margin-left: 58px;
  margin-right: 58px; }

.gap-59 {
  margin-left: 59px;
  margin-right: 59px; }

.gap-60 {
  margin-left: 60px;
  margin-right: 60px; }

.gap-61 {
  margin-left: 61px;
  margin-right: 61px; }

.gap-62 {
  margin-left: 62px;
  margin-right: 62px; }

.gap-63 {
  margin-left: 63px;
  margin-right: 63px; }

.gap-64 {
  margin-left: 64px;
  margin-right: 64px; }

.gap-65 {
  margin-left: 65px;
  margin-right: 65px; }

.gap-66 {
  margin-left: 66px;
  margin-right: 66px; }

.gap-67 {
  margin-left: 67px;
  margin-right: 67px; }

.gap-68 {
  margin-left: 68px;
  margin-right: 68px; }

.gap-69 {
  margin-left: 69px;
  margin-right: 69px; }

.gap-70 {
  margin-left: 70px;
  margin-right: 70px; }

.gap-71 {
  margin-left: 71px;
  margin-right: 71px; }

.gap-72 {
  margin-left: 72px;
  margin-right: 72px; }

.gap-73 {
  margin-left: 73px;
  margin-right: 73px; }

.gap-74 {
  margin-left: 74px;
  margin-right: 74px; }

.gap-75 {
  margin-left: 75px;
  margin-right: 75px; }

.gap-76 {
  margin-left: 76px;
  margin-right: 76px; }

.gap-77 {
  margin-left: 77px;
  margin-right: 77px; }

.gap-78 {
  margin-left: 78px;
  margin-right: 78px; }

.gap-79 {
  margin-left: 79px;
  margin-right: 79px; }

.gap-80 {
  margin-left: 80px;
  margin-right: 80px; }

.gap-81 {
  margin-left: 81px;
  margin-right: 81px; }

.gap-82 {
  margin-left: 82px;
  margin-right: 82px; }

.gap-83 {
  margin-left: 83px;
  margin-right: 83px; }

.gap-84 {
  margin-left: 84px;
  margin-right: 84px; }

.gap-85 {
  margin-left: 85px;
  margin-right: 85px; }

.gap-86 {
  margin-left: 86px;
  margin-right: 86px; }

.gap-87 {
  margin-left: 87px;
  margin-right: 87px; }

.gap-88 {
  margin-left: 88px;
  margin-right: 88px; }

.gap-89 {
  margin-left: 89px;
  margin-right: 89px; }

.gap-90 {
  margin-left: 90px;
  margin-right: 90px; }

.gap-91 {
  margin-left: 91px;
  margin-right: 91px; }

.gap-92 {
  margin-left: 92px;
  margin-right: 92px; }

.gap-93 {
  margin-left: 93px;
  margin-right: 93px; }

.gap-94 {
  margin-left: 94px;
  margin-right: 94px; }

.gap-95 {
  margin-left: 95px;
  margin-right: 95px; }

.gap-96 {
  margin-left: 96px;
  margin-right: 96px; }

.gap-97 {
  margin-left: 97px;
  margin-right: 97px; }

.gap-98 {
  margin-left: 98px;
  margin-right: 98px; }

.gap-99 {
  margin-left: 99px;
  margin-right: 99px; }

.gap-100 {
  margin-left: 100px;
  margin-right: 100px; }

.w-0 {
  width: 0% !important; }

.w-10 {
  width: 10% !important; }

.w-20 {
  width: 20% !important; }

.w-30 {
  width: 30% !important; }

.w-40 {
  width: 40% !important; }

.w-50 {
  width: 50% !important; }

.w-60 {
  width: 60% !important; }

.w-70 {
  width: 70% !important; }

.w-80 {
  width: 80% !important; }

.w-90 {
  width: 90% !important; }

.w-100 {
  width: 100% !important; }