/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: .5;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: .5;
  }
}
@-webkit-keyframes modal_enter {
  from {
    opacity: .1;
    margin-top: 0;
  }
  to {
    opacity: 1;
    margin-top: 30px;
  }
}
@keyframes modal_enter {
  from {
    opacity: .1;
    margin-top: 0;
  }
  to {
    opacity: 1;
    margin-top: 30px;
  }
}
@font-face {
  font-family: 'FontAwesome';
  src: url('/vendor/font-awesome/fonts/fontawesome-webfont.eot');
  src: url('/vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/vendor/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), url('/vendor/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('/vendor/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('/vendor/font-awesome/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  color: #263240;
}
p {
  margin: 0 0 .75em;
}
em,
i {
  font-style: italic;
}
ul {
  list-style: disc inside none;
  margin: 0 0 .75em;
  display: inline-block;
}
ul li {
  padding: 0 0 0 20px;
  margin: .5em 0 0;
}
ul li:first-child {
  margin-top: 0;
}
ol {
  list-style: decimal inside none;
  margin: 0 0 .75em;
  display: inline-block;
}
ol li {
  padding: 0 0 0 20px;
  margin: .5em 0 0;
}
ol li:first-child {
  margin-top: 0;
}
dl {
  display: inline-block;
  margin: 0 0 .75em;
}
dl dt {
  font-weight: 700;
  color: #455b73;
  margin: 1.5em 0 1em;
}
dl dt:first-child {
  margin-top: 0;
}
dl dt:last-child {
  margin-bottom: 0;
}
dl dd {
  margin: 1em 0 1em 20px;
}
dl dd:first-child {
  margin-top: 0;
}
dl dd:last-child {
  margin-bottom: 0;
}
dl dd *:first-child {
  margin-top: 0;
}
dl dd *:last-child {
  margin-bottom: 0;
}
a {
  color: #455b73;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h2 {
  color: #455b73;
  font-weight: 700;
  display: inline-block;
  font-size: 24px;
  margin: 0 0 15px;
}
h2 ~ .badge {
  display: inline-block;
  height: 24px;
  min-width: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 0 6px;
  line-height: 24px;
  font-size: 14.4px;
  text-align: center;
  vertical-align: text-bottom;
  margin: 0 0 0 5px;
}
h3 {
  color: #455b73;
  font-weight: 700;
  display: inline-block;
  font-size: 18px;
  margin: 0 0 10px;
}
h4 {
  color: #455b73;
  font-weight: 700;
  display: inline-block;
  font-size: 15px;
  margin: 0 0 10px;
}
img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
blockquote {
  margin: 0 0 .75em;
  padding: 10px 15px;
  color: #333;
  background: #f2f2f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
abbr {
  text-decoration: underline 1px dotted;
  cursor: help;
}
a:hover abbr {
  text-decoration: none;
}
form {
  display: block;
  margin: 0;
  padding: 0;
}
form:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
form label {
  float: left;
  font-weight: 700;
}
form .field {
  display: block;
  margin: 20px 0 0;
  position: relative;
}
form .field:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
form .field:first-child {
  margin-top: 0;
}
form .field.required > label:after {
  content: " *";
  color: darkred;
}
form .field.composed {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 5px 0 0;
}
form .field.composed:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
form .field.composed label {
  width: 100%;
}
form .field.composed .field-prefix {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 1px;
  -ms-flex: 1 0 1px;
  flex: 1 0 1px;
  height: 34px;
  white-space: nowrap;
  line-height: 34px;
  margin: 0 5px 0 0;
}
form .field.composed input,
form .field.composed div.field-select {
  -webkit-box-flex: 100;
  -webkit-flex: 100 0 1px;
  -moz-box-flex: 100;
  -moz-flex: 100 0 1px;
  -ms-flex: 100 0 1px;
  flex: 100 0 1px;
}
form .field.composed .field-suffix {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 1px;
  -ms-flex: 1 0 1px;
  flex: 1 0 1px;
  height: 34px;
  white-space: nowrap;
  line-height: 34px;
  margin: 5px 0 0 5px;
}
form .field.composed .field-help,
form .field.composed .field-errors {
  width: 100%;
}
form .field .alert {
  float: left;
  clear: both;
  width: 100%;
  padding: 10px 20px;
  margin: 5px 0 0;
}
form .field label + .alert {
  margin-bottom: 10px;
}
form .field-help {
  float: left;
  clear: both;
  margin: 5px 0 0;
  font-size: .9em;
  font-style: italic;
}
form .field-errors {
  float: left;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}
form .field-errors li {
  margin: 5px 0 0;
  float: left;
  clear: both;
  position: relative;
  padding-left: 15px;
  color: darkred;
}
form .field-errors li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 1em;
  font-family: 'FontAwesome';
  content: '\f06a';
}
form .field-date {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  margin-top: 5px;
}
form .field-date input {
  margin-top: 0;
  padding-right: 45px;
}
form .field-date input[disabled] ~ .datepicker-trigger {
  display: none;
}
form .field-date .datepicker-trigger {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  padding: 0 0 0 32px;
}
.actions {
  display: block;
  margin: 20px 0 0;
  position: relative;
}
.actions:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.actions input[type=submit],
.actions button,
.actions a {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
  width: auto;
}
.actions input[type=submit]:hover,
.actions button:hover,
.actions a:hover,
.actions input[type=submit]:focus,
.actions button:focus,
.actions a:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
.actions input[type=submit]:active,
.actions button:active,
.actions a:active,
.actions input[type=submit].active,
.actions button.active,
.actions a.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
.actions input[type=submit]:disabled,
.actions button:disabled,
.actions a:disabled,
.actions input[type=submit].disabled,
.actions button.disabled,
.actions a.disabled,
.actions input[type=submit]:disabled:hover,
.actions button:disabled:hover,
.actions a:disabled:hover,
.actions input[type=submit].disabled:hover,
.actions button.disabled:hover,
.actions a.disabled:hover,
.actions input[type=submit]:disabled:focus,
.actions button:disabled:focus,
.actions a:disabled:focus,
.actions input[type=submit].disabled:focus,
.actions button.disabled:focus,
.actions a.disabled:focus,
.actions input[type=submit]:disabled:active,
.actions button:disabled:active,
.actions a:disabled:active,
.actions input[type=submit].disabled:active,
.actions button.disabled:active,
.actions a.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions input[type=submit]:hover,
.actions button:hover,
.actions a:hover {
  text-decoration: none;
}
.actions input[type=submit].create,
.actions button.create,
.actions a.create {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #e67259;
  background: -moz-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: -webkit-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: linear-gradient(to bottom, #e9856f 0%, #e35f43 100%);
  border-color: #d33f20;
  -webkit-box-shadow: inset 0 0 2px #f0aa9b;
  -moz-box-shadow: inset 0 0 2px #f0aa9b;
  box-shadow: inset 0 0 2px #f0aa9b;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.actions input[type=submit].create:hover,
.actions button.create:hover,
.actions a.create:hover,
.actions input[type=submit].create:focus,
.actions button.create:focus,
.actions a.create:focus {
  background: #e9856f;
  background: -moz-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: -webkit-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: linear-gradient(to bottom, #ed9885 0%, #e67259 100%);
}
.actions input[type=submit].create:active,
.actions button.create:active,
.actions a.create:active,
.actions input[type=submit].create.active,
.actions button.create.active,
.actions a.create.active {
  background: #e35f43;
  background: -moz-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: -webkit-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: linear-gradient(to bottom, #e67259 0%, #df4c2d 100%);
}
.actions input[type=submit].create:disabled,
.actions button.create:disabled,
.actions a.create:disabled,
.actions input[type=submit].create.disabled,
.actions button.create.disabled,
.actions a.create.disabled,
.actions input[type=submit].create:disabled:hover,
.actions button.create:disabled:hover,
.actions a.create:disabled:hover,
.actions input[type=submit].create.disabled:hover,
.actions button.create.disabled:hover,
.actions a.create.disabled:hover,
.actions input[type=submit].create:disabled:focus,
.actions button.create:disabled:focus,
.actions a.create:disabled:focus,
.actions input[type=submit].create.disabled:focus,
.actions button.create.disabled:focus,
.actions a.create.disabled:focus,
.actions input[type=submit].create:disabled:active,
.actions button.create:disabled:active,
.actions a.create:disabled:active,
.actions input[type=submit].create.disabled:active,
.actions button.create.disabled:active,
.actions a.create.disabled:active {
  cursor: not-allowed;
  background: #eea190;
  background: -moz-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: -webkit-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: linear-gradient(to bottom, #f2b4a6 0%, #eb8e7a 100%);
  border-color: #e4694e;
  -webkit-box-shadow: inset 0 0 2px #f5c7bd;
  -moz-box-shadow: inset 0 0 2px #f5c7bd;
  box-shadow: inset 0 0 2px #f5c7bd;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions input[type=submit].create:hover,
.actions button.create:hover,
.actions a.create:hover {
  text-decoration: none;
}
.actions input[type=submit].create:before,
.actions button.create:before,
.actions a.create:before {
  font-family: 'FontAwesome';
  content: '\f067';
  margin: 0 10px 0 0;
}
.actions input[type=submit].update,
.actions button.update,
.actions a.update {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #e67259;
  background: -moz-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: -webkit-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: linear-gradient(to bottom, #e9856f 0%, #e35f43 100%);
  border-color: #d33f20;
  -webkit-box-shadow: inset 0 0 2px #f0aa9b;
  -moz-box-shadow: inset 0 0 2px #f0aa9b;
  box-shadow: inset 0 0 2px #f0aa9b;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.actions input[type=submit].update:hover,
.actions button.update:hover,
.actions a.update:hover,
.actions input[type=submit].update:focus,
.actions button.update:focus,
.actions a.update:focus {
  background: #e9856f;
  background: -moz-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: -webkit-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: linear-gradient(to bottom, #ed9885 0%, #e67259 100%);
}
.actions input[type=submit].update:active,
.actions button.update:active,
.actions a.update:active,
.actions input[type=submit].update.active,
.actions button.update.active,
.actions a.update.active {
  background: #e35f43;
  background: -moz-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: -webkit-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: linear-gradient(to bottom, #e67259 0%, #df4c2d 100%);
}
.actions input[type=submit].update:disabled,
.actions button.update:disabled,
.actions a.update:disabled,
.actions input[type=submit].update.disabled,
.actions button.update.disabled,
.actions a.update.disabled,
.actions input[type=submit].update:disabled:hover,
.actions button.update:disabled:hover,
.actions a.update:disabled:hover,
.actions input[type=submit].update.disabled:hover,
.actions button.update.disabled:hover,
.actions a.update.disabled:hover,
.actions input[type=submit].update:disabled:focus,
.actions button.update:disabled:focus,
.actions a.update:disabled:focus,
.actions input[type=submit].update.disabled:focus,
.actions button.update.disabled:focus,
.actions a.update.disabled:focus,
.actions input[type=submit].update:disabled:active,
.actions button.update:disabled:active,
.actions a.update:disabled:active,
.actions input[type=submit].update.disabled:active,
.actions button.update.disabled:active,
.actions a.update.disabled:active {
  cursor: not-allowed;
  background: #eea190;
  background: -moz-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: -webkit-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: linear-gradient(to bottom, #f2b4a6 0%, #eb8e7a 100%);
  border-color: #e4694e;
  -webkit-box-shadow: inset 0 0 2px #f5c7bd;
  -moz-box-shadow: inset 0 0 2px #f5c7bd;
  box-shadow: inset 0 0 2px #f5c7bd;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions input[type=submit].update:hover,
.actions button.update:hover,
.actions a.update:hover {
  text-decoration: none;
}
.actions input[type=submit].update:before,
.actions button.update:before,
.actions a.update:before {
  font-family: 'FontAwesome';
  content: '\f044';
  margin: 0 10px 0 0;
}
.actions input[type=submit].confirm-payment,
.actions button.confirm-payment,
.actions a.confirm-payment {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #e67259;
  background: -moz-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: -webkit-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: linear-gradient(to bottom, #e9856f 0%, #e35f43 100%);
  border-color: #d33f20;
  -webkit-box-shadow: inset 0 0 2px #f0aa9b;
  -moz-box-shadow: inset 0 0 2px #f0aa9b;
  box-shadow: inset 0 0 2px #f0aa9b;
  color: white;
  text-shadow: 1px 1px 0 #333;
  margin-bottom: 20px;
}
.actions input[type=submit].confirm-payment:hover,
.actions button.confirm-payment:hover,
.actions a.confirm-payment:hover,
.actions input[type=submit].confirm-payment:focus,
.actions button.confirm-payment:focus,
.actions a.confirm-payment:focus {
  background: #e9856f;
  background: -moz-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: -webkit-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: linear-gradient(to bottom, #ed9885 0%, #e67259 100%);
}
.actions input[type=submit].confirm-payment:active,
.actions button.confirm-payment:active,
.actions a.confirm-payment:active,
.actions input[type=submit].confirm-payment.active,
.actions button.confirm-payment.active,
.actions a.confirm-payment.active {
  background: #e35f43;
  background: -moz-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: -webkit-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: linear-gradient(to bottom, #e67259 0%, #df4c2d 100%);
}
.actions input[type=submit].confirm-payment:disabled,
.actions button.confirm-payment:disabled,
.actions a.confirm-payment:disabled,
.actions input[type=submit].confirm-payment.disabled,
.actions button.confirm-payment.disabled,
.actions a.confirm-payment.disabled,
.actions input[type=submit].confirm-payment:disabled:hover,
.actions button.confirm-payment:disabled:hover,
.actions a.confirm-payment:disabled:hover,
.actions input[type=submit].confirm-payment.disabled:hover,
.actions button.confirm-payment.disabled:hover,
.actions a.confirm-payment.disabled:hover,
.actions input[type=submit].confirm-payment:disabled:focus,
.actions button.confirm-payment:disabled:focus,
.actions a.confirm-payment:disabled:focus,
.actions input[type=submit].confirm-payment.disabled:focus,
.actions button.confirm-payment.disabled:focus,
.actions a.confirm-payment.disabled:focus,
.actions input[type=submit].confirm-payment:disabled:active,
.actions button.confirm-payment:disabled:active,
.actions a.confirm-payment:disabled:active,
.actions input[type=submit].confirm-payment.disabled:active,
.actions button.confirm-payment.disabled:active,
.actions a.confirm-payment.disabled:active {
  cursor: not-allowed;
  background: #eea190;
  background: -moz-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: -webkit-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: linear-gradient(to bottom, #f2b4a6 0%, #eb8e7a 100%);
  border-color: #e4694e;
  -webkit-box-shadow: inset 0 0 2px #f5c7bd;
  -moz-box-shadow: inset 0 0 2px #f5c7bd;
  box-shadow: inset 0 0 2px #f5c7bd;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions input[type=submit].confirm-payment:hover,
.actions button.confirm-payment:hover,
.actions a.confirm-payment:hover {
  text-decoration: none;
}
.actions input[type=submit].confirm-payment:before,
.actions button.confirm-payment:before,
.actions a.confirm-payment:before {
  font-family: 'FontAwesome';
  content: '\f09d';
  margin: 0 10px 0 0;
}
.actions input[type=submit].billing-data,
.actions button.billing-data,
.actions a.billing-data {
  margin-bottom: 20px;
}
.actions input[type=submit].billing-data:before,
.actions button.billing-data:before,
.actions a.billing-data:before {
  font-family: 'FontAwesome';
  content: '\f09d';
  margin: 0 10px 0 0;
}
.actions input[type=submit].running:before,
.actions button.running:before,
.actions a.running:before {
  display: inline-block;
  font-family: 'FontAwesome';
  content: '\f1ce';
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  text-shadow: none;
}
.actions input[type=submit] + button,
.actions button + button,
.actions a + button,
.actions input[type=submit] + a,
.actions button + a,
.actions a + a {
  margin-left: 10px;
}
input,
select,
textarea,
div.input,
div.field-select,
div.field-file {
  border-width: 1px;
  border-style: solid;
  margin: 5px 0 0;
  padding: 5px 10px;
  float: left;
  clear: both;
  max-width: 100%;
  width: 100%;
  height: 34px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: box-shadow 0.3s;
  background: white;
  border-color: #c5c5ff;
  color: #333;
}
.submitted input.ng-invalid,
.submitted select.ng-invalid,
.submitted textarea.ng-invalid,
.submitted div.input.ng-invalid,
.submitted div.field-select.ng-invalid,
.submitted div.field-file.ng-invalid,
.touched input.ng-invalid,
.touched select.ng-invalid,
.touched textarea.ng-invalid,
.touched div.input.ng-invalid,
.touched div.field-select.ng-invalid,
.touched div.field-file.ng-invalid {
  border-color: darkred;
  color: darkred;
}
.submitted input.ng-invalid:focus,
.submitted select.ng-invalid:focus,
.submitted textarea.ng-invalid:focus,
.submitted div.input.ng-invalid:focus,
.submitted div.field-select.ng-invalid:focus,
.submitted div.field-file.ng-invalid:focus,
.touched input.ng-invalid:focus,
.touched select.ng-invalid:focus,
.touched textarea.ng-invalid:focus,
.touched div.input.ng-invalid:focus,
.touched div.field-select.ng-invalid:focus,
.touched div.field-file.ng-invalid:focus {
  -webkit-box-shadow: 0 0 3px darkred;
  -moz-box-shadow: 0 0 3px darkred;
  box-shadow: 0 0 3px darkred;
}
input[disabled],
select[disabled],
textarea[disabled],
div.input[disabled],
div.field-select[disabled],
div.field-file[disabled] {
  cursor: not-allowed;
  background: ghostwhite;
  color: #333;
}
input[readonly],
select[readonly],
textarea[readonly],
div.input[readonly],
div.field-select[readonly],
div.field-file[readonly] {
  background: ghostwhite;
}
input:focus,
select:focus,
textarea:focus,
div.input:focus,
div.field-select:focus,
div.field-file:focus {
  outline: none;
  -webkit-box-shadow: 0 0 3px #8fd7d4;
  -moz-box-shadow: 0 0 3px #8fd7d4;
  box-shadow: 0 0 3px #8fd7d4;
}
.submitted input:focus.ng-invalid,
.submitted select:focus.ng-invalid,
.submitted textarea:focus.ng-invalid,
.submitted div.input:focus.ng-invalid,
.submitted div.field-select:focus.ng-invalid,
.submitted div.field-file:focus.ng-invalid,
.touched input:focus.ng-invalid,
.touched select:focus.ng-invalid,
.touched textarea:focus.ng-invalid,
.touched div.input:focus.ng-invalid,
.touched div.field-select:focus.ng-invalid,
.touched div.field-file:focus.ng-invalid {
  -webkit-box-shadow: 0 0 3px darkred;
  -moz-box-shadow: 0 0 3px darkred;
  box-shadow: 0 0 3px darkred;
}
input:first-child,
select:first-child,
textarea:first-child,
div.input:first-child,
div.field-select:first-child,
div.field-file:first-child {
  margin-top: 0;
}
div.field-select {
  padding: 0;
  height: auto;
  background: white;
  position: relative;
}
div.field-select:after {
  background: ghostwhite;
  background: -moz-linear-gradient(top, #ffffff 0%, #dfdfff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dfdfff 100%);
  -webkit-box-shadow: inset 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 2px #ffffff;
  box-shadow: inset 0 0 2px #ffffff;
  font-family: 'FontAwesome';
  content: '\f107';
  line-height: 32px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  text-align: center;
  border-left-color: #c5c5ff;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  width: 32px;
  border-left-width: 1px;
  border-left-style: solid;
}
div.field-select:hover:after {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
}
div.field-select select {
  width: 100%;
  max-width: 100%;
  height: 32px;
  border-width: 0;
  margin: 0;
  padding: 5px 45px 5px 10px;
  position: relative;
  z-index: 1;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: transparent;
}
div.field-select select:disabled {
  background: ghostwhite;
  color: #333;
  cursor: not-allowed;
}
div.field-select select[multiple] {
  height: auto;
}
select {
  padding-top: 0;
  padding-bottom: 0;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #333;
}
select option {
  min-height: 20px;
}
select[multiple] {
  height: auto;
  max-height: 100px;
}
div.field-file {
  padding: 0;
  height: auto;
  background: white;
  position: relative;
}
div.field-file:after {
  background: ghostwhite;
  background: -moz-linear-gradient(top, #ffffff 0%, #dfdfff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dfdfff 100%);
  -webkit-box-shadow: inset 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 2px #ffffff;
  box-shadow: inset 0 0 2px #ffffff;
  font-family: 'FontAwesome';
  content: '\f016';
  line-height: 32px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  text-align: center;
  border-left-color: #c5c5ff;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  width: 32px;
  border-left-width: 1px;
  border-left-style: solid;
}
div.field-file.file-image:after {
  font-family: 'FontAwesome';
  content: '\f1c5';
}
div.field-file:hover:after {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
}
div.field-file input {
  width: 100%;
  max-width: 100%;
  height: 32px;
  border-width: 0;
  margin: 0;
  padding: 5px 45px 5px 10px;
  position: relative;
  z-index: 1;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: transparent;
  opacity: 0;
}
div.field-file input:disabled + span {
  cursor: not-allowed;
}
div.field-file span {
  position: absolute;
  top: 0;
  left: 10px;
  line-height: 32px;
  cursor: pointer;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=checkbox] {
  margin: 0;
  padding: 0;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: auto;
}
input[type=checkbox] ~ label {
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  font-weight: 400;
}
input[type=checkbox] ~ label:before {
  display: block;
  width: 20px;
  height: 1em;
  font-weight: 400;
  font-family: 'FontAwesome';
  content: '\f096';
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 1;
}
input[type=checkbox] ~ label:after {
  display: block;
  width: 10px;
  height: 10px;
  content: " ";
  background: white;
  position: absolute;
  top: 5px;
  left: 1px;
  z-index: 0;
}
input[type=checkbox]:checked ~ label:before {
  font-family: 'FontAwesome';
  content: '\f046';
}
input[type=checkbox]:disabled ~ label {
  cursor: not-allowed;
  opacity: .6;
  color: #333;
}
input[type=checkbox]:disabled ~ label:after {
  background: ghostwhite;
}
input[type=checkbox]:focus ~ label:before,
input[type=checkbox]:active ~ label:before {
  text-shadow: 0 0 3px #8fd7d4;
}
.submitted input[type=checkbox].ng-invalid ~ label:before,
.touched input[type=checkbox].ng-invalid ~ label:before {
  color: darkred;
}
.submitted input[type=checkbox].ng-invalid:focus ~ label:before,
.touched input[type=checkbox].ng-invalid:focus ~ label:before,
.submitted input[type=checkbox].ng-invalid:active ~ label:before,
.touched input[type=checkbox].ng-invalid:active ~ label:before {
  text-shadow: 0 0 3px darkred;
}
input[type=radio] {
  margin: 0;
  padding: 0;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: auto;
}
input[type=radio] ~ label {
  padding-left: 20px;
  position: relative;
  font-weight: 400;
  cursor: pointer;
}
input[type=radio] ~ label:before {
  display: block;
  width: 20px;
  height: 1em;
  font-weight: 400;
  font-family: 'FontAwesome';
  content: '\f10c';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
input[type=radio] ~ label:after {
  display: block;
  width: 10px;
  height: 10px;
  content: " ";
  background: white;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
input[type=radio]:checked ~ label:before {
  font-family: 'FontAwesome';
  content: '\f192';
}
input[type=radio]:disabled ~ label {
  cursor: not-allowed;
  opacity: .6;
  color: #333;
}
input[type=radio]:disabled ~ label:after {
  background: ghostwhite;
}
textarea {
  resize: vertical;
  overflow: auto;
  min-height: 60px;
}
div.input {
  background: ghostwhite;
}
ul.checkboxes,
ul.radios {
  list-style: none;
  float: left;
  clear: left;
  margin-top: 5px;
}
ul.checkboxes:after,
ul.radios:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul.checkboxes li,
ul.radios li {
  padding: 0;
  float: left;
  clear: left;
}
body > main {
  background: white;
}
body > main .header {
  background: #8fd7d4;
  color: white;
}
body > main .subheader {
  background: #cbeceb;
}
body > main .subheader .alert {
  background: white;
}
body > main section header h1 {
  color: #455b73;
  display: inline-block;
  font-size: 24px;
  margin: 0 0 15px;
}
body > main section header h1 strong {
  color: #e67259;
  font-weight: 700;
}
body > main section header h1 strong:before {
  display: inline-block;
  content: '';
  margin: 0 10px 0 5px;
  border-left: 1px solid #455b73;
  height: 33px;
  vertical-align: top;
}
body > main aside {
  display: block;
  padding: 20px;
  margin: 0 0 20px;
  color: #455b73;
  background: #cbeceb;
  -webkit-box-shadow: 5px 5px 0 0 rgba(69, 91, 115, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(69, 91, 115, 0.3);
  box-shadow: 5px 5px 0 0 rgba(69, 91, 115, 0.3);
}
body > main aside a.boton {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
body > main aside a.boton:hover,
body > main aside a.boton:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
body > main aside a.boton:active,
body > main aside a.boton.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
body > main aside a.boton:disabled,
body > main aside a.boton.disabled,
body > main aside a.boton:disabled:hover,
body > main aside a.boton.disabled:hover,
body > main aside a.boton:disabled:focus,
body > main aside a.boton.disabled:focus,
body > main aside a.boton:disabled:active,
body > main aside a.boton.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
body > main aside a.boton:hover {
  text-decoration: none;
}
body > main aside *:first-child {
  margin-top: 0;
}
body > main aside *:last-child {
  margin-bottom: 0;
}
body > main aside.error {
  color: darkred;
  background: #f3e6e6;
  -webkit-box-shadow: 5px 5px 0 0 rgba(139, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(139, 0, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(139, 0, 0, 0.3);
}
body > main aside.success {
  color: darkgreen;
  background: #e6f0e6;
  -webkit-box-shadow: 5px 5px 0 0 rgba(0, 100, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(0, 100, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(0, 100, 0, 0.3);
}
body > main aside.warning {
  color: #333;
  background: #fff6e6;
  -webkit-box-shadow: 5px 5px 0 0 rgba(255, 165, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(255, 165, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(255, 165, 0, 0.3);
}
body > footer {
  color: #aabbd8;
  background: #f0f3f8;
  border-color: #aabbd8;
}
body > footer a,
body > footer button {
  color: #e67259;
}
body.clean {
  background: #70a9a6 url(/images/desktop.png) center 0 no-repeat fixed;
}
body.clean > header {
  display: none;
}
body.clean > main {
  background: transparent;
  padding-top: 7%;
}
body.clean > footer {
  background: transparent;
  border-color: transparent;
  color: white;
}
body.clean > footer a,
body.clean > footer button {
  color: white;
}
.anonymous {
  display: block;
  width: 90%;
  margin: 0 auto 30px;
  max-width: 390px;
  background: #f0f3f8;
  -webkit-box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.3);
}
.anonymous:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.anonymous header {
  text-align: center;
}
.anonymous header h1 {
  background: #455b73;
  display: block;
  margin: 0;
  padding: 0;
}
.anonymous header h1 a {
  display: block;
  margin: 0;
  padding: 25px;
}
.anonymous header h1 a img {
  display: block;
  margin: 0 auto;
}
.anonymous header h2 {
  display: block;
  margin: 30px 0 20px;
}
.anonymous header h2:before {
  content: '';
  display: block;
  width: 111px;
  height: 111px;
  margin: 0 auto 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #8fd7d4 url(/images/login.png) center center no-repeat;
}
.anonymous form {
  padding: 0 30px 20px;
  margin: 0;
}
.anonymous form:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.anonymous form .field.checkbox {
  float: left;
  margin-top: 28px;
}
.anonymous form .actions {
  margin: 20px 0 0;
}
.anonymous form .actions input,
.anonymous form .actions button {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #e67259;
  background: -moz-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: -webkit-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: linear-gradient(to bottom, #e9856f 0%, #e35f43 100%);
  border-color: #d33f20;
  -webkit-box-shadow: inset 0 0 2px #f0aa9b;
  -moz-box-shadow: inset 0 0 2px #f0aa9b;
  box-shadow: inset 0 0 2px #f0aa9b;
  color: white;
  text-shadow: 1px 1px 0 #333;
  width: 165px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.anonymous form .actions input:hover,
.anonymous form .actions button:hover,
.anonymous form .actions input:focus,
.anonymous form .actions button:focus {
  background: #e9856f;
  background: -moz-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: -webkit-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: linear-gradient(to bottom, #ed9885 0%, #e67259 100%);
}
.anonymous form .actions input:active,
.anonymous form .actions button:active,
.anonymous form .actions input.active,
.anonymous form .actions button.active {
  background: #e35f43;
  background: -moz-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: -webkit-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: linear-gradient(to bottom, #e67259 0%, #df4c2d 100%);
}
.anonymous form .actions input:disabled,
.anonymous form .actions button:disabled,
.anonymous form .actions input.disabled,
.anonymous form .actions button.disabled,
.anonymous form .actions input:disabled:hover,
.anonymous form .actions button:disabled:hover,
.anonymous form .actions input.disabled:hover,
.anonymous form .actions button.disabled:hover,
.anonymous form .actions input:disabled:focus,
.anonymous form .actions button:disabled:focus,
.anonymous form .actions input.disabled:focus,
.anonymous form .actions button.disabled:focus,
.anonymous form .actions input:disabled:active,
.anonymous form .actions button:disabled:active,
.anonymous form .actions input.disabled:active,
.anonymous form .actions button.disabled:active {
  cursor: not-allowed;
  background: #eea190;
  background: -moz-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: -webkit-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: linear-gradient(to bottom, #f2b4a6 0%, #eb8e7a 100%);
  border-color: #e4694e;
  -webkit-box-shadow: inset 0 0 2px #f5c7bd;
  -moz-box-shadow: inset 0 0 2px #f5c7bd;
  box-shadow: inset 0 0 2px #f5c7bd;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.anonymous form .actions input:hover,
.anonymous form .actions button:hover {
  text-decoration: none;
}
.anonymous form .field.not-required {
  margin: 0;
  padding: 0;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.anonymous section {
  padding: 0 30px 20px;
  margin: 0;
}
.anonymous section:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.anonymous h3 {
  text-align: center;
  font-size: 18px;
  margin: 0 0 20px;
  color: #455b73;
}
.anonymous footer {
  margin: 0 30px;
  padding: 20px 0;
  border-top: 1px solid silver;
}
.anonymous footer:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.anonymous footer > a {
  color: #455b73;
  float: right;
}
.anonymous footer > a:hover,
.anonymous footer > a:active {
  color: #e67259;
  text-decoration: none;
}
.anonymous footer > a:first-child {
  color: #e67259;
  text-transform: uppercase;
  font-weight: 700;
  float: left;
}
.anonymous footer > a:first-child:hover,
.anonymous footer > a:first-child:active {
  color: #455b73;
  text-decoration: none;
}
.anonymous span.required:before {
  display: inline-block;
  content: ' * ';
  color: darkred;
  font-weight: 700;
}
.anonymous .info {
  float: left;
  clear: both;
  margin: 20px 0 0;
  font-style: italic;
}
.anonymous .message {
  border-top: 1px solid darkgreen;
  border-bottom: 1px solid darkgreen;
  margin: 20px -30px 0;
  padding: 20px 30px;
  background: #e6f0e6;
  color: darkgreen;
}
.anonymous .message + p {
  margin-top: 20px;
}
.anonymous .warn {
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
  margin: 20px -30px 0;
  padding: 20px 30px;
  background: #fff6e6;
  color: orange;
}
.anonymous .warn + p {
  margin-top: 20px;
}
.anonymous .error {
  border-top: 1px solid darkred;
  border-bottom: 1px solid darkred;
  margin: 20px -30px 0;
  padding: 20px 30px;
  background: #f3e6e6;
  color: darkred;
}
.anonymous .error + p {
  margin-top: 20px;
}
#error-page .anonymous header h2:before {
  background: #c7d8d7;
  color: #e05a57;
  content: '!?';
  font-size: 100px;
  font-weight: 700;
  line-height: 111px;
  text-shadow: 5px 5px 0 white;
}
.badge {
  background: #e67259;
  color: white;
}
.tag.success {
  border-radius: 3px;
  text-decoration: none;
  padding: 0px 5px;
  border-style: solid;
  border-width: 0px;
  display: inline-block;
  background: darkgreen;
  background: -moz-linear-gradient(top, #007e00 0%, #004a00 100%);
  background: -webkit-linear-gradient(top, #007e00 0%, #004a00 100%);
  background: linear-gradient(to bottom, #007e00 0%, #004a00 100%);
  border-color: #001800;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.tag.warning {
  border-radius: 3px;
  text-decoration: none;
  padding: 0px 5px;
  border-style: solid;
  border-width: 0px;
  display: inline-block;
  background: orange;
  background: -moz-linear-gradient(top, #ffae1a 0%, #e69500 100%);
  background: -webkit-linear-gradient(top, #ffae1a 0%, #e69500 100%);
  background: linear-gradient(to bottom, #ffae1a 0%, #e69500 100%);
  border-color: #b37300;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.tag.info {
  border-radius: 3px;
  text-decoration: none;
  padding: 0px 5px;
  border-style: solid;
  border-width: 0px;
  display: inline-block;
  background: dodgerblue;
  background: -moz-linear-gradient(top, #389dff 0%, #0483ff 100%);
  background: -webkit-linear-gradient(top, #389dff 0%, #0483ff 100%);
  background: linear-gradient(to bottom, #389dff 0%, #0483ff 100%);
  border-color: #006ad1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.tag.error {
  border-radius: 3px;
  text-decoration: none;
  padding: 0px 5px;
  border-style: solid;
  border-width: 0px;
  display: inline-block;
  background: darkred;
  background: -moz-linear-gradient(top, #a40000 0%, #720000 100%);
  background: -webkit-linear-gradient(top, #a40000 0%, #720000 100%);
  background: linear-gradient(to bottom, #a40000 0%, #720000 100%);
  border-color: #3e0000;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.tooltip {
  padding: 3px 10px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: all .3s;
  font-size: 12px;
  max-width: 250px;
  width: auto;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  background: #212121;
  color: white;
  -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 0 transparent;
}
.tooltip:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
.inline-help-trigger {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  line-height: 24px;
  font-size: 18px;
  text-align: center;
  vertical-align: text-bottom;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border-color: silver;
  background: #F8F3BA;
  color: #455b73;
}
.inline-help-trigger:before {
  font-family: 'FontAwesome';
  content: '\f128';
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  vertical-align: top;
}
h1 .inline-help-trigger {
  vertical-align: middle;
}
.inline-help-panel {
  display: block;
  padding: 15px;
  margin: 0 0 20px;
  background: #F8F4D7;
  color: #333;
  font-style: italic;
  -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
}
.inline-help-panel h4 {
  color: #e67259;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  margin: 0 0 10px;
}
.inline-help-panel .inline-help-close {
  float: right;
  background: transparent;
  border-width: 0;
  color: #aabbd8;
  line-height: 16px;
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.inline-help-panel .inline-help-close:hover,
.inline-help-panel .inline-help-close:active {
  color: #455b73;
}
.inline-help-panel .inline-help-close:before {
  font-family: 'FontAwesome';
  content: '\f00d';
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: top;
}
.inline-help-panel p,
.inline-help-panel ol,
.inline-help-panel ul {
  margin: .5em 0 0;
}
#studies-list .studies,
#invitations-list .studies {
  display: block;
  margin: 0 0 20px;
  list-style: none;
}
#studies-list .studies li,
#invitations-list .studies li {
  padding: 0;
  margin: 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  transition: background .3s;
}
#studies-list .studies li + li,
#invitations-list .studies li + li {
  border-top-width: 0;
}
#studies-list .studies li .study,
#invitations-list .studies li .study,
#studies-list .studies li .invitation,
#invitations-list .studies li .invitation {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: center;
  padding: 10px 0;
}
#studies-list .studies li .study.loading .study-logo,
#invitations-list .studies li .study.loading .study-logo,
#studies-list .studies li .invitation.loading .study-logo,
#invitations-list .studies li .invitation.loading .study-logo {
  display: block;
  position: relative;
  width: 100px;
  height: 45px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 45px;
  -ms-flex: 0 0 45px;
  flex: 0 0 45px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #cbeceb;
  margin: 0 27px;
}
#studies-list .studies li .study.loading .study-logo:before,
#invitations-list .studies li .study.loading .study-logo:before,
#studies-list .studies li .invitation.loading .study-logo:before,
#invitations-list .studies li .invitation.loading .study-logo:before {
  display: block;
  margin: 0 auto;
  width: 45px;
  height: 45px;
  content: ' ';
  font-family: 'FontAwesome';
  content: '\f1ce';
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  line-height: 45px;
  text-align: center;
  font-size: 1.5em;
  color: #455b73;
}
#studies-list .studies li .study.loading .study-info,
#invitations-list .studies li .study.loading .study-info,
#studies-list .studies li .invitation.loading .study-info,
#invitations-list .studies li .invitation.loading .study-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 1px;
  -ms-flex: 1 0 1px;
  flex: 1 0 1px;
}
#studies-list .studies li .study.loading .study-name,
#invitations-list .studies li .study.loading .study-name,
#studies-list .studies li .invitation.loading .study-name,
#invitations-list .studies li .invitation.loading .study-name {
  display: block;
  width: 400px;
  max-width: 50%;
  height: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
  margin: 0 0 8px;
}
#studies-list .studies li .study.loading .study-acronym,
#invitations-list .studies li .study.loading .study-acronym,
#studies-list .studies li .invitation.loading .study-acronym,
#invitations-list .studies li .invitation.loading .study-acronym {
  display: block;
  width: 80px;
  height: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
}
#studies-list .studies li .study.loading .study-actions,
#invitations-list .studies li .study.loading .study-actions,
#studies-list .studies li .invitation.loading .study-actions,
#invitations-list .studies li .invitation.loading .study-actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 120px;
  -moz-box-flex: 0;
  -moz-flex: 0 1 120px;
  -ms-flex: 0 1 120px;
  flex: 0 1 120px;
}
#studies-list .studies li .study.error,
#invitations-list .studies li .study.error,
#studies-list .studies li .invitation.error,
#invitations-list .studies li .invitation.error {
  color: darkred;
}
#studies-list .studies li .study.error:before,
#invitations-list .studies li .study.error:before,
#studies-list .studies li .invitation.error:before,
#invitations-list .studies li .invitation.error:before {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 45px;
  -ms-flex: 0 0 45px;
  flex: 0 0 45px;
  display: block;
  height: 45px;
  margin: 0 27px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #cbeceb;
  color: darkred;
  font-family: 'FontAwesome';
  content: '\f00d';
  font-size: 1.5em;
  line-height: 45px;
  text-align: center;
}
#studies-list .studies li .study.error .message,
#invitations-list .studies li .study.error .message,
#studies-list .studies li .invitation.error .message,
#invitations-list .studies li .invitation.error .message {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 1px;
  -ms-flex: 1 0 1px;
  flex: 1 0 1px;
}
#studies-list .studies li .study-logo,
#invitations-list .studies li .study-logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 110px;
  -moz-box-flex: 0;
  -moz-flex: 0 1 110px;
  -ms-flex: 0 1 110px;
  flex: 0 1 110px;
}
#studies-list .studies li .study-logo figure,
#invitations-list .studies li .study-logo figure {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  max-width: 85px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
#studies-list .studies li .study-logo figure img,
#invitations-list .studies li .study-logo figure img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
}
#studies-list .studies li .study-logo .no-logo,
#invitations-list .studies li .study-logo .no-logo {
  display: block;
  margin: 0 auto;
  background: transparent url(/images/no-logo.png) center center no-repeat;
  width: 45px;
  height: 45px;
  text-indent: -99999px;
}
#studies-list .studies li .study-info,
#invitations-list .studies li .study-info,
#studies-list .studies li .invitation-info,
#invitations-list .studies li .invitation-info {
  -webkit-box-flex: 2;
  -webkit-flex: 2 0 1px;
  -moz-box-flex: 2;
  -moz-flex: 2 0 1px;
  -ms-flex: 2 0 1px;
  flex: 2 0 1px;
}
#studies-list .studies li .study-info .study-name,
#invitations-list .studies li .study-info .study-name,
#studies-list .studies li .invitation-info .study-name,
#invitations-list .studies li .invitation-info .study-name {
  color: #455b73;
  font-weight: 700;
  display: block;
  margin: 0;
}
#studies-list .studies li .study-info .study-acronym,
#invitations-list .studies li .study-info .study-acronym,
#studies-list .studies li .invitation-info .study-acronym,
#invitations-list .studies li .invitation-info .study-acronym {
  display: block;
  font-size: .8em;
  margin: 0;
}
#studies-list .studies li .message,
#invitations-list .studies li .message {
  margin: 0 20px 0 0;
}
#studies-list .studies li .message.error,
#invitations-list .studies li .message.error {
  color: darkred;
  font-weight: 700;
}
#studies-list ul li:hover {
  background: #cbeceb;
}
#studies-list ul li .study-actions {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 200px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 200px;
  -ms-flex: 1 0 200px;
  flex: 1 0 200px;
  width: 220px;
  height: 34px;
  text-align: left;
  position: relative;
  margin: 0 20px;
}
#studies-list ul li .study-actions a {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
  position: relative;
}
#studies-list ul li .study-actions a:hover,
#studies-list ul li .study-actions a:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
#studies-list ul li .study-actions a:active,
#studies-list ul li .study-actions a.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
#studies-list ul li .study-actions a:disabled,
#studies-list ul li .study-actions a.disabled,
#studies-list ul li .study-actions a:disabled:hover,
#studies-list ul li .study-actions a.disabled:hover,
#studies-list ul li .study-actions a:disabled:focus,
#studies-list ul li .study-actions a.disabled:focus,
#studies-list ul li .study-actions a:disabled:active,
#studies-list ul li .study-actions a.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#studies-list ul li .study-actions a:hover {
  text-decoration: none;
}
#studies-list ul li .study-actions a:hover {
  overflow: inherit;
}
#studies-list ul li .study-actions a:hover .tooltip {
  opacity: 1;
  z-index: 100;
}
#studies-list ul li .study-actions a .tooltip {
  padding: 3px 10px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: all .3s;
  font-size: 12px;
  max-width: 250px;
  width: auto;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  background: #212121;
  color: white;
  -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 0 transparent;
  bottom: auto;
  left: auto;
  right: 100%;
  top: 0;
  margin: 0 10px 0 0;
}
#studies-list ul li .study-actions a .tooltip:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#studies-list ul li .study-actions a .tooltip:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#studies-list ul li .study-actions a .tooltip:before {
  bottom: auto;
  right: auto;
  top: 10px;
  right: -5px;
  border-color: transparent transparent transparent #212121;
  border-width: 5px 0 5px 5px;
}
#studies-list ul li .study-actions a .tooltip:after {
  bottom: auto;
  right: auto;
  top: 13px;
  right: -8px;
  border-color: transparent transparent transparent black;
  border-width: 5px 0 5px 5px;
  opacity: .3;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#studies-list ul li .study-actions a:before {
  margin: 0 10px 0 0;
}
#studies-list ul li .study-actions .link-cp:before {
  font-family: 'FontAwesome';
  content: '\f0ad';
}
#studies-list ul li .study-actions .link-study-live:before {
  font-family: 'FontAwesome';
  content: '\f08e';
}
#studies-list ul li .study-actions .link-study-test:before {
  font-family: 'FontAwesome';
  content: '\f0c3';
}
#studies-list ul li .study-actions .message {
  display: inline-block;
}
#studies-list ul li .study-actions a {
  display: none;
}
#studies-list ul li .study-actions a:first-child {
  display: block;
}
#studies-list ul li .study-actions button {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
#studies-list ul li .study-actions button:hover,
#studies-list ul li .study-actions button:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
#studies-list ul li .study-actions button:active,
#studies-list ul li .study-actions button.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
#studies-list ul li .study-actions button:disabled,
#studies-list ul li .study-actions button.disabled,
#studies-list ul li .study-actions button:disabled:hover,
#studies-list ul li .study-actions button.disabled:hover,
#studies-list ul li .study-actions button:disabled:focus,
#studies-list ul li .study-actions button.disabled:focus,
#studies-list ul li .study-actions button:disabled:active,
#studies-list ul li .study-actions button.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#studies-list ul li .study-actions button:hover {
  text-decoration: none;
}
#studies-list ul li .study-actions button:hover {
  overflow: inherit;
}
#studies-list ul li .study-actions button:hover .tooltip {
  opacity: 1;
  z-index: 100;
}
#studies-list ul li .study-actions button:focus,
#studies-list ul li .study-actions button:active {
  outline: none;
}
#studies-list ul li .study-actions button:before {
  font-family: 'FontAwesome';
  content: '\f107';
  margin: 0;
}
#studies-list ul li .study-actions button .tooltip {
  padding: 3px 10px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: all .3s;
  font-size: 12px;
  max-width: 250px;
  width: auto;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  background: #212121;
  color: white;
  -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 0 transparent;
  bottom: 100%;
  right: -5px;
  margin-bottom: 7px;
}
#studies-list ul li .study-actions button .tooltip:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#studies-list ul li .study-actions button .tooltip:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#studies-list ul li .study-actions button .tooltip:before {
  right: 15px;
  top: 100%;
  border-color: #212121 transparent transparent transparent;
  border-width: 5px 5px 0 5px;
}
#studies-list ul li .study-actions button .tooltip:after {
  right: 12px;
  bottom: -8px;
  border-color: black transparent transparent transparent;
  border-width: 5px 5px 0 5px;
  opacity: .3;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#studies-list ul li .study-actions button + a {
  padding-right: 40px;
  display: block;
}
#studies-list ul li .study-actions div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#studies-list ul li .study-actions.visible div {
  z-index: 3;
  box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#studies-list ul li .study-actions.visible div a {
  display: block;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#studies-list ul li .study-actions.visible div a + a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top-width: 0;
}
#studies-list ul li .study-actions.visible div a:last-child {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
#studies-list ul li .study-actions.visible div button {
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
#studies-list ul li .message {
  float: right;
}
#studies-list ul li .message + .study-actions {
  margin-top: 10px;
  float: right;
  clear: both;
}
#invitations-list ul li:hover {
  background: white;
}
#invitations-list ul li .invitation-actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 430px;
  -moz-box-flex: 0;
  -moz-flex: 0 1 430px;
  -ms-flex: 0 1 430px;
  flex: 0 1 430px;
}
#invitations-list ul li .invitation-actions .invitation-accept {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #e67259;
  background: -moz-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: -webkit-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: linear-gradient(to bottom, #e9856f 0%, #e35f43 100%);
  border-color: #d33f20;
  -webkit-box-shadow: inset 0 0 2px #f0aa9b;
  -moz-box-shadow: inset 0 0 2px #f0aa9b;
  box-shadow: inset 0 0 2px #f0aa9b;
  color: white;
  text-shadow: 1px 1px 0 #333;
  width: 200px;
}
#invitations-list ul li .invitation-actions .invitation-accept:hover,
#invitations-list ul li .invitation-actions .invitation-accept:focus {
  background: #e9856f;
  background: -moz-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: -webkit-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: linear-gradient(to bottom, #ed9885 0%, #e67259 100%);
}
#invitations-list ul li .invitation-actions .invitation-accept:active,
#invitations-list ul li .invitation-actions .invitation-accept.active {
  background: #e35f43;
  background: -moz-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: -webkit-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: linear-gradient(to bottom, #e67259 0%, #df4c2d 100%);
}
#invitations-list ul li .invitation-actions .invitation-accept:disabled,
#invitations-list ul li .invitation-actions .invitation-accept.disabled,
#invitations-list ul li .invitation-actions .invitation-accept:disabled:hover,
#invitations-list ul li .invitation-actions .invitation-accept.disabled:hover,
#invitations-list ul li .invitation-actions .invitation-accept:disabled:focus,
#invitations-list ul li .invitation-actions .invitation-accept.disabled:focus,
#invitations-list ul li .invitation-actions .invitation-accept:disabled:active,
#invitations-list ul li .invitation-actions .invitation-accept.disabled:active {
  cursor: not-allowed;
  background: #eea190;
  background: -moz-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: -webkit-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: linear-gradient(to bottom, #f2b4a6 0%, #eb8e7a 100%);
  border-color: #e4694e;
  -webkit-box-shadow: inset 0 0 2px #f5c7bd;
  -moz-box-shadow: inset 0 0 2px #f5c7bd;
  box-shadow: inset 0 0 2px #f5c7bd;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#invitations-list ul li .invitation-actions .invitation-accept:hover {
  text-decoration: none;
}
#invitations-list ul li .invitation-actions .invitation-accept:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  margin: 0 10px 0 0;
}
#invitations-list ul li .invitation-actions .invitation-reject {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
  width: 200px;
  margin-left: 10px;
  margin-right: 20px;
}
#invitations-list ul li .invitation-actions .invitation-reject:hover,
#invitations-list ul li .invitation-actions .invitation-reject:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
#invitations-list ul li .invitation-actions .invitation-reject:active,
#invitations-list ul li .invitation-actions .invitation-reject.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
#invitations-list ul li .invitation-actions .invitation-reject:disabled,
#invitations-list ul li .invitation-actions .invitation-reject.disabled,
#invitations-list ul li .invitation-actions .invitation-reject:disabled:hover,
#invitations-list ul li .invitation-actions .invitation-reject.disabled:hover,
#invitations-list ul li .invitation-actions .invitation-reject:disabled:focus,
#invitations-list ul li .invitation-actions .invitation-reject.disabled:focus,
#invitations-list ul li .invitation-actions .invitation-reject:disabled:active,
#invitations-list ul li .invitation-actions .invitation-reject.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#invitations-list ul li .invitation-actions .invitation-reject:hover {
  text-decoration: none;
}
#invitations-list ul li .invitation-actions .invitation-reject:before {
  font-family: 'FontAwesome';
  content: '\f00d';
  margin: 0 10px 0 0;
}
#invitations-list ul li .invitation-actions button {
  float: left;
  clear: none;
}
#invitations-list form {
  margin-top: 20px;
}
#invitations-list .trigger-code-form {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
#invitations-list .trigger-code-form:hover,
#invitations-list .trigger-code-form:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
#invitations-list .trigger-code-form:active,
#invitations-list .trigger-code-form.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
#invitations-list .trigger-code-form:disabled,
#invitations-list .trigger-code-form.disabled,
#invitations-list .trigger-code-form:disabled:hover,
#invitations-list .trigger-code-form.disabled:hover,
#invitations-list .trigger-code-form:disabled:focus,
#invitations-list .trigger-code-form.disabled:focus,
#invitations-list .trigger-code-form:disabled:active,
#invitations-list .trigger-code-form.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#invitations-list .trigger-code-form:hover {
  text-decoration: none;
}
#invitations-list .trigger-code-form + .alert {
  margin-top: 20px;
}
#creation-access.allowed {
  text-align: right;
}
#creation-access.allowed .message {
  margin: 0 15px 0 0;
  background: #F8F4D7;
  color: #455b73;
  font-weight: 700;
}
#creation-access.allowed .message:after {
  font-family: 'FontAwesome';
  content: '\f061';
  margin: 0 0 0 10px;
}
#creation-access .message {
  display: inline-block;
  margin: 0;
  padding: 7px 15px;
  background: #f3e6e6;
  color: darkred;
  -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
}
#creation-access #creation-access-link {
  float: right;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #e67259;
  background: -moz-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: -webkit-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: linear-gradient(to bottom, #e9856f 0%, #e35f43 100%);
  border-color: #d33f20;
  -webkit-box-shadow: inset 0 0 2px #f0aa9b;
  -moz-box-shadow: inset 0 0 2px #f0aa9b;
  box-shadow: inset 0 0 2px #f0aa9b;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
#creation-access #creation-access-link:hover,
#creation-access #creation-access-link:focus {
  background: #e9856f;
  background: -moz-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: -webkit-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: linear-gradient(to bottom, #ed9885 0%, #e67259 100%);
}
#creation-access #creation-access-link:active,
#creation-access #creation-access-link.active {
  background: #e35f43;
  background: -moz-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: -webkit-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: linear-gradient(to bottom, #e67259 0%, #df4c2d 100%);
}
#creation-access #creation-access-link:disabled,
#creation-access #creation-access-link.disabled,
#creation-access #creation-access-link:disabled:hover,
#creation-access #creation-access-link.disabled:hover,
#creation-access #creation-access-link:disabled:focus,
#creation-access #creation-access-link.disabled:focus,
#creation-access #creation-access-link:disabled:active,
#creation-access #creation-access-link.disabled:active {
  cursor: not-allowed;
  background: #eea190;
  background: -moz-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: -webkit-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: linear-gradient(to bottom, #f2b4a6 0%, #eb8e7a 100%);
  border-color: #e4694e;
  -webkit-box-shadow: inset 0 0 2px #f5c7bd;
  -moz-box-shadow: inset 0 0 2px #f5c7bd;
  box-shadow: inset 0 0 2px #f5c7bd;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#creation-access #creation-access-link:hover {
  text-decoration: none;
}
#creation-access #creation-access-link:before {
  font-family: 'FontAwesome';
  content: '\f067';
  margin: 0 10px 0 0;
}
#card-form {
  clear: both;
  float: left;
  width: 100%;
}
#field-study-password-expiration input {
  float: left;
  width: 80px;
  margin-right: 10px;
}
#field-study-password-expiration .field-select {
  clear: none;
  width: auto;
}
.ngdialog {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10001;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
.ngdialog .ngdialog-content {
  position: relative;
  width: 90%;
  max-width: 900px;
  margin: 30px auto;
  opacity: 1;
  -webkit-animation: modal_enter 0.3s;
  animation: modal_enter 0.3s;
  -webkit-box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 15px 15px 0 0 rgba(0, 0, 0, 0.3);
  z-index: 10001;
}
.ngdialog .ngdialog-content > section {
  background: white;
  padding: 15px 20px;
  margin: 0;
  border: none;
  width: 100%;
}
.ngdialog .ngdialog-content > section:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.ngdialog .ngdialog-content > section > header {
  background: #455b73;
  padding: 15px 20px;
  margin: -15px -20px 15px;
}
.ngdialog .ngdialog-content > section > header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.ngdialog .ngdialog-content > section > header h3 {
  color: white;
  font-weight: 700;
  font-size: 18px;
  border: none;
  padding: 0;
  margin: 0;
}
.ngdialog .ngdialog-content > section > header .modal-close-trigger {
  position: absolute;
  top: 10px;
  right: 10px;
}
.ngdialog .ngdialog-content > section > footer {
  text-align: right;
  margin-top: 15px;
}
.ngdialog .ngdialog-content > section > footer button,
.ngdialog .ngdialog-content > section > footer input,
.ngdialog .ngdialog-content > section > footer a {
  margin-left: 10px;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.ngdialog .ngdialog-content > section > footer button:hover,
.ngdialog .ngdialog-content > section > footer input:hover,
.ngdialog .ngdialog-content > section > footer a:hover,
.ngdialog .ngdialog-content > section > footer button:focus,
.ngdialog .ngdialog-content > section > footer input:focus,
.ngdialog .ngdialog-content > section > footer a:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
.ngdialog .ngdialog-content > section > footer button:active,
.ngdialog .ngdialog-content > section > footer input:active,
.ngdialog .ngdialog-content > section > footer a:active,
.ngdialog .ngdialog-content > section > footer button.active,
.ngdialog .ngdialog-content > section > footer input.active,
.ngdialog .ngdialog-content > section > footer a.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
.ngdialog .ngdialog-content > section > footer button:disabled,
.ngdialog .ngdialog-content > section > footer input:disabled,
.ngdialog .ngdialog-content > section > footer a:disabled,
.ngdialog .ngdialog-content > section > footer button.disabled,
.ngdialog .ngdialog-content > section > footer input.disabled,
.ngdialog .ngdialog-content > section > footer a.disabled,
.ngdialog .ngdialog-content > section > footer button:disabled:hover,
.ngdialog .ngdialog-content > section > footer input:disabled:hover,
.ngdialog .ngdialog-content > section > footer a:disabled:hover,
.ngdialog .ngdialog-content > section > footer button.disabled:hover,
.ngdialog .ngdialog-content > section > footer input.disabled:hover,
.ngdialog .ngdialog-content > section > footer a.disabled:hover,
.ngdialog .ngdialog-content > section > footer button:disabled:focus,
.ngdialog .ngdialog-content > section > footer input:disabled:focus,
.ngdialog .ngdialog-content > section > footer a:disabled:focus,
.ngdialog .ngdialog-content > section > footer button.disabled:focus,
.ngdialog .ngdialog-content > section > footer input.disabled:focus,
.ngdialog .ngdialog-content > section > footer a.disabled:focus,
.ngdialog .ngdialog-content > section > footer button:disabled:active,
.ngdialog .ngdialog-content > section > footer input:disabled:active,
.ngdialog .ngdialog-content > section > footer a:disabled:active,
.ngdialog .ngdialog-content > section > footer button.disabled:active,
.ngdialog .ngdialog-content > section > footer input.disabled:active,
.ngdialog .ngdialog-content > section > footer a.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.ngdialog .ngdialog-content > section > footer button:hover,
.ngdialog .ngdialog-content > section > footer input:hover,
.ngdialog .ngdialog-content > section > footer a:hover {
  text-decoration: none;
}
.ngdialog .ngdialog-content > section > footer .accept {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #e67259;
  background: -moz-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: -webkit-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: linear-gradient(to bottom, #e9856f 0%, #e35f43 100%);
  border-color: #d33f20;
  -webkit-box-shadow: inset 0 0 2px #f0aa9b;
  -moz-box-shadow: inset 0 0 2px #f0aa9b;
  box-shadow: inset 0 0 2px #f0aa9b;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.ngdialog .ngdialog-content > section > footer .accept:hover,
.ngdialog .ngdialog-content > section > footer .accept:focus {
  background: #e9856f;
  background: -moz-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: -webkit-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: linear-gradient(to bottom, #ed9885 0%, #e67259 100%);
}
.ngdialog .ngdialog-content > section > footer .accept:active,
.ngdialog .ngdialog-content > section > footer .accept.active {
  background: #e35f43;
  background: -moz-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: -webkit-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: linear-gradient(to bottom, #e67259 0%, #df4c2d 100%);
}
.ngdialog .ngdialog-content > section > footer .accept:disabled,
.ngdialog .ngdialog-content > section > footer .accept.disabled,
.ngdialog .ngdialog-content > section > footer .accept:disabled:hover,
.ngdialog .ngdialog-content > section > footer .accept.disabled:hover,
.ngdialog .ngdialog-content > section > footer .accept:disabled:focus,
.ngdialog .ngdialog-content > section > footer .accept.disabled:focus,
.ngdialog .ngdialog-content > section > footer .accept:disabled:active,
.ngdialog .ngdialog-content > section > footer .accept.disabled:active {
  cursor: not-allowed;
  background: #eea190;
  background: -moz-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: -webkit-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: linear-gradient(to bottom, #f2b4a6 0%, #eb8e7a 100%);
  border-color: #e4694e;
  -webkit-box-shadow: inset 0 0 2px #f5c7bd;
  -moz-box-shadow: inset 0 0 2px #f5c7bd;
  box-shadow: inset 0 0 2px #f5c7bd;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.ngdialog .ngdialog-content > section > footer .accept:hover {
  text-decoration: none;
}
.ngdialog .ngdialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 10000;
  opacity: .5;
  background: #8fd7d4;
  -webkit-animation: fadein 0.3s 'linear', 0s;
  animation: fadein 0.3s 'linear', 0s;
}
.ngdialog-open {
  overflow: hidden;
}
.ngdialog.expiration-message .ngdialog-content {
  max-width: 400px;
  text-align: center;
}
.ngdialog.expiration-message .ngdialog-content > section > footer {
  text-align: center;
}
.ngdialog.expiration-message .ngdialog-content button {
  width: 100%;
}
.ngdialog.expiration-redirection .ngdialog-content {
  max-width: 400px;
  text-align: center;
}
.ngdialog.expiration-redirection .ngdialog-content p:after {
  display: block;
  font-size: 30px;
  margin: 10px auto 0;
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  font-family: 'FontAwesome';
  content: '\f1ce';
}
.alert {
  display: block;
  padding: 20px;
  margin: 0 0 20px;
  color: #455b73;
  background: #cbeceb;
  -webkit-box-shadow: 5px 5px 0 0 rgba(69, 91, 115, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(69, 91, 115, 0.3);
  box-shadow: 5px 5px 0 0 rgba(69, 91, 115, 0.3);
}
.alert a.boton {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.alert a.boton:hover,
.alert a.boton:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
.alert a.boton:active,
.alert a.boton.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
.alert a.boton:disabled,
.alert a.boton.disabled,
.alert a.boton:disabled:hover,
.alert a.boton.disabled:hover,
.alert a.boton:disabled:focus,
.alert a.boton.disabled:focus,
.alert a.boton:disabled:active,
.alert a.boton.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.alert a.boton:hover {
  text-decoration: none;
}
.alert *:first-child {
  margin-top: 0;
}
.alert *:last-child {
  margin-bottom: 0;
}
.alert.error {
  color: darkred;
  background: #f3e6e6;
  -webkit-box-shadow: 5px 5px 0 0 rgba(139, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(139, 0, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(139, 0, 0, 0.3);
}
.alert.success {
  color: darkgreen;
  background: #e6f0e6;
  -webkit-box-shadow: 5px 5px 0 0 rgba(0, 100, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(0, 100, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(0, 100, 0, 0.3);
}
.alert.warning {
  color: #333;
  background: #fff6e6;
  -webkit-box-shadow: 5px 5px 0 0 rgba(255, 165, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(255, 165, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(255, 165, 0, 0.3);
}
.field-date {
  float: left;
  clear: both;
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-top: 5px;
}
.field-date input {
  margin-top: 0;
  padding-right: 45px;
}
.field-date input[disabled] ~ .datepicker-trigger {
  display: none;
}
.field-date .datepicker-trigger {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  padding: 0 0 0 32px;
  overflow: hidden;
  background: ghostwhite;
  background: -moz-linear-gradient(top, #ffffff 0%, #dfdfff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dfdfff 100%);
  -webkit-box-shadow: inset 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 2px #ffffff;
  box-shadow: inset 0 0 2px #ffffff;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border: 1px solid #c5c5ff;
  cursor: pointer;
}
.field-date .datepicker-trigger:before {
  font-family: 'FontAwesome';
  content: '\f073';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  line-height: 32px;
  text-align: center;
}
.field-date .inetsys-calendar {
  -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
}
.field-date .inetsys-calendar button {
  border-width: 1px;
}
#study-logo-preview > div {
  float: left;
  clear: both;
}
#study-logo-preview figure {
  display: block;
  margin: 0 0 10px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 7px 0 black;
  -moz-box-shadow: inset 0 0 7px 0 black;
  box-shadow: inset 0 0 7px 0 black;
  background: ghostwhite;
  max-width: 200px;
  max-height: 200px;
}
#study-logo-preview figure img {
  -webkit-box-shadow: 0 0 3px 0 black;
  -moz-box-shadow: 0 0 3px 0 black;
  box-shadow: 0 0 3px 0 black;
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  max-width: 100%;
  max-height: 100%;
}
#study-logo-preview .alert {
  margin-bottom: 10px;
}
#study-logo-preview button {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: darkred;
  background: -moz-linear-gradient(top, #a40000 0%, #720000 100%);
  background: -webkit-linear-gradient(top, #a40000 0%, #720000 100%);
  background: linear-gradient(to bottom, #a40000 0%, #720000 100%);
  border-color: #3e0000;
  -webkit-box-shadow: inset 0 0 2px #d70000;
  -moz-box-shadow: inset 0 0 2px #d70000;
  box-shadow: inset 0 0 2px #d70000;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
#study-logo-preview button:hover,
#study-logo-preview button:focus {
  background: #a40000;
  background: -moz-linear-gradient(top, #be0000 0%, #8b0000 100%);
  background: -webkit-linear-gradient(top, #be0000 0%, #8b0000 100%);
  background: linear-gradient(to bottom, #be0000 0%, #8b0000 100%);
}
#study-logo-preview button:active,
#study-logo-preview button.active {
  background: #720000;
  background: -moz-linear-gradient(top, #8b0000 0%, #580000 100%);
  background: -webkit-linear-gradient(top, #8b0000 0%, #580000 100%);
  background: linear-gradient(to bottom, #8b0000 0%, #580000 100%);
}
#study-logo-preview button:disabled,
#study-logo-preview button.disabled,
#study-logo-preview button:disabled:hover,
#study-logo-preview button.disabled:hover,
#study-logo-preview button:disabled:focus,
#study-logo-preview button.disabled:focus,
#study-logo-preview button:disabled:active,
#study-logo-preview button.disabled:active {
  cursor: not-allowed;
  background: #b25555;
  background: -moz-linear-gradient(top, #ba6767 0%, #a34a4a 100%);
  background: -webkit-linear-gradient(top, #ba6767 0%, #a34a4a 100%);
  background: linear-gradient(to bottom, #ba6767 0%, #a34a4a 100%);
  border-color: #803a3a;
  -webkit-box-shadow: inset 0 0 2px #c27878;
  -moz-box-shadow: inset 0 0 2px #c27878;
  box-shadow: inset 0 0 2px #c27878;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#study-logo-preview button:hover {
  text-decoration: none;
}
.plan-upgrade {
  margin: 1em 0;
}
.plan-upgrade ul li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.actions .prev {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.actions .prev:hover,
.actions .prev:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
.actions .prev:active,
.actions .prev.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
.actions .prev:disabled,
.actions .prev.disabled,
.actions .prev:disabled:hover,
.actions .prev.disabled:hover,
.actions .prev:disabled:focus,
.actions .prev.disabled:focus,
.actions .prev:disabled:active,
.actions .prev.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions .prev:hover {
  text-decoration: none;
}
.actions .prev:before {
  display: inline-block;
  margin: 0 10px 0 0;
  font-family: 'FontAwesome';
  content: '\f060';
}
.actions .next {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
  float: right;
}
.actions .next:hover,
.actions .next:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
.actions .next:active,
.actions .next.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
.actions .next:disabled,
.actions .next.disabled,
.actions .next:disabled:hover,
.actions .next.disabled:hover,
.actions .next:disabled:focus,
.actions .next.disabled:focus,
.actions .next:disabled:active,
.actions .next.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions .next:hover {
  text-decoration: none;
}
.actions .next:after {
  display: inline-block;
  margin: 0 0 0 10px;
  font-family: 'FontAwesome';
  content: '\f061';
}
.actions .next.running:before {
  display: none;
}
.actions .next.running:after {
  font-family: 'FontAwesome';
  content: '\f1ce';
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  text-shadow: none;
}
.actions .confirm {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #e67259;
  background: -moz-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: -webkit-linear-gradient(top, #e9856f 0%, #e35f43 100%);
  background: linear-gradient(to bottom, #e9856f 0%, #e35f43 100%);
  border-color: #d33f20;
  -webkit-box-shadow: inset 0 0 2px #f0aa9b;
  -moz-box-shadow: inset 0 0 2px #f0aa9b;
  box-shadow: inset 0 0 2px #f0aa9b;
  color: white;
  text-shadow: 1px 1px 0 #333;
  float: right;
}
.actions .confirm:hover,
.actions .confirm:focus {
  background: #e9856f;
  background: -moz-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: -webkit-linear-gradient(top, #ed9885 0%, #e67259 100%);
  background: linear-gradient(to bottom, #ed9885 0%, #e67259 100%);
}
.actions .confirm:active,
.actions .confirm.active {
  background: #e35f43;
  background: -moz-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: -webkit-linear-gradient(top, #e67259 0%, #df4c2d 100%);
  background: linear-gradient(to bottom, #e67259 0%, #df4c2d 100%);
}
.actions .confirm:disabled,
.actions .confirm.disabled,
.actions .confirm:disabled:hover,
.actions .confirm.disabled:hover,
.actions .confirm:disabled:focus,
.actions .confirm.disabled:focus,
.actions .confirm:disabled:active,
.actions .confirm.disabled:active {
  cursor: not-allowed;
  background: #eea190;
  background: -moz-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: -webkit-linear-gradient(top, #f2b4a6 0%, #eb8e7a 100%);
  background: linear-gradient(to bottom, #f2b4a6 0%, #eb8e7a 100%);
  border-color: #e4694e;
  -webkit-box-shadow: inset 0 0 2px #f5c7bd;
  -moz-box-shadow: inset 0 0 2px #f5c7bd;
  box-shadow: inset 0 0 2px #f5c7bd;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions .confirm:hover {
  text-decoration: none;
}
.actions .confirm:before {
  display: none;
}
.actions .confirm:after {
  display: inline-block;
  margin: 0 0 0 10px;
  font-family: 'FontAwesome';
  content: '\f00c';
}
.actions .confirm.running:before {
  display: none;
}
.actions .confirm.running:after {
  font-family: 'FontAwesome';
  content: '\f1ce';
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  text-shadow: none;
}
.actions .cancel {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: darkred;
  background: -moz-linear-gradient(top, #a40000 0%, #720000 100%);
  background: -webkit-linear-gradient(top, #a40000 0%, #720000 100%);
  background: linear-gradient(to bottom, #a40000 0%, #720000 100%);
  border-color: #3e0000;
  -webkit-box-shadow: inset 0 0 2px #d70000;
  -moz-box-shadow: inset 0 0 2px #d70000;
  box-shadow: inset 0 0 2px #d70000;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.actions .cancel:hover,
.actions .cancel:focus {
  background: #a40000;
  background: -moz-linear-gradient(top, #be0000 0%, #8b0000 100%);
  background: -webkit-linear-gradient(top, #be0000 0%, #8b0000 100%);
  background: linear-gradient(to bottom, #be0000 0%, #8b0000 100%);
}
.actions .cancel:active,
.actions .cancel.active {
  background: #720000;
  background: -moz-linear-gradient(top, #8b0000 0%, #580000 100%);
  background: -webkit-linear-gradient(top, #8b0000 0%, #580000 100%);
  background: linear-gradient(to bottom, #8b0000 0%, #580000 100%);
}
.actions .cancel:disabled,
.actions .cancel.disabled,
.actions .cancel:disabled:hover,
.actions .cancel.disabled:hover,
.actions .cancel:disabled:focus,
.actions .cancel.disabled:focus,
.actions .cancel:disabled:active,
.actions .cancel.disabled:active {
  cursor: not-allowed;
  background: #b25555;
  background: -moz-linear-gradient(top, #ba6767 0%, #a34a4a 100%);
  background: -webkit-linear-gradient(top, #ba6767 0%, #a34a4a 100%);
  background: linear-gradient(to bottom, #ba6767 0%, #a34a4a 100%);
  border-color: #803a3a;
  -webkit-box-shadow: inset 0 0 2px #c27878;
  -moz-box-shadow: inset 0 0 2px #c27878;
  box-shadow: inset 0 0 2px #c27878;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions .cancel:hover {
  text-decoration: none;
}
.actions .cancel:before {
  display: none;
}
.actions .cancel:after {
  display: inline-block;
  margin: 0 0 0 10px;
  font-family: 'FontAwesome';
  content: '\f00d';
}
.actions .cancel.running:before {
  display: none;
}
.actions .cancel.running:after {
  font-family: 'FontAwesome';
  content: '\f1ce';
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  text-shadow: none;
}
.actions .edit {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.actions .edit:hover,
.actions .edit:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
.actions .edit:active,
.actions .edit.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
.actions .edit:disabled,
.actions .edit.disabled,
.actions .edit:disabled:hover,
.actions .edit.disabled:hover,
.actions .edit:disabled:focus,
.actions .edit.disabled:focus,
.actions .edit:disabled:active,
.actions .edit.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions .edit:hover {
  text-decoration: none;
}
.actions .edit:before {
  display: inline-block;
  margin: 0 10px 0 0;
  font-family: 'FontAwesome';
  content: '\f044';
}
.actions .renew {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.actions .renew:hover,
.actions .renew:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
.actions .renew:active,
.actions .renew.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
.actions .renew:disabled,
.actions .renew.disabled,
.actions .renew:disabled:hover,
.actions .renew.disabled:hover,
.actions .renew:disabled:focus,
.actions .renew.disabled:focus,
.actions .renew:disabled:active,
.actions .renew.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions .renew:hover {
  text-decoration: none;
}
.actions .renew:before {
  display: inline-block;
  margin: 0 10px 0 0;
  font-family: 'FontAwesome';
  content: '\f021';
}
.actions .new {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
}
.actions .new:hover,
.actions .new:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
.actions .new:active,
.actions .new.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
.actions .new:disabled,
.actions .new.disabled,
.actions .new:disabled:hover,
.actions .new.disabled:hover,
.actions .new:disabled:focus,
.actions .new.disabled:focus,
.actions .new:disabled:active,
.actions .new.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
.actions .new:hover {
  text-decoration: none;
}
.actions .new:before {
  display: inline-block;
  margin: 0 10px 0 0;
  font-family: 'FontAwesome';
  content: '\f067';
}
#current-card-info + #card-form {
  margin-top: 20px;
}
#stripe-card-elements {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#stripe-card-elements .field {
  margin-top: 0;
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 200px;
  -moz-box-flex: 0;
  -moz-flex: 0 1 200px;
  -ms-flex: 0 1 200px;
  flex: 0 1 200px;
}
#stripe-card-elements .field:first-child {
  margin-left: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 1px;
  -moz-box-flex: 1;
  -moz-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
}
#stripe-card-elements .field div {
  height: auto;
}
#stripe-card-elements .field .input {
  background: white;
  height: 34px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#stripe-card-elements .field-errors {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.select-language {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}
.select-language:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.select-language li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.select-language li + li {
  margin-left: 5px;
}
.select-language li + li:before {
  display: inline-block;
  content: '|';
  margin: 0 5px 0 0;
}
.select-language button {
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: none;
  background: transparent;
  border: none;
}
.select-language button:hover {
  cursor: pointer;
  text-decoration: underline;
}
.modal-loading {
  text-align: center;
}
.modal-loading .ngdialog-content {
  max-width: 500px;
}
.modal-loading p:after {
  display: block;
  width: 30px;
  height: 30px;
  margin: 10px auto 0;
  font-family: 'FontAwesome';
  content: '\f1ce';
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  font-size: 30px;
  line-height: 30px;
}
.message-loading {
  border: 1px solid #70a9a6;
  background: #cbeceb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
}
.message-loading:before {
  display: inline-block;
  margin-right: 10px;
  font-family: 'FontAwesome';
  content: '\f110';
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  width: 15px;
  height: 15px;
  font-size: 15px;
  line-height: 15px;
}
#obsolete-browser {
  display: table;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  background: #73A8A4 url(../images/desktop.png) center 0 no-repeat;
}
#obsolete-browser > div {
  display: table-row;
}
#obsolete-browser > div > div {
  display: table-cell;
  padding: 70px 0 20px;
  width: 90%;
  max-width: 400px;
}
@media screen and (max-width: 450px) {
  #obsolete-browser > div > div {
    width: auto;
    left: 20px;
    right: 20px;
    margin-left: 0;
  }
}
#obsolete-browser > div > div #header {
  display: block;
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  box-shadow: 10px 10px 0 rgba(79, 127, 124, 0.7);
  background: #E5EDEF;
}
#obsolete-browser > div > div #header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#obsolete-browser > div > div #header h1 {
  margin: 0;
  background: #455B73;
}
#obsolete-browser > div > div #header h1 a {
  display: block;
  padding: 25px;
  border: none;
  float: none;
}
#obsolete-browser > div > div #header h1 img {
  display: block;
  margin: 0 auto;
}
#obsolete-browser > div > div #header h2 {
  display: block;
  padding: 140px 25px 0;
  margin: 30px 0 0;
  position: relative;
  color: #455B73;
}
#obsolete-browser > div > div #header h2:before {
  display: block;
  width: 120px;
  height: 120px;
  background: #c7d8d7;
  color: #e05a57;
  content: '!?';
  text-shadow: 5px 5px 0 white;
  font-size: 100px;
  font-weight: 700;
  line-height: 120px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -60px;
  border-radius: 60px;
}
#obsolete-browser > div > div #main {
  display: block;
  width: 90%;
  max-width: 400px;
  margin: 0 auto 20px;
  padding: 30px 0 20px;
  text-align: left;
  border: none;
  background: #E5EDEF;
  box-shadow: 10px 10px 0 rgba(79, 127, 124, 0.7);
}
#obsolete-browser > div > div #main:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#obsolete-browser > div > div #main p {
  padding: 0 20px;
  color: #333;
  line-height: 1.3em;
}
#obsolete-browser > div > div #main .message {
  font-weight: 400;
  color: darkred;
  border-top: 1px solid darkred;
  border-bottom: 1px solid darkred;
  background: #f3e6e6;
  display: block;
  margin: 0 0 20px;
  padding: 15px 20px;
}
#obsolete-browser > div > div #main .link {
  margin-top: 20px;
  text-align: center;
}
#obsolete-browser #footer {
  display: table-row;
  border-top: none;
  text-align: center;
  width: 100%;
  color: #dadee3;
}
#obsolete-browser #footer > div {
  vertical-align: bottom;
  padding: 0 0 20px;
}
#obsolete-browser #footer a {
  color: white;
}
#obsolete-browser #footer ul,
#obsolete-browser #footer li {
  display: inline;
}
#obsolete-browser a {
  color: #4a5a73;
}
.sharecrf-version {
  text-align: center;
  font-size: .8em;
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
  padding: 0 20px;
}
body > header {
  background: black;
  color: white;
}
body > header .wrapper {
  padding-top: 2px;
  padding-bottom: 2px;
}
body > header .wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#logo {
  display: block;
  margin: 2px 20px 3px 0;
  float: left;
  max-width: 20%;
}
#logo img {
  display: block;
  margin: 0;
  border: none;
  max-width: 100%;
}
#main-menu {
  background: #455b73;
  border-color: #8fd7d4;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
#main-menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#main-menu ul {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
#main-menu ul li {
  float: left;
  border-width: 0;
  margin: 0;
  padding: 0;
}
#main-menu a {
  display: block;
  margin: 3px 0 0;
  padding: 0 10px;
  line-height: 29px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  color: white;
  text-decoration: none;
  transition: .3s all;
}
#main-menu a:hover,
#main-menu a:active {
  text-decoration: none;
  color: #8fd7d4;
}
#main-menu a.active,
#main-menu a.active:active,
#main-menu a.active:hover {
  background: #8fd7d4;
  color: #455b73;
}
#secondary-menu {
  background: #8fd7d4;
}
#secondary-menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#secondary-menu ul {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
#secondary-menu ul li {
  display: block;
  float: left;
  margin: 2px 0 5px;
  padding: 0;
  border-left-style: dashed;
  border-left-width: 1px;
}
#secondary-menu ul li:first-child {
  border-left: none;
}
#secondary-menu ul li:first-child a {
  padding-left: 0;
}
#secondary-menu a {
  display: inline-block;
  padding: 0px 10px;
  color: #455b73;
  text-decoration: none;
  transition: .3s all;
}
#secondary-menu a:hover,
#secondary-menu a:active,
#secondary-menu a.active {
  color: white;
  text-decoration: none;
}
#user-menu {
  float: right;
  clear: none;
  line-height: 1.42857143;
  position: relative;
}
#user-menu #login-link {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  background: #455b73;
  background: -moz-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: -webkit-linear-gradient(top, #4f6883 0%, #3b4e63 100%);
  background: linear-gradient(to bottom, #4f6883 0%, #3b4e63 100%);
  border-color: #283543;
  -webkit-box-shadow: inset 0 0 2px #6381a1;
  -moz-box-shadow: inset 0 0 2px #6381a1;
  box-shadow: inset 0 0 2px #6381a1;
  color: white;
  text-shadow: 1px 1px 0 #333;
  padding: 6px 20px;
  margin: 9px 0;
  display: inline-block;
}
#user-menu #login-link:hover,
#user-menu #login-link:focus {
  background: #4f6883;
  background: -moz-linear-gradient(top, #587493 0%, #455b73 100%);
  background: -webkit-linear-gradient(top, #587493 0%, #455b73 100%);
  background: linear-gradient(to bottom, #587493 0%, #455b73 100%);
}
#user-menu #login-link:active,
#user-menu #login-link.active {
  background: #3b4e63;
  background: -moz-linear-gradient(top, #455b73 0%, #324253 100%);
  background: -webkit-linear-gradient(top, #455b73 0%, #324253 100%);
  background: linear-gradient(to bottom, #455b73 0%, #324253 100%);
}
#user-menu #login-link:disabled,
#user-menu #login-link.disabled,
#user-menu #login-link:disabled:hover,
#user-menu #login-link.disabled:hover,
#user-menu #login-link:disabled:focus,
#user-menu #login-link.disabled:focus,
#user-menu #login-link:disabled:active,
#user-menu #login-link.disabled:active {
  cursor: not-allowed;
  background: #8392a2;
  background: -moz-linear-gradient(top, #929ead 0%, #748597 100%);
  background: -webkit-linear-gradient(top, #929ead 0%, #748597 100%);
  background: linear-gradient(to bottom, #929ead 0%, #748597 100%);
  border-color: #5d6b7b;
  -webkit-box-shadow: inset 0 0 2px #a0abb8;
  -moz-box-shadow: inset 0 0 2px #a0abb8;
  box-shadow: inset 0 0 2px #a0abb8;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#user-menu #login-link:hover {
  text-decoration: none;
}
#user-menu #logout-link {
  border: none;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  padding: 0;
  margin: 0;
  background: transparent;
  text-shadow: 0 0 0 transparent;
  transition: all .3s;
}
#user-menu #logout-link:hover {
  color: darkred;
}
#user-menu .help {
  float: right;
  position: relative;
  margin: 0 0 0 5px;
}
#user-menu .help:hover {
  overflow: inherit;
}
#user-menu .help:hover .tooltip {
  opacity: 1;
  z-index: 100;
}
#user-menu .help:before {
  color: white;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  cursor: help;
  font-family: 'FontAwesome';
  content: '\f128';
}
#user-menu .help .tooltip {
  padding: 3px 10px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: all .3s;
  font-size: 12px;
  max-width: 250px;
  width: auto;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  background: #212121;
  color: white;
  -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 0 transparent;
  bottom: auto;
  left: auto;
  right: 100%;
  top: 0;
  margin: 0 10px 0 0;
  top: 10px;
}
#user-menu .help .tooltip:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#user-menu .help .tooltip:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#user-menu .help .tooltip:before {
  bottom: auto;
  right: auto;
  top: 7px;
  right: -5px;
  border-color: transparent transparent transparent #212121;
  border-width: 5px 0 5px 5px;
}
#user-menu .help .tooltip:after {
  bottom: auto;
  right: auto;
  top: 10px;
  right: -8px;
  border-color: transparent transparent transparent black;
  border-width: 5px 0 5px 5px;
  opacity: .3;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#user-menu .help .tooltip:after {
  top: 12px;
}
#user-menu .help + label {
  font-weight: 700;
}
#user-menu .tooltip {
  display: none;
}
#user-menu:hover .tooltip {
  display: block;
}
#toggle-user-info {
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #333;
  background: -moz-linear-gradient(top, #404040 0%, #262626 100%);
  background: -webkit-linear-gradient(top, #404040 0%, #262626 100%);
  background: linear-gradient(to bottom, #404040 0%, #262626 100%);
  border-color: #0d0d0d;
  -webkit-box-shadow: inset 0 0 2px #595959;
  -moz-box-shadow: inset 0 0 2px #595959;
  box-shadow: inset 0 0 2px #595959;
  color: white;
  text-shadow: 1px 1px 0 #333;
  display: block;
  height: 30px;
  width: 30px;
  overflow: hidden;
  padding: 0 0 0 30px;
  margin: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
  position: relative;
  float: right;
  clear: none;
  margin-left: 5px;
}
#toggle-user-info:hover,
#toggle-user-info:focus {
  background: #404040;
  background: -moz-linear-gradient(top, #4d4d4d 0%, #333333 100%);
  background: -webkit-linear-gradient(top, #4d4d4d 0%, #333333 100%);
  background: linear-gradient(to bottom, #4d4d4d 0%, #333333 100%);
}
#toggle-user-info:active,
#toggle-user-info.active {
  background: #262626;
  background: -moz-linear-gradient(top, #333333 0%, #1a1a1a 100%);
  background: -webkit-linear-gradient(top, #333333 0%, #1a1a1a 100%);
  background: linear-gradient(to bottom, #333333 0%, #1a1a1a 100%);
}
#toggle-user-info:disabled,
#toggle-user-info.disabled,
#toggle-user-info:disabled:hover,
#toggle-user-info.disabled:hover,
#toggle-user-info:disabled:focus,
#toggle-user-info.disabled:focus,
#toggle-user-info:disabled:active,
#toggle-user-info.disabled:active {
  cursor: not-allowed;
  background: #777777;
  background: -moz-linear-gradient(top, #848484 0%, #6a6a6a 100%);
  background: -webkit-linear-gradient(top, #848484 0%, #6a6a6a 100%);
  background: linear-gradient(to bottom, #848484 0%, #6a6a6a 100%);
  border-color: #515151;
  -webkit-box-shadow: inset 0 0 2px #919191;
  -moz-box-shadow: inset 0 0 2px #919191;
  box-shadow: inset 0 0 2px #919191;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#toggle-user-info:hover {
  text-decoration: none;
}
#toggle-user-info:before,
#toggle-user-info:after {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 1px;
  transition: opacity .5s;
}
#toggle-user-info:before {
  font-family: 'FontAwesome';
  content: '\f007';
  opacity: 1;
}
#toggle-user-info:after {
  font-family: 'FontAwesome';
  content: '\f007';
  opacity: 0;
}
#toggle-user-info.visible:before {
  opacity: 0;
}
#toggle-user-info.visible:after {
  opacity: 1;
}
#user-name--username {
  white-space: nowrap;
  float: left;
  line-height: 30px;
}
#user-name--profile {
  float: left;
  white-space: nowrap;
  line-height: 30px;
  margin-left: 5px;
  color: #8fd7d4;
}
#user-name--profile:before {
  content: '(';
}
#user-name--profile:after {
  content: ')';
}
#user-info {
  position: absolute;
  top: 46px;
  right: -14px;
  max-width: 300px;
  width: auto;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  min-width: 200px;
  -webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.3);
  z-index: 100;
  background: #f0f7f7;
  color: #263240;
}
#user-info:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f0f7f7 transparent;
  position: absolute;
  top: -10px;
  right: 20px;
  z-index: 100;
}
#user-info > div {
  padding: 10px 20px;
}
#user-info > div:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#user-info > div + div {
  border-top: 1px solid #cee6e5;
}
#user-info strong:before {
  font-weight: 400;
}
#user-info ul {
  float: none;
  list-style: none;
  padding: 0;
  margin: 0 -20px;
  display: block;
}
#user-info ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  transition: background .3s;
}
#user-info ul li:hover {
  background: #dfefee;
}
#user-info a {
  display: block;
  text-decoration: none;
  padding: 5px 20px;
}
.logout-link {
  cursor: pointer;
  display: block;
  width: 100%;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background: transparent;
  border-width: 1px 0 0;
  border-color: #cee6e5;
  padding: 0 20px;
  text-align: left;
  outline: none;
  text-decoration: none;
  line-height: 40px;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  text-shadow: none;
}
.logout-link:before {
  margin: 0 10px 0 0;
  font-family: 'FontAwesome';
  content: '\f08b';
}
#toggle-help-info {
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background: #333;
  background: -moz-linear-gradient(top, #404040 0%, #262626 100%);
  background: -webkit-linear-gradient(top, #404040 0%, #262626 100%);
  background: linear-gradient(to bottom, #404040 0%, #262626 100%);
  border-color: #0d0d0d;
  -webkit-box-shadow: inset 0 0 2px #595959;
  -moz-box-shadow: inset 0 0 2px #595959;
  box-shadow: inset 0 0 2px #595959;
  color: white;
  text-shadow: 1px 1px 0 #333;
  display: block;
  height: 30px;
  width: 30px;
  overflow: hidden;
  padding: 0 0 0 30px;
  margin: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
  position: relative;
  float: right;
  clear: none;
  margin-left: 5px;
}
#toggle-help-info:hover,
#toggle-help-info:focus {
  background: #404040;
  background: -moz-linear-gradient(top, #4d4d4d 0%, #333333 100%);
  background: -webkit-linear-gradient(top, #4d4d4d 0%, #333333 100%);
  background: linear-gradient(to bottom, #4d4d4d 0%, #333333 100%);
}
#toggle-help-info:active,
#toggle-help-info.active {
  background: #262626;
  background: -moz-linear-gradient(top, #333333 0%, #1a1a1a 100%);
  background: -webkit-linear-gradient(top, #333333 0%, #1a1a1a 100%);
  background: linear-gradient(to bottom, #333333 0%, #1a1a1a 100%);
}
#toggle-help-info:disabled,
#toggle-help-info.disabled,
#toggle-help-info:disabled:hover,
#toggle-help-info.disabled:hover,
#toggle-help-info:disabled:focus,
#toggle-help-info.disabled:focus,
#toggle-help-info:disabled:active,
#toggle-help-info.disabled:active {
  cursor: not-allowed;
  background: #777777;
  background: -moz-linear-gradient(top, #848484 0%, #6a6a6a 100%);
  background: -webkit-linear-gradient(top, #848484 0%, #6a6a6a 100%);
  background: linear-gradient(to bottom, #848484 0%, #6a6a6a 100%);
  border-color: #515151;
  -webkit-box-shadow: inset 0 0 2px #919191;
  -moz-box-shadow: inset 0 0 2px #919191;
  box-shadow: inset 0 0 2px #919191;
  color: white;
  text-shadow: 1px 1px 0 #555;
}
#toggle-help-info:hover {
  text-decoration: none;
}
#toggle-help-info:before,
#toggle-help-info:after {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 1px;
  transition: opacity .5s;
}
#toggle-help-info:before {
  font-family: 'FontAwesome';
  content: '\f128';
  opacity: 1;
}
#toggle-help-info:after {
  font-family: 'FontAwesome';
  content: '\f128';
  opacity: 0;
}
#toggle-help-info.visible:before {
  opacity: 0;
}
#toggle-help-info.visible:after {
  opacity: 1;
}
#help-menu {
  position: relative;
}
#help-info {
  position: absolute;
  top: 46px;
  right: -14px;
  max-width: 300px;
  width: auto;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  min-width: 200px;
  -webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.3);
  z-index: 100;
  background: #f0f7f7;
  color: #263240;
}
#help-info:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f0f7f7 transparent;
  position: absolute;
  top: -10px;
  right: 20px;
  z-index: 100;
}
#help-info ul {
  float: none;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
