@charset "UTF-8";
/*! normalize.css v3.0.0 | 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 in IE 8/9.
**/
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.
** Hide the `template` element in IE, 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, Safari 5, and Chrome.
**/
abbr[title] {
  border-bottom: 1px dotted;
}
/**
** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
**/
b,
strong {
  font-weight: bold;
}
/**
** Address styling not present in Safari 5 and Chrome.
**/
dfn {
  font-style: italic;
}
/**
** Address variable `h1` font-size and margin within `section` and `article`
** contexts in Firefox 4+, Safari 5, 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.
**/
img {
  border: 0;
}
/**
** Correct overflow displayed oddly in IE 9.
**/
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
** Address margin not present in IE 8/9 and Safari 5.
**/
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 5, 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.
**/
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+, 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 5 and Chrome.
** 2. Address `box-sizing` set to `border-box` in Safari 5 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.
** 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.
**/
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;
}
/*!
 * Fluidable Grid System 1.3
 *
 * Creator: Andri Sigurðsson
 * Site: http://fluidable.com
 * Date: 31.05.2016
 */
[class*="col-fixed-"] {
  float: left;
  width: 100%;
}
.col-group {
  padding: 0 36px;
}
.col-group:after {
  display: table;
  clear: both;
  content: " ";
}
.col-group .col-group {
  padding: 0;
}
.col-group [class*="col-"] {
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col-group [class*="push-"],
.col-group [class*="pull-"] {
  position: relative;
}
.col-mb-12 {
  width: 100%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-11 {
  width: 91.66666667%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-10 {
  width: 83.33333333%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-9 {
  width: 75%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-8 {
  width: 66.66666667%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-7 {
  width: 58.33333333%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-6 {
  width: 50%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-5 {
  width: 41.66666667%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-4 {
  width: 33.33333333%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-3 {
  width: 25%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-2 {
  width: 16.66666667%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
.col-mb-1 {
  width: 8.33333333%;
  float: left;
  padding-right: 18px;
  padding-left: 18px;
}
@media (min-width: 768px) {
  .container {
    max-width: 696px;
    margin: 0 auto;
  }
  .col-12 {
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
    float: left;
  }
  .col-11 {
    padding-left: 18px;
    padding-right: 18px;
    width: 91.66666667%;
    float: left;
  }
  .col-10 {
    padding-left: 18px;
    padding-right: 18px;
    width: 83.33333333%;
    float: left;
  }
  .col-9 {
    padding-left: 18px;
    padding-right: 18px;
    width: 75%;
    float: left;
  }
  .col-8 {
    padding-left: 18px;
    padding-right: 18px;
    width: 66.66666667%;
    float: left;
  }
  .col-7 {
    padding-left: 18px;
    padding-right: 18px;
    width: 58.33333333%;
    float: left;
  }
  .col-6 {
    padding-left: 18px;
    padding-right: 18px;
    width: 50%;
    float: left;
  }
  .col-5 {
    padding-left: 18px;
    padding-right: 18px;
    width: 41.66666667%;
    float: left;
  }
  .col-4 {
    padding-left: 18px;
    padding-right: 18px;
    width: 33.33333333%;
    float: left;
  }
  .col-3 {
    padding-left: 18px;
    padding-right: 18px;
    width: 25%;
    float: left;
  }
  .col-2 {
    padding-left: 18px;
    padding-right: 18px;
    width: 16.66666667%;
    float: left;
  }
  .col-1 {
    padding-left: 18px;
    padding-right: 18px;
    width: 8.33333333%;
    float: left;
  }
  .col-offset-12 {
    margin-left: 100%;
  }
  .col-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-offset-9 {
    margin-left: 75%;
  }
  .col-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-offset-6 {
    margin-left: 50%;
  }
  .col-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-offset-3 {
    margin-left: 25%;
  }
  .col-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-offset-0 {
    margin-left: 0%;
  }
  .col-pull-12 {
    right: 100%;
  }
  .col-pull-11 {
    right: 91.66666667%;
  }
  .col-pull-10 {
    right: 83.33333333%;
  }
  .col-pull-9 {
    right: 75%;
  }
  .col-pull-8 {
    right: 66.66666667%;
  }
  .col-pull-7 {
    right: 58.33333333%;
  }
  .col-pull-6 {
    right: 50%;
  }
  .col-pull-5 {
    right: 41.66666667%;
  }
  .col-pull-4 {
    right: 33.33333333%;
  }
  .col-pull-3 {
    right: 25%;
  }
  .col-pull-2 {
    right: 16.66666667%;
  }
  .col-pull-1 {
    right: 8.33333333%;
  }
  .col-pull-0 {
    right: 0%;
  }
  .col-push-12 {
    left: 100%;
  }
  .col-push-11 {
    left: 91.66666667%;
  }
  .col-push-10 {
    left: 83.33333333%;
  }
  .col-push-9 {
    left: 75%;
  }
  .col-push-8 {
    left: 66.66666667%;
  }
  .col-push-7 {
    left: 58.33333333%;
  }
  .col-push-6 {
    left: 50%;
  }
  .col-push-5 {
    left: 41.66666667%;
  }
  .col-push-4 {
    left: 33.33333333%;
  }
  .col-push-3 {
    left: 25%;
  }
  .col-push-2 {
    left: 16.66666667%;
  }
  .col-push-1 {
    left: 8.33333333%;
  }
  .col-push-0 {
    left: 0%;
  }
  .col-group {
    margin-right: -18px;
    margin-left: -18px;
    padding: 0;
  }
  .col-group:after {
    display: table;
    clear: both;
    content: " ";
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 920px;
    margin: 0 auto;
  }
  .col-dt-12 {
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
    float: left;
  }
  .col-dt-11 {
    padding-left: 18px;
    padding-right: 18px;
    width: 91.66666667%;
    float: left;
  }
  .col-dt-10 {
    padding-left: 18px;
    padding-right: 18px;
    width: 83.33333333%;
    float: left;
  }
  .col-dt-9 {
    padding-left: 18px;
    padding-right: 18px;
    width: 75%;
    float: left;
  }
  .col-dt-8 {
    padding-left: 18px;
    padding-right: 18px;
    width: 66.66666667%;
    float: left;
  }
  .col-dt-7 {
    padding-left: 18px;
    padding-right: 18px;
    width: 58.33333333%;
    float: left;
  }
  .col-dt-6 {
    padding-left: 18px;
    padding-right: 18px;
    width: 50%;
    float: left;
  }
  .col-dt-5 {
    padding-left: 18px;
    padding-right: 18px;
    width: 41.66666667%;
    float: left;
  }
  .col-dt-4 {
    padding-left: 18px;
    padding-right: 18px;
    width: 33.33333333%;
    float: left;
  }
  .col-dt-3 {
    padding-left: 18px;
    padding-right: 18px;
    width: 25%;
    float: left;
  }
  .col-dt-2 {
    padding-left: 18px;
    padding-right: 18px;
    width: 16.66666667%;
    float: left;
  }
  .col-dt-1 {
    padding-left: 18px;
    padding-right: 18px;
    width: 8.33333333%;
    float: left;
  }
  .col-dt-offset-12 {
    margin-left: 100%;
  }
  .col-dt-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-dt-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-dt-offset-9 {
    margin-left: 75%;
  }
  .col-dt-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-dt-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-dt-offset-6 {
    margin-left: 50%;
  }
  .col-dt-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-dt-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-dt-offset-3 {
    margin-left: 25%;
  }
  .col-dt-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-dt-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-dt-offset-0 {
    margin-left: 0%;
  }
  .col-dt-pull-12 {
    right: 100%;
  }
  .col-dt-pull-11 {
    right: 91.66666667%;
  }
  .col-dt-pull-10 {
    right: 83.33333333%;
  }
  .col-dt-pull-9 {
    right: 75%;
  }
  .col-dt-pull-8 {
    right: 66.66666667%;
  }
  .col-dt-pull-7 {
    right: 58.33333333%;
  }
  .col-dt-pull-6 {
    right: 50%;
  }
  .col-dt-pull-5 {
    right: 41.66666667%;
  }
  .col-dt-pull-4 {
    right: 33.33333333%;
  }
  .col-dt-pull-3 {
    right: 25%;
  }
  .col-dt-pull-2 {
    right: 16.66666667%;
  }
  .col-dt-pull-1 {
    right: 8.33333333%;
  }
  .col-dt-pull-0 {
    right: 0%;
  }
  .col-dt-push-12 {
    left: 100%;
  }
  .col-dt-push-11 {
    left: 91.66666667%;
  }
  .col-dt-push-10 {
    left: 83.33333333%;
  }
  .col-dt-push-9 {
    left: 75%;
  }
  .col-dt-push-8 {
    left: 66.66666667%;
  }
  .col-dt-push-7 {
    left: 58.33333333%;
  }
  .col-dt-push-6 {
    left: 50%;
  }
  .col-dt-push-5 {
    left: 41.66666667%;
  }
  .col-dt-push-4 {
    left: 33.33333333%;
  }
  .col-dt-push-3 {
    left: 25%;
  }
  .col-dt-push-2 {
    left: 16.66666667%;
  }
  .col-dt-push-1 {
    left: 8.33333333%;
  }
  .col-dt-push-0 {
    left: 0%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1128px;
    margin: 0 auto;
  }
  .col-ld-12 {
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
    float: left;
  }
  .col-ld-11 {
    padding-left: 18px;
    padding-right: 18px;
    width: 91.66666667%;
    float: left;
  }
  .col-ld-10 {
    padding-left: 18px;
    padding-right: 18px;
    width: 83.33333333%;
    float: left;
  }
  .col-ld-9 {
    padding-left: 18px;
    padding-right: 18px;
    width: 75%;
    float: left;
  }
  .col-ld-8 {
    padding-left: 18px;
    padding-right: 18px;
    width: 66.66666667%;
    float: left;
  }
  .col-ld-7 {
    padding-left: 18px;
    padding-right: 18px;
    width: 58.33333333%;
    float: left;
  }
  .col-ld-6 {
    padding-left: 18px;
    padding-right: 18px;
    width: 50%;
    float: left;
  }
  .col-ld-5 {
    padding-left: 18px;
    padding-right: 18px;
    width: 41.66666667%;
    float: left;
  }
  .col-ld-4 {
    padding-left: 18px;
    padding-right: 18px;
    width: 33.33333333%;
    float: left;
  }
  .col-ld-3 {
    padding-left: 18px;
    padding-right: 18px;
    width: 25%;
    float: left;
  }
  .col-ld-2 {
    padding-left: 18px;
    padding-right: 18px;
    width: 16.66666667%;
    float: left;
  }
  .col-ld-1 {
    padding-left: 18px;
    padding-right: 18px;
    width: 8.33333333%;
    float: left;
  }
  .col-ld-offset-12 {
    margin-left: 100%;
  }
  .col-ld-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-ld-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-ld-offset-9 {
    margin-left: 75%;
  }
  .col-ld-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-ld-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-ld-offset-6 {
    margin-left: 50%;
  }
  .col-ld-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-ld-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-ld-offset-3 {
    margin-left: 25%;
  }
  .col-ld-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-ld-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-ld-offset-0 {
    margin-left: 0%;
  }
  .col-ld-pull-12 {
    right: 100%;
  }
  .col-ld-pull-11 {
    right: 91.66666667%;
  }
  .col-ld-pull-10 {
    right: 83.33333333%;
  }
  .col-ld-pull-9 {
    right: 75%;
  }
  .col-ld-pull-8 {
    right: 66.66666667%;
  }
  .col-ld-pull-7 {
    right: 58.33333333%;
  }
  .col-ld-pull-6 {
    right: 50%;
  }
  .col-ld-pull-5 {
    right: 41.66666667%;
  }
  .col-ld-pull-4 {
    right: 33.33333333%;
  }
  .col-ld-pull-3 {
    right: 25%;
  }
  .col-ld-pull-2 {
    right: 16.66666667%;
  }
  .col-ld-pull-1 {
    right: 8.33333333%;
  }
  .col-ld-pull-0 {
    right: 0%;
  }
  .col-ld-push-12 {
    left: 100%;
  }
  .col-ld-push-11 {
    left: 91.66666667%;
  }
  .col-ld-push-10 {
    left: 83.33333333%;
  }
  .col-ld-push-9 {
    left: 75%;
  }
  .col-ld-push-8 {
    left: 66.66666667%;
  }
  .col-ld-push-7 {
    left: 58.33333333%;
  }
  .col-ld-push-6 {
    left: 50%;
  }
  .col-ld-push-5 {
    left: 41.66666667%;
  }
  .col-ld-push-4 {
    left: 33.33333333%;
  }
  .col-ld-push-3 {
    left: 25%;
  }
  .col-ld-push-2 {
    left: 16.66666667%;
  }
  .col-ld-push-1 {
    left: 8.33333333%;
  }
  .col-ld-push-0 {
    left: 0%;
  }
}
.col-fixed-hd,
.col-fixed-landscape,
.col-fixed-square,
.col-fixed-portrait {
  position: relative;
}
.col-fixed-hd:before,
.col-fixed-landscape:before,
.col-fixed-square:before,
.col-fixed-portrait:before {
  content: "";
  display: block;
}
.col-fixed-hd .col-content,
.col-fixed-landscape .col-content,
.col-fixed-square .col-content,
.col-fixed-portrait .col-content {
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  left: 18px;
  padding: 0;
}
.col-fixed-hd:before {
  margin-top: 56.25%;
}
.col-fixed-landscape:before {
  margin-top: 75%;
}
.col-fixed-square:before {
  margin-top: 100%;
}
.col-fixed-portrait:before {
  margin-top: 133.33333333%;
}
.center-block {
  margin: 0 auto;
}
.clear:after {
  display: table;
  clear: both;
  content: " ";
}
.circle {
  border-radius: 50%;
}
.responsive-image {
  width: 100%;
  max-width: 100% !important;
  height: auto;
}
.unselectable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.hidden {
  display: none;
}
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?o7alol');
  src: url('fonts/icomoon.eot?o7alol#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?o7alol') format('truetype'), url('fonts/icomoon.woff?o7alol') format('woff'), url('fonts/icomoon.svg?o7alol#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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;
}
.icon-error-alert:before {
  content: "\e925";
}
.icon-inbox:before {
  content: "\e929";
}
.icon-notification:before {
  content: "\e93a";
}
.icon-document-add:before {
  content: "\e91c";
}
.icon-document-delete:before {
  content: "\e91d";
}
.icon-document-new:before {
  content: "\e924";
}
.icon-warning:before {
  content: "\e923";
}
.icon-indesign:before {
  content: "\e921";
}
.icon-planillo:before {
  content: "\e922";
}
.icon-projects-group:before {
  content: "\e920";
}
.icon-archive:before {
  content: "\e91b";
}
.icon-create-text:before {
  content: "\e918";
}
.icon-image:before {
  content: "\e919";
}
.icon-polyline:before {
  content: "\e91a";
}
.icon-restore:before {
  content: "\e917";
}
.icon-quit:before {
  content: "\e916";
}
.icon-recycle:before {
  content: "\e915";
}
.icon-back:before {
  content: "\e914";
}
.icon-folder-closed:before {
  content: "\e911";
}
.icon-folder-open:before {
  content: "\e912";
}
.icon-group:before {
  content: "\e910";
}
.icon-assignment:before {
  content: "\e90f";
}
.icon-sort:before {
  content: "\e90e";
}
.icon-filters:before {
  content: "\e90d";
}
.con-filters {
  border: 1px solid blue;
}
.icon-double-check:before {
  content: "\e909";
}
.icon-filled-dialog:before {
  content: "\e90a";
}
.icon-star:before {
  content: "\e90b";
}
.icon-pdf:before {
  content: "\e908";
}
.icon-upload:before {
  content: "\e907";
}
.icon-cancel:before {
  content: "\e900";
}
.icon-close:before {
  content: "\e901";
}
.icon-console:before {
  content: "\e902";
}
.icon-hide-lateral:before {
  content: "\e903";
}
.icon-list-mode:before {
  content: "\e904";
}
.icon-show-lateral:before {
  content: "\e905";
}
.icon-thumbs-mode:before {
  content: "\e906";
}
.icon-accordion-arrow-down:before {
  content: "\e926";
}
.icon-accordion-arrow-up:before {
  content: "\e927";
}
.icon-arrow-dialog:before {
  content: "\e928";
}
.icon-back:before {
  content: "\e914";
}
.icon-calendar:before {
  content: "\e92a";
}
.icon-check-box:before {
  content: "\e92b";
}
.icon-check:before {
  content: "\e92c";
}
.icon-circle:before {
  content: "\e92d";
}
.icon-delete:before {
  content: "\e92e";
}
.icon-document:before {
  content: "\e924";
}
.icon-document-add:before {
  content: "\e91c";
}
.icon-document-delete:before {
  content: "\e91d";
}
.icon-full-screen-on:before {
  content: "\e91f";
}
.icon-full-screen-off:before {
  content: "\e91e";
}
.icon-dialog:before {
  content: "\e92f";
}
.icon-down:before {
  content: "\e930";
}
.icon-download:before {
  content: "\e931";
}
.icon-drive:before {
  content: "\e932";
}
.icon-dropbox:before {
  content: "\e933";
}
.icon-edit2:before {
  content: "\e934";
}
.icon-fit-horizontal:before {
  content: "\e935";
}
.icon-fit-vertical:before {
  content: "\e936";
}
.icon-google-drive:before {
  content: "\e937";
}
.icon-hand:before {
  content: "\e938";
}
.icon-handraw:before {
  content: "\e939";
}
.icon-locked:before {
  content: "\e93b";
}
.icon-menu:before {
  content: "\e93c";
}
.icon-more-options-off:before {
  content: "\e93d";
}
.icon-more-options-on:before {
  content: "\e93e";
}
.icon-next:before {
  content: "\e93f";
}
.icon-spinner11:before {
  content: "\e984";
}
.icon-spinner11-mirror:before {
  content: "\e984";
  display: inline-block;
  transform: scaleX(-1);
}
.icon-point-cursor:before {
  content: "\e940";
}
.icon-prev:before {
  content: "\e941";
}
.icon-print:before {
  content: "\e942";
}
.icon-quad:before {
  content: "\e943";
}
.icon-search:before {
  content: "\e944";
}
.icon-share:before {
  content: "\e945";
}
.icon-sinchronize:before {
  content: "\e946";
}
.icon-sync-up {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
.icon-sync-up:before {
  content: "\e946";
}
.icon-sync-error:before {
  content: "\e90c";
}
.icon-text-cursor:before {
  content: "\e947";
}
.icon-unlocked:before {
  content: "\e949";
}
.icon-up:before {
  content: "\e94a";
}
.icon-drag:before {
  content: "\e913";
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*.custom-font(Roboto-Medium  font-weight: 500;, normal, normal);
.custom-font(Roboto-Light normal, normal);
.custom-font(Roboto-Bold  font-weight: 700;, bold, bold);*/
.planillo-app {
  font-size: 16px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  line-height: 1em;
}
.flat-button {
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: .75rem;
  text-decoration: none;
  padding: 1em .4em;
}
.ico-button {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin: 4px 2px;
  color: #BDBDBD;
  text-decoration: none;
}
.ico-button.horizontal {
  margin: 4px 2px;
}
.ico-button:hover,
.ico-button.selected {
  color: #349ED0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.v-separator {
  display: inline-block;
  width: 2px;
  height: 28px;
  margin: 9px 10px 0;
  background-color: #666666;
}
.flat-card-button {
  cursor: pointer;
  display: inline-block;
  font-weight: 300;
  font-size: .75rem;
  text-decoration: none;
  padding: 1em .4em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #333333;
}
.flat-card-button:hover {
  color: #349ED0;
  text-decoration: underline;
}
.flat-primary-button {
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: .75rem;
  text-decoration: none;
  padding: 1em .4em;
  color: #74BDDF;
}
.flat-primary-button:hover {
  color: #349ED0;
  text-decoration: underline;
}
.flat-secondary-button {
  color: #999999;
}
.flat-secondary-button:hover {
  color: #333333;
}
.simple-button {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: white;
  padding: .7em 0;
  text-align: center;
  border-radius: 6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.primary-button {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: white;
  padding: .7em 0;
  text-align: center;
  border-radius: 6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  background-color: #FAAC62;
  border: 1px solid #FAAC62;
}
.primary-button:hover {
  color: #FAAC62;
  background-color: white;
}
.button-image {
  height: 3em;
  margin-right: 0.6em !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 0 !important;
}
.button-image img {
  height: 100%;
}
.button-image:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.form-button,
.form-button-negative {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: white;
  padding: .7em 0;
  text-align: center;
  border-radius: 6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 44px;
  padding-left: 1em;
  padding-right: 1em;
}
.form-button {
  color: #74BDDF;
  background-color: #EEF6FA;
}
.form-button:hover {
  background-color: white;
  border: 1px solid #74BDDF;
}
.form-button-negative {
  color: #fff;
  background-color: transparent;
  border: 1px solid white;
}
.form-button-negative:hover {
  color: #74BDDF;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ACD8EC;
}
.form-button-lite {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: white;
  padding: .7em 0;
  text-align: center;
  border-radius: 6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 44px;
  padding-left: 1em;
  padding-right: 1em;
  color: #74BDDF;
  background-color: #EEF6FA;
  font-size: .8rem;
}
.form-button-lite:hover {
  background-color: white;
  border: 1px solid #74BDDF;
}
.form-button-lite.disabled {
  pointer-events: none;
}
.form-button-lite.disabled {
  color: #ACD8EC;
  background-color: white;
  border: 1px solid #EEF6FA;
}
.form-button.disabled,
.form-button-lite.disabled,
.form-button-negative.disabled {
  pointer-events: none;
}
.form-button.disabled,
.form-button-lite.disabled,
.form-button-negative.disabled {
  color: #ACD8EC;
  background-color: white;
  border: 1px solid #EEF6FA;
}
.row-button {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: white;
  padding: .7em 0;
  text-align: center;
  border-radius: 6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  display: inline-block;
  font-size: .85rem;
  border-radius: 10px;
  padding: .4rem .7rem;
}
.row-button.blue {
  background: #74BDDF;
}
.row-button.blue:hover,
.row-button.blue.enabled {
  background: #349ED0;
}
.row-button.gray {
  background: #999999;
}
.row-button.gray:hover,
.row-button.gray.enabled {
  background: #666666;
}
.row-button.red {
  background: #EA676F;
}
.row-button.red:hover,
.row-button.red.enabled {
  background: #b35057;
}
.icon-white-button {
  text-decoration: none;
  color: #BDBDBD;
  margin-left: .2em;
  margin-right: .2em;
}
.icon-white-button:hover,
.icon-white-button.enabled {
  color: #349ED0;
}
.dual-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.dual-button a {
  padding: .8em 0;
  text-decoration: none;
  color: white;
  text-align: center;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.dual-button a:first-child {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border-radius: 6px 0 0 6px;
  border: 1px solid #FAAC62;
  background-color: #FAAC62;
}
.dual-button a:first-child:hover {
  background-color: white;
  color: #E49346;
}
.dual-button a:last-child {
  border-radius: 0 6px 6px 0;
  width: 46px;
  border: 1px solid #E49346;
  background-color: #E49346;
  font-family: icomoon;
  content: '\e942';
}
.dual-button a:last-child:hover {
  background-color: white;
  color: #E49346;
}
a.icon-more-options-off {
  text-decoration: none;
  padding: 0.1em 0.5em;
  color: #999999;
}
a.icon-more-options-off:hover {
  color: #fff;
  background-color: #ACD8EC;
}
input[type="text"],
input[type="number"],
input[type="date"],
textarea {
  padding: 1em;
  border: 1px solid #E6E6E6;
  width: 100%;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="text"]:hover,
input[type="number"]:hover,
input[type="date"]:hover,
textarea:hover {
  border: 1px solid #ACD8EC;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus {
  border: 1px solid #ACD8EC;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
input[type="text"].small-text-input,
input[type="number"].small-text-input,
input[type="date"].small-text-input,
textarea.small-text-input {
  padding: .6em;
}
input[type="text"].small-text-input::placeholder,
input[type="number"].small-text-input::placeholder,
input[type="date"].small-text-input::placeholder,
textarea.small-text-input::placeholder {
  color: #cbcbcb;
}
textarea {
  width: 100%;
  height: 7em;
  font-size: 13.5px;
}
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
textarea:disabled {
  color: #999999;
  background: #FAFAFA;
  border: 1px solid white;
}
input[type="text"]:disabled:hover,
input[type="number"]:disabled:hover,
input[type="date"]:disabled:hover,
textarea:disabled:hover,
input[type="text"]:disabled:focus,
input[type="number"]:disabled:focus,
input[type="date"]:disabled:focus,
textarea:disabled:focus {
  border: 1px solid white;
}
.select-wrapper {
  position: relative;
  border: 1px solid #E6E6E6;
  background-color: white;
}
.select-wrapper:before {
  content: "\e930";
  font-size: 0.6em;
  font-family: "icomoon";
  position: absolute;
  top: 22px;
  right: 24px;
  z-index: 1;
  color: #ACD8EC;
}
.select-wrapper:hover {
  border: 1px solid #ACD8EC;
}
.select-wrapper:hover:before {
  color: #74BDDF;
}
.select-wrapper:focus {
  border: 1px solid #ACD8EC;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.select-wrapper:focus:before {
  color: #74BDDF;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0px;
  padding: 1em;
  width: 100%;
  position: relative;
  z-index: 2;
  outline: none;
}
select:disabled {
  background: #FAFAFA;
}
.select-wrapper.lite:before {
  top: 15px;
  right: 11px;
}
select.lite {
  padding: 0.5em;
  padding-right: 2.1em;
}
.form-group label {
  display: block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #999999;
}
.form-group label.small {
  font-size: .825em;
}
.form-group label.over-field {
  padding: 1.8em 0 .6em;
}
.form-group label.lighting {
  color: #92E4ED;
}
.form-group label.search-label {
  padding-top: .8em;
  color: #92E4ED;
}
.form-group label.radio-label {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
}
.form-group label.radio-label input[type="radio"] {
  display: none;
}
.form-group label.radio-label span {
  color: #666666;
}
.form-group label.radio-label span:before {
  margin-right: .5em;
  font-family: icomoon;
  content: "\e92b";
}
.form-group label.radio-label input[type="radio"]:checked ~ span {
  color: #333333;
}
.form-group label.radio-label input[type="radio"]:checked ~ span:before {
  color: #349ED0;
  content: "\e92c";
}
.form-group label.check-label {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 1.9em;
}
.form-group label.check-label input[type="checkbox"] {
  display: none;
}
.form-group label.check-label span {
  color: #999999;
}
.form-group label.check-label span:before {
  position: absolute;
  left: 3px;
  font-size: 1.2em;
  content: "\e92b";
  margin-right: .5em;
  font-family: icomoon;
}
.form-group label.check-label input[type="checkbox"]:checked ~ span {
  color: #333333;
}
.form-group label.check-label input[type="checkbox"]:checked ~ span:before {
  font-size: 1em;
  left: 4px;
  top: 0;
  color: #349ED0;
  content: "\e92c";
}
.form-error-message {
  background-color: rgba(234, 103, 111, 0.35);
  font-size: .8em;
  color: white;
  padding: .4em 1em;
  margin: 1em 0 0;
  border-radius: 7px;
}
.error-message label {
  color: #EA676F;
}
.form-actions {
  margin: 1.4em 0;
  text-align: right;
}
.form-actions a {
  margin-right: 1em;
}
.form-actions a:last-child {
  margin-right: 0;
}
.with-help {
  position: relative;
}
.with-help inline-help {
  position: absolute;
  display: block;
  top: 20px;
}
.with-help inline-help .help-icon {
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: .8em;
}
.with-help inline-help .help-icon span {
  left: .5px;
}
.with-help label.over-field.small {
  margin-left: 24px;
}
radio-label label span:before {
  margin-right: 0.5em !important;
  font-family: icomoon !important;
  content: "\e92b" !important;
  color: #666666 !important;
}
radio-label[checked="checked"] label span:before {
  color: #349ED0 !important;
  content: "\e92c" !important;
}
.simple-table {
  width: 100%;
  margin-top: 1.4em;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
}
.simple-table label {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.simple-table thead tr td {
  font-size: .875em;
  color: #167988;
}
.simple-table thead td {
  border-bottom: 1px solid #999999;
  padding-top: 1em;
  padding-bottom: .8em;
}
.simple-table tr {
  border-bottom: 1px solid #999999;
}
.simple-table tr:last-child {
  border-bottom: none;
}
.simple-table td {
  padding: 0.8em 0.8em 0.5em;
  font-size: .875em;
}
.budget {
  position: absolute;
  font-size: .7em;
  text-decoration: none;
  color: white;
  border-radius: 4px;
  padding: 1px 4px;
}
.budget.orange {
  background: #E49346;
}
.cloud-services {
  text-align: right;
}
.cloud-services .check-icon {
  display: inline-block;
}
.cloud-services .check-icon input[type="checkbox"] {
  display: none;
}
.cloud-services .check-icon input[type="checkbox"] + span {
  color: #ACD8EC;
}
.cloud-services .check-icon input[type="checkbox"] + span:hover {
  color: #74BDDF;
}
.cloud-services .check-icon input[type="checkbox"]:checked + span {
  color: #349ED0;
}
.cloud-services .check-icon span {
  font-size: 1.3em;
  cursor: pointer;
  margin-left: 4px;
}
button[data-balloon] {
  overflow: visible;
}
[data-balloon] {
  position: relative;
  z-index: 1200;
}
[data-balloon]:before,
[data-balloon]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all ease-out;
  transition: all ease-out;
  transition-duration: 100ms;
  transition-delay: 0s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-balloon]:hover:before,
[data-balloon]:hover:after {
  transition-duration: 0.18s;
  transition-delay: 1500ms;
}
[data-balloon]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 12px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}
[data-balloon]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon].font-awesome:after {
  font-family: FontAwesome;
}
[data-balloon][data-balloon-break]:after {
  white-space: pre;
}
[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
[data-balloon-pos="down"]:after {
  margin-top: 11px;
}
[data-balloon-pos="down"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
[data-balloon-pos="left"]:after {
  margin-right: 11px;
}
[data-balloon-pos="left"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-pos="down-left"]:before,
[data-balloon-pos="down-left"]:after {
  bottom: auto;
  left: auto;
  right: 50%;
  top: 100%;
  -webkit-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
}
[data-balloon-pos="down-left"]:after {
  margin-right: 0;
  margin-top: 11px;
}
[data-balloon-pos="down-left"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 18px;
  margin-top: 5px;
  margin-right: -5px;
  margin-bottom: 0;
}
[data-balloon-pos="down-left"]:hover:before,
[data-balloon-pos="down-left"][data-balloon-visible]:before,
[data-balloon-pos="down-left"]:hover:after,
[data-balloon-pos="down-left"][data-balloon-visible]:after {
  -webkit-transform: translate(20%, 0);
  -ms-transform: translate(20%, 0);
  transform: translate(20%, 0);
}
[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
[data-balloon-pos="right"]:after {
  margin-left: 11px;
}
[data-balloon-pos="right"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-length]:after {
  white-space: normal;
}
[data-balloon-length="small"]:after {
  width: 80px;
}
[data-balloon-length="medium"]:after {
  width: 150px;
}
[data-balloon-length="large"]:after {
  width: 260px;
}
[data-balloon-length="xlarge"]:after {
  width: 90vw;
}
@media screen and (min-width: 768px) {
  [data-balloon-length="xlarge"]:after {
    width: 380px;
  }
}
[data-balloon-length="fit"]:after {
  width: 100%;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.delay-3 {
  animation-delay: 3s;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
.flash2 {
  animation-name: flash;
  animation-duration: 1.7s;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  to {
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
#printPageOptions {
  display: none;
}
.content-menu .wrapper {
  overflow: hidden;
  margin-bottom: -15px;
}
.content-menu .wrapper > * {
  position: relative;
  left: -330px;
  -webkit-transition: left 400ms ease-out;
  -moz-transition: left 400ms ease-out;
  -o-transition: left 400ms ease-out;
  transition: left 400ms ease-out;
}
.content-menu .wrapper.opened > * {
  left: 0;
}
.floating-menu {
  display: block;
  width: 280px;
  margin: 0 auto 20px;
  padding: 10px 0;
  -webkit-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  background-color: white;
  border-radius: 10px;
}
.floating-menu .row,
.floating-menu .row-noborder,
.floating-menu .row-flex,
.floating-menu .row-flex-noborder,
.floating-menu .row-flex-stack {
  width: 240px;
  margin: 10px auto 2px;
  padding: 5px 0;
}
.floating-menu .row-flex,
.floating-menu .row-flex-noborder,
.floating-menu .row-flex-stack {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.floating-menu .row,
.floating-menu .row-flex {
  border-bottom: 1px solid #E6E6E6;
}
.floating-menu .row-flex-stack {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.datails-full-screen .floating-menu {
  margin: 0 5px 0 5px;
}
.accordion .accordion-header a {
  display: block;
  position: relative;
  text-decoration: none;
  color: #999999;
}
.accordion .accordion-header a h3 {
  margin: 0 0 8px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.accordion .accordion-header a:hover {
  color: #349ED0;
}
.accordion .accordion-header a:before {
  font-family: icomoon;
  content: '\e927';
  position: absolute;
  font-size: 0.7em;
  top: 3px;
  right: 0;
}
.accordion.opened .accordion-header a {
  color: #333333;
}
.accordion.opened .accordion-header a:before {
  content: '\e926';
}
.accordion.opened .accordion-header a:hover {
  color: #349ED0;
}
.accordion .accordion-content {
  -webkit-transition: 350ms max-height ease-out;
  -moz-transition: 350ms max-height ease-out;
  -o-transition: 350ms max-height ease-out;
  transition: 350ms max-height ease-out;
  max-height: 0;
  overflow: hidden;
}
.accordion.opened .accordion-content {
  max-height: 10em;
}
app-header {
  display: block;
  position: relative;
  height: 80px;
}
app-header:before {
  position: absolute;
  display: block;
  content: '';
  background-color: #167988;
  height: 170px;
  width: 100%;
}
app-header.datails-full-screen {
  height: 2px;
}
.app-body {
  position: relative;
  z-index: 2;
}
.app-body .content-menu,
.app-body #content-body {
  position: absolute;
  -lh-property: 0;
height:-webkit-calc(100vh - 90px);
height:-moz-calc(100vh - 90px);
height:calc(100vh - 90px);
;
}
.app-body .content-menu.datails-full-screen,
.app-body #content-body.datails-full-screen {
  -lh-property: 0;
height:-webkit-calc(100vh - 5px);
height:-moz-calc(100vh - 5px);
height:calc(100vh - 5px);
;
}
.app-body .content-menu {
  display: block;
  overflow: hidden;
}
.app-body .content-menu .wrapper {
  width: 360px;
}
.app-body #content-body {
  left: 360px;
  -lh-property: 0;
width:-webkit-calc(100% - 400px);
width:-moz-calc(100% - 400px);
width:calc(100% - 400px);
;
  background: #fff;
  border-radius: 10px;
  -webkit-transition: width 400ms ease-out, left 400ms ease-out;
  -moz-transition: width 400ms ease-out, left 400ms ease-out;
  -o-transition: width 400ms ease-out, left 400ms ease-out;
  transition: width 400ms ease-out, left 400ms ease-out;
  -webkit-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
}
.app-body #content-body.full-size {
  -lh-property: 0;
width:-webkit-calc(100% - 80px);
width:-moz-calc(100% - 80px);
width:calc(100% - 80px);
;
  left: 40px;
}
.app-body #content-body.datails-full-screen {
  -lh-property: 0;
width:-webkit-calc(100% - 295px);
width:-moz-calc(100% - 295px);
width:calc(100% - 295px);
;
  left: 290px;
}
.app-body #content-body.full-size.datails-full-screen {
  -lh-property: 0;
width:-webkit-calc(100% - 10px);
width:-moz-calc(100% - 10px);
width:calc(100% - 10px);
;
  left: 5px;
}
.app-body #content-body .header {
  height: 70px;
  border-radius: 4px 4px 0 0;
}
.app-body #content-body .main {
  -lh-property: 0;
height:-webkit-calc(100vh - 170px);
height:-moz-calc(100vh - 170px);
height:calc(100vh - 170px);
;
  overflow-y: auto;
  overflow-x: hidden;
}
#content-loader.console .app-body .content-menu,
#content-loader.console .app-body #content-body {
  -lh-property: 0;
height:-webkit-calc(100vh - 360px);
height:-moz-calc(100vh - 360px);
height:calc(100vh - 360px);
;
}
#content-loader.console .app-body #content-body .main {
  -lh-property: 0;
height:-webkit-calc(100vh - 440px);
height:-moz-calc(100vh - 440px);
height:calc(100vh - 440px);
;
}
app-console {
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  z-index: 3;
  overflow: hidden;
}
app-console.console {
  height: 280px;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 9.5px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #21c3d7;
  border-radius: 5.4px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1.9px 1.9px 2px rgba(46, 43, 49, 0.4), 0px 0px 1.9px rgba(59, 55, 63, 0.4);
  border: 2.4px solid rgba(0, 0, 0, 0);
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #cdf3f7;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #21c3d7;
  border-radius: 5.4px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1.9px 1.9px 2px rgba(46, 43, 49, 0.4), 0px 0px 1.9px rgba(59, 55, 63, 0.4);
  border: 2.4px solid rgba(0, 0, 0, 0);
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #062326;
  border: 0px solid #010101;
  border-radius: 10.8px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-fill-upper {
  background: #21c3d7;
  border: 0px solid #010101;
  border-radius: 10.8px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-thumb {
  box-shadow: 1.9px 1.9px 2px rgba(46, 43, 49, 0.4), 0px 0px 1.9px rgba(59, 55, 63, 0.4);
  border: 2.4px solid rgba(0, 0, 0, 0);
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
  height: 11px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #21c3d7;
}
input[type=range]:focus::-ms-fill-upper {
  background: #cdf3f7;
}
.inline-loader-ball-pulse {
  position: relative;
  width: 1px;
  height: 1px;
}
.inline-loader-ball-pulse:before,
.inline-loader-ball-pulse:after {
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 13px;
  content: '';
  border-radius: 100%;
  background-color: #c3c3c3;
}
.inline-loader-ball-pulse:before {
  left: -15px;
  -webkit-animation: ball-pulse infinite 0.75s -0.4s cubic-bezier(0.2, 0.68, 0.18, 1.08);
  -moz-animation: ball-pulse infinite 0.75s -0.4s cubic-bezier(0.2, 0.68, 0.18, 1.08);
  -o-animation: ball-pulse infinite 0.75s -0.4s cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: ball-pulse infinite 0.75s -0.4s cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.inline-loader-ball-pulse:after {
  right: -15px;
  -webkit-animation: ball-pulse infinite 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08);
  -moz-animation: ball-pulse infinite 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08);
  -o-animation: ball-pulse infinite 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: ball-pulse infinite 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
@-webkit-keyframes ball-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.1);
    opacity: .6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes ball-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.1);
    opacity: .6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes ball-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.1);
    opacity: .6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ball-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.1);
    opacity: .6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.jump-bounce {
  animation: bounce 1s infinite;
  -moz-animation: bounce 1s infinite;
  -webkit-animation: bounce 1s infinite;
  display: inline-block;
  position: relative;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
.avatar-0 .circular {
  background-color: #EB0000;
}
.avatar-1 .circular {
  background-color: #1300EB;
}
.avatar-2 .circular {
  background-color: #14EB00;
}
.avatar-3 .circular {
  background-color: #EB00DE;
}
.avatar-4 .circular {
  background-color: #FF7A00;
}
.avatar-5 .circular {
  background-color: #AF0075;
}
.avatar-6 .circular {
  background-color: #EBC000;
}
.avatar-7 .circular {
  background-color: #00EBD3;
}
.avatar-8 .circular {
  background-color: #7dc86b;
}
.avatar-9 .circular {
  background-color: #FFEE00;
}
.avatar-10 .circular {
  background-color: #00C5EB;
}
.avatar-11 .circular {
  background-color: #EB0067;
}
.avatar-12 .circular {
  background-color: #1F2A95;
}
.avatar-13 .circular {
  background-color: #2F922E;
}
.avatar-14 .circular {
  background-color: #FF0096;
}
.avatar-15 .circular {
  background-color: #FF5600;
}
.avatar-16 .circular {
  background-color: #A77A26;
}
.avatar-17 .circular {
  background-color: #00EB79;
}
.avatar-18 .circular {
  background-color: #8800EB;
}
.avatar-19 .circular {
  background-color: #74A84F;
}
.avatar-20 .circular {
  background-color: #7F0A0A;
}
.avatar-21 .circular {
  background-color: #304A78;
}
.avatar.big .circular {
  width: 42px;
  height: 42px;
}
.avatar.big span {
  font-size: 1.3em;
  top: 10px;
}
.avatar {
  position: relative;
}
.avatar .circular {
  width: 26px;
  height: 26px;
  color: white;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  border: 1px solid #fff;
}
.avatar .circular img {
  display: block;
}
.avatar span {
  position: relative;
  text-transform: uppercase;
  font-size: .9rem;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  top: 4px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.avatar.avatar-multi-user .circular {
  background-color: lightslategray;
}
.avatar.avatar-multi-user span {
  display: inline-block;
  top: 4px;
  font-size: 1rem;
}
.avatar.avatar-multi-user span:before {
  font-family: 'icomoon' !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;
  content: "\e910";
}
.avatar.with-avatar .circular {
  border: none;
}
pagination .pagination-controls {
  display: inline-block;
  margin-top: 6px;
  padding: 0.3em 0 0.1em;
  text-align: center;
  border-radius: 4px;
  background-color: #fff;
}
pagination .pagination-controls .pages-indicator {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  padding: .4em;
  display: inline-block;
  margin: 0 .2em;
  word-spacing: .3em;
}
pagination .pagination-controls .pages-indicator .current {
  color: #666666;
}
pagination .pagination-controls .pages-indicator .total {
  color: #B4C7D0;
}
pagination .pagination-controls .pages-indicator #pageNumber {
  display: none;
  text-align: center;
  padding-left: 10px;
  padding: 0;
  width: 60px;
  border: 0;
}
pagination .pagination-controls .pages-indicator #pageNumber:focus {
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
pagination .pagination-controls .pages-indicator.edit-mode span {
  display: none;
}
pagination .pagination-controls .pages-indicator.edit-mode #pageNumber {
  display: inline-block;
}
pagination .pagination-controls .icon-prev,
pagination .pagination-controls .icon-next {
  position: relative;
  top: 1px;
  padding: 0.4em 0.9em;
  text-decoration: none;
  color: #74BDDF;
}
pagination .pagination-controls .icon-prev:hover,
pagination .pagination-controls .icon-next:hover {
  color: #349ED0;
}
@media only screen and (max-width: 828px) {
  pagination .pagination-controls .icon-prev,
  pagination .pagination-controls .icon-next {
    padding: 0.4em 0.1em !important;
  }
  pagination .pagination-controls .pages-indicator {
    padding: 0.4em 0.1em !important;
    margin: 0 0 !important;
  }
}
pagination .pagination-controls .icon-prev {
  border-right: 1px solid #ACD8EC;
}
pagination .pagination-controls .icon-next {
  border-left: 1px solid #ACD8EC;
}
#content-loader[data-is="project-list-page"] .has-not-projects {
  margin: 4em auto;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #999999;
  font-size: 1.5em;
}
#content-loader[data-is="project-list-page"] .has-not-projects .primary-button {
  display: inline-block;
  padding-left: 2em;
  padding-right: 2em;
  margin-top: 1em;
}
#content-loader[data-is="project-list-page"] loader {
  margin: 8em auto 0;
}
#content-loader[data-is="project-list-page"] .not-available loader {
  margin: 0 !important;
}
#content-loader[data-is="project-list-page"] .not-available loader .sk-folding-cube {
  margin: 0 !important;
}
#content-loader[data-is="project-list-page"] documents-panel loader {
  margin: 4em auto 10em !important;
}
#content-loader[data-is="project-list-page"] #btn-clean-search {
  width: 160px;
  margin-left: 35px;
}
#content-loader[data-is="project-list-page"] .advance-search-in-progress {
  justify-content: center;
  display: flex;
  margin-top: 50px;
  font-size: 25px;
}
project-list-view .thumbs-mode {
  width: 96%;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 10px;
  overflow: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
project-list-view .thumbs-mode project-item-thumb,
project-list-view .thumbs-mode .project-hidden,
project-list-view .thumbs-mode project-item-grouped {
  display: block;
  margin: 0 1em 2em;
}
project-list-view .thumbs-mode.small {
  padding-top: 80px;
}
project-list-view .thumbs-mode.small > div {
  transform-origin: top center;
  transform: scale(0.8);
  margin-top: -70px;
  margin-left: -30px;
  margin-right: -30px;
}
project-list-view .table-mode {
  margin-top: .9em;
  padding-bottom: 5rem;
}
plp-pagination-wrapper .plp-pagination-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 198;
  text-align: center;
  background-color: #EEF6FA;
  border-radius: 0 0 8px 8px;
  padding: 2px 0 5px;
}
plp-pagination-wrapper pagination {
  display: inline-block;
}
app-header {
  /*  display: block;
  position: relative;*/
}
app-header .cache-title {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 28px;
  pointer-events: none;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1.3em;
  color: #fff;
}
app-header .app-header-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 40px;
  height: 80px;
  z-index: 1;
}
app-header .grow-1 {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
app-header .header-info {
  position: relative;
  top: -10px;
}
app-header .header-info menu-button {
  font-size: 0.9em;
  position: relative;
  top: -2px;
}
app-header .header-info .ps-logo-circular {
  display: inline-block;
  width: 48px;
  height: 50px;
  background: url(img/ui/ps-circular.png) no-repeat;
  background-size: contain;
  position: relative;
  top: 18px;
  left: 10px;
  cursor: pointer;
}
app-header .header-info back-button {
  margin-left: 16px;
}
app-header .header-info h2 {
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 0;
  color: #92E4ED;
}
app-header .header-info h2:hover {
  text-decoration: underline;
}
app-header breadcrumbs {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
app-header .header-actions .header-actions-container {
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  /* & > * {
        margin-left: 30px;
      }

      .status-monitor {
        position: relative;
        cursor: pointer;

        span {
          color: extract(@primary-color, 4);
          font-size: 1.4em;
        }

        .budget {
          top: -8px;
          right: -8px;
        }

        &:hover, &.opened {
          span {
            color: white;
          }
        }

      }*/
}
app-header .header-actions .header-actions-container .close-button {
  text-decoration: none;
  color: #92E4ED;
  font-size: 1.5em;
  margin: 6px 10px 0;
}
app-header .header-actions .header-actions-container .close-button:hover {
  color: white;
}
app-header.datails-full-screen .app-header-container {
  display: none;
}
breadcrumbs {
  display: inline-block;
  text-align: center;
}
breadcrumbs .breadcrumb {
  display: inline-block;
}
breadcrumbs .disabled {
  pointer-events: none;
}
breadcrumbs .divider {
  height: 15px;
  position: relative;
  top: 1px;
  margin: 0 .6rem;
}
breadcrumbs h1 {
  cursor: pointer;
  display: inline-block;
  font-size: 1.4em;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #CCF2F7;
}
breadcrumbs h1:hover {
  color: white;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1000px) {
  breadcrumbs h1 {
    font-size: 0.8em;
    margin: 0;
  }
}
@media only screen and (max-width: 700px) {
  breadcrumbs h1 {
    font-size: 0.7em;
    margin: 0;
  }
}
@media only screen and (max-width: 400px) {
  breadcrumbs h1 {
    font-size: 0.6em;
    margin: 0;
  }
}
project-works {
  display: block;
  overflow-y: auto;
  height: calc(100vh - 112px);
}
project-works h3 {
  padding-left: 5px;
  margin: 0;
  color: #666666;
}
project-works .no-tasks {
  padding-left: 5px;
  display: inline-block;
  margin-top: 10px;
  color: #999999;
}
project-works ul {
  padding: 0;
  margin: 0;
}
project-works .work-item {
  list-style: none;
  padding-bottom: .2em;
  margin-bottom: .2em;
  border-bottom: 1px dotted #E6E6E6;
}
project-works .work-item a {
  font-size: 1rem;
}
project-works .work-item a span {
  color: #26838D;
}
project-item-grouped {
  display: block;
  width: 250px;
  height: 320px;
}
project-item-grouped .folder-icon {
  position: relative;
  margin-bottom: -20px;
  z-index: 3;
}
project-item-grouped .folder-icon .contents-length {
  position: absolute;
  top: 100px;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 1.2em;
  text-align: center;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
project-item-grouped .folder-icon .folder {
  width: 100%;
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -o-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
.card.project.grouped {
  height: 141px;
  padding-top: 10px;
}
.card {
  -webkit-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  border: 1px solid transparent;
  z-index: 1;
}
.card.selected,
.card:hover {
  z-index: 2;
  border: 1px solid #167988;
  -webkit-box-shadow: 0 2px 8px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0 2px 8px rgba(20, 20, 20, 0.2);
  box-shadow: 0 2px 8px rgba(20, 20, 20, 0.2);
}
.project {
  position: relative;
  z-index: 1;
  width: 250px;
  height: 320px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
}
.project check-item {
  display: none;
}
.project:hover check-item,
.project.selected check-item {
  display: block;
}
.project.has-news {
  border: 1px solid #167988;
}
.project .card-img {
  height: 160px;
  overflow: hidden;
  position: relative;
  background: #FAFAFA;
  border-radius: 8px 8px 0 0;
  z-index: 2;
}
.project .card-img .page-mod-wrapper {
  position: absolute;
  border-radius: 6px;
  overflow: hidden;
  -webkit-transform: translate(2px, 2px);
  -moz-transform: translate(2px, 2px);
  -o-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}
.project .card-img .status {
  position: absolute;
  right: 10px;
  bottom: 9px;
  font-size: .8em;
  display: inline-block;
  color: white;
  border-radius: 8px;
  padding: 0.4em 0.6em 0.4em;
  cursor: pointer;
}
.project .card-img .status.inicio {
  background-color: #40ABE0;
}
.project .card-img .status.en-produccion {
  background-color: #FFED00;
  color: #000;
}
.project .card-img .status.en-edicion {
  background-color: #69A341;
}
.project .card-img .status.cerrado {
  background-color: #B01D1F;
}
.project .card-img check-item {
  position: absolute;
  top: 10px;
  right: 10px;
}
.project .card-img img {
  width: 100%;
}
.project .card-body {
  padding: .6em .8em 0;
  position: relative;
}
.project .card-body a.icon-more-options-off {
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
}
.project .card-body h2 {
  display: inline-block;
  line-height: 1.3em;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1em;
  margin: 0;
  width: 94%;
  word-break: break-all;
}
.project .card-body h2 span {
  display: inline-block;
  color: #167988;
}
.project .card-body h2 a {
  color: #333333;
  text-decoration: none;
}
.project .card-body h2 a:hover {
  color: #349ED0;
  text-decoration: underline;
}
.project .card-body h3 {
  font-size: .9em;
  font-style: italic;
  margin: .5em 0 0;
  color: #999999;
}
.project .card-body h4 {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  margin: .6em 0 0;
  font-size: .7em;
  color: #BDBDBD;
}
.project .card-actions {
  z-index: 50;
  position: absolute;
  bottom: .4em;
  right: .6em;
  /* .sync-button, .pdf-button {

      .progress {
        position: relative;
        pointer-events: none;
        .ico-button {
          color: extract(@gray-colors, 5);
        }
      }

      .error {
        .ico-button {
          color: @status-errors;
        }
      }
    }

    .loader,
    .loader:before,
    .loader:after {
      border-radius: 50%;
      width: 2.5em;
      height: 2.5em;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation: load7 1.8s infinite ease-in-out;
      animation: load7 1.8s infinite ease-in-out;
    }
    .loader {
      color: #a1d9e1;
      font-size: 10px;
      margin: 80px auto;
      position: absolute;
      text-indent: -9999em;
      //.transform(translate(0, 124px) scale(0.2));
      .transform(translate(12px, -60px) scale(0.2));
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }
    .loader:before,
    .loader:after {
      content: '';
      position: absolute;
      top: 0;
    }
    .loader:before {
      left: -3.5em;
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }
    .loader:after {
      left: 3.5em;
    }
    @-webkit-keyframes load7 {
      0%,
      80%,
      100% {
        box-shadow: 0 2.5em 0 -1.3em;
      }
      40% {
        box-shadow: 0 2.5em 0 0;
      }
    }
    @keyframes load7 {
      0%,
      80%,
      100% {
        box-shadow: 0 2.5em 0 -1.3em;
      }
      40% {
        box-shadow: 0 2.5em 0 0;
      }
    }*/
}
.project .card-actions ul {
  list-style: none;
  text-align: right;
  margin: 0;
}
.project .card-actions li {
  display: inline-block;
}
.project .card-actions li a {
  text-decoration: none;
}
.project .card-actions .ico-button {
  cursor: pointer;
  font-size: 1.5em;
}
project-item-thumb .not-available {
  -webkit-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  border: 1px solid #349ED0;
  z-index: 1;
}
project-item-thumb .not-available h2 {
  display: inline-block;
  padding-top: 1.8em;
  line-height: 1.3em;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 1em;
  margin: 0;
  width: 94%;
  word-break: break-all;
  color: #333333;
}
project-item-thumb .not-available h2 span {
  margin-right: .2em;
}
project-item-thumb .not-available loader {
  margin-top: 90px;
}
project-item-thumb .not-available p {
  margin-top: -8px;
  text-align: center;
  padding: 1em;
  color: #999999;
}
.project-hidden {
  width: 282px;
  height: 1px;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.project-hidden:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 1.4s;
  animation-iteration-count: infinite;
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    transform: translate3d(0, -2px, 0);
  }
}
project-item-percent {
  display: block;
  position: relative;
}
project-item-percent .graphic {
  width: 250px;
  height: 20px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #349ED0;
  border-bottom: 1px solid #349ED0;
}
project-item-percent .graphic .progress {
  height: 20px;
  fill: #74BDDF;
}
project-item-percent .graphic .bg {
  height: 20px;
  width: 100%;
  fill: #EEF6FA;
}
project-item-percent .text {
  position: absolute;
  width: 100%;
  top: 3px;
  margin: 0 auto;
  text-align: center;
  font-size: 0.9em;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.table-mode {
  width: 100%;
}
.table-mode td {
  vertical-align: middle;
}
.item-cell {
  height: 95px;
  border-bottom: 1px solid #E6E6E6;
}
.item-cell .thumb .thumb-wrapper check-item {
  display: none;
}
.item-cell .thumb .thumb-wrapper check-item.selected {
  display: block;
}
.item-cell.selected,
.item-cell:hover {
  background-color: #E9FDFF;
}
.item-cell.selected .thumb .thumb-wrapper check-item,
.item-cell:hover .thumb .thumb-wrapper check-item {
  display: block;
}
.item-cell .thumb {
  padding-left: 40px;
  width: 90px;
  text-align: center;
}
.item-cell .thumb .thumb-wrapper {
  position: relative;
  width: 73px;
  height: 65px;
  overflow: hidden;
  border-radius: 6px;
}
.item-cell .thumb .thumb-wrapper check-item {
  position: absolute;
  top: 20px;
  left: 22px;
}
.item-cell .thumb .thumb-wrapper img {
  height: 160%;
}
.item-cell .thumb loader {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  position: relative;
  left: -6px;
}
.item-cell .title {
  width: 30%;
  padding-right: 1em;
}
.item-cell .title .has-news:before {
  font-family: 'icomoon' !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;
  color: #EA676F;
  content: "\e90b";
}
.item-cell .title a {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1em;
  color: #333333;
  text-decoration: none;
}
.item-cell .title a:hover {
  color: #349ED0;
  text-decoration: underline;
}
.item-cell .subject,
.item-cell .language,
.item-cell .messages {
  padding: 0 1em;
  color: #999999;
  font-size: .9em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  text-align: center;
}
.item-cell .messages,
.item-cell .subject {
  text-align: left;
}
.item-cell .status {
  text-align: center;
  padding: 0 1em;
}
.item-cell .status .table-status {
  font-size: .8em;
  display: inline-block;
  color: white;
  border-radius: 8px;
  padding: 0.4em 0.6em 0.4em;
  cursor: pointer;
}
.item-cell .status .table-status.inicio {
  background-color: #40ABE0;
}
.item-cell .status .table-status.en-produccion {
  background-color: #FFED00;
  color: #000;
}
.item-cell .status .table-status.en-edicion {
  background-color: #69A341;
}
.item-cell .status .table-status.cerrado {
  background-color: #B01D1F;
}
.item-cell .cell-actions {
  text-align: right;
  padding-right: 1em;
  min-width: 110px;
}
.item-cell .cell-actions ul {
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
.item-cell .cell-actions li {
  display: inline-block;
}
.item-cell .cell-actions li a {
  font-size: 1.45em;
  padding: 0;
  text-decoration: none;
}
.item-cell .cell-actions li a.icon-more-options-off {
  padding: 0.1em 0.5em;
}
.item-cell .cell-actions li a.icon-more-options-off:hover {
  color: #fff;
  background-color: #ACD8EC;
}
show-tile-action {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
show-tile-action:hover {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
show-tile-action button {
  outline: none;
  padding: .6em 1em;
  border: 2px solid white;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 1.2em;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: white;
}
show-tile-action button:hover {
  background: rgba(0, 0, 0, 0.4);
}
show-tile-action.project-tile {
  border-radius: 8px;
  z-index: 2000;
}
show-tile-action.page-tile button {
  font-size: 2em;
}
project-filters .filters-container {
  height: calc(100vh - 190px);
  overflow: auto;
}
project-filters .form-group {
  margin-top: .4em;
  margin-bottom: .4em;
}
#content-loader[data-is="project-list-page"] project-filters loader.bh-300 {
  margin-bottom: 300px;
}
user-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
user-info .user-data {
  text-align: right;
}
user-info .user-data .user-name {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: .9em;
}
user-info .user-data .user-role {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  /*color: extract(@primary-color, 4);
      font-size: .8em;*/
  display: flex;
}
user-info .user-icon {
  position: relative;
  padding-left: 10px;
}
user-info avatar {
  display: block;
  transform: scale(1.4);
  transform-origin: 100% 50%;
  margin-left: 12px;
  border-radius: 50%;
  cursor: pointer;
}
user-info .region-code-container {
  border: 2px solid #74BDDF;
  color: #ffffff;
  width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
  display: grid;
  margin-right: 5px;
  margin-top: 5px;
}
user-info .region-code-container div {
  font-size: 50%;
}
back-button button {
  outline: none;
  padding: 0.5em 0.7em 0.4em;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  color: whitesmoke;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  background: transparent;
}
back-button button:hover {
  background: rgba(255, 255, 255, 0.2);
}
back-button span {
  margin-right: 5px;
  font-size: .8em;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 18px;
}
/* Hide default HTML checkbox */
.switch input {
  display: none;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #26838D;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.slider:before {
  position: absolute;
  font-family: icomoon;
  content: "\e948";
  text-align: center;
  line-height: 36px;
  font-size: .8em;
  color: #26838D;
  height: 34px;
  width: 34px;
  left: -9px;
  bottom: -7px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
input:checked + .slider {
  background-color: #349ED0;
}
input:focus + .slider {
  box-shadow: 0 0 1px #349ED0;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -moz-transform: translateX(26px);
  -o-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  content: '\e93a';
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
projects-search-bar {
  display: block;
  width: 100%;
  padding-left: 80px;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
projects-search-bar.is-focus {
  padding-left: 0;
}
projects-search-bar .search-wrapper {
  position: relative;
  padding: .2em 0.3em .2em 1.7em;
  border-radius: 2px;
  border: 1px solid #E6E6E6;
}
projects-search-bar .search-wrapper:before {
  content: "\e944";
  font-size: 1.2em;
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  z-index: 1;
  color: #167988;
}
projects-search-bar .search-wrapper input {
  padding: .6em 2em .6em 1em;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: none;
}
projects-search-bar .search-wrapper input:hover,
projects-search-bar .search-wrapper input:focus {
  border: none;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
projects-search-bar .search-wrapper .clear {
  display: inline-block;
  position: absolute;
  font-family: icomoon;
  top: 13px;
  right: 10px;
  font-size: 1.2em;
  text-decoration: none;
  color: #BDBDBD;
}
projects-search-bar .search-wrapper .clear:before {
  content: '\e900';
}
projects-search-bar .search-wrapper .clear:hover {
  color: #349ED0;
}
projects-search-bar .centered-and-bigger {
  position: absolute;
  width: 54%;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 !important;
  margin: 0 !important;
  font-size: 160% !important;
  border: 1px solid #333333 !important;
}
projects-search-bar .centered-and-bigger input {
  padding-left: 2.2em;
}
project-list-subheader-menu,
flat-plan-subheader-menu,
recycle-subheader-menu {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
project-list-subheader-menu .default-state,
flat-plan-subheader-menu .default-state,
recycle-subheader-menu .default-state {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 99%;
}
project-list-subheader-menu .default-state .wrapper,
flat-plan-subheader-menu .default-state .wrapper,
recycle-subheader-menu .default-state .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  padding: 0 30px;
}
project-list-subheader-menu .default-state .left-content,
flat-plan-subheader-menu .default-state .left-content,
recycle-subheader-menu .default-state .left-content {
  width: 40%;
}
project-list-subheader-menu .default-state .right-content,
flat-plan-subheader-menu .default-state .right-content,
recycle-subheader-menu .default-state .right-content {
  width: 60%;
}
project-list-subheader-menu .default-state .right-content .wrapper,
flat-plan-subheader-menu .default-state .right-content .wrapper,
recycle-subheader-menu .default-state .right-content .wrapper {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
project-list-subheader-menu .default-state .right-content div,
flat-plan-subheader-menu .default-state .right-content div,
recycle-subheader-menu .default-state .right-content div {
  z-index: 50;
}
project-list-subheader-menu .multi-select-state,
flat-plan-subheader-menu .multi-select-state,
recycle-subheader-menu .multi-select-state {
  position: relative;
  height: 70px;
  border-radius: 4px 4px 0 0;
  background-color: #E9FDFF;
}
project-list-subheader-menu .multi-select-state .multi-select-menu-container,
flat-plan-subheader-menu .multi-select-state .multi-select-menu-container,
recycle-subheader-menu .multi-select-state .multi-select-menu-container {
  height: 70px;
}
project-list-subheader-menu .multi-select-state .selected-projects,
flat-plan-subheader-menu .multi-select-state .selected-projects,
recycle-subheader-menu .multi-select-state .selected-projects {
  padding: 26px 0px 0 30px;
  position: absolute;
  left: 0;
}
project-list-subheader-menu .multi-select-state .selected-projects a,
flat-plan-subheader-menu .multi-select-state .selected-projects a,
recycle-subheader-menu .multi-select-state .selected-projects a {
  text-decoration: none;
  color: #999999;
}
project-list-subheader-menu .multi-select-state .selected-projects a span,
flat-plan-subheader-menu .multi-select-state .selected-projects a span,
recycle-subheader-menu .multi-select-state .selected-projects a span {
  position: relative;
  top: 1px;
}
project-list-subheader-menu .multi-select-state .selected-projects a:hover,
flat-plan-subheader-menu .multi-select-state .selected-projects a:hover,
recycle-subheader-menu .multi-select-state .selected-projects a:hover {
  color: #666666;
}
project-list-subheader-menu .multi-select-state .batch-menu-options,
flat-plan-subheader-menu .multi-select-state .batch-menu-options,
recycle-subheader-menu .multi-select-state .batch-menu-options {
  padding: 26px 30px 0 0;
  margin: 0;
  text-align: right;
}
project-list-subheader-menu .multi-select-state .batch-menu-options li,
flat-plan-subheader-menu .multi-select-state .batch-menu-options li,
recycle-subheader-menu .multi-select-state .batch-menu-options li {
  display: inline-block;
  margin: 0 .6em;
  list-style: none;
}
project-list-subheader-menu .multi-select-state .batch-menu-options li:last-child,
flat-plan-subheader-menu .multi-select-state .batch-menu-options li:last-child,
recycle-subheader-menu .multi-select-state .batch-menu-options li:last-child {
  margin-right: 0;
}
project-list-subheader-menu .multi-select-state .batch-menu-options li a,
flat-plan-subheader-menu .multi-select-state .batch-menu-options li a,
recycle-subheader-menu .multi-select-state .batch-menu-options li a {
  color: #74BDDF;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  text-decoration: none;
}
project-list-subheader-menu .multi-select-state .batch-menu-options li a:hover,
flat-plan-subheader-menu .multi-select-state .batch-menu-options li a:hover,
recycle-subheader-menu .multi-select-state .batch-menu-options li a:hover {
  color: #349ED0;
}
project-list-subheader-menu .multi-select-state .batch-menu-options li a span,
flat-plan-subheader-menu .multi-select-state .batch-menu-options li a span,
recycle-subheader-menu .multi-select-state .batch-menu-options li a span {
  margin-right: .3em;
  font-size: 1.2em;
  position: relative;
  top: 2px;
}
project-list-subheader-menu .multi-select-state .batch-menu-options li a.cancel-selection-button,
flat-plan-subheader-menu .multi-select-state .batch-menu-options li a.cancel-selection-button,
recycle-subheader-menu .multi-select-state .batch-menu-options li a.cancel-selection-button {
  border-radius: 4px;
  padding: .8em 1em;
  border: 1px solid transparent;
  background-color: #74BDDF;
  color: white;
}
project-list-subheader-menu .multi-select-state .batch-menu-options li a.cancel-selection-button:hover,
flat-plan-subheader-menu .multi-select-state .batch-menu-options li a.cancel-selection-button:hover,
recycle-subheader-menu .multi-select-state .batch-menu-options li a.cancel-selection-button:hover {
  color: #349ED0;
  background-color: transparent;
  border: 1px solid #349ED0;
}
project-list-subheader-menu .new-project-button,
flat-plan-subheader-menu .new-project-button,
recycle-subheader-menu .new-project-button {
  font-size: 2.3em;
  padding: 0 0.2em;
  margin: 0;
  line-height: 1em;
  color: #FFF;
  background-color: #349ED0;
  vertical-align: middle;
  margin-left: 0.5em !important;
  z-index: 200;
}
project-list-subheader-menu .new-project-button:hover,
flat-plan-subheader-menu .new-project-button:hover,
recycle-subheader-menu .new-project-button:hover {
  font-size: 2.7em;
  color: #FFF;
  background-color: #349ED0;
  margin-left: 0.35em !important;
}
.ico-button-wrapper {
  width: 44px;
}
assigned-pages {
  display: block;
  overflow-y: auto;
  height: calc(100vh - 112px);
}
assigned-pages h3 {
  padding-left: 5px;
  margin: 0 0 20px;
  color: #666666;
}
assigned-pages .no-tasks {
  padding-left: 5px;
  display: inline-block;
  margin-top: 10px;
  color: #999999;
}
assigned-pages ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
task-project .header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1em 0.7em;
  background-color: #f5f5f5;
  border-radius: 6px;
  margin: 1px 0;
  transition: 200ms background-color;
}
task-project .title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-weight: 700;
  font-size: 0.8em;
  color: #666666;
  cursor: pointer;
  word-break: break-word;
  display: flex;
  align-items: center;
}
task-project .title:hover {
  text-decoration: underline;
}
task-project .toggle {
  color: #999999;
}
task-project .header.opened {
  background-color: #E9FDFF;
}
task-project .header.opened .title,
task-project .header.opened .toggle {
  color: #349ED0;
}
task-project .tasks-wrapper {
  -webkit-transition: 360ms max-height linear;
  -moz-transition: 360ms max-height linear;
  -o-transition: 360ms max-height linear;
  transition: 360ms max-height linear;
  max-height: 0;
  padding: 1px 0;
  overflow: hidden;
  /*    &.opened {
      max-height:50em;
    }*/
}
task-item {
  display: block;
  margin: 10px 0;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
task-item .pages {
  font-size: 1em;
  color: #333333;
}
task-item .ico-button {
  width: auto;
  height: auto;
  margin: 1px 3px 0 0;
  font-size: 1.1em;
  cursor: pointer;
}
task-item .closed-task-item {
  display: 8121991;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4px;
}
task-item .closed-task-item .icon {
  display: inline-block;
}
task-item .closed-task-item .date {
  font-size: 0.8em;
  color: #E49346;
  font-family: Roboto, sans-serif;
  margin: 0.3em 0;
}
task-item .closed-task-item .date.priority {
  color: #EA676F;
}
task-item .closed-task-item .pages {
  display: inline;
  cursor: pointer;
}
task-item .closed-task-item .pages:hover {
  color: #26A8B9;
  text-decoration: underline;
}
task-item .closed-task-item .fromUser {
  font-size: 0.8em;
  color: #339dd0;
  font-style: italic;
}
task-item .opened-task-item {
  position: relative;
  border: 2px solid #D0E6F1;
  border-radius: 6px;
  padding: .6em .6em 0;
  margin: 13px 0;
}
task-item .opened-task-item .close {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: .8em;
  color: #666666;
}
task-item .opened-task-item .pages {
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
task-item .opened-task-item .date {
  font-size: .7em;
  margin: .4em 0 .6em;
  color: #999999;
}
task-item .opened-task-item .message {
  font-size: .9em;
  color: #666666;
}
task-item .opened-task-item .fromUser {
  font-size: 0.8em;
  color: #339dd0;
  font-style: italic;
}
task-item .opened-task-item .controls {
  text-align: right;
}
task-item .opened-task-item .flat-primary-button {
  text-transform: uppercase;
}
async-icon .progress {
  position: relative;
  pointer-events: none;
}
async-icon .progress .ico-button {
  cursor: pointer;
  color: #E6E6E6;
}
async-icon .error .ico-button {
  cursor: pointer;
  color: #EA676F;
}
async-icon .loader,
async-icon .loader:before,
async-icon .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
async-icon .loader {
  color: #a1d9e1;
  font-size: 10px;
  margin: 80px auto;
  position: absolute;
  text-indent: -9999em;
  -webkit-transform: translate(12px, -60px) scale(0.2);
  -moz-transform: translate(12px, -60px) scale(0.2);
  -o-transform: translate(12px, -60px) scale(0.2);
  -ms-transform: translate(12px, -60px) scale(0.2);
  transform: translate(12px, -60px) scale(0.2);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
async-icon .loader:before,
async-icon .loader:after {
  content: '';
  position: absolute;
  top: 0;
}
async-icon .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
async-icon .loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.project-item-table {
  border-top: 1px solid #E6E6E6;
  background-color: white;
}
.project-item-table.selected,
.project-item-table:hover {
  background-color: #E9FDFF;
}
.project-item-table.selected .thumb check-item,
.project-item-table:hover .thumb check-item {
  display: block;
}
.project-item-table.selected .information,
.project-item-table:hover .information {
  background-color: #CCFBFF;
}
.project-item-table.selected .information .group,
.project-item-table:hover .information .group {
  color: #999999;
}
.project-item-table.selected .information .value,
.project-item-table:hover .information .value {
  color: #666666;
}
.project-item-table .wrapper {
  padding: 0 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.project-item-table .wrapper .messages {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 0 1em;
  flex: 1;
  font-size: .8em;
  color: #666666;
}
.project-item-table .thumb {
  position: relative;
  width: 30px;
  /*height: 70px;*/
  text-align: center;
  /*  & > img {
      width: 100%;
      height: auto;
    }*/
}
.project-item-table .thumb check-item {
  position: relative;
  top: 8px;
  left: 2px;
  display: none;
}
.project-item-table .thumb check-item.selected {
  display: block;
}
.project-item-table .thumb loader {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  position: relative;
  left: -6px;
}
.project-item-table .title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1em;
}
.project-item-table .title .has-news:before {
  padding-right: 3px;
  font-family: 'icomoon' !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;
  color: #EA676F;
  content: "\e90b";
}
.project-item-table .title a {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1em;
  color: #333333;
  text-decoration: none;
}
.project-item-table .title a:hover {
  color: #349ED0;
  text-decoration: underline;
}
.project-item-table .percent,
.project-item-table .closedAt,
.project-item-table .status {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.project-item-table .percent span,
.project-item-table .closedAt span,
.project-item-table .status span {
  font-size: .8em;
  text-align: center;
  border-radius: 20px;
  padding: 0.4em 0.6em 0.4em;
  color: white;
}
.project-item-table .percent {
  width: 70px;
}
.project-item-table .percent span {
  background-color: #FAAC62;
}
.project-item-table .percent.complete span {
  background-color: #52c42b;
}
.project-item-table .closedAt {
  width: 110px;
}
.project-item-table .closedAt span {
  background-color: #26A8B9;
}
.project-item-table .status {
  width: 110px;
}
.project-item-table .status span {
  cursor: pointer;
}
.project-item-table .status span.inicio {
  background-color: #40ABE0;
}
.project-item-table .status span.en-produccion {
  background-color: #FFED00;
  color: #000;
}
.project-item-table .status span.en-edicion {
  background-color: #69A341;
}
.project-item-table .status span.cerrado {
  background-color: #B01D1F;
}
.project-item-table .card-actions {
  z-index: 50;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  min-width: 110px;
  padding-left: 1em;
}
.project-item-table .card-actions ul {
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
.project-item-table .card-actions li {
  display: inline-block;
}
.project-item-table .card-actions li a {
  font-size: 1.45em;
  padding: 0;
  text-decoration: none;
}
.project-item-table .card-actions li a.icon-more-options-off {
  padding: 0.1em 0.5em;
}
.project-item-table .card-actions li a.icon-more-options-off:hover {
  color: #fff;
  background-color: #ACD8EC;
}
.project-item-table .information {
  font-size: .85rem;
  background-color: #FAFAFA;
  padding: 6px 15px 4px 60px;
  position: relative;
}
.project-item-table .information .group {
  color: #BDBDBD;
  margin-right: 1.2rem;
}
.project-item-table .information .value {
  color: #999999;
}
.project-item-table .information .flat-primary-button {
  position: absolute;
  font-size: .85rem;
  padding: 0;
  right: 20px;
}
.project-item-table .project-info-icon {
  height: 1.5em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  margin-left: 0.4em;
}
.project-item-table .regions-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.project-item-table .regions-container .region-code-container {
  border: 2px solid #74BDDF;
  color: #446879;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  display: grid;
  margin-right: 5px;
  font-size: 60%;
}
.project-item-table-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 14px;
  border-top: 1px solid #E6E6E6;
}
.project-item-table-group:hover {
  background-color: #E9FDFF;
}
.project-item-table-group .thumb {
  position: relative;
  width: 30px;
  /* height: 70px;*/
  text-align: center;
  overflow: hidden;
  margin: 0 12px 0 4px;
}
.project-item-table-group .thumb > span {
  top: 8px;
  position: relative;
  font-size: 1.7em;
  color: #92E4ED;
}
.project-item-table-group .title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .8em 0;
}
.project-item-table-group .title a {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1em;
  color: #333333;
  text-decoration: none;
}
.project-item-table-group .title a:hover {
  color: #349ED0;
  text-decoration: underline;
}
.project-item-table-group .subject,
.project-item-table-group .language {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1em;
  color: #999999;
  font-size: .9em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  text-align: center;
}
.project-item-table-group .language {
  width: 100px;
}
.project-item-table-group .status {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 110px;
}
.project-item-table-group .status span {
  font-size: .8em;
  text-align: center;
  border-radius: 20px;
  padding: 0.4em 0.6em 0.4em;
  cursor: pointer;
  color: white;
}
.project-item-table-group .status span.inicio {
  background-color: #40ABE0;
}
.project-item-table-group .status span.en-produccion {
  background-color: #FFED00;
  color: #000;
}
.project-item-table-group .status span.en-edicion {
  background-color: #69A341;
}
.project-item-table-group .status span.cerrado {
  background-color: #B01D1F;
}
.project-item-table-group .card-actions {
  z-index: 50;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  min-width: 110px;
  padding-left: 1em;
}
.project-item-table-group .card-actions ul {
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
.project-item-table-group .card-actions li {
  display: inline-block;
}
.project-item-table-group .card-actions li a {
  font-size: 1.45em;
  padding: 0;
  text-decoration: none;
}
.project-item-table-group .card-actions li a.icon-more-options-off {
  padding: 0.1em 0.5em;
}
.project-item-table-group .card-actions li a.icon-more-options-off:hover {
  color: #fff;
  background-color: #ACD8EC;
}
.edit-project-modal {
  border-radius: 6px;
  padding: 1.5em 2em;
  width: 80%;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.edit-project-modal form {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.edit-project-modal .add-regions-container {
  margin-left: 5px;
}
.edit-project-modal h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.edit-project-modal .form-actions {
  margin-bottom: 0;
}
.edit-project-modal .cloud-services {
  margin: 1em .2em;
  text-align: left;
}
.edit-project-modal .hide {
  display: none;
}
.edit-project-modal #metatada-selector-container {
  display: flex;
}
.edit-project-modal #metatada-selector-container .form-button {
  height: 20px;
  align-self: flex-end;
  margin-left: 10px;
}
.edit-project-modal #back-scheme-button {
  margin-top: 20px;
}
.edit-project-modal #testContainer {
  max-height: 80vh;
  overflow-y: auto;
}
.edit-project-modal #btn-edit-metadata {
  font-size: 0.8vw;
  white-space: nowrap;
}
.share-project-modal {
  padding: 1.5em 2em;
  width: 80%;
  height: 86vh;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.share-project h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.share-project .loader-wrapper {
  margin-top: 100px;
}
.share-project .error-message {
  margin-top: 100px;
  font-size: 1.6em;
  color: #EA676F;
  text-align: center;
}
.share-project .form-actions {
  margin-bottom: 0;
}
.share-project .user-list {
  height: 59vh;
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}
.share-project .user-list li {
  list-style: none;
  border-bottom: 1px solid #E6E6E6;
}
.share-project .user-list li:last-child {
  border-bottom: none;
}
.share-project projects-search-bar {
  padding-left: 0;
  margin-bottom: 8px;
}
share-row .col-5 {
  width: 100%;
}
share-row .share-cell {
  padding: 1em 1em 0.6em;
}
share-row .share-cell.is-current-user {
  background-color: #EEF6FA;
}
share-row .share-cell.is-owner,
share-row .share-cell.is-current-user.is-owner {
  background-color: #fdf8da;
}
share-row .user-name {
  margin-bottom: 4px;
}
share-row .user-name .owner {
  color: #999999 !important;
  font-size: .9em;
  font-style: italic;
}
share-row .role-name {
  margin-left: 2.1em;
  font-size: .9em;
  color: #74BDDF !important;
}
share-row .permissions {
  text-align: right;
}
share-row .permissions span {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
share-row .permissions radio-toggle {
  position: relative;
  top: 2px;
  margin-left: 6px;
}
share-row .user-role {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  /*color: extract(@primary-color, 4);
    font-size: .8em;*/
  display: flex;
}
share-row .region-code-container {
  border: 2px solid #74BDDF;
  color: #446879;
  width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
  display: grid;
  margin-right: 5px;
  margin-top: 5px;
}
share-row .region-code-container div {
  font-size: 50%;
}
.owner-project-modal {
  padding: 1.5em 2em;
  width: 80%;
  height: 86vh;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.owner-project h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.owner-project .loader-wrapper {
  margin-top: 100px;
}
.owner-project .error-message {
  margin-top: 100px;
  font-size: 1.6em;
  color: #EA676F;
  text-align: center;
}
.owner-project .form-actions {
  margin-bottom: 0;
}
.owner-project .user-list {
  height: 55vh;
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}
.owner-project .user-list li {
  list-style: none;
  border-bottom: 1px solid #E6E6E6;
}
.owner-project .user-list li:last-child {
  border-bottom: none;
}
.owner-project projects-search-bar {
  padding-left: 0;
  margin-bottom: 8px;
}
owner-row .col-5 {
  width: 100%;
}
owner-row .owner-cell {
  padding: 1em 1em 0.6em;
}
owner-row .owner-cell.is-current-user {
  background-color: #EEF6FA;
}
owner-row .owner-cell.is-owner,
owner-row .owner-cell.is-current-user.is-owner {
  background-color: #fdf8da;
}
owner-row .user-name {
  margin-bottom: 4px;
}
owner-row .user-name .curront-owner {
  color: #999999 !important;
  font-size: 0.9em;
  font-style: italic;
}
owner-row .role-name {
  margin-left: 2.1em;
  font-size: 0.9em;
  color: #74BDDF !important;
}
owner-row .permissions {
  text-align: right;
}
owner-row .permissions span {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
owner-row .permissions radio-toggle {
  position: relative;
  top: 2px;
  margin-left: 6px;
}
owner-row .user-role {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  /*color: extract(@primary-color, 4);
    font-size: .8em;*/
  display: flex;
}
owner-row .region-code-container {
  border: 2px solid #74BDDF;
  color: #446879;
  width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
  display: grid;
  margin-right: 5px;
  margin-top: 5px;
}
owner-row .region-code-container div {
  font-size: 50%;
}
.simple-list-projects {
  padding: 1.5em 2em;
  width: 80%;
  height: 86vh;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.simple-list-projects h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.simple-list-projects .loader-wrapper {
  margin-top: 100px;
}
.simple-list-projects .error-message {
  margin-top: 100px;
  font-size: 1.6em;
  color: #EA676F;
  text-align: center;
}
.simple-list-projects .form-actions {
  margin-bottom: 0;
}
.simple-list-projects .projects-list {
  height: 58vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}
.simple-list-projects .projects-list li {
  list-style: none;
  border-bottom: 1px solid #E6E6E6;
}
.simple-list-projects .projects-list li:last-child {
  border-bottom: none;
}
.simple-list-projects .projects-list .project-name {
  padding: 0.3em 1em 0.3em;
  cursor: pointer;
  width: fit-content;
  align-self: center;
}
.simple-list-projects .projects-list .project-name:hover {
  color: #26838D;
}
.simple-list-projects .project-list-empty {
  height: 58vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}
.simple-list-projects projects-search-bar {
  padding-left: 0;
  margin-bottom: 8px;
}
.simple-list-projects .simple-list-form-actions {
  margin: 2.6em 0 1.6em 0 !important;
}
.simple-list-projects .project-entry {
  display: flex;
  justify-content: space-between;
}
.simple-list-projects .user-role {
  display: flex;
  padding: 0 7px;
}
.simple-list-projects .region-name {
  display: flex;
  margin-bottom: 5px;
  margin-right: 5px;
}
.simple-list-projects .region-code-container {
  border: 2px solid #74BDDF;
  color: #446879;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  display: grid;
  margin-right: 5px;
  margin-top: 5px;
}
.simple-list-projects .region-code-container div {
  font-size: 70%;
}
.modal-component {
  padding: 1.5em 2em;
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.modal-component h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.modal-component .disable-text {
  color: #999999;
}
.modal-component .message {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 1.7em 0;
}
.modal-component .form-actions {
  margin-bottom: 0;
}
.modal-component .controls-box {
  border: 1px solid #E6E6E6;
  padding: 2em 1em;
  margin: 2em auto;
}
.default-modal {
  padding: 1.5em 2em;
  width: 80%;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.default-modal h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.default-modal h2 {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1.2em;
  margin-top: 1em;
  margin-bottom: 0;
  color: #349ED0;
}
.default-modal h3 {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1em;
  margin-left: .4em;
  color: #999999;
}
.default-modal .loader-wrapper {
  margin-top: 100px;
}
.default-modal .error-message {
  color: #EA676F;
}
.default-modal .form-actions {
  text-align: right;
  margin-bottom: 0;
}
.document-links-modal {
  border-radius: 6px;
}
.document-links-modal .list-wrapper {
  height: 72vh;
  overflow: auto;
  padding-right: 1em;
}
.document-links-modal ul {
  margin: 0;
  padding: 0;
}
.document-links-modal li {
  list-style: none;
}
break-link-item {
  display: block;
  position: relative;
  padding: .4rem;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  margin: 14px 0;
}
break-link-item .name {
  display: block;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  word-break: break-all;
  color: #333333;
  border-bottom: 1px solid #FAFAFA;
  padding: 0.4rem;
  margin: 0;
}
break-link-item .path {
  font-family: Roboto, sans-serif;
  font-size: .8rem;
  word-break: break-all;
  color: #999999;
  margin: 0;
  padding: 0.4rem 0 0;
}
break-link-item .label {
  position: absolute;
  display: block;
  top: 5px;
  right: 5px;
  border-radius: 8px;
  padding: 2px 4px;
  font-family: Roboto, sans-serif;
  font-size: .8em;
  color: #fff;
}
break-link-item .font-label {
  background-color: #52c42b;
}
break-link-item .image-label {
  background-color: #40ABE0;
}
.edit-groups .rows-wrapper {
  min-height: 44vh;
  max-height: 74vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.edit-groups-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 20px;
  min-height: 50px;
  border-bottom: 1px solid #E6E6E6;
}
.edit-groups-row .title {
  width: 45%;
  margin-right: 2%;
  font-size: 1em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #333333;
}
.edit-groups-row .edit-title {
  width: 45%;
  margin-right: 2%;
}
.edit-groups-row .num-projects {
  width: 35%;
  color: #999999;
  font-size: .9em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.edit-groups-row .row-actions ul {
  margin: 0;
  padding: 0;
}
.edit-groups-row .row-actions li {
  list-style: none;
  display: inline-block;
}
.edit-groups-row .row-actions a {
  text-decoration: none;
}
.default-modal.edit-revisions {
  width: 95%;
}
.default-modal.edit-revisions .rows-wrapper {
  min-height: 44vh;
  max-height: 74vh;
  overflow-y: auto;
  overflow-x: hidden;
}
revision-row {
  display: inline-block;
  width: 100%;
}
revision-row .wrapper {
  display: table;
  width: 100%;
  box-sizing: border-box;
  min-height: 47px;
  border-bottom: 1px solid #E6E6E6;
}
revision-row .wrapper .title {
  display: table-cell;
  width: 25%;
  font-size: 1em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #333333;
  vertical-align: middle;
}
revision-row .wrapper .num-pages {
  display: table-cell;
  width: 45%;
  color: #999999;
  font-size: 0.9em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  word-break: break-all;
  max-height: 4em;
  overflow-x: hidden;
  overflow-y: auto;
  vertical-align: middle;
}
revision-row .wrapper .num-pages span {
  display: block;
  max-height: 4em;
  overflow-y: auto;
  margin-left: 0.6em;
}
@media only screen and (max-width: 600px) {
  revision-row .wrapper .num-pages span {
    overflow-y: hidden;
  }
}
revision-row .wrapper .revision-row-button {
  display: table-cell;
  width: 10%;
  margin-left: 0.6em;
  vertical-align: middle;
}
revision-row .wrapper .row-actions {
  display: table-cell;
  width: 10%;
  vertical-align: middle;
}
revision-row .wrapper .row-actions > * {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
revision-row .wrapper .row-actions > * a {
  text-decoration: none;
}
revision-row .wrapper .row-actions-big {
  width: 30%;
}
revision-row .wrapper.delete-mode {
  background: #EA676F;
}
revision-row .wrapper.delete-mode .title {
  color: #fff;
}
revision-row .wrapper.delete-mode .num-pages {
  color: #FCE7E9;
}
revision-row .wrapper.download-mode {
  background: #E9FDFF;
}
revision-row-download-actions .check-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
revision-row-download-actions check-label {
  margin: 0 1em;
}
revision-row-download-actions .small-text-input {
  width: 180px;
}
revision-row-delete-actions .message {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1em;
  color: #fff;
}
revision-row-delete-actions .ico-button {
  cursor: pointer;
  color: #FCE7E9;
}
revision-row-delete-actions .ico-button:hover {
  color: #FFF;
}
.advance-search {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.advance-search .advance-search-subtitle {
  font-size: 18px;
  color: #616161;
  margin-bottom: 10px;
}
.advance-search #searchMethod {
  margin-top: 30px;
}
.add-user-modal .add-user-body {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.edit-user-modal .edit-user-body {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.corrections-history-modal {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  /* max-height: ~'calc(100% - 50px)'; */
  height: 90vh;
  width: 100%;
  max-width: none;
}
.corrections-history-modal .corrections-history-modal-horizontal-division {
  display: flex;
  flex: 1;
  height: fit-content;
}
.corrections-history-modal .corrections-history-modal-horizontal-division .corrections-history-modal-horizontal-block {
  flex: 1 1 0px;
}
.corrections-history-modal .corrections-history-modal-horizontal-division .vertical-line {
  width: 1px;
  background-color: #000;
  margin: 0 1em;
}
.corrections-history-modal .corrections-history-modal-horizontal-division pre {
  white-space: pre-line;
}
.corrections-history-modal .corrections-history-modal-horizontal-division .corrections-history-modal-middle pre {
  padding-top: 3.3em;
}
.corrections-history-modal .corrections-history-modal-close {
  padding-left: 1em;
}
flat-plan-page loader {
  margin: 8em auto 0;
}
flat-plan-page signature-list {
  width: 96%;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 10px;
  overflow: auto;
}
flat-plan-subheader-menu .default-state {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
flat-plan-subheader-menu .default-state .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  padding: 0 30px;
}
flat-plan-subheader-menu .default-state .left-content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
flat-plan-subheader-menu .default-state .left-content .title {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1.2em;
}
flat-plan-subheader-menu .default-state .left-content subheader-num-pages {
  display: block;
  margin-left: .4em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1em;
  color: #999999;
}
flat-plan-subheader-menu .default-state .left-content .update-info {
  margin-left: .4em;
}
flat-plan-subheader-menu .default-state .left-content .update-info .sync-by,
flat-plan-subheader-menu .default-state .left-content .update-info .modified-at {
  color: white;
  font-size: .8em;
  padding: .2em .6em;
  border-radius: 6px;
  margin-left: .4em;
}
flat-plan-subheader-menu .default-state .left-content .update-info .sync-by {
  background-color: #FAAC62;
}
flat-plan-subheader-menu .default-state .left-content .update-info .modified-at {
  background-color: #21C3D7;
}
flat-plan-subheader-menu .default-state .left-content .update-info .modified-by {
  font-size: .8em;
  color: #666666;
}
flat-plan-subheader-menu .default-state .right-content {
  width: auto;
}
flat-plan-subheader-menu .default-state .right-content .wrapper {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
flat-plan-subheader-menu .default-state .right-content .percent-slider {
  position: relative;
  padding-right: 3em;
  margin-right: 1em;
}
flat-plan-subheader-menu .default-state .right-content .percent-slider input[type=range] {
  width: 120px;
}
flat-plan-subheader-menu .default-state .right-content .percent-slider p {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  position: absolute;
  display: inline-block;
  right: 0;
  top: -11px;
}
flat-plan-subheader-menu .default-state .right-content a.icon-more-options-off {
  font-size: 16px;
  padding: 0.3em 0.6em;
}
flat-plan-subheader-menu .icon-document:before {
  content: "\e924";
  transform: scale(1.5, 1.5);
}
flat-plan-subheader-menu .icon-document-add:before {
  content: "\e91c";
  transform: scale(1.5, 1.5);
}
flat-plan-subheader-menu .icon-document-delete:before {
  content: "\e91d";
  transform: scale(1.5, 1.5);
}
subheader-num-pages p.num-pages {
  width: auto;
  display: inline-block;
  padding: 1em;
  margin: 0;
  border: 1px solid transparent;
}
subheader-num-pages p.num-pages:hover {
  border: 1px solid #74BDDF;
}
subheader-num-pages input[type="number"] {
  width: auto;
  display: inline-block;
  padding: 1em 0 1em 2em;
  margin: 0;
}
subheader-num-pages p.num-pages-disabled {
  border: none !important;
}
.page-item {
  display: block;
  cursor: -webkit-grab;
}
.page-item:active {
  cursor: -webkit-grabbing;
}
.page-item .page-item-container {
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  /*&.new-version {
      border: 1px solid extract(@secondary-color, 3);
      .animation(newVersionPage 2s infinite ease-in-out);
    }*/
}
.page-item .page-item-container:hover:not(.locked),
.page-item .page-item-container.selected {
  z-index: 2;
  border: 1px solid #349ED0;
  -webkit-box-shadow: 0 2px 8px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0 2px 8px rgba(20, 20, 20, 0.2);
  box-shadow: 0 2px 8px rgba(20, 20, 20, 0.2);
}
.page-item .page-item-container:hover:not(.locked) check-item,
.page-item .page-item-container.selected check-item {
  display: block;
}
.page-item .page-item-container.new-version {
  z-index: 2;
  border: 1px solid #EA676F;
}
.page-item .image-wrapper {
  position: relative;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
}
.page-item .image-wrapper page-modified-anim {
  transform-origin: 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.page-item .image-wrapper page-modified-anim.short {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}
.page-item .image-wrapper check-item {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}
.page-item .image-wrapper img.page-image {
  width: 100%;
  height: auto;
}
.page-item .image-wrapper page-status {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.page-item .locked-wrapper {
  display: none;
}
.page-item .locked .image-wrapper .locked-wrapper {
  display: block;
  position: absolute;
  font-size: 5em;
  text-align: center;
  left: 0;
  right: 0;
  top: 2.4em;
}
.page-item .locked .image-wrapper .locked-wrapper span {
  zoom: 1;
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.page-item .image-wrapper.new-version:before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ACD8EC;
  opacity: .3;
  -webkit-animation: newVersionPage 2s infinite ease-in-out;
  -moz-animation: newVersionPage 2s infinite ease-in-out;
  -o-animation: newVersionPage 2s infinite ease-in-out;
  animation: newVersionPage 2s infinite ease-in-out;
}
.page-item .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 48px;
}
.page-item .actions .left-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-item .actions .left-content avatar {
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
}
.page-item .actions .left-content .page-num {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #999999;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -o-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}
.page-item .actions .right-content .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-item .actions .right-content .wrapper a {
  color: #74BDDF;
  width: 18px;
  height: 22px;
}
.page-item .actions .right-content .wrapper a.disabled {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.page-item .actions .right-content .wrapper .icon-more-options-off {
  font-size: 16px;
  width: 8px;
  margin-left: 2px;
}
.page-item .actions .right-content .wrapper .icon-assignment {
  font-size: 22px;
}
.page-item .actions.short {
  height: 36px;
}
.empty-page-item {
  display: block;
}
.empty-page-item .page-item-container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  border-radius: 6px;
  border: 1.4px dotted #BDBDBD;
  background-color: #FAFAFA;
}
.empty-page-item .page-item-container:hover check-item,
.empty-page-item .page-item-container.selected check-item {
  display: block;
}
.empty-page-item check-item {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.empty-page-item page-status {
  position: absolute;
  bottom: 57px;
  right: 10px;
}
.empty-page-item .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
}
.empty-page-item .actions .left-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.empty-page-item .actions .left-content avatar {
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
}
.empty-page-item .actions .left-content .page-num {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #999999;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -o-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}
.empty-page-item .actions .right-content .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.empty-page-item .actions .right-content .wrapper a {
  color: #74BDDF;
  width: 18px;
  height: 22px;
}
.empty-page-item .actions .right-content .wrapper a.disabled {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.empty-page-item .actions .right-content .wrapper .icon-more-options-off {
  font-size: 16px;
  width: 8px;
  margin-left: 2px;
}
.empty-page-item .actions .right-content .wrapper .icon-assignment {
  font-size: 22px;
}
.empty-page-item .actions.short {
  height: 36px;
}
page-status,
.page-status {
  font-size: 1.3em;
  display: inline-block;
}
page-status span,
.page-status span {
  display: block;
  padding: 3px 6px;
  border-radius: 6px;
  background-color: black;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
page-status span:hover,
.page-status span:hover {
  text-decoration: underline;
}
page-status span.inicio,
.page-status span.inicio {
  background-color: #40ABE0;
}
page-status span.en-produccion,
.page-status span.en-produccion {
  background-color: #FFED00;
  color: #000;
}
page-status span.en-edicion,
.page-status span.en-edicion {
  background-color: #69A341;
}
page-status span.cerrado,
.page-status span.cerrado {
  background-color: #B01D1F;
}
signature-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  font-size: 10px;
  margin: 2em auto 0;
  /*li:first-child { margin-right: 8px; }*/
}
signature-list ul.signature-group {
  margin: 0 20px 40px;
  padding: 0;
  list-style: none;
  display: flex;
}
signature-list li {
  position: relative;
  width: 20em;
  display: inline-block;
  vertical-align: top;
  /*height: fit-content !important;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*    &.is-empty {
          border-radius: 6px;
          border: 1.4px dotted extract(@gray-colors, 4);
          background-color: extract(@gray-colors, 6);
        }*/
}
signature-list li.head-or-tail {
  border: none;
}
signature-list li.head-or-tail * {
  display: none;
}
signature-list li:first-child .page-item-container {
  border-right: none;
  border-radius: 4px 0 0 4px;
}
signature-list li:nth-child(2) .page-item-container {
  border-left: none;
  border-radius: 0 4px 4px 0;
}
signature-list li:first-child .page-item-container .image-wrapper {
  border-radius: 4px 0 0 4px;
}
signature-list li:nth-child(2) .page-item-container .image-wrapper {
  border-radius: 0 4px 4px 0;
}
signature-list .empty-signature {
  margin: 0 20px;
  width: 40em;
  height: 1px;
}
signature-list .blank-page-number {
  margin: 13em auto 0;
  text-align: center;
}
signature-list .blank-page-number span {
  position: relative;
  font-size: 4em;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #BDBDBD;
  z-index: 1;
}
documents-panel {
  display: block;
  position: relative;
  height: calc(100vh - 134px);
  /*  .panel-header {
    position: absolute;
    top: 0;
    background-color: white;
  }*/
}
documents-panel .document-icons [data-balloon]:hover:before,
documents-panel .document-icons [data-balloon][data-balloon-visible]:before,
documents-panel .document-icons [data-balloon]:hover:after,
documents-panel .document-icons [data-balloon][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 47%);
  -moz-transform: translate(-50%, 47%);
  -o-transform: translate(-50%, 47%);
  -ms-transform: translate(-50%, 47%);
  transform: translate(-50%, 47%);
}
documents-panel .document-icons [data-balloon]:before {
  margin-bottom: -4px;
}
documents-panel async-icon {
  font-size: 1.5em;
  position: relative;
}
documents-panel async-icon a {
  text-decoration: none;
}
documents-panel .file-list {
  padding: 0;
  list-style: none;
}
documents-panel .file-list .file-item {
  margin-bottom: 20px;
}
documents-panel .has-not-documents {
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 0.8em;
  line-height: 1.2em;
  color: #999999;
}
documents-panel .has-not-documents .form-button {
  display: block;
  font-size: 1rem;
  margin: .6rem 0;
}
documents-panel .has-not-documents .form-button:first-child {
  margin-top: 1rem;
}
documents-panel .list-wrapper {
  height: calc(100vh - 252px);
  overflow: auto;
}
documents-filter combo-box {
  display: inline-block;
  width: 250px;
}
documents-search-bar {
  display: inline-block;
  position: relative;
  z-index: 1201;
}
documents-search-bar .search-wrapper {
  padding: .2em 0.3em .2em 1.7em;
  border-radius: 2px;
  border: 1px solid #E6E6E6;
  position: absolute;
  width: 208px;
  background: #ffffff;
  z-index: 2;
}
documents-search-bar .search-wrapper:before {
  content: "\e944";
  font-size: 1em;
  font-family: "icomoon";
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  color: #167988;
}
documents-search-bar .search-wrapper input {
  font-size: .8em;
  padding: .8em 1.2em 0.5em .7em;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: none;
}
documents-search-bar .search-wrapper input:hover,
documents-search-bar .search-wrapper input:focus {
  border: none;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
documents-search-bar .search-wrapper .clear {
  display: inline-block;
  position: absolute;
  font-family: icomoon;
  top: 12px;
  right: 6px;
  font-size: 1em;
  text-decoration: none;
  color: #BDBDBD;
}
documents-search-bar .search-wrapper .clear:before {
  content: '\e900';
}
documents-search-bar .search-wrapper .clear:hover {
  color: #349ED0;
}
.document-thumb,
.document-thumb-small {
  margin-bottom: 1em;
}
.document-thumb.document-thumb-wrapper,
.document-thumb-small.document-thumb-wrapper {
  -webkit-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  box-shadow: 0 0px 1px rgba(20, 20, 20, 0.2);
  border-radius: 6px;
  overflow: hidden;
  z-index: 1;
  cursor: -webkit-grab;
}
.document-thumb.document-thumb-wrapper:active,
.document-thumb-small.document-thumb-wrapper:active {
  cursor: -webkit-grabbing;
}
.document-thumb.document-thumb-wrapper .card-img,
.document-thumb-small.document-thumb-wrapper .card-img {
  position: relative;
  overflow: hidden;
  height: 168px;
}
.document-thumb.document-thumb-wrapper .card-img .document-uses,
.document-thumb-small.document-thumb-wrapper .card-img .document-uses {
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 8px;
}
.document-thumb.document-thumb-wrapper .card-img .document-uses.some-pages-used,
.document-thumb-small.document-thumb-wrapper .card-img .document-uses.some-pages-used,
.document-thumb.document-thumb-wrapper .card-img .document-uses.all-pages-used,
.document-thumb-small.document-thumb-wrapper .card-img .document-uses.all-pages-used {
  background-color: #FAAC62;
  border-radius: 50%;
  border: 1px solid white;
  width: 36px;
  height: 36px;
}
.document-thumb.document-thumb-wrapper .card-img .document-uses.some-pages-used:before,
.document-thumb-small.document-thumb-wrapper .card-img .document-uses.some-pages-used:before,
.document-thumb.document-thumb-wrapper .card-img .document-uses.all-pages-used:before,
.document-thumb-small.document-thumb-wrapper .card-img .document-uses.all-pages-used:before {
  font-size: .8em;
  display: block;
  font-family: icomoon;
  text-align: center;
  color: #fff;
}
.document-thumb.document-thumb-wrapper .card-img .document-uses.all-pages-used:before,
.document-thumb-small.document-thumb-wrapper .card-img .document-uses.all-pages-used:before {
  padding-top: 12px;
  content: "\e909";
}
.document-thumb.document-thumb-wrapper .card-img .document-uses.some-pages-used:before,
.document-thumb-small.document-thumb-wrapper .card-img .document-uses.some-pages-used:before {
  padding-top: 12px;
  content: "\e92c";
}
.document-thumb.document-thumb-wrapper .card-img img,
.document-thumb-small.document-thumb-wrapper .card-img img {
  max-width: 100%;
  height: auto;
}
.document-thumb.document-thumb-wrapper .card-body,
.document-thumb-small.document-thumb-wrapper .card-body {
  position: relative;
  padding: 1em .8em;
  background-color: white;
}
.document-thumb.document-thumb-wrapper .card-body .more-options-wrapper,
.document-thumb-small.document-thumb-wrapper .card-body .more-options-wrapper {
  position: absolute;
  right: 5px;
  top: 12px;
}
.document-thumb.document-thumb-wrapper .card-body .more-options-wrapper a,
.document-thumb-small.document-thumb-wrapper .card-body .more-options-wrapper a {
  padding: .1em 0;
}
.document-thumb.document-thumb-wrapper .card-body .more-options-wrapper a:before,
.document-thumb-small.document-thumb-wrapper .card-body .more-options-wrapper a:before {
  padding: 0 8px;
}
.document-thumb.document-thumb-wrapper .card-body .title span,
.document-thumb-small.document-thumb-wrapper .card-body .title span {
  display: inline-block;
  color: #167988;
}
.document-thumb.document-thumb-wrapper .card-body .title a,
.document-thumb-small.document-thumb-wrapper .card-body .title a {
  color: #333333;
  font-size: .9em;
  text-decoration: none;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  word-break: break-all;
  word-wrap: anywhere;
}
.document-thumb.document-thumb-wrapper .card-body .title a:hover,
.document-thumb-small.document-thumb-wrapper .card-body .title a:hover {
  color: #349ED0;
  text-decoration: underline;
}
.document-thumb.document-thumb-wrapper .card-body .title a.naming-error,
.document-thumb-small.document-thumb-wrapper .card-body .title a.naming-error,
.document-thumb.document-thumb-wrapper .card-body .title span.naming-error,
.document-thumb-small.document-thumb-wrapper .card-body .title span.naming-error {
  color: #EA676F;
}
.document-thumb.document-thumb-wrapper .card-body .title span.naming-error,
.document-thumb-small.document-thumb-wrapper .card-body .title span.naming-error {
  position: relative;
  top: 1px;
}
.document-thumb.document-thumb-wrapper .card-body wrong-links,
.document-thumb-small.document-thumb-wrapper .card-body wrong-links {
  display: block;
  position: absolute;
  top: 0.6em;
  right: 2.1em;
  cursor: pointer;
}
.document-thumb.document-thumb-wrapper .date,
.document-thumb-small.document-thumb-wrapper .date {
  font-size: .7em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #74BDDF;
  margin-bottom: .8em;
}
.document-thumb .locked-wrapper,
.document-thumb-small .locked-wrapper {
  display: none;
}
.document-thumb .locked .locked-wrapper,
.document-thumb-small .locked .locked-wrapper {
  display: block;
  position: absolute;
  font-size: 5em;
  text-align: center;
  left: 0;
  right: 0;
  top: 0.5em;
}
.document-thumb .locked .locked-wrapper span,
.document-thumb-small .locked .locked-wrapper span {
  zoom: 1;
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
document-contents {
  display: block;
  position: relative;
}
document-contents .back-btn {
  display: block;
  padding-bottom: .8em;
  text-decoration: none;
  font-size: .9em;
  color: #999999;
}
document-contents .back-btn:before {
  content: '\e914';
  position: relative;
  top: 3px;
  margin-right: .3em;
  font-size: 1.2em;
  font-family: icomoon;
  color: #BDBDBD;
}
document-contents .back-btn:hover {
  color: #74BDDF;
}
document-contents .back-btn:hover:before {
  color: #349ED0;
  -webkit-animation: back-button-animation 1s infinite ease-in-out;
  -moz-animation: back-button-animation 1s infinite ease-in-out;
  -o-animation: back-button-animation 1s infinite ease-in-out;
  animation: back-button-animation 1s infinite ease-in-out;
}
document-contents wrong-links {
  position: absolute;
  top: 7px;
  right: 20px;
}
document-contents .document-name {
  margin: .2em;
  font-size: 1em;
  color: #666666;
  text-align: center;
  word-break: break-all;
}
document-contents .page-list {
  height: calc(100vh - 270px);
  overflow: auto;
  padding: 0;
  list-style: none;
}
document-contents .page-list .page-item {
  margin-bottom: 20px;
}
@keyframes back-button-animation {
  0% {
    left: 0px;
  }
  50% {
    left: -2px;
  }
  100% {
    left: 0;
  }
}
document-thumb-status .dts-wrapper {
  display: block;
  position: absolute;
  width: 100%;
  height: 168px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
}
document-thumb-status loader {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
indesign-page-thumb {
  display: block;
  cursor: -webkit-grab;
  width: 60%;
  margin: 0 auto;
}
indesign-page-thumb:active {
  cursor: -webkit-grabbing;
}
indesign-page-thumb > div {
  border: 1px solid #BDBDBD;
  padding: 4px;
  position: relative;
}
indesign-page-thumb span.page-in-use {
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 8px;
  text-align: center;
  background-color: #FAAC62;
  border-radius: 50%;
  border: 1px solid white;
  width: 36px;
  height: 36px;
}
indesign-page-thumb span.page-in-use:before {
  display: inline-block;
  padding-top: 10px;
  color: white;
  font-family: icomoon;
  content: "\e92c";
}
indesign-page-thumb page-modified-anim.is-new {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
}
indesign-page-thumb img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
indesign-page-thumb p {
  font-size: .8em;
  text-align: center;
}
#content-loader[data-is="details-page"] .app-body #content-body {
  display: flex;
  flex-direction: column;
}
#content-loader[data-is="details-page"] .header {
  height: fit-content;
}
#content-loader[data-is="details-page"] .app-body #content-body .main {
  flex: 2;
  overflow: hidden;
}
#content-loader[data-is="details-page"] .white-layer {
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: 3px;
  left: 3px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
}
#content-loader[data-is="details-page"] .loader-wrapper {
  position: absolute;
  width: 100%;
  top: 300px;
  text-align: center;
  z-index: 20;
}
#content-loader[data-is="details-page"] .loader-wrapper loader {
  display: inline-block;
}
#content-loader[data-is="details-page"] .app-body #content-body.datails-full-screen .main {
  height: calc(95vh);
}
#viewerElement {
  width: 100%;
  height: 100%;
}
#viewerElement.comparing {
  width: calc(50% - 0.5em);
}
#viewerElement .pdftron-instance {
  height: 100%;
}
#viewerElement.comparing .pdftron-instance {
  height: 100%;
}
#viewerElement.comparing .pdftron-instance .progress-text,
#viewerElement.comparing .pdftron-instance .progress-text {
  display: none;
}
#viewerElement {
  /*FireFox*/
  scrollbar-width: 0;
  /*IE10+*/
  -ms-overflow-style: none;
}
#viewerElement::-webkit-scrollbar {
  /*Chrome, Safari, Edge*/
  width: 0;
}
.datails-full-screen #viewerElement .pdftron-instance {
  height: 100%;
}
.datails-full-screen #viewerElement.comparing .pdftron-instance {
  height: 100%;
}
#viewer.disabled {
  pointer-events: none;
}
#compare-wrapper {
  width: 100%;
  height: calc(100% - 50px);
  display: flex;
}
.datails-full-screen #compare-wrapper {
  align-items: inherit;
  height: 100%;
}
#compare-wrapper #comparing-reference-block {
  padding: 5px 12px;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0.2em 0;
}
#compare-wrapper #comparing-reference-block #comparing-reference-title {
  display: inline-block;
  padding: 4px 12px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  border: 1px solid #DDD;
  border-radius: 4px 0 0 4px;
  margin: 0 0 0.2em 0;
}
#compare-wrapper #comparing-reference-block #comparing-reference-title:hover {
  border: 1px solid #BBB;
  background-color: #F9F9F9;
}
#compare-element #referenceSelector .form-group {
  width: 60%;
  display: inline-block;
  margin-bottom: 4.5px;
}
#compare-element #referenceSelector .select-wrapper:before {
  top: 8px;
}
#compare-element #referenceSelector select {
  padding: 2px 1em;
  font-size: 15px;
  vertical-align: sub;
}
#compare-element .icon-close {
  text-decoration: none;
  vertical-align: sub;
  color: #606060;
  padding: 2px 3px;
}
#compare-element .icon-close:hover {
  color: #fff;
  background-color: #ACD8EC;
}
#compare-wrapper #comparing-selected-title {
  padding: 5px 12px;
  font-size: 15px;
  text-align: center;
  margin: 0 0 0.2em 0;
}
#compare-element {
  display: none;
  margin-right: 0;
  width: 0;
  text-align: center;
}
#compare-element.comparing {
  width: calc(50% - 0.5em);
  margin-right: 1em;
  display: block;
}
#compare-element #reference-container {
  height: 0;
  overflow: hidden;
  position: relative;
}
#compare-element.comparing #reference-container {
  height: 100%;
}
.datails-full-screen #compare-element.comparing #reference-container {
  height: 100%;
}
#compare-element #reference-container #reference-wrapper {
  display: block;
  /*box-shadow: 0px 0px 2px #AAA;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: not-allowed;
}
#compare-element #reference-container #reference-wrapper #reference-pdf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#viewers-pagination-wrapper {
  display: block;
}
#viewers-pagination-wrapper.comparing {
  display: flex;
  flex-wrap: nowrap;
}
viewer-pagination {
  display: block;
  position: relative;
  height: 50px;
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1);
  background-color: #EEF6FA;
  z-index: 1;
}
viewer-pagination.comparing {
  width: 50%;
}
viewer-pagination.details-full-screen {
  display: none;
}
#content-menu.showReferenceComment .floating-menu,
#content-menu.datails-full-screen.showReferenceComment .floating-menu {
  margin: 0 5px 10px;
}
#content-body.showReferenceComment {
  left: 290px;
  width: calc(100% - 529px);
}
.app-body #content-body.datails-full-screen.showReferenceComment {
  width: calc(100% - 524px);
}
.app-body #content-body.full-size.datails-full-screen.showReferenceComment {
  width: calc(100% - 10px);
}
#content-menu-right.hideReferenceComment {
  display: none;
}
#content-menu-right.showReferenceComment {
  display: block;
  right: 5px;
  transition: right 400ms ease-out;
}
#content-menu-right.full-size.showReferenceComment {
  right: -330px;
  transition: right 400ms ease-out;
}
#content-menu-right.full-size.showReferenceComment .wrapper > * {
  left: unset;
}
#content-menu-right.showReferenceComment .wrapper {
  width: 229px;
}
#content-menu-right.showReferenceComment .floating-menu {
  padding: 3px;
  width: 223px;
}
.content-menu .correction-panel-wrapper {
  width: 50vw !important;
}
.content-menu .correction-panel-menu {
  width: 49vw;
}
#content-body.correction {
  width: 49vw;
  left: 50vw;
}
.annotations-panel-reference {
  width: 225px;
}
.annotations-panel-reference combo-box {
  width: 100%;
}
.annotations-panel-reference #revisionsFilter select {
  font-size: 0.9em;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}
.annotations-panel-reference #revisionsFilter option {
  font-size: 1.1em;
}
.annotations-panel-reference .revision-options {
  transform: translateY(66%);
  margin-left: 0.5em;
  height: 100%;
}
.annotations-panel-reference .panel-title-container {
  position: relative;
}
.annotations-panel-reference .panel-title {
  font-size: 1.1em;
  color: #333333;
  margin: 0;
}
.annotations-panel-reference .save-annotations {
  position: absolute;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: .9em;
  right: 0;
  top: -4px;
  color: #BDBDBD;
}
.annotations-panel-reference .save-annotations.saving {
  color: #E49346;
}
.annotations-panel-reference .annotations-list {
  margin: 0;
  padding: 0;
  overflow: auto;
  height: calc(100vh - 116px);
  overflow-x: hidden;
}
.annotations-panel-reference .annotations-list > li {
  width: 98%;
  padding: 0;
  list-style: none;
  margin: 1.2em auto;
}
.annotations-panel-reference .annotations-list > li:first-child {
  margin: .2em auto;
}
details-subheader-menu .icon-full-screen-switch:before {
  content: "\e91f";
  /*transform: scale(1.5, 1.5);*/
}
.datails-full-screen details-subheader-menu .icon-full-screen-switch:before {
  content: "\e91e";
  /*transform: scale(1.5, 1.5);*/
}
details-subheader-menu .default-state {
  display: flex;
  flex-wrap: wrap;
}
details-subheader-menu .default-state .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px 0 12px;
}
details-subheader-menu .default-state .with-permissions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
details-subheader-menu .default-state .current-state {
  opacity: 0.4;
  pointer-events: none;
}
details-subheader-menu .default-state .no-permissions {
  flex-grow: 1;
  font-family: Roboto, sans-serif;
  font-weight: bold;
  color: #F00;
  display: inline-block;
}
details-subheader-menu .default-state .no-permissions > div {
  display: inline-block;
}
details-subheader-menu .default-state .no-permissions > div .ico-button {
  font-size: 1.8em !important;
  color: #ff9b00;
}
details-subheader-menu .default-state .no-revisions {
  font-size: 12px;
}
details-subheader-menu .default-state .left-content .title {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1.2em;
}
details-subheader-menu .default-state .left-content subheader-num-pages {
  display: block;
  margin-left: .4em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1em;
  color: #999999;
}
details-subheader-menu .default-state .left-content page-status {
  font-size: 0.9em;
  margin-top: 1px;
}
details-subheader-menu .default-state .right-content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
details-subheader-menu .default-state .right-content .wrapper {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap;
}
details-subheader-menu .default-state .right-content .percent-slider {
  position: relative;
  padding-right: 2.5em;
  margin-right: 1em;
}
details-subheader-menu .default-state .right-content .percent-slider input[type=range] {
  width: 120px;
}
details-subheader-menu .default-state .right-content .percent-slider p {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  position: absolute;
  display: inline-block;
  right: -0.6em;
  top: -11px;
}
details-subheader-menu .default-state .right-content a.icon-more-options-off {
  font-size: 16px;
  padding: 0.3em 0.6em;
}
details-subheader-menu .default-state .right-content a.ico-button {
  cursor: pointer;
  font-size: 1.2em;
}
details-subheader-menu .default-state .right-content .percent-slider {
  margin-left: .6em;
  margin-right: .6em;
}
details-subheader-menu #revision-buttons {
  display: inline-flex;
}
details-subheader-menu #tronTools {
  display: flex;
  flex-wrap: wrap;
}
annotations-panel combo-box {
  width: 100%;
}
annotations-panel #revisionsFilter select {
  font-size: 0.9em;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}
annotations-panel #revisionsFilter option {
  font-size: 1.1em;
}
annotations-panel .revision-options {
  transform: translateY(66%);
  margin-left: 0.5em;
  height: 100%;
}
annotations-panel .panel-title-container {
  position: relative;
}
annotations-panel .panel-title {
  font-size: 1.1em;
  color: #333333;
  margin: 0;
}
annotations-panel .panel-controls {
  position: absolute;
  text-align: right;
  top: -10px;
  right: 0;
  font-size: 1.3em;
}
annotations-panel .panel-controls div {
  display: inline-block;
}
annotations-panel .panel-controls .ico-button {
  margin-left: -3px;
  margin-right: -3px;
}
annotations-panel .panel-controls .revision-options {
  margin-left: 0;
}
annotations-panel .save-annotations {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: .9em;
  color: #BDBDBD;
  margin-bottom: -8px;
  margin-top: 8px;
}
annotations-panel .save-annotations.saving {
  color: #E49346;
}
annotations-panel .annotations-list {
  margin: 0;
  padding: 0;
  overflow: auto;
  /*height: ~'calc(100vh - 168px)';*/
  height: calc(100vh - 250px);
  max-height: calc(100vh - 250px);
  overflow-x: hidden;
}
annotations-panel .annotations-list > li {
  width: 98%;
  padding: 0;
  list-style: none;
  margin: 1.2em auto;
}
annotations-panel .annotations-list > li:first-child {
  margin: .2em auto;
}
annotation {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid transparent;
  cursor: pointer;
}
annotation:hover {
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: 1px solid #74BDDF;
}
annotation.selected {
  box-shadow: #349ED0 0 0 1px, inset #349ED0 0 0 1px;
  border: 1px solid #349ED0;
}
annotation .text-button {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 2px;
  color: #BDBDBD;
}
annotation .text-button:hover,
annotation .text-button.selected {
  color: #349ED0;
}
annotation .annotation-responses {
  margin: 0;
  padding: 0;
}
annotation .annotation-responses > li {
  list-style: none;
  margin: 0 0 .6em;
  padding: 0;
}
annotation .annotation-responses > li:last-child {
  margin: 0;
}
annotation annotation-content .user-name,
annotation annotation-response .user-name {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: .9em;
  color: #333333;
}
annotation annotation-content .date,
annotation annotation-response .date {
  position: relative;
  top: -2px;
  font-size: .65em;
  color: #BDBDBD;
}
annotation annotation-content {
  display: block;
  /*.annotation-description.comment-editable { box-shadow: inset 0 0 0.5px 0.5px #1fdbf2; border-radius: 4px;}*/
}
annotation annotation-content .note-info {
  position: relative;
  padding: 0.2em .6em 0em;
  border-bottom: 1px solid #FAFAFA;
}
annotation annotation-content .note-info .avatar {
  display: none;
  /*display: inline-block;
        width: 36px;
        margin-right: 3px;*/
}
annotation annotation-content .note-info .user-info {
  display: inline-block;
}
annotation annotation-content .note-info .user-info .icon-edit2 {
  display: inline-block;
  font-size: 0.8em;
  width: auto;
  height: auto;
}
annotation annotation-content .annotation-type {
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: .9em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #BDBDBD;
}
annotation annotation-content .annotation-description {
  padding: 0 .6em;
  font-size: .9em;
  line-height: 1.4em;
  color: #333333;
  display: block;
  width: 198px;
  word-wrap: break-word;
}
annotation annotation-content .annotation-description p {
  margin: .2em 0;
}
annotation annotation-response {
  display: block;
  min-height: 34px;
  position: relative;
  padding: .3em .6em;
  background-color: #EEF6FA;
  /*.response-data.comment-editable { box-shadow: inset 0 0 0.5px 0.5px #1fdbf2; border-radius: 4px;}*/
}
annotation annotation-response .avatar {
  display: none;
  /*position: absolute;
      left: .6em;
      width: 32px;
      margin-right: 3px;*/
}
annotation annotation-response .response {
  display: inline-block;
  line-height: 1.4em;
  font-size: .9em;
  color: #666666;
}
annotation annotation-response .response-data {
  display: block;
  width: 198px;
  word-wrap: break-word;
}
annotation annotation-response .response-data p {
  margin: .2em 0;
}
annotation annotation-response .messageBox {
  position: relative;
  padding: 0 0.4em;
  font-size: 0.9em;
  line-height: 1.4em;
  color: #333333;
  display: block;
  width: 165px;
  word-wrap: break-word;
}
annotation annotation-response .icon-edit2 {
  display: inline-block;
  font-size: 0.8em;
  width: auto;
  height: auto;
}
annotation annotation-controls,
annotation annotation-controls-edit {
  display: block;
  padding: 0 .6em;
  margin-top: 5px;
}
annotation annotation-controls ul,
annotation annotation-controls-edit ul {
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
annotation annotation-controls li,
annotation annotation-controls-edit li {
  display: inline-block;
}
annotation annotation-controls li a,
annotation annotation-controls-edit li a {
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: .75rem;
  text-decoration: none;
  padding: 1em .4em;
  color: #74BDDF;
  padding: 0 .4em 0.5em;
}
annotation annotation-controls li a:hover,
annotation annotation-controls-edit li a:hover {
  color: #349ED0;
  text-decoration: underline;
}
annotation annotation-controls li.textarea-wrapper,
annotation annotation-controls-edit li.textarea-wrapper {
  width: 100%;
  text-align: center;
}
annotation annotation-controls .messageBox,
annotation annotation-controls-edit .messageBox {
  width: 95%;
  background-color: white;
  resize: none;
  border: 1px solid #E6E6E6;
  text-align: left;
  margin: 0.4em auto;
  padding: 2px;
  min-height: 2.4em;
  height: fit-content;
}
annotation annotation-controls .messageBox[setted-editor="true"],
annotation annotation-controls-edit .messageBox[setted-editor="true"] {
  min-height: 4.8em;
  /*width:      145%;      
      z-index:    9999;*/
}
annotation annotation-controls .messageBox p,
annotation annotation-controls-edit .messageBox p {
  margin: 0 4px;
}
correction-panel {
  flex-grow: 1;
}
correction-panel .loader-correction-wrapper {
  display: flex;
  justify-content: center;
  height: 80vh;
}
correction-panel .loader-correction-wrapper div {
  align-self: center;
}
correction-panel .panel-title-container {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
}
correction-panel .panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.5em;
  color: #333333;
  padding: 0.5em 0 0.5em 0.5em;
}
correction-panel .panel-title .corrections-tools {
  display: flex;
}
correction-panel .panel-title .corrections-tools .search-active {
  color: #333333;
}
correction-panel .panel-title .corrections-tools .search-active:hover {
  color: #349ED0;
}
correction-panel .history-buttons {
  display: flex;
}
correction-panel .history-buttons #metatada-selector-container {
  cursor: pointer;
}
correction-panel .history-buttons combo-box {
  font-size: 0.8em;
}
correction-panel .history-buttons combo-box .select-wrapper:before {
  top: 1.5em;
  right: 0.5em;
}
correction-panel .history-buttons combo-box select {
  padding: 0.5em 1.5em 0.5em 0.5em;
}
correction-panel .panel-controls {
  position: absolute;
  text-align: right;
  top: -10px;
  right: 0;
  font-size: 1.3em;
}
correction-panel .panel-controls div {
  display: inline-block;
}
correction-panel .panel-controls .ico-button {
  margin-left: -3px;
  margin-right: -3px;
}
correction-panel .panel-controls .revision-options {
  margin-left: 0;
}
correction-panel .correction-container {
  /*height: 100vh;*/
  /*max-height: 100vh;*/
}
correction-panel .preview-container {
  height: calc(100vh - 17em);
  max-height: calc(100vh - 17em);
  overflow: hidden;
}
correction-panel .preview-container img {
  max-width: 100%;
  max-height: 100%;
  /*height: ~'calc(100% - 0.5em)';
    width: auto;*/
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  cursor: zoom-in;
}
correction-panel .correction-list {
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  height: calc(100vh - 17em);
  max-height: calc(100vh - 17em);
}
correction-panel .correction-list > li {
  width: 98%;
  padding: 0;
  list-style: none;
  margin: 1.2em auto;
}
correction-panel .correction-list > li:first-child {
  margin: .2em auto;
}
correction-panel .correction-actions-container {
  margin-top: 1.2em;
  display: flex;
  justify-content: space-between;
  height: 7em;
  overflow-y: auto;
}
correction-panel .correction-actions-container .form-button {
  text-align: center;
  vertical-align: middle;
  margin: 0.4em;
}
correction-panel .correction-actions-right {
  display: flex;
}
correction-panel .correction-edit-container {
  height: calc(100vh - 220px);
  max-height: calc(100vh - 220px);
}
correction-panel .correction-edit-actions-container {
  display: flex;
  justify-content: flex-end;
}
correction-panel #updating-text-loader {
  width: 100%;
}
correction-panel #updating-text-loader .sk-folding-cube {
  width: 30px;
  height: 30px;
  margin-top: 10px !important;
}
correction-panel .button-red {
  color: #df7474;
  background-color: #faeeee;
}
correction-panel .button-red:hover {
  background-color: white;
  border: 1px solid #df7474;
}
correction-panel .button-red.disabled {
  color: #ecacac;
  background-color: white;
  border: 1px solid #faeeee;
}
correction-panel .button-orange {
  color: #df9b74;
  background-color: #faf2ee;
}
correction-panel .button-orange:hover {
  background-color: white;
  border: 1px solid #df9b74;
}
correction-panel .button-red.disabled {
  color: #ecc9ac;
  background-color: white;
  border: 1px solid #faf2ee;
}
correction-panel .button-green {
  color: #45b445;
  background-color: #bfdec3;
}
correction-panel .button-green:hover {
  background-color: white;
  border: 1px solid #45b445;
}
correction-panel .button-red.disabled {
  color: #73bd78;
  background-color: white;
  border: 1px solid #bfdec3;
}
correction {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  border: 1px solid #dedede;
  padding: 0.8em;
  margin: 0.5em 0.2em;
}
correction .correction-view span {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
correction .correction-view span:focus {
  background-color: #EEEEEE;
  padding: 0.1em 0.6em 0.1em 0.3em;
  outline: 1px solid black;
  display: inline-block;
}
correction .ico-button {
  display: initial;
}
correction .icon-edit2 {
  /*display: flex;
    justify-content: flex-end;*/
  width: auto;
  height: auto;
}
correction .icon-edit2:before {
  float: right;
}
correction-edit {
  /*textarea {
        border: 0 none white;
        padding: 5px;
        outline: none;
        background-color: #D0D0D0;
    }*/
}
correction-edit_new {
  /*textarea {
        border: 0 none white;
        padding: 5px;
        outline: none;
        background-color: #D0D0D0;
    }*/
}
correction-edit_new .spanContent {
  border: #34798761 1px solid;
  margin-right: 5px;
  line-height: 21px;
}
correction-search-replace {
  position: fixed;
  width: fit-content;
  height: fit-content;
  top: 8em;
  left: 52%;
  z-index: 1201;
}
correction-search-replace .search-replace-close-popup {
  position: absolute;
  top: 0.6em;
  right: 0.8em;
  background-color: #aac6c9;
  color: black;
  font-size: 0.8em;
  line-height: 1em;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 1201;
}
correction-search-replace > .dragzone {
  display: flex;
  width: fit-content;
  height: fit-content;
  cursor: move;
  z-index: 1202;
  border-radius: 8px;
  border: 1px solid #000000;
  background-color: #E9FDFF;
  padding: 0.5em;
}
correction-search-replace > .dragzone > .search-replace-texts {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 0.3em;
  justify-content: space-around;
  /*
            > text-input {
                > div > label {
                    color:extract(@gray-colors, 2);
                }

                > div > input {
                    font-size: 0.8em;
                    padding: 0.8em;
                }

                > div > input::placeholder {
                    color:extract(@gray-colors, 4);
                }
            }
            */
}
correction-search-replace > .dragzone > .search-replace-texts > text-area {
  z-index: 1203;
}
correction-search-replace > .dragzone > .search-replace-texts > text-area > div > label {
  padding-top: 0.5em !important;
}
correction-search-replace > .dragzone > .search-replace-texts > text-area > div > textarea {
  font-size: 0.8em;
}
correction-search-replace > .dragzone > .search-replace-texts > text-area > div > textarea::placeholder {
  color: #BDBDBD;
}
correction-search-replace > .dragzone > .search-replace-options-actions {
  padding-top: 0.5em;
  margin-left: 0.3em;
  display: flex;
  flex-direction: column;
  align-self: center;
}
correction-search-replace > .dragzone > .search-replace-options-actions .found-number-and-match-options {
  display: flex;
  flex-direction: row;
  align-self: center;
  width: 100%;
}
correction-search-replace > .dragzone > .search-replace-options-actions .found-number-and-match-options .found-number {
  font-size: 0.75em;
  width: 60%;
}
correction-search-replace > .dragzone > .search-replace-options-actions .found-number-and-match-options .match-options {
  display: flex;
  flex-direction: column;
  align-self: center;
  width: 40%;
}
correction-search-replace > .dragzone > .search-replace-options-actions .found-number-and-match-options .match-options > check-label {
  padding: 0.5em 0;
  font-size: 0.8em;
}
correction-search-replace > .dragzone > .search-replace-options-actions .found-number-and-match-options .match-options > check-label > div > label > span {
  color: #666666;
  font-weight: bold;
}
correction-search-replace > .dragzone > .search-replace-options-actions .found-number-and-match-options .match-options > check-label.match-whole-underline {
  padding-top: 0.5em;
}
correction-search-replace > .dragzone > .search-replace-options-actions .found-number-and-match-options .match-options > check-label.match-whole-underline > div > label > span {
  border-bottom: 2px solid #666666;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  padding: 0 0.1em;
}
correction-search-replace > .dragzone > .search-replace-options-actions > div.search-replace-buttons {
  display: flex;
  flex-direction: column;
}
correction-search-replace > .dragzone > .search-replace-options-actions > div.search-replace-buttons > div.search-replace-buttons-inner {
  display: flex;
  flex-direction: row;
}
correction-search-replace > .dragzone > .search-replace-options-actions > div.search-replace-buttons a {
  font-size: 0.8em;
  margin-top: 1em;
  padding: 0.5em 1em;
}
correction-search-replace > .dragging {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.6);
}
mark.correction-search-stand-out {
  background-color: #00ffff;
}
@media only screen and (max-width: 960px) {
  viewer-pagination .col-3:first-child {
    width: 0;
  }
}
@media only screen and (max-width: 828px) {
  viewer-pagination .icon-prev,
  viewer-pagination .icon-next {
    padding: 0.4em 0.1em !important;
  }
  viewer-pagination .pages-indicator {
    padding: 0.4em 0.1em !important;
    margin: 0 0 !important;
  }
}
viewer-pagination > div.col-group {
  margin-left: 0;
  margin-right: 0;
}
viewer-pagination .project-name {
  padding: 1em 1.2em 0;
  color: #666666;
}
viewer-pagination .pagination-controls {
  display: inline-block;
  margin-top: 6px;
  padding: 0.3em 0 0.1em;
  text-align: center;
  border-radius: 4px;
  background-color: #fff;
}
viewer-pagination .pagination-controls .pages-indicator {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  padding: .4em;
  display: inline-block;
  margin: 0 .2em;
  word-spacing: .3em;
}
viewer-pagination .pagination-controls .pages-indicator .current {
  color: #666666;
}
viewer-pagination .pagination-controls .pages-indicator .total {
  color: #B4C7D0;
}
viewer-pagination .pagination-controls .pages-indicator #pageNumber {
  display: none;
  text-align: center;
  padding-left: 10px;
  padding: 0;
  width: 60px;
  border: 0;
}
viewer-pagination .pagination-controls .pages-indicator #pageNumber:focus {
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
viewer-pagination .pagination-controls .pages-indicator.edit-mode span {
  display: none;
}
viewer-pagination .pagination-controls .pages-indicator.edit-mode #pageNumber {
  display: inline-block;
}
viewer-pagination .pagination-controls .icon-prev,
viewer-pagination .pagination-controls .icon-next {
  position: relative;
  top: 1px;
  padding: 0.4em 0.9em;
  text-decoration: none;
  color: #74BDDF;
}
viewer-pagination .pagination-controls .icon-prev:hover,
viewer-pagination .pagination-controls .icon-next:hover {
  color: #349ED0;
}
viewer-pagination .pagination-controls .icon-prev {
  border-right: 1px solid #ACD8EC;
}
viewer-pagination .pagination-controls .icon-next {
  border-left: 1px solid #ACD8EC;
}
viewer-pagination .metadata {
  padding: 1.3em 1.4em 0;
  text-align: right;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: .85em;
  color: #BDBDBD;
}
viewer-pagination div.center {
  text-align: center;
}
viewer-pagination .page-mode {
  padding-top: 18px;
  text-align: right;
}
@media only screen and (max-width: 960px) {
  viewer-pagination .page-mode {
    display: none !important;
  }
  viewer-pagination div.center {
    width: 100% !important;
  }
}
#content-loader[data-is="recycle-page"] .has-not-projects {
  margin: 4em auto;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #999999;
  font-size: 1.5em;
}
#content-loader[data-is="recycle-page"] .has-not-projects .primary-button {
  display: inline-block;
  padding-left: 2em;
  padding-right: 2em;
  margin-top: 1em;
}
#content-loader[data-is="recycle-page"] .list-container {
  width: 96%;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 10px;
  overflow: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#content-loader[data-is="recycle-page"] loader {
  margin: 8em auto 0;
}
users-list-item-view .wrapper,
users-list-item-edit .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 30px;
  border-bottom: 1px solid #E6E6E6;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