#help-info ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  transition: background .3s;
}
#help-info ul li + li {
  border-top: 1px solid #cee6e5;
}
#help-info ul li:hover {
  background: #dfefee;
}
#help-info a {
  display: block;
  text-decoration: none;
  padding: 10px 20px;
}
.last-login-info {
  background-color: #FAD201;
  color: #333;
  text-align: right;
}
.last-login-info-content {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
.last-login-info-content span {
  font-size: .9em;
  line-height: 20px;
}
.last-login-info-content button {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 18px;
  border-style: solid;
  border-width: 1px;
  background: #FAD201;
  background: -moz-linear-gradient(top, #fed916 0%, #e1bd01 100%);
  background: -webkit-linear-gradient(top, #fed916 0%, #e1bd01 100%);
  background: linear-gradient(to bottom, #fed916 0%, #e1bd01 100%);
  border-color: #ae9201;
  -webkit-box-shadow: inset 0 0 2px #fee149;
  -moz-box-shadow: inset 0 0 2px #fee149;
  box-shadow: inset 0 0 2px #fee149;
  color: white;
  text-shadow: 1px 1px 0 #333;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 22px;
  white-space: nowrap;
  padding: 0;
  overflow: hidden;
  margin: 3px 0 3px 10px;
  color: #333;
  text-shadow: 1px 1px 0 #ccc;
}
.last-login-info-content button:hover,
.last-login-info-content button:focus {
  background: #fed916;
  background: -moz-linear-gradient(top, #fedd30 0%, #fad201 100%);
  background: -webkit-linear-gradient(top, #fedd30 0%, #fad201 100%);
  background: linear-gradient(to bottom, #fedd30 0%, #fad201 100%);
}
.last-login-info-content button:active,
.last-login-info-content button.active {
  background: #e1bd01;
  background: -moz-linear-gradient(top, #fad201 0%, #c7a701 100%);
  background: -webkit-linear-gradient(top, #fad201 0%, #c7a701 100%);
  background: linear-gradient(to bottom, #fad201 0%, #c7a701 100%);
}
.last-login-info-content button:disabled,
.last-login-info-content button.disabled,
.last-login-info-content button:disabled:hover,
.last-login-info-content button.disabled:hover,
.last-login-info-content button:disabled:focus,
.last-login-info-content button.disabled:focus,
.last-login-info-content button:disabled:active,
.last-login-info-content button.disabled:active {
  cursor: not-allowed;
  background: #fce156;
  background: -moz-linear-gradient(top, #fce56f 0%, #fbdd3d 100%);
  background: -webkit-linear-gradient(top, #fce56f 0%, #fbdd3d 100%);
  background: linear-gradient(to bottom, #fce56f 0%, #fbdd3d 100%);
  border-color: #fad40b;
  -webkit-box-shadow: inset 0 0 2px #fdea88;
  -moz-box-shadow: inset 0 0 2px #fdea88;
  box-shadow: inset 0 0 2px #fdea88;
  color: black;
  text-shadow: 1px 1px 0 #555;
}
.last-login-info-content button:hover {
  text-decoration: none;
}
.last-login-info-content button:before {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  vertical-align: top;
}
.last-login-info-content button:before {
  font-family: 'FontAwesome';
  content: '\f00d';
}
* {
  box-sizing: border-box;
}
html {
  height: 100%;
  position: relative;
}
body {
  margin: 0;
  padding: 0 0 120px;
  min-height: 100%;
  position: relative;
}
body > header {
  display: block;
  width: 100%;
  margin: 0;
}
body > header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
body > main {
  display: block;
  width: 100%;
  margin: 0;
}
body > main:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
body > main section {
  padding: 20px 0;
}
body > main aside {
  margin: 20px 0 0;
  padding: 20px;
}
body > main form section {
  padding: 0;
  margin: 20px 0;
}
body > main form article {
  padding: 0 0 0 20px;
}
body > main form article > header {
  margin-left: -20px;
}
body > main form article > header + .field {
  margin-top: 0;
}
body > main form article + article {
  margin-top: 15px;
}
body > main .header,
body > main .subheader {
  padding: 0;
}
body > main .header h1,
body > main .subheader h1 {
  line-height: 1em;
  padding: 20px 0;
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
body > footer {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  text-align: center;
  border-style: solid;
  border-width: 2px 0 0;
}
body > footer:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
section:after,
article:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.wrapper {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
body > footer nav {
  display: block;
  margin: 0;
  padding: 0;
}
body > footer nav ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0px;
}
body > footer nav ul li {
  display: inline;
  padding: 0;
}
body > footer nav ul li:before {
  content: ' | ';
  display: inline;
  margin: 0 .5em;
}
body > footer nav ul li:first-child:before {
  display: none;
}
#creation-access,
#invitations-list {
  padding: 20px 0;
}
#news-bar {
  background: #ffc446;
  height: auto;
  line-height: 24px;
  color: #525252;
  text-align: center;
  padding: 3px 1em;
  font-size: 0.9em;
  -webkit-box-shadow: 0 0 20px #212121;
  -moz-box-shadow: 0 0 20px #212121;
  box-shadow: 0 0 20px #212121;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#news-bar.fixed {
  position: fixed;
  top: 0;
  left: 20%;
  width: 60%;
  z-index: 9999;
}
#news-bar.fixed.bottom {
  bottom: 10%;
  top: auto;
}
#news-bar p {
  margin: 0;
  padding: 0;
}
#news-bar .newsbar-ok {
  margin-left: 1em;
  background: #455b73;
  border: medium none;
  border-radius: 3px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  padding: 3px 10px;
  text-decoration: none;
  transition: background 0.3s ease 0s;
  cursor: pointer;
}
#news-bar .newsbar-ok:hover {
  background: #738eab;
}
#info-environment {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  background: #29ccb1;
  color: #000000;
  padding: 10px 30px;
}
#info-environment--title {
  font-size: 20px;
  color: #000000;
  float: left;
  margin: 0;
  padding: 0;
  line-height: 1em;
}
#info-environment--date {
  float: right;
  margin: 0;
  padding: 0;
  line-height: 20px;
}
#info-environment ~ header {
  margin-top: 40px;
}