users-list-item-view .avatar,
users-list-item-edit .avatar {
  margin-right: .6em;
}
users-list-item-view .userName,
users-list-item-edit .userName {
  width: 20%;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
users-list-item-view .firstName,
users-list-item-edit .firstName,
users-list-item-view .lastName,
users-list-item-edit .lastName {
  width: 10%;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
users-list-item-view .email,
users-list-item-edit .email {
  width: 20%;
}
users-list-item-view .user-role,
users-list-item-edit .user-role {
  width: 16%;
}
users-list-item-view .roles,
users-list-item-edit .roles {
  width: 20%;
}
users-list-item-view .external,
users-list-item-edit .external {
  width: 8%;
}
users-list-item-view .language,
users-list-item-edit .language {
  width: 8%;
}
users-list-item-view .small-text-input,
users-list-item-edit .small-text-input {
  width: 95%;
}
users-list-item-view .form-actions,
users-list-item-edit .form-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
}
users-list-item-view .row-button.disabled,
users-list-item-edit .row-button.disabled {
  pointer-events: none;
}
users-list-item-view .icon,
users-list-item-edit .icon {
  font-size: 1.3em;
  margin: 0 0.3em;
  color: #BDBDBD;
}
users-list-item-view .icon .enabled,
users-list-item-edit .icon .enabled {
  color: #ACD8EC;
}
users-list-item-view ul,
users-list-item-edit ul {
  margin: 0;
  padding: 0;
}
users-list-item-view ul li,
users-list-item-edit ul li {
  list-style: none;
  display: inline-block;
}
users-list-item-view ul a,
users-list-item-edit ul a {
  text-decoration: none;
}
users-list-item-view .combo,
users-list-item-edit .combo {
  display: block;
  width: 180px;
  margin-right: 1em;
}
users-list-item-view .connected,
users-list-item-edit .connected {
  color: #349ED0;
  margin-right: 1em;
}
users-list-item-view .disconnected,
users-list-item-edit .disconnected {
  color: #999999;
  margin-right: 1em;
}
users-list-item-view .icon.enabled,
users-list-item-edit .icon.enabled {
  color: #167988;
}
users-list-item-edit .wrapper {
  background: #E8FDFF;
}
users-subheader-menu .mainWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
users-subheader-menu .leftContents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 40px;
}
users-subheader-menu .searchBar {
  margin-right: 15px;
  margin-left: 20px;
}
users-subheader-menu .itemsWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
users-subheader-menu .rightContents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 30px;
}
/* LOGIN */
#content-loader[data-is="login-page"] {
  display: block;
  background: url("img/login/bg_login.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  overflow: auto;
  width: 100%;
  position: fixed;
}
#content-loader[data-is="login-page"] .wrap_centred {
  position: relative;
  width: 1px;
  height: 1px;
  top: 50%;
  left: 50%;
}
#content-loader[data-is="login-page"] .wrap_login {
  height: 550px;
  margin: -275px auto 0px -468px;
  position: relative;
  width: 937px;
}
#content-loader[data-is="login-page"] .wrap_login .left_space {
  background: url("img/login/bk_left.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-sizing: border-box;
  float: left;
  height: 100%;
  position: relative;
  width: 50%;
  text-align: center;
}
#content-loader[data-is="login-page"] .wrap_login .left_space .client-logo {
  margin: 2.8em auto;
}
#content-loader[data-is="login-page"] .wrap_login .left_space .title_planillo {
  position: relative;
  color: #ffffff;
  text-align: center;
  font-size: 52px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  padding-top: 52px;
  text-transform: uppercase;
  transform: scaleX(0.8);
}
#content-loader[data-is="login-page"] .wrap_login .left_space .title_planillo .version {
  display: block;
  position: absolute;
  font-size: 0.18em;
  right: 1.7em;
  top: .2em;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  border-radius: 12px;
  padding: 0.3em 0.5em;
  letter-spacing: normal;
  background: #EA676F;
  color: #ffffff;
}
#content-loader[data-is="login-page"] .wrap_login .left_space .subtitle_planillo {
  margin-top: 6px;
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  width: 100%;
  float: left;
  padding: 0px 50px;
  box-sizing: border-box;
  font-family: 'Roboto-Italic', Sans-Serif;
}
#content-loader[data-is="login-page"] .wrap_login .left_space .subtitle_planillo span {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  width: 100%;
  float: left;
  font-family: 'PTSansRegular', Sans-Serif;
}
#content-loader[data-is="login-page"] .wrap_login .left_space .abouts {
  color: #f1f1f1;
  text-align: center;
  width: 100%;
  font-size: 18px;
  float: left;
  margin: 170px auto 0px auto;
  font-family: 'Roboto, sans-serif;  ', Sans-Serif;
}
#content-loader[data-is="login-page"] .wrap_login .left_space .abouts {
  position: absolute;
  left: 0;
  bottom: 15px;
}
#content-loader[data-is="login-page"] .wrap_login .left_space .abouts a {
  text-decoration: none;
  color: #f1f1f1;
  padding: 0px 15px;
  box-sizing: border-box;
}
#content-loader[data-is="login-page"] .wrap_login .right_space {
  background: #f1f1f1;
  box-sizing: border-box;
  height: 100%;
  float: right;
  width: 50%;
  padding: 6px 60px 0px 70px;
  position: relative;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .title_login {
  font-size: 30px;
  color: #4d4d4d;
  font-family: 'Roboto, sans-serif;  ', Sans-Serif;
  margin-top: 20px;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .text_login_error {
  font-size: 14px;
  color: #bb301d;
  font-family: 'Roboto, sans-serif;  ', Sans-Serif;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .login_loader {
  margin: 128px 0;
  position: relative;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .login_loader .cssload-container {
  width: 100%;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .login_loader .cssload-double-torus {
  width: 80px;
  height: 80px;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login {
  margin-top: 30px;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login label {
  font-size: 14px;
  color: #4d4d4d;
  font-family: 'Roboto, sans-serif;  ', Sans-Serif;
  clear: both;
  float: left;
  width: 100%;
  margin-top: 30px;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login label:nth-child(3) {
  float: left;
  box-sizing: border-box;
  width: 50%;
  font-size: 20px;
  margin-top: 20px;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login label:nth-child(4) {
  float: right;
  width: 50%;
  clear: none;
  box-sizing: border-box;
  text-align: right;
  margin-top: -25px;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login label:nth-child(4) > a {
  color: #888888;
  font-family: 'Roboto-Italic', Sans-Serif;
  font-size: 15px;
  text-decoration: none;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login label input[type=text],
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login label input[type=password] {
  border: 0px;
  border-bottom: 1px solid #a2a2a2;
  width: 100%;
  font-size: 20px;
  float: left;
  margin-top: 10px;
  color: #383838;
  padding: 3px;
  font-family: 'Roboto, sans-serif;  ', Sans-Serif;
  background: #f1f1f1;
  outline: none;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login label input[type=submit] {
  border: 0px;
  background: #ec666d;
  color: #ffffff;
  height: 45px;
  width: 100%;
  font-size: 20px;
  font-family: 'PTSansRegular', Sans-Serif;
  cursor: pointer;
  margin-top: -10px;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .form_login label input[type=submit]:hover {
  background: #e74851;
}
#content-loader > div > div > div.right_space > div.login-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
#content-loader[data-is="login-page"] .privacy_popup {
  position: fixed;
  background-color: rgba(200, 200, 200, 0.6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#content-loader[data-is="login-page"] .privacy_content {
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  overflow: auto;
  background-color: #fff;
  padding: 1em;
  border-radius: 8px;
}
#content-loader[data-is="login-page"] .privacy_content a {
  color: #0089ff;
}
#content-loader[data-is="login-page"] .privacy_content a:hover {
  color: #17bfff;
}
#content-loader[data-is="login-page"] .privacy_alert {
  color: #333;
  margin-bottom: 1.2em;
}
#content-loader[data-is="login-page"] .privacy_buttons {
  border-spacing: 2em 0.5em;
  margin: 0 auto;
  margin-top: 1.2em;
  padding: 0;
  display: table;
  list-style-type: none;
}
#content-loader[data-is="login-page"] .privacy_buttons > li {
  display: table-cell;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .google_authorization {
  display: flex;
  justify-content: space-between;
  width: 246px;
  align-items: center;
  padding: 0.5em 1em;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .google_authorization img {
  height: 1.31em;
  width: auto;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .google_authorization span {
  font-family: 'Roboto, sans-serif; ', Sans-Serif;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .google_authorization:hover {
  background-color: #e8f1fe;
  border-color: #d2e3fc;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .google_authorization:active {
  background-color: #deecff;
  border-color: #c0d9fe;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .logo_oneclick_login {
  height: 25px;
  width: 100%;
  background: url("img/login/logo_oneclick.png") no-repeat center center;
  float: left;
  padding-bottom: 3.5em;
}
.wrap_radio_custom {
  position: relative;
  cursor: pointer;
}
#content-loader[data-is="login-page"] .wrap_login .right_space .iniciar_edelvives {
  background: #f1f1f1;
  border: 1px solid #bebebe;
  width: 100%;
  float: left;
  margin-top: 25px;
  text-align: center;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  height: 47px;
  color: #5a5a5a;
  font-family: 'PTSansRegular', Sans-Serif;
  font-size: 18px;
  cursor: pointer;
}
#content-loader[data-is="login-page"] .wrap_radio_custom {
  float: left;
  margin: 14px 25px 0px 0px;
}
.wrap_radio_custom input {
  opacity: 0;
  cursor: pointer;
}
.wrap_radio_custom span {
  width: 16px;
  height: 16px;
  background: #ffffff;
  background-image: none;
  position: absolute;
  top: -10px;
  left: 0px;
  cursor: pointer;
  border: 1px solid #a2a2a2;
}
.wrap_radio_custom span.activo {
  background: url("img/login/check.png") no-repeat 0px 0px;
}
#content-loader[data-is="login-page"] loader {
  position: relative;
  margin-top: 39px;
}
#content-loader[data-is="login-page"] loader .sk-folding-cube {
  width: 40px;
  height: 40px;
}
#content-loader[data-is="login-page"] .user-avatar-wrapper {
  margin: 0;
  width: 100%;
  height: 300px;
}
#content-loader[data-is="login-page"] .user-avatar-wrapper .main-logo {
  height: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#content-loader[data-is="login-page"] .user-avatar-wrapper-credentials {
  height: 170px;
}
#content-loader[data-is="login-page"] .credentials-label {
  display: inline-block;
  width: 30%;
}
#content-loader[data-is="login-page"] .credentials-input {
  margin-bottom: 0.3em;
  width: 60%;
  padding: 0.5em;
  border: 1px solid #E6E6E6;
  outline: none;
  box-sizing: border-box;
}
#content-loader[data-is="login-page"] .credentials-input:hover,
#content-loader[data-is="login-page"] .credentials-input:focus {
  border: 1px solid #ACD8EC;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
#content-loader[data-is="login-page"] .credentials-button {
  width: 60%;
  height: 2em;
  display: block;
  margin: 0.8em auto 1em auto;
}
/* END LOGIN */
loader {
  display: block;
}
loader .sk-folding-cube {
  margin: 20px auto;
  width: 60px;
  height: 60px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
loader .sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
loader .sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #30C3D5;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
loader .sk-folding-cube.white .sk-cube:before {
  background-color: #92E4ED;
}
loader .sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
loader .sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
loader .sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
loader .sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
loader .sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
loader .sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
menu-button a {
  color: #92E4ED;
  text-decoration: none;
}
menu-button a:hover,
menu-button a.opened {
  color: white;
}
.main-menu-loader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
}
.main-menu-loader .main-menu-wrapper {
  position: absolute;
  height: 100vh;
  left: -350px;
  top: 0;
  width: 350px;
  background-color: white;
  z-index: 1000000;
}
.main-menu-loader .main-menu-wrapper .logo {
  margin: 50px auto 40px;
  text-align: center;
}
.main-menu-loader .main-menu-wrapper .logo img {
  width: 45%;
}
.main-menu-loader .main-menu-wrapper .menu-list {
  margin: 0;
  padding: 0;
}
.main-menu-loader .main-menu-wrapper .menu-list li {
  list-style: none;
  padding: 0.5em 0;
  background-color: white;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  text-align: center;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.main-menu-loader .main-menu-wrapper .menu-list li a {
  font-size: 1em;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  text-decoration: none;
  color: #999999;
  text-transform: uppercase;
}
.main-menu-loader .main-menu-wrapper .menu-list li:hover,
.main-menu-loader .main-menu-wrapper .menu-list li.selected {
  background-color: #EEF6FA;
}
.main-menu-loader .main-menu-wrapper .menu-list li:hover a,
.main-menu-loader .main-menu-wrapper .menu-list li.selected a {
  color: #349ED0;
}
.main-menu-loader .main-menu-wrapper .menu-list li:first-child {
  border-top: 1px solid #E6E6E6;
}
.main-menu-loader .main-menu-wrapper .close-button {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.main-menu-loader .main-menu-wrapper .close-button a {
  display: inline-block;
  padding: 0.8em 2.8em;
  text-decoration: none;
  font-size: .9em;
  color: #999999;
  border-radius: 6px;
  border: 1px solid #BDBDBD;
  background-color: white;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.main-menu-loader .main-menu-wrapper .close-button a:hover {
  color: white;
  background-color: #74BDDF;
  border-color: #74BDDF;
}
.main-menu-loader .version {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 50px;
  font-size: .9rem;
  color: #999999;
}
.main-menu-loader .main-menu-outside {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
check-item div {
  cursor: pointer;
  width: 30px;
}
.dropdown-wrapper {
  position: absolute;
  z-index: 1201;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #BDBDBD;
  overflow: hidden;
  animation-name: onShowDropDown;
  animation-duration: 200ms;
}
.dropdown-wrapper ul {
  padding: 0;
  margin: 0;
}
.dropdown-wrapper li {
  list-style: none;
}
.dropdown-wrapper li:first-child {
  margin-top: 0;
}
.dropdown-wrapper .dropdown-item {
  position: relative;
}
.dropdown-wrapper .dropdown-item a {
  padding: .6em 2em .6em 1em;
  display: inline-block;
  text-decoration: none;
  font-size: .9em;
  color: #666666;
}
.dropdown-wrapper .dropdown-item:hover {
  background-color: #E9FDFF;
}
.dropdown-wrapper .dropdown-item:hover a {
  color: #333333;
}
.dropdown-wrapper .dropdown-item .print-status1,
.dropdown-wrapper .dropdown-item .print-status0,
.dropdown-wrapper .dropdown-item .print-status-1 {
  width: 10px;
  height: 10px;
  border: 1.5px solid;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 9px;
}
.dropdown-wrapper .dropdown-item .print-status1 {
  background-color: #4dd441;
  border-color: #293627;
}
.dropdown-wrapper .dropdown-item .print-status0 {
  background-color: #ff181c;
  border-color: #411e1e;
}
.dropdown-wrapper .dropdown-item .print-status-1 {
  background-color: #ffffff;
  border-color: #272727;
}
.dropdown-wrapper .dropdown-item.loading {
  position: relative;
  padding-right: 28px;
  background: #FAFAFA;
}
.dropdown-wrapper .dropdown-item.loading a {
  color: #BDBDBD;
}
.dropdown-wrapper .dropdown-item.loading:hover {
  background: #FAFAFA;
}
.dropdown-wrapper .dropdown-item.loading:hover a {
  color: #BDBDBD;
}
.dropdown-wrapper .dropdown-item.loading .inline-loader-ball-pulse {
  position: absolute;
  top: 10px;
  right: 25px;
}
.dropdown-wrapper .dropdown-item.selected {
  background-color: #EEF6FA;
}
.dropdown-wrapper .dropdown-item.selected a {
  color: #BDBDBD;
}
.dropdown-wrapper .dropdown-item.disabled a {
  color: #BDBDBD;
}
.dropdown-wrapper .dropdown-item.disabled:hover a {
  color: #BDBDBD;
}
.dropdown-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
@keyframes onShowDropDown {
  from {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
wrong-links div {
  background-color: #EC666D;
  border-radius: 4px;
  padding: .2em .6em;
  color: white;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: .7em;
}
wrong-links div strong {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1.2em;
}
wrong-links div:hover {
  background-color: #db5d65;
}
.modal-container[data-is="modal"] {
  position: fixed;
  z-index: 1300;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-component-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 20px;
  z-index: 50002;
  width: 80%;
  animation-name: onShowModal;
  animation-duration: 600ms;
}
.modal-component-wrapper .modal-content-complementary-panel {
  position: absolute;
  width: 100%;
  min-height: 100px;
  top: 20px;
  left: 0;
}
[data-is="project-info-modal"] {
  height: calc(100% - 50px);
}
.modal-container[data-is="modal-steps"] .modal-component-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  min-height: 4em;
}
.modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50001;
  background-color: rgba(0, 0, 0, 0.6);
  animation-name: onShowOverlay;
  animation-duration: 300ms;
}
@keyframes onShowModal {
  from {
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -o-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
    zoom: 1;
    filter: alpha(opacity=20);
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
  }
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes onShowOverlay {
  from {
    zoom: 1;
    filter: alpha(opacity=20);
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
  }
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    zoom: 1;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
}
.confirmation-modal {
  padding: 1.5em 2em;
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.confirmation-modal h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.confirmation-modal .message {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 1.7em 0;
}
.confirmation-modal .form-actions {
  margin-bottom: 0;
}
.confirmation-modal-multiple {
  padding: 1.5em 2em;
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.confirmation-modal-multiple h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.confirmation-modal-multiple .message {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 1.7em 0;
}
.confirmation-modal-multiple .form-actions {
  margin-bottom: 0;
}
#edit-paper-types ul {
  margin: 15px 0;
  padding: 0;
  max-height: 31em;
  overflow-x: hidden;
  overflow-y: auto;
}
#edit-paper-types li {
  list-style: none;
  display: block;
  margin: 10px 0;
}
#edit-paper-types .new-format {
  text-align: right;
}
#edit-paper-types .new-format a {
  margin: 20px auto 0;
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
#format-edit .prop-title,
#format-view .prop-title {
  color: #74BDDF;
}
#format-view .col-3,
#format-view .col-2 {
  margin-top: 13px;
}
#format-view .col-5 {
  position: relative;
  margin-top: 0;
  text-align: right;
}
#format-view .col-5 loader {
  position: absolute;
  transform: scale(0.4);
  top: -155px;
  right: 24px;
}
#format-view.on-error .icon-cancel,
#format-view.on-error .prop-title {
  color: #EA676F;
}
#format-edit .col-5 {
  padding-top: 20px;
  text-align: right;
}
.change-page-status .closed-wrapper {
  padding-top: 64px;
}
radio-toggle {
  display: inline-block;
  text-align: left;
  /* Hide default HTML checkbox */
  /* The slider */
}
radio-toggle .toggle-wrapper {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 14px;
}
radio-toggle .toggle-wrapper input {
  display: none;
}
radio-toggle .toggle-control {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 34px;
  background-color: #f7bfc3;
  -webkit-transition: .4s;
  transition: .4s;
}
radio-toggle .toggle-control:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  border-radius: 50%;
  top: -6px;
  background-color: #EA676F;
  -webkit-transition: .4s;
  transition: .4s;
}
radio-toggle input:checked + .toggle-control {
  background-color: #ACD8EC;
}
radio-toggle input:checked + .toggle-control:before {
  background-color: #349ED0;
  transform: translateX(14px);
}
combo-button {
  font-size: 0;
  /*.inactive { color: #666666; }  */
}
combo-button span {
  padding: 0 4px;
  font-size: 14px;
  cursor: pointer;
}
combo-button .active {
  color: #222222;
}
notifications {
  position: fixed;
  right: -400px;
  bottom: 40px;
  z-index: 300;
}
notification-popover,
div[data-is='notification-popover'] {
  display: block;
  cursor: pointer;
  margin: 10px 0;
}
notification-popover .popover-wrapper,
div[data-is='notification-popover'] .popover-wrapper {
  position: relative;
  width: 450px;
  -webkit-transition: all 500ms cubic-bezier(0.33, 0.14, 0.11, 1.61);
  -moz-transition: all 500ms cubic-bezier(0.33, 0.14, 0.11, 1.61);
  -o-transition: all 500ms cubic-bezier(0.33, 0.14, 0.11, 1.61);
  transition: all 500ms cubic-bezier(0.33, 0.14, 0.11, 1.61);
}
notification-popover .popover-wrapper .popover-box,
div[data-is='notification-popover'] .popover-wrapper .popover-box {
  padding: 1em;
  border-radius: 14px;
  background-color: darkgray;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
}
notification-popover .popover-wrapper h1,
div[data-is='notification-popover'] .popover-wrapper h1 {
  margin-left: 120px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1.4em;
  color: white;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
}
notification-popover .popover-wrapper .icon,
div[data-is='notification-popover'] .popover-wrapper .icon {
  position: absolute;
  top: 38px;
  left: 27px;
  height: 86px;
  width: 86px;
}
notification-popover .popover-wrapper .icon:after,
div[data-is='notification-popover'] .popover-wrapper .icon:after {
  display: block;
  content: '';
  position: relative;
  top: -10px;
  right: -85px;
  width: 1px;
  height: 80px;
}
notification-popover .popover-wrapper p,
div[data-is='notification-popover'] .popover-wrapper p {
  margin-left: 120px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1em;
  color: #333333;
  /*word-break: break-all;*/
}
notification-popover .popover-wrapper a.close-popover,
div[data-is='notification-popover'] .popover-wrapper a.close-popover {
  position: absolute;
  display: block;
  top: -15px;
  right: -15px;
  width: 50px;
  height: 50px;
  color: white;
  border: 1px solid transparent;
  background-color: darkgray;
  text-decoration: none;
  border-radius: 50%;
  -webkit-transition: all 500ms cubic-bezier(0.33, 0.14, 0.11, 1.61);
  -moz-transition: all 500ms cubic-bezier(0.33, 0.14, 0.11, 1.61);
  -o-transition: all 500ms cubic-bezier(0.33, 0.14, 0.11, 1.61);
  transition: all 500ms cubic-bezier(0.33, 0.14, 0.11, 1.61);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
}
notification-popover .popover-wrapper a.close-popover:before,
div[data-is='notification-popover'] .popover-wrapper a.close-popover:before {
  font-size: 1.2em;
  position: relative;
  top: 15px;
  left: 16px;
  content: '\e901';
  font-family: icomoon;
}
notification-popover .popover-wrapper:hover,
div[data-is='notification-popover'] .popover-wrapper:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 2;
}
notification-popover .popover-wrapper .controls,
div[data-is='notification-popover'] .popover-wrapper .controls {
  text-align: right;
}
notification-popover .popover-wrapper .popover-box .controls a,
div[data-is='notification-popover'] .popover-wrapper .popover-box .controls a {
  color: #fff;
  padding: .3rem .6rem;
  border-radius: 4px;
}
notification-popover .popover-wrapper.error .popover-box,
div[data-is='notification-popover'] .popover-wrapper.error .popover-box {
  background-color: #F4A6AB;
}
notification-popover .popover-wrapper.error a.close-popover,
div[data-is='notification-popover'] .popover-wrapper.error a.close-popover,
notification-popover .popover-wrapper.error .controls a,
div[data-is='notification-popover'] .popover-wrapper.error .controls a {
  background-color: #EC666D;
}
notification-popover .popover-wrapper.error .icon,
div[data-is='notification-popover'] .popover-wrapper.error .icon {
  background: url('img/notification-icons/error.svg') no-repeat;
}
notification-popover .popover-wrapper.error .icon:after,
div[data-is='notification-popover'] .popover-wrapper.error .icon:after {
  background-color: #EC666D;
}
notification-popover .popover-wrapper.error:hover .popover-box,
div[data-is='notification-popover'] .popover-wrapper.error:hover .popover-box {
  background-color: #f5afb4;
}
notification-popover .popover-wrapper.error:hover a.close-popover,
div[data-is='notification-popover'] .popover-wrapper.error:hover a.close-popover,
notification-popover .popover-wrapper.error:hover .controls a,
div[data-is='notification-popover'] .popover-wrapper.error:hover .controls a {
  color: #EC666D;
  background-color: white;
  border-color: #EC666D;
}
notification-popover .popover-wrapper.alert .popover-box,
div[data-is='notification-popover'] .popover-wrapper.alert .popover-box {
  background-color: #FEDDBC;
}
notification-popover .popover-wrapper.alert h1,
div[data-is='notification-popover'] .popover-wrapper.alert h1 {
  color: #F58F3C;
  -webkit-filter: drop-shadow(0 0 0 transparent);
  -moz-filter: drop-shadow(0 0 0 transparent);
  -ms-filter: drop-shadow(0 0 0 transparent);
  filter: drop-shadow(0 0 0 transparent);
}
notification-popover .popover-wrapper.alert a.close-popover,
div[data-is='notification-popover'] .popover-wrapper.alert a.close-popover,
notification-popover .popover-wrapper.alert .controls a,
div[data-is='notification-popover'] .popover-wrapper.alert .controls a {
  background-color: #FCAD5A;
}
notification-popover .popover-wrapper.alert .icon,
div[data-is='notification-popover'] .popover-wrapper.alert .icon {
  background: url('img/notification-icons/alert.svg') no-repeat 4px 0;
}
notification-popover .popover-wrapper.alert .icon:after,
div[data-is='notification-popover'] .popover-wrapper.alert .icon:after {
  background-color: #FCAD5A;
}
notification-popover .popover-wrapper.alert:hover .popover-box,
div[data-is='notification-popover'] .popover-wrapper.alert:hover .popover-box {
  background-color: #fee2c6;
}
notification-popover .popover-wrapper.alert:hover a.close-popover,
div[data-is='notification-popover'] .popover-wrapper.alert:hover a.close-popover,
notification-popover .popover-wrapper.alert:hover .controls a,
div[data-is='notification-popover'] .popover-wrapper.alert:hover .controls a {
  color: #FCAD5A;
  background-color: white;
  border-color: #FCAD5A;
}
notification-popover .popover-wrapper.success .popover-box,
div[data-is='notification-popover'] .popover-wrapper.success .popover-box {
  background-color: #75DAE6;
}
notification-popover .popover-wrapper.success a.close-popover,
div[data-is='notification-popover'] .popover-wrapper.success a.close-popover,
notification-popover .popover-wrapper.success .controls a,
div[data-is='notification-popover'] .popover-wrapper.success .controls a {
  background-color: #21C3D7;
}
notification-popover .popover-wrapper.success .icon,
div[data-is='notification-popover'] .popover-wrapper.success .icon {
  background: url('img/notification-icons/success.svg') no-repeat;
}
notification-popover .popover-wrapper.success .icon:after,
div[data-is='notification-popover'] .popover-wrapper.success .icon:after {
  top: -10px;
  right: -85px;
  background-color: #21C3D7;
}
notification-popover .popover-wrapper.success:hover .popover-box,
div[data-is='notification-popover'] .popover-wrapper.success:hover .popover-box {
  background-color: #7edce8;
}
notification-popover .popover-wrapper.success:hover a.close-popover,
div[data-is='notification-popover'] .popover-wrapper.success:hover a.close-popover,
notification-popover .popover-wrapper.success:hover .controls a,
div[data-is='notification-popover'] .popover-wrapper.success:hover .controls a {
  color: #21C3D7;
  background-color: white;
  border-color: #21C3D7;
}
inline-help .help-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #349ED0;
  color: #349ED0;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}
inline-help .help-icon span {
  position: relative;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  top: 1px;
  left: -0.5px;
}
inline-help .help-icon:hover {
  background-color: #EEF6FA;
}
inline-help .help-panel {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 1em;
  font-family: Roboto, sans-serif;
  line-height: 1.4;
  color: #666666;
  z-index: 9998;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
inline-help .ilh-overlay {
  position: fixed;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
multi-select-box {
  display: block;
  width: 100%;
  padding: 0;
}
multi-select-box ul {
  margin: 0;
  width: 100%;
  padding: .2em 0;
  border: 1px solid #E6E6E6;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
multi-select-box ul:hover {
  border-color: #ACD8EC;
}
multi-select-box li {
  list-style: none;
  padding: .5em 0 1.5em;
  margin: .1em 0;
}
multi-select-box li.selected {
  background-color: #EEF6FA;
}
page-modified-anim {
  position: absolute;
  display: block;
  width: 80px;
  height: 80px;
  background: url('img/ui/page-modified-bg.png') no-repeat;
  background-size: 80%;
}
page-modified-anim .star-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(10px, 10px);
  display: inline-block;
  font-size: 20px;
  color: white;
}
page-modified-anim span {
  display: inline-block;
}
.form-actions.step-form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-actions.step-form .counter {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: left;
}
.embed-modal {
  background-color: white;
  position: relative;
  border-radius: 6px;
}
.embed-modal modal-steps-counter {
  position: absolute;
  bottom: 10px;
  left: -29px;
  width: 58%;
}
.stepped-button-group {
  text-align: right;
  padding: 20px 35px 0 0;
}
assigned-tasks .assigned-tasks-table-header {
  margin-top: 1.5em;
  font-size: 1rem;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #BDBDBD;
}
assigned-tasks .assigned-tasks-table-header div:nth-child(3) {
  text-align: center;
}
assigned-tasks .assigned-tasks-table-header div:nth-child(4) {
  text-align: right;
}
assigned-tasks .assigned-tasks-table-body {
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}
assigned-task-row {
  font-family: Roboto, sans-serif;
  font-size: 1.1rem;
  color: #333333;
}
assigned-task-row .col-group {
  padding-top: 19px;
  height: 37px;
  border-bottom: 1px solid #E6E6E6;
}
assigned-task-row .col-group > div:nth-child(1) {
  padding-left: 31px;
}
assigned-task-row avatar {
  position: relative;
  top: -3px;
}
assigned-task-row avatar .avatar span {
  top: 2px;
}
assigned-task-row .col-group > div:nth-child(3) {
  text-align: center;
}
assigned-task-row .col-group > div:nth-child(4) {
  text-align: right;
}
.open-gdrive {
  position: relative;
}
.open-gdrive .button-container {
  text-align: center;
  position: relative;
  top: 75px;
  font-size: 1.3em;
}
.open-gdrive .button-container .primary-button {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
.open-gdrive .form-actions {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.stepped-edit-project {
  position: relative;
}
.stepped-edit-project form {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.stepped-edit-project .loading-wrapper {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background-color: rgba(255, 255, 255, 0.7);
}
.stepped-edit-project #step-edit-project {
  position: relative !important;
  left: 0;
  bottom: 0;
  top: 25px;
}
.stepped-edit-project #observation .form-group {
  margin-left: 5px;
  margin-right: 5px;
}
.stepped-metadata-scheme #testContainer {
  max-height: 80vh;
  overflow-y: auto;
}
h1.title {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-bottom: 0;
}
.form-actions {
  margin-bottom: 0;
}
.cloud-services {
  margin: 1em .2em;
  text-align: left;
}
.je-indented-panel {
  border-left: 0 !important;
  /*padding: 0 !important;
    margin: 0 !important;*/
}
.je-indented-panel select {
  cursor: pointer !important;
  border: 1px solid #E6E6E6 !important;
  background-color: white !important;
  border-radius: 0px !important;
  padding: 1em !important;
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
  outline: none !important;
  margin-left: 0 !important;
}
.je-indented-panel label {
  font-family: Roboto, sans-serif !important;
  font-weight: 300 !important;
  color: #999999 !important;
  margin-bottom: 10px !important;
  font-size: .825em !important;
}
.je-indented-panel button {
  color: #74BDDF !important;
  background-color: #EEF6FA !important;
  padding: .7em 0 !important;
  text-align: center !important;
  border: 1px solid transparent !important;
  border-radius: 44px !important;
  padding-left: 1em !important;
  padding-right: 1em !important;
  transition: all 200ms ease !important;
}
.je-indented-panel button:hover {
  background-color: white !important;
  border: 1px solid #74BDDF !important;
}
.je-indented-panel .row {
  margin-bottom: 20px;
}
.je-indented-panel th {
  text-align: start !important;
  margin-bottom: 5px !important;
}
.je-indented-panel .json-editor-btn-add,
.je-indented-panel .json-editor-btn-subtract,
.je-indented-panel .json-editor-btntype-deleteall {
  margin-top: 10px !important;
}
.je-indented-panel .json-editor-btn-add,
.je-indented-panel .json-editor-btntype-deletelast {
  margin-right: 10px !important;
}
.je-indented-panel .je-table button {
  margin-left: 10px !important;
}
.je-indented-panel .errmsg {
  color: #ff3939 !important;
  margin-top: 10px !important;
  font-family: Roboto, sans-serif !important;
}
.stepped-metadata-config .modal-container {
  overflow-y: auto !important;
}
.stepped-metadata-config ul {
  margin: 15px 0;
  padding: 0;
  max-height: 31em;
  overflow-x: hidden;
  overflow-y: auto;
}
.stepped-metadata-config li {
  list-style: none;
  display: block;
  margin: 10px 0;
}
.stepped-metadata-config #config-name-container {
  display: flex;
  margin-bottom: 15px;
}
.stepped-metadata-config #config-name-container a {
  padding-left: 1em;
  padding-right: 1em;
  height: 20px;
  align-self: flex-end;
  margin-left: 10px;
  margin-bottom: 5px;
}
.stepped-metadata-config #config-name-container input {
  width: 300px;
}
.stepped-metadata-config #name-localization {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.stepped-metadata-config #name-localization label {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #999999;
  margin-bottom: 5px !important;
  font-size: 12px;
}
.stepped-metadata-config #name-localization .entry-localization-container {
  width: 300px;
}
.stepped-metadata-config textarea {
  height: 20em;
}
.stepped-metadata-config .new-format {
  text-align: right;
}
.stepped-metadata-config .new-format a {
  margin: 20px auto 0;
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
.stepped-metadata-config #format-edit .prop-title,
.stepped-metadata-config #format-view .prop-title {
  color: #74BDDF;
}
.stepped-metadata-config #format-view .col-3,
.stepped-metadata-config #format-view .col-2 {
  margin-top: 13px;
}
.stepped-metadata-config #format-view .col-5 {
  position: relative;
  margin-top: 0;
  text-align: right;
}
.stepped-metadata-config #format-view .col-5 loader {
  position: absolute;
  transform: scale(0.4);
  top: -155px;
  right: 24px;
}
.stepped-metadata-config #format-view.on-error .icon-cancel,
.stepped-metadata-config #format-view.on-error .prop-title {
  color: #EA676F;
}
.stepped-metadata-config #format-edit .col-5 {
  padding-top: 20px;
  text-align: right;
}
.share-project {
  min-height: 370px;
}
.share-project .user-list {
  overflow-y: auto;
  overflow-x: hidden;
}
modal-steps-counter {
  position: relative;
  display: inline-block;
  width: 400px;
}
modal-steps-counter .wrapper {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  z-index: 2;
}
modal-steps-counter .step {
  position: relative;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #999999;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: #666666;
  line-height: 31px;
  background-color: #ffffff;
}
modal-steps-counter .step:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 50px;
  height: 30px;
  left: -10px;
  background-color: #FFFFFF;
}
modal-steps-counter .step.selected {
  background-color: #26A8B9;
  border-color: #26A8B9;
  color: #FFFFFF;
}
modal-steps-counter hr {
  position: absolute;
  height: 0;
  width: 80%;
  top: 16px;
  margin: 0 10%;
  border: 0;
  border-bottom: 1px solid #BDBDBD;
}
.revision-modal .loader-wrapper {
  position: inherit;
  width: auto;
  top: auto;
  text-align: left;
  z-index: auto;
  display: block;
}
.revision-modal loader {
  display: block;
}
.revision-modal select:disabled {
  color: #BBBBBB;
}
.project-info-modal {
  max-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
}
.project-info-modal .info-content {
  margin-left: 1em;
}
.project-info-modal .side {
  display: inline-grid;
  height: calc(98%);
  margin-top: 2em;
}
.project-info-modal .side:nth-child(1) {
  margin-right: 1.6em;
}
.project-info-modal table {
  margin-bottom: 2em;
  font-size: 0.8em;
}
.project-info-modal table td {
  padding: 0.4em 0 0 0.4em;
}
.project-info-modal table td:nth-child(2) {
  font-weight: bold;
}
.project-info-modal table td:nth-child(4) {
  font-weight: bold;
}
.project-info-modal .sub {
  padding-left: 1.6em;
}
.project-info-modal .project-users {
  font-size: 0.8em;
}
.project-info-modal .project-users ul {
  list-style-type: none;
  margin: 0.6em 0 0 0;
  padding: 0;
  width: 16em;
  max-height: 21.4em;
  overflow-y: auto;
}
.project-info-modal .project-users ul li {
  margin: 0.4em 0 0 0.6em;
  padding: 0 0.6em;
}
.project-info-modal #metadataContainer {
  margin-top: 20px;
  font-size: 0.8em;
  max-height: 60vh;
  overflow-y: auto;
  /*display: flex;
    flex-flow: wrap;*/
}
.project-info-modal #metadataContainer .metadata-group-container,
.project-info-modal #metadataContainer .metadata-array-container {
  background-color: #EEF6FA;
  padding: 10px;
  margin-bottom: 20px;
}
.project-info-modal #metadataContainer .metadata-entry-container {
  display: flex;
  width: 40%;
  justify-content: space-between;
  margin-bottom: 10px;
}
.project-info-modal #metadataContainer .metadata-array-entry-container {
  display: flex;
  margin-bottom: 10px;
  margin-left: 10px;
}
.project-info-modal #metadataContainer .metadata-array-entry-container b {
  margin-left: 5px;
}
.project-info-modal #metadataContainer h2 {
  color: blue;
}
.project-info-modal #metadataContainer h3 {
  color: red;
}
.project-info-modal #metadataContainer h4 {
  color: green;
}
.project-info-modal #metadataContainer h5 {
  color: yellow;
}
.project-info-modal .user-role {
  display: flex;
  padding: 0 7px;
}
.project-info-modal .region-code-container {
  border: 2px solid #74BDDF;
  color: #446879;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  display: grid;
  margin-right: 5px;
  margin-top: 5px;
}
.project-info-modal .region-code-container div {
  font-size: 70%;
}
.blocking-message-modal .message {
  padding: 1em 0 0 0;
  display: inline-block;
}
#edit-region ul {
  margin: 15px 0;
  padding: 0;
  max-height: 31em;
  overflow-x: hidden;
  overflow-y: auto;
}
#edit-region li {
  list-style: none;
  display: block;
  margin: 10px 0;
}
#edit-region .new-region {
  text-align: right;
}
#edit-region .new-region a {
  margin: 20px auto 0;
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
#region-edit .prop-title,
#region-view .prop-title {
  color: #74BDDF;
}
#region-view .col-3,
#region-view .col-2 {
  margin-top: 13px;
}
#region-view .col-5 {
  position: relative;
  margin-top: 0;
  text-align: right;
}
#region-view .col-7 {
  position: relative;
  margin-top: 0;
  text-align: right;
}
#region-view .col-5 loader {
  position: absolute;
  transform: scale(0.4);
  top: -155px;
  right: 24px;
}
#region-view.on-error .icon-cancel,
#region-view.on-error .prop-title {
  color: #EA676F;
}
#region-edit .col-5 {
  padding-top: 20px;
  text-align: right;
}
.collapsable-info-wrapper {
  display: flex;
  align-items: center;
}
.collapsable-info-wrapper ul {
  margin-right: 15px;
}
.collapsable-info-wrapper ul li {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.collapsable-info-wrapper .roles-container {
  display: flex;
  align-items: center;
}
.collapsable-info-wrapper .region-code-container {
  border: 2px solid #74BDDF;
  color: #446879;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  display: grid;
}
.collapsable-info-wrapper .region-code-container div {
  font-size: 60%;
}
.collapsable-info-wrapper .region-rol {
  margin-left: 5px;
}
.collapsable-info-wrapper a {
  text-decoration: none;
  color: #74BDDF;
}
.collapsable-info-wrapper .show-button {
  cursor: pointer;
  text-decoration: none;
  color: white;
  background-color: #74BDDF;
  padding: .3em 0;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 44px;
  padding-left: 0.6em;
  padding-right: 0.6em;
}
notification-list {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
notification-list .wrapper {
  z-index: 200;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}
notification-list-alert {
  position: relative;
  display: block;
}
notification-list-alert .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #FAAC62;
  cursor: pointer;
}
notification-list-alert .wrapper > * {
  margin: 0 .4em;
}
notification-list-alert .show-handler {
  color: #fdf8da;
  margin-left: 2em;
  font-size: .6em;
}
notification-list-alert .message {
  color: #fff;
  padding: .2em 0;
}
notification-list-alert .icon-check,
notification-list-alert .icon-close {
  color: #fff;
  font-size: .8em;
}
notification-list-alert .close-button {
  position: absolute;
  bottom: 2px;
  right: 8px;
  cursor: pointer;
  z-index: 201;
}
notification-list-alert .loader-wrapper {
  position: relative;
}
notification-list-alert .loader,
notification-list-alert .loader:before,
notification-list-alert .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
notification-list-alert .loader {
  color: #fff;
  font-size: 10px;
  margin: 80px auto;
  position: absolute;
  text-indent: -9999em;
  -webkit-transform: translate(0px, -96px) scale(0.2);
  -moz-transform: translate(0px, -96px) scale(0.2);
  -o-transform: translate(0px, -96px) scale(0.2);
  -ms-transform: translate(0px, -96px) scale(0.2);
  transform: translate(0px, -96px) scale(0.2);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
notification-list-alert .loader:before,
notification-list-alert .loader:after {
  content: '';
  position: absolute;
  top: 0;
}
notification-list-alert .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
notification-list-alert .loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
notification-list-container {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
notification-list-container .wrapper {
  position: fixed;
  height: 30vh;
  bottom: 0;
  left: 0;
  right: 0;
}
notification-list-container .tabs-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3em;
  background: #26A8B9;
}
notification-list-container .tab-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-left: 2em;
}
notification-list-container .icon-down {
  margin-right: 2em;
  color: #E9FDFF;
  font-size: .8em;
  cursor: pointer;
}
notification-list-container .content-list {
  overflow-y: auto;
  height: 24vh;
  margin-top: 1vh;
}
notification-list-tab .tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3em;
  padding: 0 .8em;
  color: #92E4ED;
  background-color: transparent;
  cursor: pointer;
  border-right: 2px solid #26A8B9;
}
notification-list-tab .tab .project-name {
  margin-right: .6em;
}
notification-list-tab .tab .project-name:hover {
  text-decoration: underline;
}
notification-list-tab .tab .icon-close {
  visibility: hidden;
  font-size: .6em;
  cursor: pointer;
}
notification-list-tab .tab.selected {
  color: #26838D;
  background-color: #E9FDFF;
}
notification-list-tab .tab.selected .icon-close {
  visibility: visible;
}
notification-list-tab .tab.selected .project-name:hover {
  text-decoration: underline;
}
notification-list-item .notification-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  min-height: 2em;
}
notification-list-item span.error {
  color: #EA676F;
}
notification-list-item .error-message,
notification-list-item .warning {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  margin-left: 1.2em;
}
notification-list-item .icon-download,
notification-list-item .icon-close,
notification-list-item .icon-upload,
notification-list-item .icon-edit2,
notification-list-item .icon-check {
  font-size: .8em;
  margin-left: 2em;
  margin-right: 1em;
}
notification-list-item .icon-download,
notification-list-item .icon-upload {
  color: #74BDDF;
}
notification-list-item .icon-close {
  color: #EA676F;
}
notification-list-item .icon-edit2 {
  color: #FAAC62;
}
notification-list-item .icon-check {
  color: #52c42b;
}
notification-list-item .icon-warning {
  color: #FAAC62;
}
notification-panel .notification-panel-wrapper {
  position: fixed;
  top: 10.5vh;
  height: 85vh;
  width: 400px;
  border-radius: 6px;
  border: 1px solid #BDBDBD;
  background-color: #fff;
  z-index: 9999;
}
notification-panel arrow-tip {
  position: absolute;
  top: -16px;
  left: 180px;
  width: 40px;
  z-index: 2;
}
notification-panel .notification-list-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 76vh;
}
notification-panel .notification-list {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow-y: scroll;
}
notification-panel .clean-notifications {
  border-top: 1px solid #BDBDBD;
  text-align: center;
  padding: 1rem 0 .8rem;
}
notification-panel .background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
notification-panel-header {
  display: block;
  border-bottom: 1px solid #BDBDBD;
}
notification-panel-header .notification-panel-header-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.3rem .6rem 0.1rem;
}
notification-panel-header .title-wrapper {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
notification-panel-header .title-wrapper .icon {
  font-size: 1.9rem;
  display: inline-block;
}
notification-panel-header .title-wrapper .icon-inbox {
  color: #26A8B9;
}
notification-panel-header .title-wrapper .icon-error-alert {
  color: #EA676F;
}
notification-panel-header .title-wrapper .icon-download {
  color: #74BDDF;
}
notification-panel-header .title-wrapper .title {
  position: relative;
  top: -5px;
  font-size: 1.4rem;
  font-family: Roboto;
  color: #666666;
}
notification-panel-header .notifications-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -7px;
}
notification-panel-header .notifications-tabs span {
  font-size: 1.9rem;
}
notification-item .notification-item-wrapper {
  position: relative;
  background-color: #EEF6FA;
  padding: 0.9rem 1rem 0.6rem 3.4rem;
  margin-top: 3px;
}
notification-item .icon-close {
  position: absolute;
  right: -2px;
  top: -3px;
  font-size: 1rem;
  color: #B4C7D0;
  cursor: pointer;
}
notification-item .icon-close:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #74BDDF;
}
notification-item .icon {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 2rem;
  height: 2rem;
}
notification-item .title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
}
notification-item .title .time {
  font-size: 1rem;
  position: relative;
  top: -1px;
}
notification-item .description {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  margin: .2rem;
  word-break: break-word;
}
notification-item .notification-item-wrapper.success .time {
  display: none;
}
notification-item .notification-item-wrapper.success .icon {
  background: url(img/ui/notification-icon-success.png) no-repeat;
  background-size: 100%;
}
notification-item .notification-item-wrapper.success .title {
  color: #26A8B9;
}
notification-item .notification-item-wrapper.warning .time {
  display: none;
}
notification-item .notification-item-wrapper.warning .icon {
  background: url(img/ui/notification-icon-warning.png) no-repeat;
  background-size: 100%;
}
notification-item .notification-item-wrapper.warning .title {
  color: #FAAC62;
}
notification-item .notification-item-wrapper.error .icon {
  background: url(img/ui/notification-icon-error.png) no-repeat;
  background-size: 100%;
}
notification-item .notification-item-wrapper.error .title {
  color: #EA676F;
}
notification-item .notification-item-wrapper.download {
  cursor: pointer;
}
notification-item .notification-item-wrapper.download .icon {
  background: url(img/ui/notification-icon-download.png) no-repeat;
  background-size: 100%;
}
notification-item .notification-item-wrapper.download .title {
  color: #74BDDF;
}
notification-item .notification-item-wrapper.download:hover {
  background: #fff;
}
notification-item .notification-item-wrapper.download:hover .title,
notification-item .notification-item-wrapper.download:hover .description {
  text-decoration: underline;
}
notification-button > div {
  position: relative;
  margin: 0 1rem 0 0rem;
  top: 3px;
}
notification-button .budget {
  position: absolute;
  display: inline-block;
  top: -5px;
  right: -5px;
  text-align: center;
  font-size: 1rem;
}
notification-button .budget.more-than-9 {
  font-size: .8rem;
  right: -8px;
}
notification-button .budget.more-than-9 > span {
  top: 6px;
}
notification-button .budget::before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #E49346;
  border-radius: 50%;
}
notification-button .budget span {
  display: inline-block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 4px;
  font-size: 1em;
  font-family: Roboto;
  color: #fff;
}
notification-button .icon-button {
  position: relative;
  z-index: 2;
}
notification-button .icon-notification {
  font-size: 2.1rem;
  color: #92E4ED;
}
notification-button .icon-notification:hover {
  color: #fff;
}
notification-button .bell-ringing-1 {
  font-size: 2.8rem;
  transform: rotate(30deg);
  color: #FFEF00;
}
notification-button .bell-ringing-2 {
  font-size: 2.8rem;
  transform: rotate(-28deg);
  color: #FFEF00;
}
notification-button .bell-error {
  color: #f10c0c !important;
}
isolated-card-project {
  display: block;
  padding: 2em;
}
isolated-notification-popover {
  position: fixed;
  right: -400px;
  bottom: 40px;
}
body {
  background: #FAFAFA;
}
.buttons-holder {
  position: relative;
  height: 2000px;
  width: 2000px;
}
.buttons-holder a {
  display: inline-block;
}
.btn2 {
  position: absolute;
  top: 800px;
  left: 1600px;
}
.drop-areas {
  position: absolute;
  left: 500px;
  top: 50px;
  width: calc(100% - 500px);
}
.drop-areas > div {
  width: 300px;
  height: 300px;
  display: inline-block;
  background-color: #92E4ED;
  margin: 2em;
  border: 1px solid transparent;
}
.isolated-help-button {
  margin: 300px;
}
.isolated-help-button .element {
  position: relative;
  width: 300px;
  height: 80px;
  border: 1px solid rebeccapurple;
  border-radius: 6px;
}