@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

meta.foundation-version {
  font-family: "1.2.0";
}

meta.foundation-mq {
  font-family: "small=0&medium=40rem&large=75rem&xlarge=90rem&xxlarge=120rem";
}

/*
  GLOBAL
  ------

  Global styles and settings for Foundation for Apps are stored here. This file must always
  be imported, no matter what.

  Includes:
   -
*/
html,
body {
  height: 100%;
  font-size: 100%;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: Roboto-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

a,
[ui-sref],
[zf-open],
[zf-close],
[zf-toggle] {
  cursor: pointer;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

.padding {
  padding: 1rem;
}

.iconic {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}
a > .iconic {
  margin-top: -2px;
  margin-right: 0.25rem;
}
a > .iconic * {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}
a > .iconic *.iconic-property-accent {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}

.iconic * {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}
.iconic *.iconic-property-accent {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}

.iconic-color-primary * {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}
.iconic-color-primary *.iconic-property-accent {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}

.iconic-color-success * {
  fill: #43ac6a;
  stroke: #43ac6a;
}
.iconic-color-success *.iconic-property-accent {
  fill: #43ac6a;
  stroke: #43ac6a;
}

.iconic-color-warning * {
  fill: #f08a24;
  stroke: #f08a24;
}
.iconic-color-warning *.iconic-property-accent {
  fill: #f08a24;
  stroke: #f08a24;
}

.iconic-color-alert * {
  fill: #f04124;
  stroke: #f04124;
}
.iconic-color-alert *.iconic-property-accent {
  fill: #f04124;
  stroke: #f04124;
}

.iconic-color-dark * {
  fill: #232323;
  stroke: #232323;
}
.iconic-color-dark *.iconic-property-accent {
  fill: #232323;
  stroke: #232323;
}

.iconic-color-secondary * {
  fill: #f1f1f1;
  stroke: #f1f1f1;
}
.iconic-color-secondary *.iconic-property-accent {
  fill: #f1f1f1;
  stroke: #f1f1f1;
}

/*
  BLOCK LIST
  ----------

  A generic list component that can accomodate a variety of styles and controls.

  Features:
   - Icons
   - Labels
   - Chevrons
   - Text fields
   - Dropdown menus
   - Checkbox/radio inputs
*/
/*
  Adds styles for a block list container.

  $font-size: global font size for the list.
  $full-bleed: when "true", the margins of the list invert to line it up with the edge of a padded element.
*/
.block-list {
  margin-bottom: 1rem;
  line-height: 1;
  -moz-user-select: none;
       user-select: none;
}
.block-list,
.block-list ul {
  list-style-type: none;
}
.block-list ul {
  margin-left: 0;
}

/* Styles block list headers on the selector you include this mixin in (normally a <header>).

  $color - color of the header.
  $font-size - font size of the header.
  $offset - left margin to add to the header, to line it up with the list items. */
/* Styles block list items on the selector you include this mixin in (normally an <li>).

  $color - color of items.
  $color-hover - color of items on hover.
  $background - background of items.
  $background-hover - background of items on hover.
  $border - border between items.
  $padding - padding on items. */
/* Adds label styles to the class you include this mixin in.

  $color - color of the label.
  $left-class - extra class to flip the orientation of the label.
  $left-padding - left padding to use for left-hand labels. */
/* Adds support for chevrons, which appear on the right-hand side of the item.

  $color - color of the chevron.
  $padding - include the global padding of block list items here. */
/* Adds icon styles. Call this mixin on a block list container.

  $size - size of the icon as a percentage (decimal) of the list item's height.
  $item-selector - overrides the 'li' selector used for list items. */
/* Adds support for text fields, select menus, and checkbox/radio groups in block lists.

  $color - color of select menu arrow.
  $background-hover - color of select menu when hovered over.
  $padding - include the global padding of block list items here.
  $dropdown-class - class to use for list items that contain a dropdown.
  $switch-class - class to use for switches inside list items. */
.block-list {
  font-size: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.block-list input[type=text], .block-list input[type=password], .block-list input[type=date], .block-list input[type=datetime], .block-list input[type=datetime-local], .block-list input[type=month], .block-list input[type=week], .block-list input[type=email], .block-list input[type=number], .block-list input[type=search], .block-list input[type=tel], .block-list input[type=time], .block-list input[type=url], .block-list input[type=color], .block-list textarea {
  overflow: visible;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  height: 2.6rem;
  padding: 0.6rem 1rem 0.6rem 1rem;
  color: inherit;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.block-list input[type=text]:hover, .block-list input[type=text]:focus, .block-list input[type=password]:hover, .block-list input[type=password]:focus, .block-list input[type=date]:hover, .block-list input[type=date]:focus, .block-list input[type=datetime]:hover, .block-list input[type=datetime]:focus, .block-list input[type=datetime-local]:hover, .block-list input[type=datetime-local]:focus, .block-list input[type=month]:hover, .block-list input[type=month]:focus, .block-list input[type=week]:hover, .block-list input[type=week]:focus, .block-list input[type=email]:hover, .block-list input[type=email]:focus, .block-list input[type=number]:hover, .block-list input[type=number]:focus, .block-list input[type=search]:hover, .block-list input[type=search]:focus, .block-list input[type=tel]:hover, .block-list input[type=tel]:focus, .block-list input[type=time]:hover, .block-list input[type=time]:focus, .block-list input[type=url]:hover, .block-list input[type=url]:focus, .block-list input[type=color]:hover, .block-list input[type=color]:focus, .block-list textarea:hover, .block-list textarea:focus {
  border: 0;
}
.block-list li > input[type=checkbox],
.block-list li > input[type=radio] {
  position: absolute;
  left: -9999px;
}
.block-list li > input[type=checkbox] + label,
.block-list li > input[type=radio] + label {
  display: block;
  font-size: 1rem;
  margin: 0;
}
.block-list li > input[type=checkbox]:checked + label::before,
.block-list li > input[type=radio]:checked + label::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path fill=\"black\" d=\"M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zm6.906 8.875l2.219 2.031-12.063 13.281-6.188-6.188 2.125-2.125 3.938 3.938 9.969-10.938z\"/></svg>");
  content: "";
  background-size: 100% 100%;
  width: 1.5em;
  height: 1.5em;
  color: #3f3f3f;
  float: right;
  pointer-events: none;
  margin-top: -0.25em;
}
@media screen and (min-width: 0\0 ) {
  .block-list li > input[type=checkbox]:checked + label::before,
.block-list li > input[type=radio]:checked + label::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdlJREFUeNrMl0FugzAQRY3TRZeoFyhVL0BOkGTXJezaHZwguUnECaCrdFd6gqQnCN11Uyk5QekNOlONJWMVGMCgfGlkEIY3HnsG2xFM3d96PjQB2AJsWdPtAPYOln+dTwXnuw4DHEGzBvNFN6EDCTiS9XIAwB40acNoucKoxODIie0AwAOCu8KOSnIiNx/MakK+A7sW9oTferxx3fP3T1nURoBG/irGVahHwjHm/Ggx7E3TMVdrQmoP0gngghhpZQ3QvG/EdPLUelARWI8Aycjq9Md0qMIdbcNhjmOKLoY7quk3l1Rebeqg4AwFkmq7LWGOh1pmNY0etZAWSq0OX8HoS4JvWuCopbSY26EGR/CW86K0BF+pwkLwlPuyHJhOCl5oe4ZtF++vOqST+GdOYwO+71pN2VNAjmQGPCe42weuHDg0PI8olUwnYrXTGQJH9gxq8l1LKvrQx4O6/YY32Kp/ugb3ey7gZ4xAzuhYiYTxB/UHZFAuaREVXZ2g6yFlvEC2yoKEmbsRZYNgVLk2JeaOaG+xLHN+WCszDWMqLGOrJFa1DlApjSdwoHJGqGzLIb0+cas0wh5Bh780ngswx8GJD7h8sHg2wLA/mfDLPZpdxOF0quP5rwADAAFIzSRvu1m5AAAAAElFTkSuQmCC);
  }
}
.block-list .with-dropdown {
  color: inherit;
}
.block-list .with-dropdown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  background: 0;
  border: 0;
  height: auto;
  padding: 0.8rem 1rem;
  margin: 0;
  font-size: 1em;
  line-height: 1;
  color: inherit;
  background-color: transparent;
}
.block-list .switch {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.block-list.with-icons li > a,
.block-list.with-icons li > span,
.block-list.with-icons li > label {
  padding-left: 2.8rem;
}
.block-list.with-icons li img,
.block-list.with-icons li .iconic {
  position: absolute;
  top: 0.26rem;
  left: 0.26rem;
  width: 2.08rem;
  height: 2.08rem;
  border-radius: 8px;
  pointer-events: none;
}
.block-list header {
  margin-top: 1em;
  color: #666666;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-left: 1rem;
  font-size: 0.8em;
  cursor: default;
  text-transform: uppercase;
}
.block-list li {
  position: relative;
  border-bottom: 1px solid #d0d0d0;
}
.block-list li:first-child {
  border-top: 1px solid #d0d0d0;
}
.block-list li > a,
.block-list li > span,
.block-list li > label {
  display: block;
  padding: 0.8rem 1rem;
  padding-left: 1rem;
  color: #000;
  line-height: 1;
}
.block-list li > span {
  cursor: default;
}
.block-list li > a,
.block-list li > label {
  cursor: pointer;
}
.block-list li > a:hover,
.block-list li > label:hover {
  color: #000;
}
.block-list li > a:hover,
.block-list li > label:hover,
.block-list li select:hover {
  background: #f4f4f4;
}
.block-list li.caution > a, .block-list li.caution > a:hover {
  color: #f04124;
}
.block-list li.disabled > a {
  cursor: default;
}
.block-list li.disabled > a, .block-list li.disabled > a:hover {
  color: #999;
}
.block-list li.disabled > a:hover {
  background: transparent;
}
.block-list li.with-chevron::after {
  content: "›";
  display: block;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #666666;
  font-size: 2em;
}
.block-list li.with-chevron .block-list-label {
  padding-right: 1.5rem;
}
.block-list li .block-list-label {
  display: inline-block;
  float: right;
  padding: 0;
  color: #999999;
  pointer-events: none;
}
.block-list li .block-list-label.left {
  margin-left: 0.8rem;
  float: none;
}

.button-group > li > a, .button-group > li > label, .button-group > li > button, .button {
  display: inline-block;
  border: 0;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  transition: background 0.25s ease-out;
  vertical-align: middle;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  border-radius: 0;
}

.button {
  font-size: 0.9rem;
  display: inline-block;
  width: auto;
  margin: 0 1rem 1rem 0;
  background: #3f3f3f;
  color: #fff;
}
.button .iconic {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 0.25em;
  margin-top: -2px;
}
.button:hover, .button:focus {
  background: #363636;
  color: #fff;
}
.button .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button.tiny {
  font-size: 0.63rem;
}
.button.tiny .iconic {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 0.25em;
  margin-top: -2px;
}
.button.small {
  font-size: 0.72rem;
}
.button.small .iconic {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 0.25em;
  margin-top: -2px;
}
.button.large {
  font-size: 1.17rem;
}
.button.large .iconic {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 0.25em;
  margin-top: -2px;
}
.button.expand {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.button.secondary {
  background: #f1f1f1;
  color: #000;
}
.button.secondary:hover, .button.secondary:focus {
  background: #cdcdcd;
  color: #000;
}
.button.secondary .iconic * {
  fill: #000;
  stroke: #000;
}
.button.secondary .iconic *.iconic-property-accent {
  fill: #000;
  stroke: #000;
}
.button.success {
  background: #43ac6a;
  color: #fff;
}
.button.success:hover, .button.success:focus {
  background: #39925a;
  color: #fff;
}
.button.success .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button.success .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button.warning {
  background: #f08a24;
  color: #fff;
}
.button.warning:hover, .button.warning:focus {
  background: #dc750f;
  color: #fff;
}
.button.warning .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button.warning .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button.alert {
  background: #f04124;
  color: #fff;
}
.button.alert:hover, .button.alert:focus {
  background: #dc2c0f;
  color: #fff;
}
.button.alert .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button.alert .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button.info {
  background: #a0d3e8;
  color: #000;
}
.button.info:hover, .button.info:focus {
  background: #71bddd;
  color: #000;
}
.button.info .iconic * {
  fill: #000;
  stroke: #000;
}
.button.info .iconic *.iconic-property-accent {
  fill: #000;
  stroke: #000;
}
.button.dark {
  background: #232323;
  color: #fff;
}
.button.dark:hover, .button.dark:focus {
  background: #1e1e1e;
  color: #fff;
}
.button.dark .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button.dark .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button.hollow {
  border: 1px solid #3f3f3f;
  background: transparent;
  color: #3f3f3f;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #6f6f6f;
  background: transparent;
  color: #6f6f6f;
}
.button.hollow .iconic * {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}
.button.hollow .iconic *.iconic-property-accent {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}
.button.hollow:hover .iconic * {
  fill: #6f6f6f;
  stroke: #6f6f6f;
}
.button.hollow:hover .iconic *.iconic-property-accent {
  fill: #6f6f6f;
  stroke: #6f6f6f;
}
.button.hollow.secondary {
  border: 1px solid #f1f1f1;
  background: transparent;
  color: #f1f1f1;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: whitesmoke;
  background: transparent;
  color: whitesmoke;
}
.button.hollow.secondary .iconic * {
  fill: #f1f1f1;
  stroke: #f1f1f1;
}
.button.hollow.secondary .iconic *.iconic-property-accent {
  fill: #f1f1f1;
  stroke: #f1f1f1;
}
.button.hollow.secondary:hover .iconic * {
  fill: whitesmoke;
  stroke: whitesmoke;
}
.button.hollow.secondary:hover .iconic *.iconic-property-accent {
  fill: whitesmoke;
  stroke: whitesmoke;
}
.button.hollow.success {
  border: 1px solid #43ac6a;
  background: transparent;
  color: #43ac6a;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #6dc68e;
  background: transparent;
  color: #6dc68e;
}
.button.hollow.success .iconic * {
  fill: #43ac6a;
  stroke: #43ac6a;
}
.button.hollow.success .iconic *.iconic-property-accent {
  fill: #43ac6a;
  stroke: #43ac6a;
}
.button.hollow.success:hover .iconic * {
  fill: #6dc68e;
  stroke: #6dc68e;
}
.button.hollow.success:hover .iconic *.iconic-property-accent {
  fill: #6dc68e;
  stroke: #6dc68e;
}
.button.hollow.warning {
  border: 1px solid #f08a24;
  background: transparent;
  color: #f08a24;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #f4a75b;
  background: transparent;
  color: #f4a75b;
}
.button.hollow.warning .iconic * {
  fill: #f08a24;
  stroke: #f08a24;
}
.button.hollow.warning .iconic *.iconic-property-accent {
  fill: #f08a24;
  stroke: #f08a24;
}
.button.hollow.warning:hover .iconic * {
  fill: #f4a75b;
  stroke: #f4a75b;
}
.button.hollow.warning:hover .iconic *.iconic-property-accent {
  fill: #f4a75b;
  stroke: #f4a75b;
}
.button.hollow.alert {
  border: 1px solid #f04124;
  background: transparent;
  color: #f04124;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #f4715b;
  background: transparent;
  color: #f4715b;
}
.button.hollow.alert .iconic * {
  fill: #f04124;
  stroke: #f04124;
}
.button.hollow.alert .iconic *.iconic-property-accent {
  fill: #f04124;
  stroke: #f04124;
}
.button.hollow.alert:hover .iconic * {
  fill: #f4715b;
  stroke: #f4715b;
}
.button.hollow.alert:hover .iconic *.iconic-property-accent {
  fill: #f4715b;
  stroke: #f4715b;
}
.button.hollow.info {
  border: 1px solid #a0d3e8;
  background: transparent;
  color: #a0d3e8;
}
.button.hollow.info:hover, .button.hollow.info:focus {
  border-color: #b8deee;
  background: transparent;
  color: #b8deee;
}
.button.hollow.info .iconic * {
  fill: #a0d3e8;
  stroke: #a0d3e8;
}
.button.hollow.info .iconic *.iconic-property-accent {
  fill: #a0d3e8;
  stroke: #a0d3e8;
}
.button.hollow.info:hover .iconic * {
  fill: #b8deee;
  stroke: #b8deee;
}
.button.hollow.info:hover .iconic *.iconic-property-accent {
  fill: #b8deee;
  stroke: #b8deee;
}
.button.hollow.dark {
  border: 1px solid #232323;
  background: transparent;
  color: #232323;
}
.button.hollow.dark:hover, .button.hollow.dark:focus {
  border-color: #5a5a5a;
  background: transparent;
  color: #5a5a5a;
}
.button.hollow.dark .iconic * {
  fill: #232323;
  stroke: #232323;
}
.button.hollow.dark .iconic *.iconic-property-accent {
  fill: #232323;
  stroke: #232323;
}
.button.hollow.dark:hover .iconic * {
  fill: #5a5a5a;
  stroke: #5a5a5a;
}
.button.hollow.dark:hover .iconic *.iconic-property-accent {
  fill: #5a5a5a;
  stroke: #5a5a5a;
}
.button.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.button-group {
  margin: 0;
  margin-bottom: 1rem;
  list-style-type: none;
  display: inline-flex;
  border-radius: 0;
  overflow: hidden;
  font-size: 0.9rem;
}
.button-group > li {
  flex: 0 0 auto;
}
.button-group > li > a, .button-group > li > label, .button-group > li > button {
  border-radius: 0;
  font-size: inherit;
  display: block;
  margin: 0;
}
.button-group > li > input + label {
  margin-left: 0;
}
.button-group > li:not(:last-child) > a, .button-group > li:not(:last-child) > label, .button-group > li:not(:last-child) > button {
  border-right: 1px solid #2f2f2f;
}
.button-group .iconic {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 0.25em;
  margin-top: -2px;
}

.button-group.segmented.alert, .button-group.segmented.warning, .button-group.segmented.success, .button-group.segmented.secondary, .button-group.segmented {
  border: 1px solid #3f3f3f;
  transition-property: background color;
}
.button-group.segmented > li > input[type=radio] {
  position: absolute;
  left: -9999px;
}
.button-group.segmented.alert > li > a, .button-group.segmented.warning > li > a, .button-group.segmented.success > li > a, .button-group.segmented.secondary > li > a, .button-group.segmented > li > a, .button-group.segmented.alert > li > label, .button-group.segmented.warning > li > label, .button-group.segmented.success > li > label, .button-group.segmented.secondary > li > label, .button-group.segmented > li > label, .button-group.segmented.alert > li > button, .button-group.segmented.warning > li > button, .button-group.segmented.success > li > button, .button-group.segmented.secondary > li > button, .button-group.segmented > li > button {
  margin-right: 0;
  background: transparent;
}

.button-group {
  display: inline-flex;
  border-radius: 0;
}
.button-group > li {
  flex: 0 0 auto;
}
.button-group > li > a, .button-group > li > label, .button-group > li > button {
  background: #3f3f3f;
  color: #fff;
  border-color: #363636;
}
.button-group > li > a:hover, .button-group > li > a:focus, .button-group > li > label:hover, .button-group > li > label:focus, .button-group > li > button:hover, .button-group > li > button:focus {
  background: #363636;
  color: #fff;
}
.button-group > li > a .iconic *, .button-group > li > label .iconic *, .button-group > li > button .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group > li > a .iconic *.iconic-property-accent, .button-group > li > label .iconic *.iconic-property-accent, .button-group > li > button .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group > li.is-active > a, .button-group > li.is-active > label, .button-group > li.is-active > button {
  background: #363636;
}
.button-group.secondary > li > a, .button-group.secondary > li > label, .button-group.secondary > li > button {
  background: #f1f1f1;
  color: #000;
  border-color: #cdcdcd;
}
.button-group.secondary > li > a:hover, .button-group.secondary > li > a:focus, .button-group.secondary > li > label:hover, .button-group.secondary > li > label:focus, .button-group.secondary > li > button:hover, .button-group.secondary > li > button:focus {
  background: #cdcdcd;
  color: #000;
}
.button-group.secondary > li > a .iconic *, .button-group.secondary > li > label .iconic *, .button-group.secondary > li > button .iconic * {
  fill: #000;
  stroke: #000;
}
.button-group.secondary > li > a .iconic *.iconic-property-accent, .button-group.secondary > li > label .iconic *.iconic-property-accent, .button-group.secondary > li > button .iconic *.iconic-property-accent {
  fill: #000;
  stroke: #000;
}
.button-group.secondary > li.is-active > a, .button-group.secondary > li.is-active > label, .button-group.secondary > li.is-active > button {
  background: #cdcdcd;
}
.button-group.success > li > a, .button-group.success > li > label, .button-group.success > li > button {
  background: #43ac6a;
  color: #fff;
  border-color: #39925a;
}
.button-group.success > li > a:hover, .button-group.success > li > a:focus, .button-group.success > li > label:hover, .button-group.success > li > label:focus, .button-group.success > li > button:hover, .button-group.success > li > button:focus {
  background: #39925a;
  color: #fff;
}
.button-group.success > li > a .iconic *, .button-group.success > li > label .iconic *, .button-group.success > li > button .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group.success > li > a .iconic *.iconic-property-accent, .button-group.success > li > label .iconic *.iconic-property-accent, .button-group.success > li > button .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group.success > li.is-active > a, .button-group.success > li.is-active > label, .button-group.success > li.is-active > button {
  background: #39925a;
}
.button-group.warning > li > a, .button-group.warning > li > label, .button-group.warning > li > button {
  background: #f08a24;
  color: #fff;
  border-color: #dc750f;
}
.button-group.warning > li > a:hover, .button-group.warning > li > a:focus, .button-group.warning > li > label:hover, .button-group.warning > li > label:focus, .button-group.warning > li > button:hover, .button-group.warning > li > button:focus {
  background: #dc750f;
  color: #fff;
}
.button-group.warning > li > a .iconic *, .button-group.warning > li > label .iconic *, .button-group.warning > li > button .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group.warning > li > a .iconic *.iconic-property-accent, .button-group.warning > li > label .iconic *.iconic-property-accent, .button-group.warning > li > button .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group.warning > li.is-active > a, .button-group.warning > li.is-active > label, .button-group.warning > li.is-active > button {
  background: #dc750f;
}
.button-group.alert > li > a, .button-group.alert > li > label, .button-group.alert > li > button {
  background: #f04124;
  color: #fff;
  border-color: #dc2c0f;
}
.button-group.alert > li > a:hover, .button-group.alert > li > a:focus, .button-group.alert > li > label:hover, .button-group.alert > li > label:focus, .button-group.alert > li > button:hover, .button-group.alert > li > button:focus {
  background: #dc2c0f;
  color: #fff;
}
.button-group.alert > li > a .iconic *, .button-group.alert > li > label .iconic *, .button-group.alert > li > button .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group.alert > li > a .iconic *.iconic-property-accent, .button-group.alert > li > label .iconic *.iconic-property-accent, .button-group.alert > li > button .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group.alert > li.is-active > a, .button-group.alert > li.is-active > label, .button-group.alert > li.is-active > button {
  background: #dc2c0f;
}
.button-group > li.secondary > a, .button-group > li.secondary > label, .button-group > li.secondary > button {
  background: #f1f1f1;
  color: #000;
  border-color: #f1f1f1;
}
.button-group > li.secondary > a:hover, .button-group > li.secondary > a:focus, .button-group > li.secondary > label:hover, .button-group > li.secondary > label:focus, .button-group > li.secondary > button:hover, .button-group > li.secondary > button:focus {
  background: #cdcdcd;
  color: #000;
}
.button-group > li.secondary > a:hover, .button-group > li.secondary > a:focus, .button-group > li.secondary > label:hover, .button-group > li.secondary > label:focus, .button-group > li.secondary > button:hover, .button-group > li.secondary > button:focus {
  border-color: #b5b5b5;
}
.button-group > li.secondary > a .iconic *, .button-group > li.secondary > label .iconic *, .button-group > li.secondary > button .iconic * {
  fill: #000;
  stroke: #000;
}
.button-group > li.secondary > a .iconic *.iconic-property-accent, .button-group > li.secondary > label .iconic *.iconic-property-accent, .button-group > li.secondary > button .iconic *.iconic-property-accent {
  fill: #000;
  stroke: #000;
}
.button-group > li.success > a, .button-group > li.success > label, .button-group > li.success > button {
  background: #43ac6a;
  color: #fff;
  border-color: #43ac6a;
}
.button-group > li.success > a:hover, .button-group > li.success > a:focus, .button-group > li.success > label:hover, .button-group > li.success > label:focus, .button-group > li.success > button:hover, .button-group > li.success > button:focus {
  background: #39925a;
  color: #fff;
}
.button-group > li.success > a:hover, .button-group > li.success > a:focus, .button-group > li.success > label:hover, .button-group > li.success > label:focus, .button-group > li.success > button:hover, .button-group > li.success > button:focus {
  border-color: #328150;
}
.button-group > li.success > a .iconic *, .button-group > li.success > label .iconic *, .button-group > li.success > button .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group > li.success > a .iconic *.iconic-property-accent, .button-group > li.success > label .iconic *.iconic-property-accent, .button-group > li.success > button .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group > li.warning > a, .button-group > li.warning > label, .button-group > li.warning > button {
  background: #f08a24;
  color: #fff;
  border-color: #f08a24;
}
.button-group > li.warning > a:hover, .button-group > li.warning > a:focus, .button-group > li.warning > label:hover, .button-group > li.warning > label:focus, .button-group > li.warning > button:hover, .button-group > li.warning > button:focus {
  background: #dc750f;
  color: #fff;
}
.button-group > li.warning > a:hover, .button-group > li.warning > a:focus, .button-group > li.warning > label:hover, .button-group > li.warning > label:focus, .button-group > li.warning > button:hover, .button-group > li.warning > button:focus {
  border-color: #c2680d;
}
.button-group > li.warning > a .iconic *, .button-group > li.warning > label .iconic *, .button-group > li.warning > button .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group > li.warning > a .iconic *.iconic-property-accent, .button-group > li.warning > label .iconic *.iconic-property-accent, .button-group > li.warning > button .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group > li.alert > a, .button-group > li.alert > label, .button-group > li.alert > button {
  background: #f04124;
  color: #fff;
  border-color: #f04124;
}
.button-group > li.alert > a:hover, .button-group > li.alert > a:focus, .button-group > li.alert > label:hover, .button-group > li.alert > label:focus, .button-group > li.alert > button:hover, .button-group > li.alert > button:focus {
  background: #dc2c0f;
  color: #fff;
}
.button-group > li.alert > a:hover, .button-group > li.alert > a:focus, .button-group > li.alert > label:hover, .button-group > li.alert > label:focus, .button-group > li.alert > button:hover, .button-group > li.alert > button:focus {
  border-color: #c2270d;
}
.button-group > li.alert > a .iconic *, .button-group > li.alert > label .iconic *, .button-group > li.alert > button .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group > li.alert > a .iconic *.iconic-property-accent, .button-group > li.alert > label .iconic *.iconic-property-accent, .button-group > li.alert > button .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group.segmented {
  border-color: #3f3f3f;
}
.button-group.segmented > li > a, .button-group.segmented > li > label, .button-group.segmented > li > button {
  border-color: #3f3f3f;
  color: #3f3f3f;
}
.button-group.segmented > li > a:hover, .button-group.segmented > li > label:hover, .button-group.segmented > li > button:hover {
  background: rgba(63, 63, 63, 0.25);
  color: #3f3f3f;
}
.button-group.segmented > li > a .iconic *, .button-group.segmented > li > label .iconic *, .button-group.segmented > li > button .iconic * {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}
.button-group.segmented > li > a .iconic *.iconic-property-accent, .button-group.segmented > li > label .iconic *.iconic-property-accent, .button-group.segmented > li > button .iconic *.iconic-property-accent {
  fill: #3f3f3f;
  stroke: #3f3f3f;
}
.button-group.segmented > li.is-active > a, .button-group.segmented > li.is-active > a:hover,
.button-group.segmented > li > input:checked + label,
.button-group.segmented > li > input:checked + label:hover {
  background: #3f3f3f;
  color: #fff;
}
.button-group.segmented > li.is-active > a .iconic *,
.button-group.segmented > li > input:checked + label .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group.segmented > li.is-active > a .iconic *.iconic-property-accent,
.button-group.segmented > li > input:checked + label .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group.segmented.secondary {
  border-color: #f1f1f1;
}
.button-group.segmented.secondary > li > a, .button-group.segmented.secondary > li > label, .button-group.segmented.secondary > li > button {
  border-color: #f1f1f1;
  color: #f1f1f1;
}
.button-group.segmented.secondary > li > a:hover, .button-group.segmented.secondary > li > label:hover, .button-group.segmented.secondary > li > button:hover {
  background: rgba(241, 241, 241, 0.25);
  color: #f1f1f1;
}
.button-group.segmented.secondary > li > a .iconic *, .button-group.segmented.secondary > li > label .iconic *, .button-group.segmented.secondary > li > button .iconic * {
  fill: #f1f1f1;
  stroke: #f1f1f1;
}
.button-group.segmented.secondary > li > a .iconic *.iconic-property-accent, .button-group.segmented.secondary > li > label .iconic *.iconic-property-accent, .button-group.segmented.secondary > li > button .iconic *.iconic-property-accent {
  fill: #f1f1f1;
  stroke: #f1f1f1;
}
.button-group.segmented.secondary > li.is-active > a, .button-group.segmented.secondary > li.is-active > a:hover,
.button-group.segmented.secondary > li > input:checked + label,
.button-group.segmented.secondary > li > input:checked + label:hover {
  background: #f1f1f1;
  color: #000;
}
.button-group.segmented.secondary > li.is-active > a .iconic *,
.button-group.segmented.secondary > li > input:checked + label .iconic * {
  fill: #000;
  stroke: #000;
}
.button-group.segmented.secondary > li.is-active > a .iconic *.iconic-property-accent,
.button-group.segmented.secondary > li > input:checked + label .iconic *.iconic-property-accent {
  fill: #000;
  stroke: #000;
}
.button-group.segmented.success {
  border-color: #43ac6a;
}
.button-group.segmented.success > li > a, .button-group.segmented.success > li > label, .button-group.segmented.success > li > button {
  border-color: #43ac6a;
  color: #43ac6a;
}
.button-group.segmented.success > li > a:hover, .button-group.segmented.success > li > label:hover, .button-group.segmented.success > li > button:hover {
  background: rgba(67, 172, 106, 0.25);
  color: #43ac6a;
}
.button-group.segmented.success > li > a .iconic *, .button-group.segmented.success > li > label .iconic *, .button-group.segmented.success > li > button .iconic * {
  fill: #43ac6a;
  stroke: #43ac6a;
}
.button-group.segmented.success > li > a .iconic *.iconic-property-accent, .button-group.segmented.success > li > label .iconic *.iconic-property-accent, .button-group.segmented.success > li > button .iconic *.iconic-property-accent {
  fill: #43ac6a;
  stroke: #43ac6a;
}
.button-group.segmented.success > li.is-active > a, .button-group.segmented.success > li.is-active > a:hover,
.button-group.segmented.success > li > input:checked + label,
.button-group.segmented.success > li > input:checked + label:hover {
  background: #43ac6a;
  color: #fff;
}
.button-group.segmented.success > li.is-active > a .iconic *,
.button-group.segmented.success > li > input:checked + label .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group.segmented.success > li.is-active > a .iconic *.iconic-property-accent,
.button-group.segmented.success > li > input:checked + label .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group.segmented.warning {
  border-color: #f08a24;
}
.button-group.segmented.warning > li > a, .button-group.segmented.warning > li > label, .button-group.segmented.warning > li > button {
  border-color: #f08a24;
  color: #f08a24;
}
.button-group.segmented.warning > li > a:hover, .button-group.segmented.warning > li > label:hover, .button-group.segmented.warning > li > button:hover {
  background: rgba(240, 138, 36, 0.25);
  color: #f08a24;
}
.button-group.segmented.warning > li > a .iconic *, .button-group.segmented.warning > li > label .iconic *, .button-group.segmented.warning > li > button .iconic * {
  fill: #f08a24;
  stroke: #f08a24;
}
.button-group.segmented.warning > li > a .iconic *.iconic-property-accent, .button-group.segmented.warning > li > label .iconic *.iconic-property-accent, .button-group.segmented.warning > li > button .iconic *.iconic-property-accent {
  fill: #f08a24;
  stroke: #f08a24;
}
.button-group.segmented.warning > li.is-active > a, .button-group.segmented.warning > li.is-active > a:hover,
.button-group.segmented.warning > li > input:checked + label,
.button-group.segmented.warning > li > input:checked + label:hover {
  background: #f08a24;
  color: #fff;
}
.button-group.segmented.warning > li.is-active > a .iconic *,
.button-group.segmented.warning > li > input:checked + label .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group.segmented.warning > li.is-active > a .iconic *.iconic-property-accent,
.button-group.segmented.warning > li > input:checked + label .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group.segmented.alert {
  border-color: #f04124;
}
.button-group.segmented.alert > li > a, .button-group.segmented.alert > li > label, .button-group.segmented.alert > li > button {
  border-color: #f04124;
  color: #f04124;
}
.button-group.segmented.alert > li > a:hover, .button-group.segmented.alert > li > label:hover, .button-group.segmented.alert > li > button:hover {
  background: rgba(240, 65, 36, 0.25);
  color: #f04124;
}
.button-group.segmented.alert > li > a .iconic *, .button-group.segmented.alert > li > label .iconic *, .button-group.segmented.alert > li > button .iconic * {
  fill: #f04124;
  stroke: #f04124;
}
.button-group.segmented.alert > li > a .iconic *.iconic-property-accent, .button-group.segmented.alert > li > label .iconic *.iconic-property-accent, .button-group.segmented.alert > li > button .iconic *.iconic-property-accent {
  fill: #f04124;
  stroke: #f04124;
}
.button-group.segmented.alert > li.is-active > a, .button-group.segmented.alert > li.is-active > a:hover,
.button-group.segmented.alert > li > input:checked + label,
.button-group.segmented.alert > li > input:checked + label:hover {
  background: #f04124;
  color: #fff;
}
.button-group.segmented.alert > li.is-active > a .iconic *,
.button-group.segmented.alert > li > input:checked + label .iconic * {
  fill: #fff;
  stroke: #fff;
}
.button-group.segmented.alert > li.is-active > a .iconic *.iconic-property-accent,
.button-group.segmented.alert > li > input:checked + label .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.button-group.tiny {
  font-size: 0.63rem;
}
.button-group.small {
  font-size: 0.72rem;
}
.button-group.large {
  font-size: 1.17rem;
}
.button-group.expand {
  display: flex;
}
.button-group.expand > li {
  flex: 1;
}
.button-group.expand > li > a, .button-group.expand > li > label, .button-group.expand > li > button {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.button-group li.disabled > a, .button-group li.disabled > label, .button-group li.disabled > button {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

/*
  Cards

  Structure:

  titles
  lists
*/
.card {
  border: 1px solid #ededed;
  margin-bottom: 0.5rem;
  background: #fff;
  color: #000;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
  color: inherit;
}
.card ul {
  margin-bottom: 0;
}
.card img {
  width: 100%;
}
.card.primary {
  border: 0;
  margin-bottom: 0.5rem;
  background: #3f3f3f;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card.primary h1,
.card.primary h2,
.card.primary h3,
.card.primary h4,
.card.primary h5,
.card.primary h6 {
  color: inherit;
}
.card.primary ul {
  margin-bottom: 0;
}
.card.primary img {
  width: 100%;
}
.card.primary .card-divider {
  background: #4c4c4c;
  padding: 1rem;
}
.card.success {
  border: 0;
  margin-bottom: 0.5rem;
  background: #43ac6a;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card.success h1,
.card.success h2,
.card.success h3,
.card.success h4,
.card.success h5,
.card.success h6 {
  color: inherit;
}
.card.success ul {
  margin-bottom: 0;
}
.card.success img {
  width: 100%;
}
.card.success .card-divider {
  background: #4ab873;
  padding: 1rem;
}
.card.warning {
  border: 0;
  margin-bottom: 0.5rem;
  background: #f08a24;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card.warning h1,
.card.warning h2,
.card.warning h3,
.card.warning h4,
.card.warning h5,
.card.warning h6 {
  color: inherit;
}
.card.warning ul {
  margin-bottom: 0;
}
.card.warning img {
  width: 100%;
}
.card.warning .card-divider {
  background: #f19233;
  padding: 1rem;
}
.card.alert {
  border: 0;
  margin-bottom: 0.5rem;
  background: #f04124;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card.alert h1,
.card.alert h2,
.card.alert h3,
.card.alert h4,
.card.alert h5,
.card.alert h6 {
  color: inherit;
}
.card.alert ul {
  margin-bottom: 0;
}
.card.alert img {
  width: 100%;
}
.card.alert .card-divider {
  background: #f14e33;
  padding: 1rem;
}
.card.dark {
  border: 0;
  margin-bottom: 0.5rem;
  background: #232323;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card.dark h1,
.card.dark h2,
.card.dark h3,
.card.dark h4,
.card.dark h5,
.card.dark h6 {
  color: inherit;
}
.card.dark ul {
  margin-bottom: 0;
}
.card.dark img {
  width: 100%;
}
.card.dark .card-divider {
  background: #323232;
  padding: 1rem;
}

.card-divider {
  background: #ededed;
  padding: 1rem;
}

.card-section {
  padding: 1rem;
}

/*
  Odds and ends.
*/
.close-button {
  position: absolute;
  color: #999;
  top: 1rem;
  right: 1rem;
  font-size: 2em;
  line-height: 0.5;
  cursor: pointer;
}
.close-button:hover {
  color: #333;
}

ul.thumbnails > li img, .thumbnail {
  padding: 0.5rem;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25);
}

ul.thumbnails > li {
  margin-bottom: 1rem;
}
ul.thumbnails > li a {
  display: block;
}
/*
  FORMS
  -----

  Our form styles include basic resets for text fields, select menus, and so on, along with some of our own custom components.

  Includes:
   - Text fields
   - Text areas
   - Select menus
   - Checkboxes and radio buttons
   - Range slider
   - Progress bars and meters
*/
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=color], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 2.4rem;
  padding: 0.5rem;
  margin: 0 0 1rem 0;
  border-radius: 0;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=week]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=color]:focus, textarea:focus {
  outline: 0;
}
label > input[type=text], label > input[type=password], label > input[type=date], label > input[type=datetime], label > input[type=datetime-local], label > input[type=month], label > input[type=week], label > input[type=email], label > input[type=number], label > input[type=search], label > input[type=tel], label > input[type=time], label > input[type=url], label > input[type=color], label > textarea {
  margin-top: 0.5rem;
}

input[type=search] {
  box-sizing: border-box;
}

input.disabled, input[disabled], input[readonly], fieldset[disabled] input,
textarea.disabled,
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
  cursor: not-allowed;
}

label {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  color: #333;
}
label > input,
label > textarea {
  margin-top: 0.5rem;
}

input[type=checkbox],
input[type=radio] {
  width: 1rem;
  height: 1rem;
}
label > input[type=checkbox],
label > input[type=radio] {
  margin-right: 0.25rem;
}
input[type=checkbox] + label,
input[type=radio] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

.inline-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  margin-bottom: 1rem;
}
label > .inline-label {
  margin-top: 0.5rem;
}
.inline-label > input,
.inline-label > select {
  flex: 1;
  margin: 0;
}
.inline-label > .form-label {
  flex: 0 0 auto;
  background: #eee;
  color: #333;
  border: 1px solid #ccc;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
}
.inline-label > .form-label:first-child {
  border-right: 0;
}
.inline-label > .form-label:last-child {
  border-left: 0;
}
.inline-label > a,
.inline-label > button,
.inline-label > input[type=button],
.inline-label > input[type=submit] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  border-radius: 0;
}

textarea {
  height: auto;
  width: 100%;
  min-height: 50px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 2.4rem;
  padding: 0.5rem;
  margin: 0 0 1rem 0;
  font-size: 1rem;
  border-radius: 0;
}
select:focus {
  outline: 0;
}
select::-ms-expand {
  display: none;
}

input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border: 0;
  line-height: 1;
}
input[type=range]:focus {
  outline: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  height: 1rem;
  background: #ddd;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #3f3f3f;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.25rem;
}
input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 1rem;
  background: #ccc;
}
input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  background: #3f3f3f;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.25rem;
}
input[type=range]::-ms-track {
  height: 1rem;
  background: #ddd;
  color: transparent;
  border: 0;
  overflow: visible;
  border-top: 0.25rem solid #fff;
  border-bottom: 0.25rem solid #fff;
}
input[type=range]::-ms-thumb {
  background: #3f3f3f;
  width: 1.5rem;
  height: 1.5rem;
  border: 0;
}
input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  background: #ddd;
}

output {
  line-height: 1.5rem;
  vertical-align: middle;
  margin-left: 0.5em;
}

input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

progress,
meter {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 1.5rem;
  margin-bottom: 1rem;
  background: #ccc;
  border: 0;
}

progress::-webkit-progress-bar {
  background: #ccc;
}
progress::-webkit-progress-value {
  background: #3f3f3f;
}
progress::-moz-progress-bar {
  background: #3f3f3f;
}
progress.high::-webkit-progress-value {
  background: #43ac6a;
}
progress.high::-moz-progress-bar {
  background: #43ac6a;
}
progress.medium::-webkit-progress-value {
  background: #e7cf00;
}
progress.medium::-moz-progress-bar {
  background: #e7cf00;
}
progress.low::-webkit-progress-value {
  background: #f04124;
}
progress.low::-moz-progress-bar {
  background: #f04124;
}

meter {
  background: #ccc;
}
meter::-webkit-meter-bar {
  background: #ccc;
}
meter::-webkit-meter-optimum-value {
  background: #43ac6a;
}
meter::-webkit-meter-suboptimum-value {
  background: #e7cf00;
}
meter::-webkit-meter-even-less-good-value {
  background: #f04124;
}
meter::-moz-meter-bar {
  background: #3f3f3f;
}
meter:-moz-meter-optimum::-moz-meter-bar {
  background: #43ac6a;
}
meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: #e7cf00;
}
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: #f04124;
}

/*
  PANEL
  -----

  The friendly panel is an all-purpose container for hiding content off-screen.

  Features:
   - Position at top, right, bottom, or left
   - Anchor to grid block or window
   - Define max width or height
   - Transform into grid block depending on screen size
*/
.panel {
  position: absolute;
  z-index: 100;
  overflow-y: auto;
  display: none;
}
.is-active.panel {
  display: block;
}

.panel {
  /*
    Basic styles
  */
  padding: 0;
  background: #fff;
}

.panel-top {
  /*
    Direction
  */
  top: 0;
  left: 0;
  width: 100%;
  /*
    Sizing
  */
  height: 300px;
  /*
    Shadows
  */
}
.panel-top.is-active {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}

.panel-right {
  /*
    Direction
  */
  top: 0;
  right: 0;
  height: 100%;
  /*
    Sizing
  */
  width: 100%;
  /*
    Shadows
  */
}
@media only screen and (min-width: 18.75em) {
  .panel-right {
    width: 300px;
  }
}
.panel-right.is-active {
  box-shadow: -3px 0 10px rgba(0, 0, 0, 0.25);
}

.panel-bottom {
  /*
    Direction
  */
  bottom: 0;
  left: 0;
  width: 100%;
  /*
    Sizing
  */
  height: 300px;
  /*
    Shadows
  */
}
.panel-bottom.is-active {
  box-shadow: 2px -3px 10px rgba(0, 0, 0, 0.25);
}

.panel-left {
  /*
    Direction
  */
  top: 0;
  left: 0;
  height: 100%;
  /*
    Sizing
  */
  width: 100%;
  /*
    Shadows
  */
}
@media only screen and (min-width: 18.75em) {
  .panel-left {
    width: 300px;
  }
}
.panel-left.is-active {
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.25);
}

.panel-fixed {
  position: fixed;
}

/*
  THE GRID
  --------

  Foundation's magical, flexbox-powered grid.

  Features:
   - Horizontal or vertical grids
   - Auto-sizing or percentage width grid blocks
   - Independently-scrollable blocks
   - Column alignment
   - Source ordering
   - Offsets
*/
/*
  Define the size of a grid block. Blocks are flex items. By default, they stretch to fill all available space, based on the size of sibling blocks. This is the "expand" behavior.

  If set to "shrink", the block will contract and only fill as much space as it needs for its content.

  If set to a number, the block will be given a percentage width, based on the total number of columns (12 by default). Percentage widths don't work if a block is inside a vertical grid.

  @group grid

  @param {number|string} $size - Sizing behavior of the block. Should be expand, shrink, or a number.

  @output The flex-basis, flex-grow, and flex-shrink properties.
*/
/*
  Set the orientation of blocks within this block. The grid is re-oriented by changing the flex direction of the block.

  @group grid

  @param {string} $orientation - Direction of the grid, either horizontal or vertical.

  @output A flex-flow property to match the direction given.
*/
/*
  Stretch a grid's child blocks across its cross-axis, making every column appear to have the same height.

  @group grid

  @param {bool} $stretch - Stretch blocks if true, or align blocks to top if false.

  @output Sets align-items to "stretch" if $stretch is true, or "flex-start" (the default value) if false.
*/
/*
  Set the alignment of blocks within a grid.

  left: Items align to the left.
  right: Items align to the right.
  center: Items align to the center.
  justify: Items are spaced equally apart so they occupy the space of the entire grid.
  spaced: Items are given equal space to their left and right.

  @group grid

  @param {string} $align - Alignment to use.

  @output An appropriate justify-content value.
*/
/*
  Set the source order of a block. Items with lower numbers appear first. If multiple items have the same number, the one in the HTML first will appear first.

  @group grid

  @param {number} $order - Position in source order.

  @output An order property.
*/
/*
  Collapse a content block by removing the padding.

  @group grid

  @param {bool} $collapse - Collapses the block if true.

  @output A padding value.

  @todo No way to reverse collapse using this mixin. Solution:
    - If true, add padding: 0;
    - If false, add padding: 1rem;
    - If null, add nothing, to cut down on CSS output
    - Make null the default value
*/
/*
  Constrain the size of a block to the size of the average grid row, and center-align it. This imitates the behavior of ordinary Foundation rows.

  @group grid

  @param {bool} $container - Adds container styles if true.

  @output A maximum width and the good old margin: 0 auto for center alignment.
*/
/*
  Add negative margins to a block, equal to the padding of a content block. This aligns the edges of a block nested inside a content block.

  @group grid

  @param {bool} $nest - Adds negative margins if true.

  @output Negative margin values.
*/
/*
  Offset a block by adding a left margin.

  @group grid

  @param {number | bool} $offset - If false, nothing is output. If a number, offsets the column by the specified number of columns.

  @output A left margin based on the number of columns specified, and the global number of columns.
*/
/*
  Resets styles set by panels. Use this when a panel transforms into a block on larger screens.

  @group grid

  @output Resets to transform, position, and a few visual styles.
*/
/*
  Frames are containers that stretch to the full dimmensions of the browser window.
*/
/*
  Groups are collections of content items. They're the "rows" of Foundation for Apps.
*/
/*
  Blocks are containers for actual content. They're the "columns" of Foundation for Apps.
*/
.vertical.xlarge-grid-block, .vertical.large-grid-block, .vertical.medium-grid-block, .vertical.small-grid-block, .vertical.grid-block, .vertical.grid-frame {
  flex-flow: column nowrap;
  align-items: stretch;
}
.small-vertical.xlarge-grid-block, .small-vertical.large-grid-block, .small-vertical.medium-grid-block, .small-vertical.small-grid-block, .small-vertical.grid-block, .small-vertical.grid-frame {
  flex-flow: column nowrap;
  align-items: stretch;
}
.small-horizontal.xlarge-grid-block, .small-horizontal.large-grid-block, .small-horizontal.medium-grid-block, .small-horizontal.small-grid-block, .small-horizontal.grid-block, .small-horizontal.grid-frame {
  flex-flow: row wrap;
}
@media only screen and (min-width: 40em) {
  .medium-vertical.xlarge-grid-block, .medium-vertical.large-grid-block, .medium-vertical.medium-grid-block, .medium-vertical.small-grid-block, .medium-vertical.grid-block, .medium-vertical.grid-frame {
    flex-flow: column nowrap;
    align-items: stretch;
  }
  .medium-horizontal.xlarge-grid-block, .medium-horizontal.large-grid-block, .medium-horizontal.medium-grid-block, .medium-horizontal.small-grid-block, .medium-horizontal.grid-block, .medium-horizontal.grid-frame {
    flex-flow: row wrap;
  }
}
@media only screen and (min-width: 75em) {
  .large-vertical.xlarge-grid-block, .large-vertical.large-grid-block, .large-vertical.medium-grid-block, .large-vertical.small-grid-block, .large-vertical.grid-block, .large-vertical.grid-frame {
    flex-flow: column nowrap;
    align-items: stretch;
  }
  .large-horizontal.xlarge-grid-block, .large-horizontal.large-grid-block, .large-horizontal.medium-grid-block, .large-horizontal.small-grid-block, .large-horizontal.grid-block, .large-horizontal.grid-frame {
    flex-flow: row wrap;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-vertical.xlarge-grid-block, .xlarge-vertical.large-grid-block, .xlarge-vertical.medium-grid-block, .xlarge-vertical.small-grid-block, .xlarge-vertical.grid-block, .xlarge-vertical.grid-frame {
    flex-flow: column nowrap;
    align-items: stretch;
  }
  .xlarge-horizontal.xlarge-grid-block, .xlarge-horizontal.large-grid-block, .xlarge-horizontal.medium-grid-block, .xlarge-horizontal.small-grid-block, .xlarge-horizontal.grid-block, .xlarge-horizontal.grid-frame {
    flex-flow: row wrap;
  }
}
.align-right.xlarge-grid-block, .align-right.large-grid-block, .align-right.medium-grid-block, .align-right.small-grid-block, .align-right.grid-block, .align-right.grid-frame {
  justify-content: flex-end;
}
.align-center.xlarge-grid-block, .align-center.large-grid-block, .align-center.medium-grid-block, .align-center.small-grid-block, .align-center.grid-block, .align-center.grid-frame {
  justify-content: center;
}
.align-justify.xlarge-grid-block, .align-justify.large-grid-block, .align-justify.medium-grid-block, .align-justify.small-grid-block, .align-justify.grid-block, .align-justify.grid-frame {
  justify-content: space-between;
}
.align-spaced.xlarge-grid-block, .align-spaced.large-grid-block, .align-spaced.medium-grid-block, .align-spaced.small-grid-block, .align-spaced.grid-block, .align-spaced.grid-frame {
  justify-content: space-around;
}
.wrap.xlarge-grid-block, .wrap.large-grid-block, .wrap.medium-grid-block, .wrap.small-grid-block, .wrap.grid-block, .wrap.grid-frame {
  flex-wrap: wrap;
  align-items: flex-start;
}

.shrink.xlarge-grid-content, .shrink.xlarge-grid-block, .shrink.large-grid-content, .shrink.large-grid-block, .shrink.medium-grid-content, .shrink.medium-grid-block, .shrink.small-grid-content, .shrink.small-grid-block, .shrink.grid-content, .shrink.grid-block {
  flex: 0 0 auto;
  overflow: visible;
}
.noscroll.xlarge-grid-content, .noscroll.xlarge-grid-block, .noscroll.large-grid-content, .noscroll.large-grid-block, .noscroll.medium-grid-content, .noscroll.medium-grid-block, .noscroll.small-grid-content, .noscroll.small-grid-block, .noscroll.grid-content, .noscroll.grid-block {
  overflow: visible;
}

.grid-frame {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
}

.grid-block {
  display: flex;
  height: auto;
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.grid-content {
  display: block;
  padding: 0 1.5rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 1 1 auto;
}
.grid-content.collapse {
  padding: 0;
}
.grid-content .grid-block {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  flex-wrap: wrap;
  overflow: visible;
}
.grid-content .grid-block.nowrap {
  flex-wrap: nowrap;
  align-items: stretch;
}
.grid-content .grid-block .grid-content {
  overflow: visible;
}

.grid-container {
  max-width: 75rem;
  margin: 0 auto;
}
.grid-container.contain-left {
  max-width: 75rem;
  margin: 0 auto 0 0;
}
.grid-container.contain-right {
  max-width: 75rem;
  margin: 0 0 0 auto;
}

.small-grid-block {
  display: flex;
  height: auto;
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.small-grid-block.panel {
  transform: none;
  position: relative;
  width: auto;
  height: auto;
  z-index: auto;
  box-shadow: none;
  background: transparent;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.small-grid-content {
  display: block;
  padding: 0 1.5rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 1 1 auto;
}
.small-grid-content.panel {
  transform: none;
  position: relative;
  width: auto;
  height: auto;
  z-index: auto;
  box-shadow: none;
  background: transparent;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

@media only screen and (min-width: 40em) {
  .medium-grid-block {
    display: flex;
    height: auto;
    position: relative;
    overflow: hidden;
    backface-visibility: hidden;
    flex: 1 1 auto;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    order: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .medium-grid-block.panel {
    transform: none;
    position: relative;
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: transparent;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}

@media only screen and (min-width: 40em) {
  .medium-grid-content {
    display: block;
    padding: 0 1.5rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex: 1 1 auto;
  }
  .medium-grid-content.panel {
    transform: none;
    position: relative;
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: transparent;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}

@media only screen and (min-width: 75em) {
  .large-grid-block {
    display: flex;
    height: auto;
    position: relative;
    overflow: hidden;
    backface-visibility: hidden;
    flex: 1 1 auto;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    order: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .large-grid-block.panel {
    transform: none;
    position: relative;
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: transparent;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}

@media only screen and (min-width: 75em) {
  .large-grid-content {
    display: block;
    padding: 0 1.5rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex: 1 1 auto;
  }
  .large-grid-content.panel {
    transform: none;
    position: relative;
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: transparent;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}

@media only screen and (min-width: 90em) {
  .xlarge-grid-block {
    display: flex;
    height: auto;
    position: relative;
    overflow: hidden;
    backface-visibility: hidden;
    flex: 1 1 auto;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    order: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xlarge-grid-block.panel {
    transform: none;
    position: relative;
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: transparent;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}

@media only screen and (min-width: 90em) {
  .xlarge-grid-content {
    display: block;
    padding: 0 1.5rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex: 1 1 auto;
  }
  .xlarge-grid-content.panel {
    transform: none;
    position: relative;
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: transparent;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.small-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.small-order-1 {
  order: 1;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-up-1 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-1 > li,
.small-up-1 > div,
.small-up-1 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 100%;
  max-width: 100%;
}

.small-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-order-2 {
  order: 2;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-up-2 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-2 > li,
.small-up-2 > div,
.small-up-2 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 50%;
  max-width: 50%;
}

.small-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-order-3 {
  order: 3;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-up-3 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-3 > li,
.small-up-3 > div,
.small-up-3 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-order-4 {
  order: 4;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-up-4 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-4 > li,
.small-up-4 > div,
.small-up-4 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 25%;
  max-width: 25%;
}

.small-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.small-order-5 {
  order: 5;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-up-5 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-5 > li,
.small-up-5 > div,
.small-up-5 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 20%;
  max-width: 20%;
}

.small-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-order-6 {
  order: 6;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-up-6 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-6 > li,
.small-up-6 > div,
.small-up-6 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.small-order-7 {
  order: 7;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-up-7 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-7 > li,
.small-up-7 > div,
.small-up-7 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.small-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-order-8 {
  order: 8;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-up-8 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-8 > li,
.small-up-8 > div,
.small-up-8 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.small-order-9 {
  order: 9;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-up-9 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-9 > li,
.small-up-9 > div,
.small-up-9 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
}

.small-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.small-order-10 {
  order: 10;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-up-10 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-10 > li,
.small-up-10 > div,
.small-up-10 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 10%;
  max-width: 10%;
}

.small-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.small-order-11 {
  order: 11;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-11 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-11 > li,
.small-up-11 > div,
.small-up-11 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 9.0909090909%;
  max-width: 9.0909090909%;
}

.small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-order-12 {
  order: 12;
}

.small-offset-12 {
  margin-left: 100%;
}

.small-up-12 {
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.small-up-12 > li,
.small-up-12 > div,
.small-up-12 > section {
  padding: 0 1rem 1rem;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media only screen and (min-width: 40em) {
  .medium-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .medium-order-1 {
    order: 1;
  }

  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }

  .medium-up-1 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-1 > li,
.medium-up-1 > div,
.medium-up-1 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .medium-order-2 {
    order: 2;
  }

  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }

  .medium-up-2 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-2 > li,
.medium-up-2 > div,
.medium-up-2 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .medium-order-3 {
    order: 3;
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .medium-up-3 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-3 > li,
.medium-up-3 > div,
.medium-up-3 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .medium-order-4 {
    order: 4;
  }

  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }

  .medium-up-4 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-4 > li,
.medium-up-4 > div,
.medium-up-4 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .medium-order-5 {
    order: 5;
  }

  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }

  .medium-up-5 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-5 > li,
.medium-up-5 > div,
.medium-up-5 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .medium-order-6 {
    order: 6;
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .medium-up-6 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-6 > li,
.medium-up-6 > div,
.medium-up-6 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .medium-order-7 {
    order: 7;
  }

  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }

  .medium-up-7 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-7 > li,
.medium-up-7 > div,
.medium-up-7 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .medium-order-8 {
    order: 8;
  }

  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }

  .medium-up-8 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-8 > li,
.medium-up-8 > div,
.medium-up-8 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .medium-order-9 {
    order: 9;
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .medium-up-9 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-9 > li,
.medium-up-9 > div,
.medium-up-9 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .medium-order-10 {
    order: 10;
  }

  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }

  .medium-up-10 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-10 > li,
.medium-up-10 > div,
.medium-up-10 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 10%;
    max-width: 10%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .medium-order-11 {
    order: 11;
  }

  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }

  .medium-up-11 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-11 > li,
.medium-up-11 > div,
.medium-up-11 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }
}
@media only screen and (min-width: 40em) {
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .medium-order-12 {
    order: 12;
  }

  .medium-offset-12 {
    margin-left: 100%;
  }

  .medium-up-12 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .medium-up-12 > li,
.medium-up-12 > div,
.medium-up-12 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media only screen and (min-width: 75em) {
  .large-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .large-order-1 {
    order: 1;
  }

  .large-offset-1 {
    margin-left: 8.3333333333%;
  }

  .large-up-1 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-1 > li,
.large-up-1 > div,
.large-up-1 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .large-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .large-order-2 {
    order: 2;
  }

  .large-offset-2 {
    margin-left: 16.6666666667%;
  }

  .large-up-2 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-2 > li,
.large-up-2 > div,
.large-up-2 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 75em) {
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .large-order-3 {
    order: 3;
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .large-up-3 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-3 > li,
.large-up-3 > div,
.large-up-3 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media only screen and (min-width: 75em) {
  .large-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .large-order-4 {
    order: 4;
  }

  .large-offset-4 {
    margin-left: 33.3333333333%;
  }

  .large-up-4 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-4 > li,
.large-up-4 > div,
.large-up-4 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 75em) {
  .large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .large-order-5 {
    order: 5;
  }

  .large-offset-5 {
    margin-left: 41.6666666667%;
  }

  .large-up-5 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-5 > li,
.large-up-5 > div,
.large-up-5 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media only screen and (min-width: 75em) {
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .large-order-6 {
    order: 6;
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .large-up-6 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-6 > li,
.large-up-6 > div,
.large-up-6 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media only screen and (min-width: 75em) {
  .large-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .large-order-7 {
    order: 7;
  }

  .large-offset-7 {
    margin-left: 58.3333333333%;
  }

  .large-up-7 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-7 > li,
.large-up-7 > div,
.large-up-7 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
}
@media only screen and (min-width: 75em) {
  .large-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .large-order-8 {
    order: 8;
  }

  .large-offset-8 {
    margin-left: 66.6666666667%;
  }

  .large-up-8 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-8 > li,
.large-up-8 > div,
.large-up-8 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media only screen and (min-width: 75em) {
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .large-order-9 {
    order: 9;
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .large-up-9 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-9 > li,
.large-up-9 > div,
.large-up-9 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%;
  }
}
@media only screen and (min-width: 75em) {
  .large-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .large-order-10 {
    order: 10;
  }

  .large-offset-10 {
    margin-left: 83.3333333333%;
  }

  .large-up-10 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-10 > li,
.large-up-10 > div,
.large-up-10 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 10%;
    max-width: 10%;
  }
}
@media only screen and (min-width: 75em) {
  .large-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .large-order-11 {
    order: 11;
  }

  .large-offset-11 {
    margin-left: 91.6666666667%;
  }

  .large-up-11 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-11 > li,
.large-up-11 > div,
.large-up-11 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }
}
@media only screen and (min-width: 75em) {
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-order-12 {
    order: 12;
  }

  .large-offset-12 {
    margin-left: 100%;
  }

  .large-up-12 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .large-up-12 > li,
.large-up-12 > div,
.large-up-12 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .xlarge-order-1 {
    order: 1;
  }

  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }

  .xlarge-up-1 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-1 > li,
.xlarge-up-1 > div,
.xlarge-up-1 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .xlarge-order-2 {
    order: 2;
  }

  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }

  .xlarge-up-2 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-2 > li,
.xlarge-up-2 > div,
.xlarge-up-2 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .xlarge-order-3 {
    order: 3;
  }

  .xlarge-offset-3 {
    margin-left: 25%;
  }

  .xlarge-up-3 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-3 > li,
.xlarge-up-3 > div,
.xlarge-up-3 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .xlarge-order-4 {
    order: 4;
  }

  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }

  .xlarge-up-4 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-4 > li,
.xlarge-up-4 > div,
.xlarge-up-4 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .xlarge-order-5 {
    order: 5;
  }

  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }

  .xlarge-up-5 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-5 > li,
.xlarge-up-5 > div,
.xlarge-up-5 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .xlarge-order-6 {
    order: 6;
  }

  .xlarge-offset-6 {
    margin-left: 50%;
  }

  .xlarge-up-6 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-6 > li,
.xlarge-up-6 > div,
.xlarge-up-6 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .xlarge-order-7 {
    order: 7;
  }

  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }

  .xlarge-up-7 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-7 > li,
.xlarge-up-7 > div,
.xlarge-up-7 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .xlarge-order-8 {
    order: 8;
  }

  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }

  .xlarge-up-8 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-8 > li,
.xlarge-up-8 > div,
.xlarge-up-8 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .xlarge-order-9 {
    order: 9;
  }

  .xlarge-offset-9 {
    margin-left: 75%;
  }

  .xlarge-up-9 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-9 > li,
.xlarge-up-9 > div,
.xlarge-up-9 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .xlarge-order-10 {
    order: 10;
  }

  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }

  .xlarge-up-10 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-10 > li,
.xlarge-up-10 > div,
.xlarge-up-10 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 10%;
    max-width: 10%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .xlarge-order-11 {
    order: 11;
  }

  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }

  .xlarge-up-11 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-11 > li,
.xlarge-up-11 > div,
.xlarge-up-11 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .xlarge-order-12 {
    order: 12;
  }

  .xlarge-offset-12 {
    margin-left: 100%;
  }

  .xlarge-up-12 {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .xlarge-up-12 > li,
.xlarge-up-12 > div,
.xlarge-up-12 > section {
    padding: 0 1rem 1rem;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
.grid-content .modal .grid-block {
  flex-wrap: nowrap;
}

/*
  TITLE BAR
  ---------

  A navigational component which can display the current screen the user is on, along with additional controls or menu items.

  The title bar includes classes to create center, left, and right sections, which can be used in any combination. However, in the markup, the sections must come in this order:
   - Center
   - Left
   - Right
*/
.title-bar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  overflow: visible;
}
.title-bar .title {
  font-weight: bold;
}
.title-bar .left,
.title-bar .center,
.title-bar .right {
  display: block;
  white-space: nowrap;
  overflow: visible;
}
.title-bar .left:first-child:last-child,
.title-bar .center:first-child:last-child,
.title-bar .right:first-child:last-child {
  flex: 1;
  margin: 0;
}
.title-bar .left {
  order: 1;
  flex: 0 0 25%;
}
.title-bar .center {
  order: 2;
  flex: 0 0 50%;
  text-align: center;
}
.title-bar .right {
  order: 3;
  flex: 0 0 25%;
  text-align: right;
}
.title-bar .left:first-child {
  flex: 1 1 auto;
}
.title-bar .left:first-child + .right:last-child {
  flex: 1 1 auto;
}
.title-bar .center:first-child:not(:last-child) {
  margin-left: 25%;
}
.title-bar .center + .left {
  margin-right: -25%;
}

.title-bar {
  background: #eee;
  color: #000;
  padding: 1rem;
  border-bottom: 1px solid #ccc;
}
.title-bar.primary {
  background: #3f3f3f;
  color: #fff;
  padding: 1rem;
  border-bottom: 1px solid #ccc;
}
.title-bar.primary a,
.title-bar.primary a:hover {
  color: #fff;
}
.title-bar.primary .iconic * {
  fill: #fff;
  stroke: #fff;
}
.title-bar.primary .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.title-bar.dark {
  background: #232323;
  color: #fff;
  padding: 1rem;
  border-bottom: 1px solid #ccc;
}
.title-bar.dark a,
.title-bar.dark a:hover {
  color: #fff;
}
.title-bar.dark .iconic * {
  fill: #fff;
  stroke: #fff;
}
.title-bar.dark .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}

.title-bar-bottom {
  border-bottom: 0;
  border-top: 1px solid #ccc;
}

/*
  Label
*/
.label {
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  cursor: default;
}

.label {
  font-size: 0.8rem;
  padding: 0.3333333333rem 0.5rem;
  background: #3f3f3f;
  border-radius: 0;
  color: #fff;
}
.label.primary {
  background: #3f3f3f;
  border-radius: 0;
  color: #fff;
}
.label.success {
  background: #43ac6a;
  border-radius: 0;
  color: #fff;
}
.label.warning {
  background: #f08a24;
  border-radius: 0;
  color: #fff;
}
.label.alert {
  background: #f04124;
  border-radius: 0;
  color: #fff;
}
.label.dark {
  background: #232323;
  border-radius: 0;
  color: #fff;
}

/* Badge */
.badge {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  border-radius: 1000px;
}

.badge {
  font-size: 0.8em;
  width: 1.5rem;
  height: 1.5rem;
  background: #3f3f3f;
  color: #fff;
}
.badge.secondary {
  background: #f1f1f1;
  color: #000;
}
.badge.primary {
  background: #3f3f3f;
  color: #fff;
}
.badge.success {
  background: #43ac6a;
  color: #fff;
}
.badge.warning {
  background: #f08a24;
  color: #fff;
}
.badge.alert {
  background: #f04124;
  color: #fff;
}
.badge.dark {
  background: #232323;
  color: #fff;
}

.inline-list {
  list-style-type: none;
  text-align: left;
}
.inline-list li,
.inline-list dt,
.inline-list dd {
  display: inline-block;
  margin-left: -2px;
  margin-right: -2px;
}
.inline-list li {
  margin-right: 1rem;
  margin-left: 0;
}

/*
  MENU BAR
  --------

  A generic, flexible menu component.

  Features:
   - Orient horizontally and vertically
     - Change orientation at certain breakpoints
   - Items with icons above, below, or to the left or right
   - Text labels for vertical menus and badges for horizontal menus
*/
.menu-bar {
  display: flex;
  align-items: stretch;
  margin: 0;
  list-style-type: none;
  overflow-y: visible;
}
.menu-bar > li {
  flex: 1 0 0;
  align-items: center;
  display: flex;
  align-items: stretch;
}
.menu-bar > li > a {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1;
}

/*
  Set the alignment of menu items (li) within a menu-bar

  left: Items align to the left.
  right: Items align to the right.
  center: Items align to the center.
  justify: Items are spaced equally apart so they occupy the space of the entire grid.
  spaced: Items are given equal space to their left and right.

  @group menu-bar

  @param {string} $align - Alignment to use.

  @output An appropriate justify-content value.
*/
/*
  CSS output
*/
.menu-bar {
  background: #fff;
}
.menu-bar > li > a {
  color: #000;
}
.menu-bar > li > a:hover {
  background: #ededed;
  color: #000;
}
.menu-bar .is-active > a {
  background: #ededed;
  color: #000;
}
.menu-bar .iconic * {
  fill: #000;
  stroke: #000;
}
.menu-bar .iconic *.iconic-property-accent {
  fill: #000;
  stroke: #000;
}
.menu-bar, .menu-bar.horizontal {
  /*
    Orientation
  */
  overflow-x: hidden;
  flex-flow: row nowrap;
  /*
    Stretch
  */
}
.menu-bar > li > a, .menu-bar.horizontal > li > a {
  flex: 1 0 0;
}
.menu-bar > li > a, .menu-bar.horizontal > li > a {
  flex-flow: column nowrap;
}
.menu-bar.vertical {
  /*
    Orientation
  */
  flex-flow: column nowrap;
  /*
    Stretch
  */
}
.menu-bar.vertical > li {
  flex: 1 0 auto;
}
.menu-bar.vertical > li > a {
  flex-flow: row nowrap;
}
.menu-bar.condense > li {
  flex: 0 0 auto;
}
.menu-bar.align-right {
  justify-content: flex-end;
}
.menu-bar.align-center {
  justify-content: center;
}
.menu-bar.align-justify {
  justify-content: space-between;
}
.menu-bar.align-spaced {
  justify-content: space-around;
}
.menu-bar.small-condense li {
  flex: 0 0 auto;
}
.menu-bar.small-expand li {
  flex: 1 0 auto;
}
.menu-bar.small-align-left {
  justify-content: flex-start;
}
.menu-bar.small-align-right {
  justify-content: flex-end;
}
.menu-bar.small-align-center {
  justify-content: center;
}
.menu-bar.small-align-justify {
  justify-content: space-between;
}
.menu-bar.small-align-spaced {
  justify-content: space-around;
}
@media only screen and (min-width: 40em) {
  .menu-bar.medium-condense li {
    flex: 0 0 auto;
  }
  .menu-bar.medium-expand li {
    flex: 1 0 auto;
  }
  .menu-bar.medium-align-left {
    justify-content: flex-start;
  }
  .menu-bar.medium-align-right {
    justify-content: flex-end;
  }
  .menu-bar.medium-align-center {
    justify-content: center;
  }
  .menu-bar.medium-align-justify {
    justify-content: space-between;
  }
  .menu-bar.medium-align-spaced {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 75em) {
  .menu-bar.large-condense li {
    flex: 0 0 auto;
  }
  .menu-bar.large-expand li {
    flex: 1 0 auto;
  }
  .menu-bar.large-align-left {
    justify-content: flex-start;
  }
  .menu-bar.large-align-right {
    justify-content: flex-end;
  }
  .menu-bar.large-align-center {
    justify-content: center;
  }
  .menu-bar.large-align-justify {
    justify-content: space-between;
  }
  .menu-bar.large-align-spaced {
    justify-content: space-around;
  }
}
@media only screen and (min-width: 90em) {
  .menu-bar.xlarge-condense li {
    flex: 0 0 auto;
  }
  .menu-bar.xlarge-expand li {
    flex: 1 0 auto;
  }
  .menu-bar.xlarge-align-left {
    justify-content: flex-start;
  }
  .menu-bar.xlarge-align-right {
    justify-content: flex-end;
  }
  .menu-bar.xlarge-align-center {
    justify-content: center;
  }
  .menu-bar.xlarge-align-justify {
    justify-content: space-between;
  }
  .menu-bar.xlarge-align-spaced {
    justify-content: space-around;
  }
}
.menu-bar.small-horizontal {
  /*
    Orientation
  */
  overflow-x: hidden;
  flex-flow: row nowrap;
  /*
    Stretch
  */
}
.menu-bar.small-horizontal > li > a {
  flex: 1 0 0;
}
.menu-bar.small-horizontal > li > a {
  flex-flow: column nowrap;
}
.menu-bar.small-vertical {
  /*
    Orientation
  */
  flex-flow: column nowrap;
  /*
    Stretch
  */
}
.menu-bar.small-vertical > li {
  flex: 1 0 auto;
}
.menu-bar.small-vertical > li > a {
  flex-flow: row nowrap;
}
@media only screen and (min-width: 40em) {
  .menu-bar.medium-horizontal {
    /*
      Orientation
    */
    overflow-x: hidden;
    flex-flow: row nowrap;
    /*
      Stretch
    */
  }
  .menu-bar.medium-horizontal > li > a {
    flex: 1 0 0;
  }
  .menu-bar.medium-horizontal > li > a {
    flex-flow: column nowrap;
  }
  .menu-bar.medium-vertical {
    /*
      Orientation
    */
    flex-flow: column nowrap;
    /*
      Stretch
    */
  }
  .menu-bar.medium-vertical > li {
    flex: 1 0 auto;
  }
  .menu-bar.medium-vertical > li > a {
    flex-flow: row nowrap;
  }
}
@media only screen and (min-width: 75em) {
  .menu-bar.large-horizontal {
    /*
      Orientation
    */
    overflow-x: hidden;
    flex-flow: row nowrap;
    /*
      Stretch
    */
  }
  .menu-bar.large-horizontal > li > a {
    flex: 1 0 0;
  }
  .menu-bar.large-horizontal > li > a {
    flex-flow: column nowrap;
  }
  .menu-bar.large-vertical {
    /*
      Orientation
    */
    flex-flow: column nowrap;
    /*
      Stretch
    */
  }
  .menu-bar.large-vertical > li {
    flex: 1 0 auto;
  }
  .menu-bar.large-vertical > li > a {
    flex-flow: row nowrap;
  }
}
@media only screen and (min-width: 90em) {
  .menu-bar.xlarge-horizontal {
    /*
      Orientation
    */
    overflow-x: hidden;
    flex-flow: row nowrap;
    /*
      Stretch
    */
  }
  .menu-bar.xlarge-horizontal > li > a {
    flex: 1 0 0;
  }
  .menu-bar.xlarge-horizontal > li > a {
    flex-flow: column nowrap;
  }
  .menu-bar.xlarge-vertical {
    /*
      Orientation
    */
    flex-flow: column nowrap;
    /*
      Stretch
    */
  }
  .menu-bar.xlarge-vertical > li {
    flex: 1 0 auto;
  }
  .menu-bar.xlarge-vertical > li > a {
    flex-flow: row nowrap;
  }
}
.menu-bar > li > img,
.menu-bar > li > .iconic, .menu-bar.icon-top > li > img,
.menu-bar.icon-top > li > .iconic {
  margin: 0;
  width: 25px;
  height: 25px;
}
.menu-bar > li > img:first-child:last-child,
.menu-bar > li > .iconic:first-child:last-child, .menu-bar.icon-top > li > img:first-child:last-child,
.menu-bar.icon-top > li > .iconic:first-child:last-child {
  margin: 0;
}
.menu-bar > li > a, .menu-bar.icon-top > li > a {
  flex-flow: column nowrap;
}
.menu-bar > li > a > img,
.menu-bar > li > a > .iconic, .menu-bar.icon-top > li > a > img,
.menu-bar.icon-top > li > a > .iconic {
  margin: 0 0 1rem 0;
}
.menu-bar.icon-right > li > img,
.menu-bar.icon-right > li > .iconic {
  margin: 0;
  width: 25px;
  height: 25px;
}
.menu-bar.icon-right > li > img:first-child:last-child,
.menu-bar.icon-right > li > .iconic:first-child:last-child {
  margin: 0;
}
.menu-bar.icon-right > li > a {
  flex-flow: row-reverse nowrap;
}
.menu-bar.icon-right > li > a > img,
.menu-bar.icon-right > li > a > .iconic {
  margin: 0 0 0 1rem;
}
.menu-bar.icon-bottom > li > img,
.menu-bar.icon-bottom > li > .iconic {
  margin: 0;
  width: 25px;
  height: 25px;
}
.menu-bar.icon-bottom > li > img:first-child:last-child,
.menu-bar.icon-bottom > li > .iconic:first-child:last-child {
  margin: 0;
}
.menu-bar.icon-bottom > li > a {
  flex-flow: column-reverse nowrap;
}
.menu-bar.icon-bottom > li > a > img,
.menu-bar.icon-bottom > li > a > .iconic {
  margin: 1rem 0 0 0;
}
.menu-bar.icon-left > li > img,
.menu-bar.icon-left > li > .iconic {
  margin: 0;
  width: 25px;
  height: 25px;
}
.menu-bar.icon-left > li > img:first-child:last-child,
.menu-bar.icon-left > li > .iconic:first-child:last-child {
  margin: 0;
}
.menu-bar.icon-left > li > a {
  flex-flow: row nowrap;
  align-items: center;
}
.menu-bar.icon-left > li > a > img,
.menu-bar.icon-left > li > a > .iconic {
  margin: 0 1rem 0 0;
}
.menu-bar.small-icon-top > li > img,
.menu-bar.small-icon-top > li > .iconic {
  margin: 0;
  width: 25px;
  height: 25px;
}
.menu-bar.small-icon-top > li > img:first-child:last-child,
.menu-bar.small-icon-top > li > .iconic:first-child:last-child {
  margin: 0;
}
.menu-bar.small-icon-top > li > a {
  flex-flow: column nowrap;
}
.menu-bar.small-icon-top > li > a > img,
.menu-bar.small-icon-top > li > a > .iconic {
  margin: 0 0 1rem 0;
}
.menu-bar.small-icon-right > li > img,
.menu-bar.small-icon-right > li > .iconic {
  margin: 0;
  width: 25px;
  height: 25px;
}
.menu-bar.small-icon-right > li > img:first-child:last-child,
.menu-bar.small-icon-right > li > .iconic:first-child:last-child {
  margin: 0;
}
.menu-bar.small-icon-right > li > a {
  flex-flow: row-reverse nowrap;
}
.menu-bar.small-icon-right > li > a > img,
.menu-bar.small-icon-right > li > a > .iconic {
  margin: 0 0 0 1rem;
}
.menu-bar.small-icon-bottom > li > img,
.menu-bar.small-icon-bottom > li > .iconic {
  margin: 0;
  width: 25px;
  height: 25px;
}
.menu-bar.small-icon-bottom > li > img:first-child:last-child,
.menu-bar.small-icon-bottom > li > .iconic:first-child:last-child {
  margin: 0;
}
.menu-bar.small-icon-bottom > li > a {
  flex-flow: column-reverse nowrap;
}
.menu-bar.small-icon-bottom > li > a > img,
.menu-bar.small-icon-bottom > li > a > .iconic {
  margin: 1rem 0 0 0;
}
.menu-bar.small-icon-left > li > img,
.menu-bar.small-icon-left > li > .iconic {
  margin: 0;
  width: 25px;
  height: 25px;
}
.menu-bar.small-icon-left > li > img:first-child:last-child,
.menu-bar.small-icon-left > li > .iconic:first-child:last-child {
  margin: 0;
}
.menu-bar.small-icon-left > li > a {
  flex-flow: row nowrap;
  align-items: center;
}
.menu-bar.small-icon-left > li > a > img,
.menu-bar.small-icon-left > li > a > .iconic {
  margin: 0 1rem 0 0;
}
@media only screen and (min-width: 40em) {
  .menu-bar.medium-icon-top > li > img,
.menu-bar.medium-icon-top > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.medium-icon-top > li > img:first-child:last-child,
.menu-bar.medium-icon-top > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.medium-icon-top > li > a {
    flex-flow: column nowrap;
  }
  .menu-bar.medium-icon-top > li > a > img,
.menu-bar.medium-icon-top > li > a > .iconic {
    margin: 0 0 1rem 0;
  }
}
@media only screen and (min-width: 40em) {
  .menu-bar.medium-icon-right > li > img,
.menu-bar.medium-icon-right > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.medium-icon-right > li > img:first-child:last-child,
.menu-bar.medium-icon-right > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.medium-icon-right > li > a {
    flex-flow: row-reverse nowrap;
  }
  .menu-bar.medium-icon-right > li > a > img,
.menu-bar.medium-icon-right > li > a > .iconic {
    margin: 0 0 0 1rem;
  }
}
@media only screen and (min-width: 40em) {
  .menu-bar.medium-icon-bottom > li > img,
.menu-bar.medium-icon-bottom > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.medium-icon-bottom > li > img:first-child:last-child,
.menu-bar.medium-icon-bottom > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.medium-icon-bottom > li > a {
    flex-flow: column-reverse nowrap;
  }
  .menu-bar.medium-icon-bottom > li > a > img,
.menu-bar.medium-icon-bottom > li > a > .iconic {
    margin: 1rem 0 0 0;
  }
}
@media only screen and (min-width: 40em) {
  .menu-bar.medium-icon-left > li > img,
.menu-bar.medium-icon-left > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.medium-icon-left > li > img:first-child:last-child,
.menu-bar.medium-icon-left > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.medium-icon-left > li > a {
    flex-flow: row nowrap;
    align-items: center;
  }
  .menu-bar.medium-icon-left > li > a > img,
.menu-bar.medium-icon-left > li > a > .iconic {
    margin: 0 1rem 0 0;
  }
}
@media only screen and (min-width: 75em) {
  .menu-bar.large-icon-top > li > img,
.menu-bar.large-icon-top > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.large-icon-top > li > img:first-child:last-child,
.menu-bar.large-icon-top > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.large-icon-top > li > a {
    flex-flow: column nowrap;
  }
  .menu-bar.large-icon-top > li > a > img,
.menu-bar.large-icon-top > li > a > .iconic {
    margin: 0 0 1rem 0;
  }
}
@media only screen and (min-width: 75em) {
  .menu-bar.large-icon-right > li > img,
.menu-bar.large-icon-right > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.large-icon-right > li > img:first-child:last-child,
.menu-bar.large-icon-right > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.large-icon-right > li > a {
    flex-flow: row-reverse nowrap;
  }
  .menu-bar.large-icon-right > li > a > img,
.menu-bar.large-icon-right > li > a > .iconic {
    margin: 0 0 0 1rem;
  }
}
@media only screen and (min-width: 75em) {
  .menu-bar.large-icon-bottom > li > img,
.menu-bar.large-icon-bottom > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.large-icon-bottom > li > img:first-child:last-child,
.menu-bar.large-icon-bottom > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.large-icon-bottom > li > a {
    flex-flow: column-reverse nowrap;
  }
  .menu-bar.large-icon-bottom > li > a > img,
.menu-bar.large-icon-bottom > li > a > .iconic {
    margin: 1rem 0 0 0;
  }
}
@media only screen and (min-width: 75em) {
  .menu-bar.large-icon-left > li > img,
.menu-bar.large-icon-left > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.large-icon-left > li > img:first-child:last-child,
.menu-bar.large-icon-left > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.large-icon-left > li > a {
    flex-flow: row nowrap;
    align-items: center;
  }
  .menu-bar.large-icon-left > li > a > img,
.menu-bar.large-icon-left > li > a > .iconic {
    margin: 0 1rem 0 0;
  }
}
@media only screen and (min-width: 90em) {
  .menu-bar.xlarge-icon-top > li > img,
.menu-bar.xlarge-icon-top > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.xlarge-icon-top > li > img:first-child:last-child,
.menu-bar.xlarge-icon-top > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.xlarge-icon-top > li > a {
    flex-flow: column nowrap;
  }
  .menu-bar.xlarge-icon-top > li > a > img,
.menu-bar.xlarge-icon-top > li > a > .iconic {
    margin: 0 0 1rem 0;
  }
}
@media only screen and (min-width: 90em) {
  .menu-bar.xlarge-icon-right > li > img,
.menu-bar.xlarge-icon-right > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.xlarge-icon-right > li > img:first-child:last-child,
.menu-bar.xlarge-icon-right > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.xlarge-icon-right > li > a {
    flex-flow: row-reverse nowrap;
  }
  .menu-bar.xlarge-icon-right > li > a > img,
.menu-bar.xlarge-icon-right > li > a > .iconic {
    margin: 0 0 0 1rem;
  }
}
@media only screen and (min-width: 90em) {
  .menu-bar.xlarge-icon-bottom > li > img,
.menu-bar.xlarge-icon-bottom > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.xlarge-icon-bottom > li > img:first-child:last-child,
.menu-bar.xlarge-icon-bottom > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.xlarge-icon-bottom > li > a {
    flex-flow: column-reverse nowrap;
  }
  .menu-bar.xlarge-icon-bottom > li > a > img,
.menu-bar.xlarge-icon-bottom > li > a > .iconic {
    margin: 1rem 0 0 0;
  }
}
@media only screen and (min-width: 90em) {
  .menu-bar.xlarge-icon-left > li > img,
.menu-bar.xlarge-icon-left > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px;
  }
  .menu-bar.xlarge-icon-left > li > img:first-child:last-child,
.menu-bar.xlarge-icon-left > li > .iconic:first-child:last-child {
    margin: 0;
  }
  .menu-bar.xlarge-icon-left > li > a {
    flex-flow: row nowrap;
    align-items: center;
  }
  .menu-bar.xlarge-icon-left > li > a > img,
.menu-bar.xlarge-icon-left > li > a > .iconic {
    margin: 0 1rem 0 0;
  }
}
.menu-bar.label-side > li {
  position: relative;
}
.menu-bar.label-side > li > a {
  padding-right: 3.2rem;
}
.menu-bar.label-side .menu-bar-label {
  display: block;
  font-size: 0.9rem;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  border-radius: 1000px;
  background: red;
  color: #fff;
  position: absolute;
  pointer-events: none;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.menu-bar.label-corner > li {
  position: relative;
}
.menu-bar.label-corner > li > a {
  padding-right: 3.2rem;
}
.menu-bar.label-corner .menu-bar-label {
  display: block;
  font-size: 0.9rem;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  border-radius: 1000px;
  background: red;
  color: #fff;
  position: absolute;
  pointer-events: none;
  right: 1rem;
  top: 1rem;
}
.menu-bar.primary {
  background: #3f3f3f;
}
.menu-bar.primary > li > a {
  color: #fff;
}
.menu-bar.primary > li > a:hover {
  background: #4c4c4c;
  color: #fff;
}
.menu-bar.primary .is-active > a {
  background: #4c4c4c;
  color: #fff;
}
.menu-bar.primary .iconic * {
  fill: #fff;
  stroke: #fff;
}
.menu-bar.primary .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.menu-bar.dark {
  background: #232323;
}
.menu-bar.dark > li > a {
  color: #fff;
}
.menu-bar.dark > li > a:hover {
  background: #323232;
  color: #fff;
}
.menu-bar.dark .is-active > a {
  background: #323232;
  color: #fff;
}
.menu-bar.dark .iconic * {
  fill: #fff;
  stroke: #fff;
}
.menu-bar.dark .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.menu-bar > li.title {
  padding: 1rem;
  cursor: default;
  font-weight: bold;
}

.menu-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (min-width: 40em) {
  .menu-group {
    flex-wrap: nowrap;
  }
}
.menu-group > .menu-group-left,
.menu-group > .menu-group-right {
  flex: 1 1 100%;
}
@media only screen and (min-width: 40em) {
  .menu-group > .menu-group-left,
.menu-group > .menu-group-right {
    flex: 0 0 auto;
  }
}
.menu-group .menu-bar {
  margin: 0;
}
.menu-group .menu-bar > li {
  flex: 0 0 auto;
}
.menu-group.primary {
  background-color: #3f3f3f;
}
.menu-group.primary .menu-bar {
  background: #3f3f3f;
}
.menu-group.primary .menu-bar > li > a {
  color: #fff;
}
.menu-group.primary .menu-bar > li > a:hover {
  background: #4c4c4c;
  color: #fff;
}
.menu-group.primary .menu-bar .is-active > a {
  background: #4c4c4c;
  color: #fff;
}
.menu-group.primary .menu-bar .iconic * {
  fill: #fff;
  stroke: #fff;
}
.menu-group.primary .menu-bar .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}
.menu-group.dark {
  background-color: #232323;
}
.menu-group.dark .menu-bar {
  background: #232323;
}
.menu-group.dark .menu-bar > li > a {
  color: #fff;
}
.menu-group.dark .menu-bar > li > a:hover {
  background: #323232;
  color: #fff;
}
.menu-group.dark .menu-bar .is-active > a {
  background: #323232;
  color: #fff;
}
.menu-group.dark .menu-bar .iconic * {
  fill: #fff;
  stroke: #fff;
}
.menu-group.dark .menu-bar .iconic *.iconic-property-accent {
  fill: #fff;
  stroke: #fff;
}

/*
  MODAL
  -----

  The humble modal hides off-canvas until summoned with an fa-open directive. Modals appear over an overlay that darkens the rest of the page, and have a maxmimum width. You can construct a grid inside a modal, or attach panels to it.

  Note that the modal overlay is hardcoded into the CSS, because whether or not you build your modal semantically, the overlay is always required and will always look the same.
*/
.modal {
  position: relative;
  z-index: 1001;
  background: #fff;
  flex: 0 0 auto;
  width: 100%;
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  padding: 1rem;
}
@media only screen and (min-width: 40em) {
  .modal {
    height: auto;
    max-width: 600px;
  }
}
.modal .grid-content,
.modal .grid-block {
  margin: 0;
}
.modal .close-button,
.modal [fa-close] {
  z-index: 1001;
}

.modal {
  max-width: 600px;
  border-radius: 0px;
}
.tiny > .modal {
  max-width: 300px;
}
.small > .modal {
  max-width: 500px;
}
.large > .modal {
  max-width: 800px;
}
.dialog > .modal {
  height: auto;
}
.collapse > .modal {
  padding: 0;
}

.modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: rgba(51, 51, 51, 0.7);
  align-items: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
}
.modal-overlay.is-active {
  display: flex;
}

@keyframes shake {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes spin-cw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-ccw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes wiggle {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}
/* Transitions */
.slideInUp.ng-enter, .slideInUp.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateY(100%);
}
.slideInUp.ng-enter.ng-enter-active, .slideInUp.ng-hide-remove.ng-hide-remove-active {
  transform: translateX(0) translateY(0);
}

.slideInRight.ng-enter, .slideInRight.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(-100%);
}
.slideInRight.ng-enter.ng-enter-active, .slideInRight.ng-hide-remove.ng-hide-remove-active {
  transform: translateX(0) translateY(0);
}

.slideInDown.ng-enter, .slideInDown.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateY(-100%);
}
.slideInDown.ng-enter.ng-enter-active, .slideInDown.ng-hide-remove.ng-hide-remove-active {
  transform: translateX(0) translateY(0);
}

.slideInLeft.ng-enter, .slideInLeft.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(100%);
}
.slideInLeft.ng-enter.ng-enter-active, .slideInLeft.ng-hide-remove.ng-hide-remove-active {
  transform: translateX(0) translateY(0);
}

.slideOutUp.ng-leave, .slideOutUp.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(0) translateY(0);
}
.slideOutUp.ng-leave.ng-leave-active, .slideOutUp.ng-hide-add.ng-hide-add-active {
  transform: translateY(-100%);
}

.slideOutRight.ng-leave, .slideOutRight.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(0) translateY(0);
}
.slideOutRight.ng-leave.ng-leave-active, .slideOutRight.ng-hide-add.ng-hide-add-active {
  transform: translateX(100%);
}

.slideOutDown.ng-leave, .slideOutDown.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(0) translateY(0);
}
.slideOutDown.ng-leave.ng-leave-active, .slideOutDown.ng-hide-add.ng-hide-add-active {
  transform: translateY(100%);
}

.slideOutLeft.ng-leave, .slideOutLeft.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(0) translateY(0);
}
.slideOutLeft.ng-leave.ng-leave-active, .slideOutLeft.ng-hide-add.ng-hide-add-active {
  transform: translateX(-100%);
}

.fadeIn.ng-enter, .fadeIn.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: opacity;
  opacity: 0;
}
.fadeIn.ng-enter.ng-enter-active, .fadeIn.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

.fadeOut.ng-leave, .fadeOut.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: opacity;
  opacity: 1;
}
.fadeOut.ng-leave.ng-leave-active, .fadeOut.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}

.hingeInFromTop.ng-enter, .hingeInFromTop.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  opacity: 0;
}
.hingeInFromTop.ng-enter.ng-enter-active, .hingeInFromTop.ng-hide-remove.ng-hide-remove-active {
  transform: rotate(0deg);
  opacity: 1;
}

.hingeInFromRight.ng-enter, .hingeInFromRight.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  opacity: 0;
}
.hingeInFromRight.ng-enter.ng-enter-active, .hingeInFromRight.ng-hide-remove.ng-hide-remove-active {
  transform: rotate(0deg);
  opacity: 1;
}

.hingeInFromBottom.ng-enter, .hingeInFromBottom.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  opacity: 0;
}
.hingeInFromBottom.ng-enter.ng-enter-active, .hingeInFromBottom.ng-hide-remove.ng-hide-remove-active {
  transform: rotate(0deg);
  opacity: 1;
}

.hingeInFromLeft.ng-enter, .hingeInFromLeft.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  opacity: 0;
}
.hingeInFromLeft.ng-enter.ng-enter-active, .hingeInFromLeft.ng-hide-remove.ng-hide-remove-active {
  transform: rotate(0deg);
  opacity: 1;
}

.hingeInFromMiddleX.ng-enter, .hingeInFromMiddleX.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  opacity: 0;
}
.hingeInFromMiddleX.ng-enter.ng-enter-active, .hingeInFromMiddleX.ng-hide-remove.ng-hide-remove-active {
  transform: rotate(0deg);
  opacity: 1;
}

.hingeInFromMiddleY.ng-enter, .hingeInFromMiddleY.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  opacity: 0;
}
.hingeInFromMiddleY.ng-enter.ng-enter-active, .hingeInFromMiddleY.ng-hide-remove.ng-hide-remove-active {
  transform: rotate(0deg);
  opacity: 1;
}

.hingeOutFromTop.ng-leave, .hingeOutFromTop.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(0deg);
  transform-origin: top;
  opacity: 1;
}
.hingeOutFromTop.ng-leave.ng-leave-active, .hingeOutFromTop.ng-hide-add.ng-hide-add-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hingeOutFromRight.ng-leave, .hingeOutFromRight.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(0deg);
  transform-origin: right;
  opacity: 1;
}
.hingeOutFromRight.ng-leave.ng-leave-active, .hingeOutFromRight.ng-hide-add.ng-hide-add-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hingeOutFromBottom.ng-leave, .hingeOutFromBottom.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(0deg);
  transform-origin: bottom;
  opacity: 1;
}
.hingeOutFromBottom.ng-leave.ng-leave-active, .hingeOutFromBottom.ng-hide-add.ng-hide-add-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hingeOutFromLeft.ng-leave, .hingeOutFromLeft.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(0deg);
  transform-origin: left;
  opacity: 1;
}
.hingeOutFromLeft.ng-leave.ng-leave-active, .hingeOutFromLeft.ng-hide-add.ng-hide-add-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hingeOutFromMiddleX.ng-leave, .hingeOutFromMiddleX.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(0deg);
  transform-origin: center;
  opacity: 1;
}
.hingeOutFromMiddleX.ng-leave.ng-leave-active, .hingeOutFromMiddleX.ng-hide-add.ng-hide-add-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hingeOutFromMiddleY.ng-leave, .hingeOutFromMiddleY.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(0deg);
  transform-origin: center;
  opacity: 1;
}
.hingeOutFromMiddleY.ng-leave.ng-leave-active, .hingeOutFromMiddleY.ng-hide-add.ng-hide-add-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.zoomIn.ng-enter, .zoomIn.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, property;
  transform: scale(1.5);
  opacity: 0;
}
.zoomIn.ng-enter.ng-enter-active, .zoomIn.ng-hide-remove.ng-hide-remove-active {
  transform: scale(1);
  opacity: 1;
}

.zoomOut.ng-leave, .zoomOut.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, property;
  transform: scale(0.5);
  opacity: 1;
}
.zoomOut.ng-leave.ng-leave-active, .zoomOut.ng-hide-add.ng-hide-add-active {
  transform: scale(1);
  opacity: 0;
}

.spinIn.ng-enter, .spinIn.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(-270deg);
  opacity: 0;
}
.spinIn.ng-enter.ng-enter-active, .spinIn.ng-hide-remove.ng-hide-remove-active {
  transform: rotate(0);
  opacity: 1;
}

.spinOut.ng-leave, .spinOut.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(0);
  opacity: 1;
}
.spinOut.ng-leave.ng-leave-active, .spinOut.ng-hide-add.ng-hide-add-active {
  transform: rotate(270deg);
  opacity: 0;
}

.spinInCCW.ng-enter, .spinInCCW.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(270deg);
  opacity: 0;
}
.spinInCCW.ng-enter.ng-enter-active, .spinInCCW.ng-hide-remove.ng-hide-remove-active {
  transform: rotate(0);
  opacity: 1;
}

.spinOutCCW.ng-leave, .spinOutCCW.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  transform: rotate(0);
  opacity: 1;
}
.spinOutCCW.ng-leave.ng-leave-active, .spinOutCCW.ng-hide-add.ng-hide-add-active {
  transform: rotate(-270deg);
  opacity: 0;
}

/* Transition modifiers */
.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.easeIn {
  transition-timing-function: ease-in !important;
}

.easeOut {
  transition-timing-function: ease-out !important;
}

.easeInOut {
  transition-timing-function: ease-in-out !important;
}

.bounceIn {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounceOut {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounceInOut {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

/* Animations */
.shake {
  animation-name: shake;
  animation-duration: 500ms;
  animation-timing-function: ease;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation-delay: 0;
}

.spin-cw {
  animation-name: spin-cw;
  animation-duration: 500ms;
  animation-timing-function: ease;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation-delay: 0;
}

.spin-ccw {
  animation-name: spin-ccw;
  animation-duration: 500ms;
  animation-timing-function: ease;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation-delay: 0;
}

.wiggle {
  animation-name: wiggle;
  animation-duration: 500ms;
  animation-timing-function: ease;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation-delay: 0;
}

/* Animation modifiers */
.shake.infinite,
.spin-cw.infinite,
.spin-ccw.infinite,
.wiggle.infinite {
  animation-iteration-count: infinite;
}
.shake.linear,
.spin-cw.linear,
.spin-ccw.linear,
.wiggle.linear {
  animation-timing-function: linear !important;
}
.shake.ease,
.spin-cw.ease,
.spin-ccw.ease,
.wiggle.ease {
  animation-timing-function: ease !important;
}
.shake.easeIn,
.spin-cw.easeIn,
.spin-ccw.easeIn,
.wiggle.easeIn {
  animation-timing-function: ease-in !important;
}
.shake.easeOut,
.spin-cw.easeOut,
.spin-ccw.easeOut,
.wiggle.easeOut {
  animation-timing-function: ease-out !important;
}
.shake.easeInOut,
.spin-cw.easeInOut,
.spin-ccw.easeInOut,
.wiggle.easeInOut {
  animation-timing-function: ease-in-out !important;
}
.shake.bounceIn,
.spin-cw.bounceIn,
.spin-ccw.bounceIn,
.wiggle.bounceIn {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}
.shake.bounceOut,
.spin-cw.bounceOut,
.spin-ccw.bounceOut,
.wiggle.bounceOut {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}
.shake.bounceInOut,
.spin-cw.bounceInOut,
.spin-ccw.bounceInOut,
.wiggle.bounceInOut {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}
.shake.slow,
.spin-cw.slow,
.spin-ccw.slow,
.wiggle.slow {
  animation-duration: 750ms !important;
}
.shake.fast,
.spin-cw.fast,
.spin-ccw.fast,
.wiggle.fast {
  animation-duration: 250ms !important;
}
.shake.delay,
.spin-cw.delay,
.spin-ccw.delay,
.wiggle.delay {
  animation-delay: 300ms !important;
}
.shake.long-delay,
.spin-cw.long-delay,
.spin-ccw.long-delay,
.wiggle.long-delay {
  animation-delay: 700ms !important;
}

.stagger {
  transition-delay: 150ms;
  transition-duration: 0;
}

.stort-stagger {
  transition-delay: 150ms;
  transition-duration: 0;
}

.long-stagger {
  transition-delay: 150ms;
  transition-duration: 0;
}

.position-absolute {
  overflow: hidden;
  position: relative;
}

[ui-view].ng-enter-active, [ui-view].ng-leave-active {
  position: absolute !important;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*
  NOTIFICATION
  ------------

  An alert that pins to the corner of the screen when triggered by JavaScript. It can be set to disappear after a certain period of time, or to stay put until the user clicks on it. A custom action can be asigned to a notification as well.

  Optionally, the notifications directive can also tap into the browser's native notification support, if it exists.
*/
.static-notification, .notification {
  z-index: 1000;
  display: flex;
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: none;
}
.static-notification h1, .notification h1 {
  font-size: 1.25em;
  margin: 0;
}
.static-notification p, .notification p {
  margin: 0;
}
.is-active.static-notification, .is-active.notification {
  display: flex;
}
.static-notification .close-button, .notification .close-button {
  color: white;
}

.notification-container {
  z-index: 3000;
  position: fixed;
  display: flex;
  flex-direction: column;
}

/* CSS Output */
.notification {
  background: #3f3f3f;
  padding: 1rem;
  border-radius: 4px;
}
.notification,
.notification h1,
.notification h2,
.notification h3,
.notification h4,
.notification h5,
.notification h6 {
  color: white;
}
.notification.success {
  background: #43ac6a;
  padding: 1rem;
  border-radius: 4px;
}
.notification.success,
.notification.success h1,
.notification.success h2,
.notification.success h3,
.notification.success h4,
.notification.success h5,
.notification.success h6 {
  color: white;
}
.notification.warning {
  background: #f08a24;
  padding: 1rem;
  border-radius: 4px;
}
.notification.warning,
.notification.warning h1,
.notification.warning h2,
.notification.warning h3,
.notification.warning h4,
.notification.warning h5,
.notification.warning h6 {
  color: white;
}
.notification.alert {
  background: #f04124;
  padding: 1rem;
  border-radius: 4px;
}
.notification.alert,
.notification.alert h1,
.notification.alert h2,
.notification.alert h3,
.notification.alert h4,
.notification.alert h5,
.notification.alert h6 {
  color: white;
}
.notification.dark {
  background: #232323;
  padding: 1rem;
  border-radius: 4px;
}
.notification.dark,
.notification.dark h1,
.notification.dark h2,
.notification.dark h3,
.notification.dark h4,
.notification.dark h5,
.notification.dark h6 {
  color: #fff;
}

.static-notification {
  background: #3f3f3f;
  padding: 1rem;
  border-radius: 4px;
  position: fixed !important;
}
.static-notification,
.static-notification h1,
.static-notification h2,
.static-notification h3,
.static-notification h4,
.static-notification h5,
.static-notification h6 {
  color: white;
}
.static-notification.top-right {
  width: 25rem;
  right: 1rem;
  top: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .static-notification.top-right {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.static-notification.top-left {
  width: 25rem;
  left: 1rem;
  top: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .static-notification.top-left {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.static-notification.top-middle {
  width: 25rem;
  left: 50%;
  margin-left: -12.5rem;
  top: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .static-notification.top-middle {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.static-notification.bottom-right {
  width: 25rem;
  right: 1rem;
  top: auto;
  bottom: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .static-notification.bottom-right {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.static-notification.bottom-left {
  width: 25rem;
  left: 1rem;
  top: auto;
  bottom: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .static-notification.bottom-left {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.static-notification.bottom-middle {
  width: 25rem;
  left: 50%;
  margin-left: -12.5rem;
  top: auto;
  bottom: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .static-notification.bottom-middle {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.static-notification.success {
  background: #43ac6a;
  padding: 1rem;
  border-radius: 4px;
}
.static-notification.success,
.static-notification.success h1,
.static-notification.success h2,
.static-notification.success h3,
.static-notification.success h4,
.static-notification.success h5,
.static-notification.success h6 {
  color: white;
}
.static-notification.warning {
  background: #f08a24;
  padding: 1rem;
  border-radius: 4px;
}
.static-notification.warning,
.static-notification.warning h1,
.static-notification.warning h2,
.static-notification.warning h3,
.static-notification.warning h4,
.static-notification.warning h5,
.static-notification.warning h6 {
  color: white;
}
.static-notification.alert {
  background: #f04124;
  padding: 1rem;
  border-radius: 4px;
}
.static-notification.alert,
.static-notification.alert h1,
.static-notification.alert h2,
.static-notification.alert h3,
.static-notification.alert h4,
.static-notification.alert h5,
.static-notification.alert h6 {
  color: white;
}
.static-notification.dark {
  background: #232323;
  padding: 1rem;
  border-radius: 4px;
}
.static-notification.dark,
.static-notification.dark h1,
.static-notification.dark h2,
.static-notification.dark h3,
.static-notification.dark h4,
.static-notification.dark h5,
.static-notification.dark h6 {
  color: #fff;
}

.notification-container {
  width: 25rem;
  right: 1rem;
  top: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .notification-container {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.notification-container.top-right {
  width: 25rem;
  right: 1rem;
  top: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .notification-container.top-right {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.notification-container.top-left {
  width: 25rem;
  left: 1rem;
  top: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .notification-container.top-left {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.notification-container.top-middle {
  width: 25rem;
  left: 50%;
  margin-left: -12.5rem;
  top: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .notification-container.top-middle {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.notification-container.bottom-right {
  width: 25rem;
  right: 1rem;
  top: auto;
  bottom: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .notification-container.bottom-right {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.notification-container.bottom-left {
  width: 25rem;
  left: 1rem;
  top: auto;
  bottom: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .notification-container.bottom-left {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}
.notification-container.bottom-middle {
  width: 25rem;
  left: 50%;
  margin-left: -12.5rem;
  top: auto;
  bottom: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .notification-container.bottom-middle {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}

.notification-icon {
  flex: 0 0 60px;
  margin-right: 1rem;
  align-self: flex-start;
}
.notification-icon img {
  width: 100%;
  height: auto;
}

.notification-content {
  flex: 1;
}

/*
	Off-canvas menu
  ---------------

  A generic container that stays fixed to the left, top, right, or bottom of the screen, and is summoned when needed. When an off-canvas panel is open, the app frame shifts over to reveal the menu.
*/
.off-canvas {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: transform 0.25s ease-out;
  z-index: 2;
}
.is-active.off-canvas {
  transform: translate(0, 0) !important;
}
.off-canvas ~ .grid-frame {
  transform: translate(0, 0, 0);
  transition: transform 0.25s ease-out;
  backface-visibility: hidden;
  background: white;
}

.off-canvas {
  /* Get shadow values for later use */
  /* Sizing */
  width: 250px;
  height: 100%;
  /* Positioning */
  top: 0;
  left: 0;
  box-shadow: inset -3px 0 10px rgba(0, 0, 0, 0.25);
  transform: translateX(-100%);
  background: #fff;
  color: #000;
}
.off-canvas.is-active ~ .grid-frame {
  transform: translateX(250px) !important;
}
.off-canvas.top {
  /* Get shadow values for later use */
  /* Sizing */
  height: 250px;
  width: 100%;
  /* Positioning */
  top: 0;
  left: 0;
  transform: translateY(-100%);
  box-shadow: inset 0 -3px 10px rgba(0, 0, 0, 0.25);
}
.off-canvas.top.is-active ~ .grid-frame {
  transform: translateY(250px) !important;
}
.off-canvas.right {
  /* Get shadow values for later use */
  /* Sizing */
  width: 250px;
  height: 100%;
  /* Positioning */
  left: auto;
  top: 0;
  right: 0;
  box-shadow: inset 3px 0 10px rgba(0, 0, 0, 0.25);
  transform: translateX(100%);
}
.off-canvas.right.is-active ~ .grid-frame {
  transform: translateX(-250px) !important;
}
.off-canvas.bottom {
  /* Get shadow values for later use */
  /* Sizing */
  height: 250px;
  width: 100%;
  /* Positioning */
  top: auto;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.25);
}
.off-canvas.bottom.is-active ~ .grid-frame {
  transform: translateY(-250px) !important;
}
.off-canvas.left {
  /* Get shadow values for later use */
  /* Sizing */
  width: 250px;
  height: 100%;
  /* Positioning */
  top: 0;
  left: 0;
  box-shadow: inset -3px 0 10px rgba(0, 0, 0, 0.25);
  transform: translateX(-100%);
}
.off-canvas.left.is-active ~ .grid-frame {
  transform: translateX(250px) !important;
}
.off-canvas.detached {
  z-index: 0;
  box-shadow: none;
}
.off-canvas.detached, .off-canvas.detached.is-active {
  transform: none;
}
.off-canvas.detached ~ .grid-frame {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.off-canvas.primary {
  background: #3f3f3f;
  color: #fff;
}
.off-canvas.dark {
  background: #232323;
  color: #fff;
}

/*
  POPUP
  -----

  A floating container that can anchor to any other on-screen element, and contain any content, including grid blocks or panels.
*/
.popup {
  position: absolute;
  z-index: 1000;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.25s ease-out;
  pointer-events: none;
}
.tether-enabled.popup {
  opacity: 1;
  pointer-events: auto;
}

.popup {
  width: 18.75rem;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border: 0;
}
.popup.dark {
  background: #232323;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border: 0;
}
.popup.primary {
  background: #3f3f3f;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border: 0;
}

/*
  SWITCH
  ------
*/
.switch {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.switch > input {
  position: absolute;
  left: -9999px;
  outline: none;
}
.switch > label {
  touch-action: manipulation;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
}
.switch > label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.switch input + label {
  margin-left: 0;
}

/*
  Defines the dimmensions of the switch.

  $width - width of the switch.
  $height - height of the switch.
*/
.switch {
  width: 3.125rem;
  height: 2rem;
  border-radius: 9999px;
}
.switch > label::after {
  width: 2rem;
  height: 2rem;
}
.switch input:checked + label::after {
  left: 1.125rem;
}
.switch > label {
  background: #ccc;
}
.switch > label::after {
  background: white;
  border-radius: 9999px;
  transition: left 0.15s ease-out;
  border: 4px solid #ccc;
}
.switch input:checked + label {
  background: #3f3f3f;
  margin: 0;
}
.switch input:checked + label::after {
  border-color: #3f3f3f;
}
.switch.small {
  width: 2.5rem;
  height: 1.625rem;
}
.switch.small > label::after {
  width: 1.625rem;
  height: 1.625rem;
}
.switch.small input:checked + label::after {
  left: 0.875rem;
}
.switch.large {
  width: 3.75rem;
  height: 2.375rem;
}
.switch.large > label::after {
  width: 2.375rem;
  height: 2.375rem;
}
.switch.large input:checked + label::after {
  left: 1.375rem;
}

/*
  TABS
  ----
*/
.tabs {
  /* Container styles */
  display: flex;
  background: transparent;
  flex-flow: row wrap;
}
.tabs.vertical {
  /* Container styles */
  display: flex;
  background: transparent;
  flex-flow: column nowrap;
}
.tabs .tab-item {
  background: #f3f3f3;
  padding: 1rem;
  line-height: 1;
  margin: 0;
  flex: 0 1 auto;
  cursor: pointer;
  color: #000;
}
.tabs .tab-item.is-active {
  background: #ececec;
  color: #000;
}
.tabs .tab-item.is-active:hover {
  background: #e7e7e7;
}
.tabs .tab-item:hover {
  background: #e7e7e7;
}

.tab-contents {
  padding: 1rem;
}
.tab-contents .tab-content {
  display: none;
}
.tab-contents .tab-content.is-active {
  display: block;
}

/*
  ACCORDION
  ---------

  The trusy accordion allows you to create a series of vertical tabs.
*/
.accordion {
  border: 1px solid #cbcbcb;
}

.accordion-title {
  padding: 1rem;
  background: #f3f3f3;
  color: #000;
  line-height: 1;
  cursor: pointer;
}
.accordion-title:hover {
  background: #e7e7e7;
}
.is-active > .accordion-title {
  background: #ececec;
  color: #000;
}

.accordion-content {
  padding: 1rem;
  display: none;
}
.is-active > .accordion-content {
  display: block;
}

/*
  TYPOGRAPHY
  ----------

  Includes typographic resets for many common elements, and a few helper classes.
   - Headers
   - Subheaders
   - Lead paragraphs
   - Ordered/unordered lists
   - Code samples
   - Anchors
   - Dividers
   - Blockquotes
   - Acronyms
*/
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* Default Link Styles */
a {
  color: #3f3f3f;
  text-decoration: none;
  line-height: inherit;
}
a[ui-sref] {
  cursor: pointer;
}
a:hover, a:focus {
  color: #363636;
}
a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}
p.lead {
  font-size: 1.21875rem;
  line-height: 1.6;
}
p aside {
  font-size: 0.875rem;
  line-height: 1.35;
  font-style: italic;
}

/* Default header styles */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0;
}

h1 {
  font-size: 2.125rem;
}

h2 {
  font-size: 1.6875rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: inherit;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #3f3f3f;
  background-color: #fbfbfb;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e2e2;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit;
}

/* Lists */
ul,
ol {
  margin-left: 1.1rem;
}
ul li ul,
ul li ol,
ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

/* Lists without bullets */
ul.no-bullet {
  margin-left: 0;
}
ul.no-bullet,
ul.no-bullet li ul,
ul.no-bullet li ol {
  list-style-type: none;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px dotted #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #ddd;
}
blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #555555;
}
blockquote cite:before {
  content: "— ";
}
blockquote cite a,
blockquote cite a:visited {
  color: #555555;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f;
}

@media only screen and (min-width: 40em) {
  h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4;
  }

  h1 {
    font-size: 2.75rem;
  }

  h2 {
    font-size: 2.3125rem;
  }

  h3 {
    font-size: 1.6875rem;
  }

  h4 {
    font-size: 1.4375rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  h6 {
    font-size: 1rem;
  }
}
/*
  UTILITIES
  ---------

  Responsive helper classes to assist you in quickly doing basic formatting and layout.

  Features:
   - Vertical alignment
   - Visibility
   - Text alignment
   - Floating
*/
.v-align {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.v-align .align-top {
  align-self: flex-start;
}
.v-align .align-center {
  align-self: center;
}
.v-align .align-bottom {
  align-self: flex-end;
}
.v-align .small-align-top {
  align-self: flex-start;
}
.v-align .small-align-center {
  align-self: center;
}
.v-align .small-align-bottom {
  align-self: flex-end;
}
@media only screen and (min-width: 40em) {
  .v-align .medium-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 40em) {
  .v-align .medium-align-center {
    align-self: center;
  }
}
@media only screen and (min-width: 40em) {
  .v-align .medium-align-bottom {
    align-self: flex-end;
  }
}
@media only screen and (min-width: 75em) {
  .v-align .large-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 75em) {
  .v-align .large-align-center {
    align-self: center;
  }
}
@media only screen and (min-width: 75em) {
  .v-align .large-align-bottom {
    align-self: flex-end;
  }
}
@media only screen and (min-width: 90em) {
  .v-align .xlarge-align-top {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 90em) {
  .v-align .xlarge-align-center {
    align-self: center;
  }
}
@media only screen and (min-width: 90em) {
  .v-align .xlarge-align-bottom {
    align-self: flex-end;
  }
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.hide-for-small:not(.ng-hide) {
  display: block !important;
  display: none !important;
}
.hide-for-small[class*=grid-block]:not(.ng-hide) {
  display: flex !important;
  display: none !important;
}

.show-for-small:not(.ng-hide) {
  display: none !important;
  display: block !important;
}
.show-for-small[class*=grid-block]:not(.ng-hide) {
  display: none !important;
  display: flex !important;
}

.hide-for-small-only:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .hide-for-small-only:not(.ng-hide) {
    display: none !important;
  }
}
.hide-for-small-only[class*=grid-block]:not(.ng-hide) {
  display: flex !important;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .hide-for-small-only[class*=grid-block]:not(.ng-hide) {
    display: none !important;
  }
}

.show-for-small-only:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .show-for-small-only:not(.ng-hide) {
    display: block !important;
  }
}
.show-for-small-only[class*=grid-block]:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .show-for-small-only[class*=grid-block]:not(.ng-hide) {
    display: flex !important;
  }
}

.hide-for-medium:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 40em) {
  .hide-for-medium:not(.ng-hide) {
    display: none !important;
  }
}
.hide-for-medium[class*=grid-block]:not(.ng-hide) {
  display: flex !important;
}
@media only screen and (min-width: 40em) {
  .hide-for-medium[class*=grid-block]:not(.ng-hide) {
    display: none !important;
  }
}

.show-for-medium:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 40em) {
  .show-for-medium:not(.ng-hide) {
    display: block !important;
  }
}
.show-for-medium[class*=grid-block]:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 40em) {
  .show-for-medium[class*=grid-block]:not(.ng-hide) {
    display: flex !important;
  }
}

.hide-for-medium-only:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .hide-for-medium-only:not(.ng-hide) {
    display: none !important;
  }
}
.hide-for-medium-only[class*=grid-block]:not(.ng-hide) {
  display: flex !important;
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .hide-for-medium-only[class*=grid-block]:not(.ng-hide) {
    display: none !important;
  }
}

.show-for-medium-only:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .show-for-medium-only:not(.ng-hide) {
    display: block !important;
  }
}
.show-for-medium-only[class*=grid-block]:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .show-for-medium-only[class*=grid-block]:not(.ng-hide) {
    display: flex !important;
  }
}

.hide-for-large:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 75em) {
  .hide-for-large:not(.ng-hide) {
    display: none !important;
  }
}
.hide-for-large[class*=grid-block]:not(.ng-hide) {
  display: flex !important;
}
@media only screen and (min-width: 75em) {
  .hide-for-large[class*=grid-block]:not(.ng-hide) {
    display: none !important;
  }
}

.show-for-large:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .show-for-large:not(.ng-hide) {
    display: block !important;
  }
}
.show-for-large[class*=grid-block]:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .show-for-large[class*=grid-block]:not(.ng-hide) {
    display: flex !important;
  }
}

.hide-for-large-only:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .hide-for-large-only:not(.ng-hide) {
    display: none !important;
  }
}
.hide-for-large-only[class*=grid-block]:not(.ng-hide) {
  display: flex !important;
}
@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .hide-for-large-only[class*=grid-block]:not(.ng-hide) {
    display: none !important;
  }
}

.show-for-large-only:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .show-for-large-only:not(.ng-hide) {
    display: block !important;
  }
}
.show-for-large-only[class*=grid-block]:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .show-for-large-only[class*=grid-block]:not(.ng-hide) {
    display: flex !important;
  }
}

.hide-for-xlarge:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 90em) {
  .hide-for-xlarge:not(.ng-hide) {
    display: none !important;
  }
}
.hide-for-xlarge[class*=grid-block]:not(.ng-hide) {
  display: flex !important;
}
@media only screen and (min-width: 90em) {
  .hide-for-xlarge[class*=grid-block]:not(.ng-hide) {
    display: none !important;
  }
}

.show-for-xlarge:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 90em) {
  .show-for-xlarge:not(.ng-hide) {
    display: block !important;
  }
}
.show-for-xlarge[class*=grid-block]:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 90em) {
  .show-for-xlarge[class*=grid-block]:not(.ng-hide) {
    display: flex !important;
  }
}

.hide-for-xlarge-only:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 90em) and (max-width: 119.9375rem) {
  .hide-for-xlarge-only:not(.ng-hide) {
    display: none !important;
  }
}
.hide-for-xlarge-only[class*=grid-block]:not(.ng-hide) {
  display: flex !important;
}
@media only screen and (min-width: 90em) and (max-width: 119.9375rem) {
  .hide-for-xlarge-only[class*=grid-block]:not(.ng-hide) {
    display: none !important;
  }
}

.show-for-xlarge-only:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 90em) and (max-width: 119.9375rem) {
  .show-for-xlarge-only:not(.ng-hide) {
    display: block !important;
  }
}
.show-for-xlarge-only[class*=grid-block]:not(.ng-hide) {
  display: none !important;
}
@media only screen and (min-width: 90em) and (max-width: 119.9375rem) {
  .show-for-xlarge-only[class*=grid-block]:not(.ng-hide) {
    display: flex !important;
  }
}

@media only screen and (orientation: portrait) {
  .hide-for-portrait {
    display: none !important;
  }
  .hide-for-portrait[class*=grid-block] {
    display: flex !important;
  }
}

.show-for-portrait {
  display: none !important;
}
@media only screen and (orientation: portrait) {
  .show-for-portrait {
    display: block !important;
  }
  .show-for-portrait[class*=grid-block] {
    display: flex !important;
  }
}

@media only screen and (orientation: landscape) {
  .hide-for-landscape {
    display: none !important;
  }
  .hide-for-landscape[class*=grid-block] {
    display: flex !important;
  }
}

.show-for-landscape {
  display: none !important;
}
@media only screen and (orientation: landscape) {
  .show-for-landscape {
    display: block !important;
  }
  .show-for-landscape[class*=grid-block] {
    display: flex !important;
  }
}

/*
  Text alignment
*/
.text-left {
  text-align: left;
}

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

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-only-text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .medium-only-text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 75em) {
  .large-text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .large-only-text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 90em) and (max-width: 119.9375rem) {
  .xlarge-only-text-left {
    text-align: left;
  }
}
.text-right {
  text-align: right;
}

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

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-only-text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 40em) {
  .medium-text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .medium-only-text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 75em) {
  .large-text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .large-only-text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 90em) and (max-width: 119.9375rem) {
  .xlarge-only-text-right {
    text-align: right;
  }
}
.text-center {
  text-align: center;
}

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

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-only-text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 40em) {
  .medium-text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .medium-only-text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 75em) {
  .large-text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .large-only-text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 90em) and (max-width: 119.9375rem) {
  .xlarge-only-text-center {
    text-align: center;
  }
}
.text-justify {
  text-align: justify;
}

.small-text-justify {
  text-align: justify;
}

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-only-text-justify {
    text-align: justify;
  }
}
@media only screen and (min-width: 40em) {
  .medium-text-justify {
    text-align: justify;
  }
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .medium-only-text-justify {
    text-align: justify;
  }
}
@media only screen and (min-width: 75em) {
  .large-text-justify {
    text-align: justify;
  }
}
@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .large-only-text-justify {
    text-align: justify;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media only screen and (min-width: 90em) and (max-width: 119.9375rem) {
  .xlarge-only-text-justify {
    text-align: justify;
  }
}
/*
  Floating
*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.title-bar.primary {
  padding: 0;
}
.title-bar.primary .title {
  font-size: 1.0625rem;
}

.button {
  margin-bottom: 0;
}

.title-bar.primary .action-sheet a {
  color: #222;
}

.action-sheet {
  width: auto;
  min-width: 12em;
}
.action-sheet ul {
  font-size: 14px;
}
.action-sheet ul a {
  border-top: none;
}
.action-sheet .no-first-element-top-border > :first-child > a {
  border-top: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.action-sheet ul > :last-child > a {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.has-error,
div.has-error > label,
div.has-error > input,
div.has-error > input:hover,
div.has-error > input:focus {
  border-color: #a94442;
  color: #a94442;
}

.menu-bar.primary > li > a.active {
  background: #414141;
  color: #fff;
}

.menu-bar.secondary > li > a.active {
  background: #ededed;
  color: #000;
}

.inline {
  display: inline-block;
}

a {
  cursor: pointer;
  color: #008cba;
}

.tabs {
  border-bottom: 1px solid #444;
  margin-bottom: 1rem;
}
.tabs > .tab-item {
  background: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-bottom: 2px solid transparent;
  padding-bottom: 0.8rem;
}
.tabs > .tab-item.is-active {
  background: none;
  border-bottom: 2px solid #f00;
}
.tabs > .tab-item.is-active:hover, .tabs > .tab-item.is-active:focus, .tabs > .tab-item.is-active:active {
  background: none;
}
.tabs > .tab-item:hover, .tabs > .tab-item:focus, .tabs > .tab-item:active {
  background: none;
}

.label,
.label.warning,
.label.success,
.label.info,
.label.cancel,
.label.alert {
  background-color: transparent;
  border: 1px solid #444;
  border-radius: 4px;
  text-transform: uppercase;
  padding: 0.3rem 0.4rem;
  font-size: 0.74rem;
}

.notification {
  width: 25rem;
  right: 1rem;
  top: auto;
  bottom: 1rem;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .notification {
    width: auto;
    left: 1rem;
    right: 1rem;
    margin-left: 0;
  }
}

.modal {
  padding: 1rem 1rem 1rem 1rem;
}
.modal h3 {
  margin-bottom: 1rem;
}
.modal .button-group {
  margin-bottom: 0;
}

.inline-label {
  margin-bottom: 0;
}

.block-list {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.block-list li > a {
  padding: 0.6rem;
}
.block-list li {
  border-top: none !important;
}
.block-list li.with-dropdown > select {
  -moz-appearance: menulist;
  appearance: menulist;
}

code {
  color: inherit;
  background-color: inherit;
  border: none;
}

.grid-container {
  width: 100%;
}

/* perfect-scrollbar v0.6.13 */
.ps-container {
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 15px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 6px;
}

.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
  height: 11px;
}

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0.6;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 15px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 6px;
}

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

.darkTheme.introjs-tooltip {
  background-color: #525252;
}
.darkTheme.introjs-tooltip .introjs-tooltiptext {
  font-size: 0.875rem;
  line-height: 1.3;
  color: #fff;
}
.darkTheme.introjs-tooltip .introjs-arrow.top {
  border-bottom-color: #525252;
}
.darkTheme.introjs-tooltip .introjs-arrow.right {
  border-left-color: #525252;
}
.darkTheme.introjs-tooltip .introjs-arrow.bottom {
  border-top-color: #525252;
}
.darkTheme.introjs-tooltip .introjs-arrow.left {
  border-right-color: #525252;
}
.darkTheme.introjs-tooltip .introjs-button {
  padding: 0;
  border: none;
  text-decoration: none;
  text-shadow: none;
  font: 11px/normal sans-serif;
  color: #049cce;
  background-color: transparent;
  background-image: none;
}
.darkTheme.introjs-tooltip .introjs-button:hover {
  box-shadow: none;
  color: #0bbffa;
}
.darkTheme.introjs-tooltip .introjs-disabled, .darkTheme.introjs-tooltip .introjs-disabled:hover, .darkTheme.introjs-tooltip .introjs-disabled:focus {
  color: #232323;
  border: none;
  box-shadow: none;
  cursor: default;
  background-color: transparent;
}
.darkTheme.introjs-tooltip .introjs-button:focus, .darkTheme.introjs-tooltip .introjs-button:active {
  background-image: none;
}
.darkTheme.introjs-tooltip .introjs-skipbutton {
  float: left;
}
.darkTheme.introjs-tooltip .introjs-nextbutton {
  margin-left: 0.5rem;
}

.darkTheme.introjs-helperLayer {
  background-color: #525252;
  border: none;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}
.darkTheme.introjs-helperLayer + .introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  font-size: 13px;
  font-weight: normal;
  text-shadow: none;
  background: #049cce;
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

div.disabled .introjs-fixParent {
  opacity: 1 !important;
}

.lightTheme.introjs-tooltip .introjs-tooltiptext {
  font-size: 0.875rem;
  line-height: 1.3;
}
.lightTheme.introjs-tooltip .introjs-button {
  padding: 0;
  border: none;
  text-decoration: none;
  text-shadow: none;
  font: 11px/normal sans-serif;
  color: #049cce;
  background-color: transparent;
  background-image: none;
}
.lightTheme.introjs-tooltip .introjs-button:hover {
  box-shadow: none;
  text-decoration: underline;
}
.lightTheme.introjs-tooltip .introjs-disabled, .lightTheme.introjs-tooltip .introjs-disabled:hover, .lightTheme.introjs-tooltip .introjs-disabled:focus {
  color: #ccc;
  border: none;
  box-shadow: none;
  cursor: default;
  background-color: transparent;
}
.lightTheme.introjs-tooltip .introjs-button:focus, .lightTheme.introjs-tooltip .introjs-button:active {
  background-image: none;
}
.lightTheme.introjs-tooltip .introjs-skipbutton {
  float: left;
}
.lightTheme.introjs-tooltip .introjs-nextbutton {
  margin-left: 0.5rem;
}

.lightTheme.introjs-helperLayer {
  border: none;
}
.lightTheme.introjs-helperLayer + .introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  font-size: 13px;
  font-weight: normal;
  text-shadow: none;
  background: #049cce;
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.midnightTheme.introjs-tooltip {
  background-color: #33353f;
}
.midnightTheme.introjs-tooltip .introjs-tooltiptext {
  font-size: 0.875rem;
  line-height: 1.3;
  color: #fff;
}
.midnightTheme.introjs-tooltip .introjs-arrow.top {
  border-bottom-color: #33353f;
}
.midnightTheme.introjs-tooltip .introjs-arrow.right {
  border-left-color: #33353f;
}
.midnightTheme.introjs-tooltip .introjs-arrow.bottom {
  border-top-color: #33353f;
}
.midnightTheme.introjs-tooltip .introjs-arrow.left {
  border-right-color: #33353f;
}
.midnightTheme.introjs-tooltip .introjs-button {
  padding: 0;
  border: none;
  text-decoration: none;
  text-shadow: none;
  font: 11px/normal sans-serif;
  color: #049cce;
  background-color: transparent;
  background-image: none;
}
.midnightTheme.introjs-tooltip .introjs-button:hover {
  box-shadow: none;
  color: #0bbffa;
}
.midnightTheme.introjs-tooltip .introjs-disabled, .midnightTheme.introjs-tooltip .introjs-disabled:hover, .midnightTheme.introjs-tooltip .introjs-disabled:focus {
  color: #232323;
  border: none;
  box-shadow: none;
  cursor: default;
  background-color: transparent;
}
.midnightTheme.introjs-tooltip .introjs-button:focus, .midnightTheme.introjs-tooltip .introjs-button:active {
  background-image: none;
}
.midnightTheme.introjs-tooltip .introjs-skipbutton {
  float: left;
}
.midnightTheme.introjs-tooltip .introjs-nextbutton {
  margin-left: 0.5rem;
}

.midnightTheme.introjs-helperLayer {
  background-color: #33353f;
  border: none;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}
.midnightTheme.introjs-helperLayer + .introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  font-size: 13px;
  font-weight: normal;
  text-shadow: none;
  background: #049cce;
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

/* ***** declarations ****** */
.ant-form-item .ant-form-item-label label {
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: inline;
}

.ant-select-dropdown-menu {
  margin-left: 0;
  font-size: 14px;
}

@font-face {
  font-family: Roboto-Light;
  src: url(32e0475624d87ed3916f.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Medium;
  src: url(9467f51d68da3725648c.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Regular;
  src: url(58485ed16f4edf5cd688.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: RobotoCondensed-Regular;
  src: url(204e10e98a1c98100c42.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
/* ***** styles ****** */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto-Regular", arial, sans-serif;
}

.monospace {
  font-family: "Lucida Console", Monaco, monospace !important;
}

*:not([class*=ant-]) > label,
*:not([class*=ant-]) > label > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}

.json-inspector__key {
  font-family: "Lucida Console", Monaco, monospace !important;
  text-transform: none !important;
}

.json-inspector__value {
  font-family: "Lucida Console", Monaco, monospace !important;
  text-transform: none !important;
}

button,
.button {
  font-family: "RobotoCondensed-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.txtann {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.txtlabel {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}

.account-drop-down a.button {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.button {
  font-family: "RobotoCondensed-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.footer .logo {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.tabs > .tab-item {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.label,
.label.warning,
.label.success,
.label.info,
.label.cancel,
.label.alert {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.table > thead > tr > th {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.vertical-order-table-cell {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.table.dashboard-table > thead > tr > th {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.table.dashboard-table > tbody > tr > td {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.win32 {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.win32 h1,
.win32 h2,
.win32 h3,
.win32 h4,
.win32 h5,
.win32 h6 {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 label,
.win32 label > span {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 button,
.win32 .button {
  font-family: "Roboto-Light", arial, sans-serif;
  font-weight: lighter;
  font-style: normal;
}
.win32 .content-block > h3 {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 .page-header > h3 {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 a.currency,
.win32 span.currency {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 .txtlabel {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 span.time {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 .account-drop-down a.button {
  font-family: "RobotoCondensed-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 .footer .logo {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 .tabs > .tab-item {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 .label,
.win32 .label.warning,
.win32 .label.success,
.win32 .label.info,
.win32 .label.cancel,
.win32 .label.alert {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.win32 .key-value-table tr > td:first-child {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

strong,
b {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.green {
  color: #7bd500 !important;
}
.green .icon > svg > path {
  fill: #7bd500 !important;
}

.blue {
  color: #4174b8 !important;
}
.blue .icon > svg > path {
  fill: #4174b8 !important;
}

.grey {
  color: #666666 !important;
}
.grey .icon > svg > path {
  fill: #666666 !important;
}

.red {
  color: #e6001f !important;
}
.red .icon > svg > path {
  fill: #e6001f !important;
}

.account-left-panel > div.grid-block {
  border-right: 1px solid rgba(128, 128, 128, 0.45);
}
.account-left-panel .account-buttons-row .button {
  min-width: 4.5rem;
}
.account-left-panel .bottom {
  border-top: 1px solid transparent;
  padding: 0.5rem;
}
.account-left-panel .bottom > .center {
  width: auto;
  margin: 0 auto;
}
.account-left-panel span.button {
  font-size: 1.1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.account-left-panel a.pay-button {
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 1.1rem;
  border: 0;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.proposals .proposal {
  padding-top: 0;
  text-align: left !important;
}
.proposals .proposal.first {
  padding-top: 2rem;
}
.proposals > thead > tr > th {
  text-align: left !important;
}
.proposals .top-left-align > td {
  text-align: left !important;
  vertical-align: top !important;
}
.proposals hr {
  margin-top: 0.3rem;
  margin-bottom: 0.5rem;
  margin-right: 24px;
}
.proposals .list-item {
  padding-bottom: 5px;
  padding-top: 5px;
}
.proposals .approval-buttons {
  padding-top: 0;
}
.proposals .approval-buttons .button {
  margin-right: 2rem;
}
.proposals .approval-buttons .button.hidden {
  opacity: 0;
  cursor: default;
}
.proposals .scam-error {
  margin-right: 1rem;
  display: inline-block;
}

.nested-approval-state .icon {
  display: inline-block;
  margin-right: 0.5rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.nested-approval-state .root-status {
  padding-top: 5px;
  margin-bottom: 0.5rem;
}
.nested-approval-state .expand-button {
  display: inline-block;
  padding-left: 0.5rem;
}
.nested-approval-state .table-container {
  border-left: 2px dashed #777;
  padding-bottom: 0.4rem;
}
.nested-approval-state .table-container table {
  margin-left: 1rem;
  margin-top: 0.4rem;
}
.nested-approval-state .appended {
  display: inline-block;
  padding-left: 0.5rem;
}
.nested-approval-state table {
  text-align: left;
}
.nested-approval-state table > tbody > tr > td {
  padding-right: 0.5rem;
  vertical-align: middle;
}
.nested-approval-state table > tbody > tr > td > * {
  vertical-align: middle;
}
.nested-approval-state .spacer {
  height: 0.5rem;
}
.nested-approval-state .heading-perm {
  font-size: 14px;
}

.flash {
  animation-name: flash;
}

.account-info {
  text-align: center;
}
.account-info .account-title {
  transition: opacity 0.25s linear, transform 0.25s linear, color 0.25s linear;
  margin-bottom: 0;
  font-weight: 600;
}
.account-info .account-title.flash {
  opacity: 0.35;
  transform: scale(1.1);
}
.account-info > p:first-of-type {
  font-size: 85%;
  line-height: 1.2;
}
.account-info .account-image {
  padding-bottom: 1rem;
}
.account-info .account-image > canvas {
  padding: 1rem;
  border: 1px solid rgba(128, 128, 128, 0.45);
}
.account-info > div.secondary {
  padding-bottom: 1rem;
  position: relative;
}
.account-info > div.secondary > span:first-of-type {
  font-weight: bold;
}
.account-info > div.secondary > span.my-account-label {
  top: 4px;
  font-size: 0.8rem;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  font-variant: small-caps;
}

.account-left-menu > li.menu-subheader {
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 1.5rem 0.5rem 0.25rem 0.5rem;
  text-align: center;
  border-bottom: none !important;
}
.account-left-menu > li.menu-subheader > span {
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
.account-left-menu > li > a {
  padding-left: 1.75rem !important;
  border-right: 3px solid transparent;
}

.weight-input {
  display: table-cell;
  margin: 0 1rem !important;
  width: 30% !important;
}

.threshold input {
  width: 5rem !important;
}

.more-button {
  padding-top: 0.5rem;
}

.create-account-header {
  height: 180px;
}

a.action-button > span {
  text-transform: lowercase;
}

div.voting div.header-selector {
  padding: 1rem;
}
div.voting span.search-input {
  width: 220px;
}

div.account-tabs .padding {
  padding: 20px;
}
div.account-tabs > div.service-selector {
  margin-bottom: 0;
  border: none;
  overflow-x: hidden;
}
div.account-tabs div.header-selector {
  padding: 1rem;
}
div.account-tabs.with-buttons ul.account-overview > li:not(.total-value) > a {
  padding-left: 3px;
  padding-right: 3px;
}
div.account-tabs ul.account-overview > li.total-value input {
  min-width: 13rem;
}
div.account-tabs ul.account-overview > li.total-value > a span.tab-title {
  text-transform: uppercase;
  font-variant: small-caps;
  font-size: 0.8rem;
}
div.account-tabs ul.account-overview > li.total-value > a div.tab-subtext {
  font-size: 0.8rem;
  text-align: right;
}
div.account-tabs ul > li.tabs-action-buttons {
  margin: 5px auto;
}

ul.account-overview {
  display: table;
}
ul.account-overview li {
  display: table-cell;
  vertical-align: middle;
}
ul.account-overview li > a {
  font-size: 1.1rem;
}
ul.account-overview li > a > div.tab-subtext {
  font-size: 70%;
  text-align: right;
}
ul.account-overview li.total-value > a {
  cursor: default;
}
ul.account-overview li.total-value > a > span.tab-title {
  font-size: 95%;
}

table.table.dashboard-table > thead > tr > th:first-of-type,
table.table.dashboard-table > tbody > tr > td:first-of-type {
  padding-left: 1.5rem;
}
table.table.dashboard-table > thead > tr > th:last-of-type,
table.table.dashboard-table > tbody > tr > td:last-of-type {
  padding-right: 1.5rem;
}
table.table.dashboard-table > thead > tr > th {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 0.875rem;
  text-align: center;
  border: none;
}
table.table.dashboard-table > tbody > tr > td {
  font-size: 0.875rem;
  text-align: center;
  border: none;
}
table.table.dashboard-table > tbody > tr > td.worker-name {
  max-width: 15rem;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.table.dashboard-table > tbody > tr > td.worker-name > div span.icon > svg {
  width: 1.75rem;
  height: 1.75rem;
}
table.table.dashboard-table > tbody > tr > td.worker-name > div > a {
  font-size: 90%;
}
table.table.dashboard-table > tbody > tr > td.worker-id {
  width: 3rem;
  max-width: 5rem;
}
table.table.dashboard-table > tbody > tr.total-value td {
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: none;
  word-wrap: none;
}
table.table.dashboard-table > tbody > tr.total-value td:first-of-type {
  text-align: left;
  text-transform: uppercase;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
table.table.dashboard-table > tbody > tr.total-value td:nth-child(3) {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: right;
}

.grid-wrapper {
  margin-bottom: 20px;
}

.groupColumn {
  padding-left: 2px !important;
  padding-right: 2px !important;
  width: 1%;
  white-space: nowrap;
}

.ant-table-content .ant-table-footer .total-value {
  text-align: right;
}
.ant-table-content .ant-table-footer .total-value .text {
  margin-right: 20px;
  text-transform: uppercase;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

div.header-selector > div.new-worker-button {
  padding-left: 0;
  padding-top: 10px;
}
@media only screen and (min-width: 40em) {
  div.header-selector > div.new-worker-button {
    padding-top: 0;
    position: relative;
    top: -20px;
    float: right;
    clear: both;
  }
}

.shuffle-rev > a span.icon > svg {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.trading-pair > a span.icon > svg {
  margin-left: 10px;
  margin-right: 10px;
}

div.tabs-container > div {
  padding: 0px;
}
div.tabs-container div.permissions-buttons > button {
  margin: 0rem;
  margin-left: 1rem;
  font-size: 1.2em;
}
div.tabs-container div.permissions-buttons {
  margin: 0 1rem;
}
div.tabs-container div.help-content {
  max-width: 800px;
}
div.tabs-container div.tabs-header > h1,
div.tabs-container div.tabs-header > h2,
div.tabs-container div.tabs-header > h3,
div.tabs-container div.tabs-header > h4,
div.tabs-container div.tabs-header > h5 {
  margin: 10px 15px;
}
div.tabs-container td .button span {
  white-space: nowrap;
}
div.tabs-container .action-buttons {
  text-align: right;
}
div.tabs-container .action-buttons button {
  min-width: 5rem;
  margin-left: 0.5rem;
}

.account-treemap {
  padding: 10px;
}
.account-treemap text {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.account-treemap--legend {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.account-treemap--legend .legend-item {
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
}
.account-treemap--legend .legend-item .legend-square {
  height: 16px;
  width: 16px;
  margin-right: 5px;
}

.account-input-style-guide--account-status {
  float: right;
  color: #43ac6a;
}

.account-input-style-guide--account-status--scammer {
  color: #f04124;
}

.recent-transactions .iconLinkAndLabel span {
  font-weight: bold;
  margin-left: 0.5rem;
  text-transform: uppercase;
}

div.divider {
  margin: 20px 0;
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
}

.login-selector {
  justify-content: space-around;
}
.login-selector > div.box {
  cursor: pointer;
  position: relative;
  padding: 1rem;
  padding-bottom: 4.5rem;
  border: 1px solid rgba(128, 128, 128, 0.45);
  margin-top: 2rem;
}
.login-selector > div.box .button {
  font-size: 0.875rem;
  position: absolute;
  bottom: 1rem;
}

div.account-creation {
  width: 300px;
  margin-top: 2rem;
  padding: 2rem 2rem 1rem 2rem;
}
div.account-creation p {
  max-width: 95vw;
}
div.account-creation div.confirm-checks {
  max-width: 95vw;
  text-align: left;
}
div.account-creation div.confirm-checks [type=checkbox] {
  position: relative;
  top: 3px;
}
div.account-creation div.confirm-checks label span {
  text-transform: none;
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
}
div.account-creation div.sub-content {
  padding-top: 2rem;
}
div.account-creation div.sub-content table {
  text-align: left;
}
div.account-creation div.sub-content p {
  word-wrap: break-word;
  text-align: left;
}
div.account-creation h4 {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 1rem;
  margin-bottom: 0;
}
div.account-creation label {
  text-align: left;
}
div.account-creation .account-login-options .button-group label {
  margin: 0 1rem;
}
div.account-creation .account-login-options .button-group label > span {
  text-transform: none;
  font-size: 90%;
}
div.account-creation .account-login-options .button {
  margin: 0 auto 15px;
  margin-top: 3px;
  text-transform: uppercase;
  font-size: 0.9rem;
  width: 40%;
  color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
div.account-creation .arrow-down:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 4px solid #049cce;
  position: absolute;
  top: 40px;
  right: -2px;
}
div.account-creation .arrow-down:hover:after {
  border-top-color: #fff;
}
div.account-creation div.creation-options {
  padding-top: 1.5rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
div.account-creation p {
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}
div.account-creation .additional-account-options {
  text-align: left;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #3e3e3e;
}

@media only screen and (min-width: 40em) {
  div.account-creation {
    width: 450px;
    margin-top: 2rem;
  }
  div.account-creation p {
    max-width: 35rem;
  }
}
.d-flex {
  display: flex;
}

.BitKapital input {
  max-width: 30rem;
}

.blocktrades-bridge select.native-coin-types {
  width: 11em;
  margin: 0 5px !important;
  display: inline;
  color: inherit;
  background-color: transparent;
  font-size: 0.9em;
  border: 1px solid #555;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%3E%3Cpath%20style%3D%22fill%3A%20%23555%22%20d%3D%22M0%200h32L16%2024%22/%3E%3C/svg%3E");
}

.blocktrades-bridge select.external-coin-types {
  width: 11em;
  margin: 0 5px !important;
  display: inline;
  color: inherit;
  background-color: transparent;
  font-size: 0.9em;
  border: 1px solid #555;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%3E%3Cpath%20style%3D%22fill%3A%20%23555%22%20d%3D%22M0%200h32L16%2024%22/%3E%3C/svg%3E");
}

.blocktrades-bridge select option {
  padding-bottom: 5px;
}

.blocktrades-bridge input {
  width: 9em;
  display: inline;
  color: inherit;
  background-color: #3F3F3F !important;
  font-size: 0.9em;
  border: 1px solid #555;
  height: 2.4rem;
  padding: 0.5rem;
  vertical-align: top;
  margin: 0 5px !important;
}

.blocktrades-bridge .deposit-limit {
  color: #ababab;
  line-height: 150%;
}

.blocktrades-with-memo {
  color: #ababab;
}

.blocktrades-position-options {
  position: relative;
}

.blocktrades-position-options .blocktrades-options {
  width: 100%;
  height: auto;
  max-height: 250px;
  border: solid 1px #000;
  background-color: #fff;
  position: absolute;
  border-top: none;
  top: 1px;
  overflow: auto;
}

.blocktrades-position-options .blocktrades-disabled-options {
  display: none;
}

.blocktrades-position-options .blocktrades-options a {
  display: block;
  color: black;
  padding: 1px;
  cursor: default;
  padding-bottom: 3px;
  padding-top: 3px;
}

.blocktrades-position-options .blocktrades-options a:hover {
  color: #fff;
  background-color: #3399ff;
}

.blocktrades-select-dropdown span {
  width: 38px;
  color: black;
  background: #eeeeee;
  text-align: center;
  line-height: 38px;
  cursor: default;
  font-size: 10px;
}

.blocktrades-announcements-container {
  padding-bottom: 10px;
}

.blocktrades-announcements {
  line-height: 20px;
}

.set-cursor {
  cursor: default;
}

div.Blocktrades__gateway h4 {
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
  padding-bottom: 1rem;
  margin-bottom: 1.25rem;
}
div.Blocktrades__gateway div.medium-10 {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
}

@media only screen and (min-width: 40em) {
  div.service-selector {
    border-bottom: 1px solid rgba(128, 128, 128, 0.45);
  }
}
div.service-selector > ul.button-group.segmented {
  border-bottom: none;
  border-top: none;
  border-right: none;
  flex-wrap: wrap;
}
div.service-selector > ul.button-group.segmented a {
  border-top: 1px solid rgba(128, 128, 128, 0.45);
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
  border-right: 1px solid rgba(128, 128, 128, 0.45);
  font-size: 1.3rem;
}
@media only screen and (min-width: 40em) {
  div.service-selector > ul.button-group.segmented a {
    border-bottom: none;
  }
}

.card {
  border-radius: 0;
  border: none;
  margin-bottom: 1rem;
}
.card > h4 {
  margin: 0;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.card > .card-content {
  margin: 1rem;
}

.card-section .text-group {
  text-align: left;
}

.account-card {
  padding: 0 1rem 0 0 !important;
  cursor: pointer;
}
.account-card .balances {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 78px;
}
.account-card.worker-card {
  cursor: auto;
}

.card:hover {
  border: none;
}

.card a > div:first-child {
  text-align: center;
  padding: 5px;
}

.asset-card {
  padding: 0 1rem 0 0 !important;
  margin: 0 0 2rem 0;
}
.asset-card .card-divider {
  margin-bottom: 1rem;
}

textarea#console_input {
  width: 100%;
  color: white;
  background-color: black;
  border-color: black;
  min-height: 35px;
  height: 35px;
}

.console_div, code {
  margin-right: 10px;
}

.balance-row.active {
  background-color: #3c3c3c;
}

.balance-row:hover {
  background-color: #3c3c3c;
}

.balance-row {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 20px;
}

.balance-row:hover {
  cursor: pointer;
}

.SimpleTrade__help-text {
  font-style: italic;
  padding-top: 5px;
  font-size: 95%;
}

div.button.create-account {
  font-size: 1.2rem;
}

div.input-wrapper > div.input-right-symbol {
  font-size: 0.9rem;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 12px;
  right: 8px;
}

.SimpleDepositBridge__info-row > div {
  padding-bottom: 5px;
}
.SimpleDepositBridge__info-row > div > div.float-right {
  clear: both;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.QR {
  padding: 1rem;
}
.QR > canvas {
  background: white;
  padding: 0.5rem;
}

.copyIcon {
  padding: 0.4rem;
  margin-right: 1rem;
  vertical-align: middle;
}
.copyIcon > button.copyIcon {
  height: inherit;
}

div#CenterContent {
  padding-bottom: 2rem !important;
}

.exchange--price-alert--show-modal {
  cursor: pointer;
}

.exchange--price-alert .exchange--price-alert--items {
  margin: 16px 0;
}
.exchange--price-alert .exchange--price-alert--items--add {
  text-align: right;
  padding-right: 32px;
}
.exchange--price-alert .exchange--price-alert--item {
  margin: 8px 0 !important;
}
.exchange--price-alert .exchange--price-alert--item:first-child {
  margin-top: 0 !important;
}
.exchange--price-alert .exchange--price-alert--item:last-child {
  margin-bottom: 0 !important;
}
.exchange--price-alert .exchange--price-alert--item .exchange--price-alert--item--control {
  padding: 0 !important;
  border: 0 !important;
}
.exchange--price-alert .exchange--price-alert--item .exchange--price-alert--item--control:focus {
  box-shadow: none !important;
}

.market-layout .column-header {
  width: 100%;
  padding-right: 10px;
}
.market-layout .column-header > ul {
  list-style-type: none;
  margin-left: 0px;
  width: 100%;
  margin-bottom: 0px;
}
.market-layout .column-header > ul > li {
  font-size: 80%;
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
  text-transform: uppercase;
}
.market-layout .column-header > ul > li.last {
  margin-right: 0px;
}
.market-layout .column-header > ul li.active {
  cursor: default;
}
.market-layout > .left-column {
  border-right: 1px solid rgba(128, 128, 128, 0.45);
  border-top: none;
}
.market-layout .right-column {
  border-left: 1px solid rgba(128, 128, 128, 0.45);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: none;
}

.ant-collapse-header {
  padding-left: 40px !important;
}

.top-bar {
  border-bottom: 1px solid grey;
}
.top-bar .shuffle {
  margin: 0 10px;
}
.top-bar ul {
  line-height: 1.2;
}

.market-content {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

[class*=block-grid-] > li {
  height: auto;
  padding: 0 0.625em 1.25em;
}

.order-table {
  width: 100%;
}
.order-table.fixed-table {
  table-layout: fixed;
  text-align: right;
}
.order-table > thead > tr > th {
  font-size: 14px;
  padding: 5px 5px;
  text-align: right !important;
}
.order-table > tbody > tr > td {
  font-size: 12px;
  padding-bottom: 4px;
}
.order-table .sticky-table-container {
  width: 100%;
}

.my-orders {
  width: 48% !important;
  display: inline-table;
}

p.order-table-title {
  display: none;
}

.notification,
.notification.success,
.notification.info,
.notification.warning,
.notification.alert,
.notification.cancel {
  font-size: 0.75rem;
}

.backingWarning {
  color: yellow;
}

.backingError {
  color: red;
}

.bid-form {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.ask-form {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.buySellButton {
  float: right;
  min-width: 4rem;
}

form.order-form {
  padding: 10px;
}
form.order-form .ant-form-item {
  margin-bottom: 0;
}
form.order-form .ant-input {
  text-align: right;
}
form.order-form .ant-form-item-label {
  text-align: left;
  font-family: Roboto Medium, Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
}
form.order-form .ant-form-item-label label {
  font-size: 90% !important;
}
form.order-form .ant-input-group-addon {
  text-align: left;
  width: 60% !important;
}
form.order-form .expiration-datetime-picker--hidden {
  display: flex;
  visibility: hidden;
  height: 0;
}

.exchange--buy-sell-form .ant-tabs-extra-content {
  float: left !important;
  padding: 0 15px;
  margin-right: 12px;
}

.buy-form > div.ant-tabs-bar {
  border-bottom: 1px solid #6ba583 !important;
}

.sell-form > div.ant-tabs-bar {
  border-bottom: 1px solid #e3745b !important;
}

#market-charts > div.Stockcharts__wrapper {
  overflow: hidden;
}
#market-charts > div > div.tabs {
  margin-bottom: 0.25rem;
}
#market-charts > div > div.tabs .tab-item {
  padding-top: 0.1rem;
}

.left-order-book {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.left-order-book table {
  width: 100%;
  table-layout: auto;
}
.left-order-book table th {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.left-order-book .table-container {
  flex-grow: 1;
  width: 100%;
  position: relative;
}
.left-order-book .my-order {
  font-weight: bold;
}
.left-order-book .no-orders {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
.left-order-book .no-orders.padtop {
  padding-top: 1em;
}
.left-order-book .ps-scrollbar-y-rail {
  width: 10px !important;
}
.left-order-book .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 6px !important;
}
.left-order-book .cell {
  display: table-cell;
  font-size: 0.875rem;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  text-align: right;
}
.left-order-book .cell.header-cell {
  padding-top: 0;
  padding-bottom: 0;
}
.left-order-book .cell.left, .left-order-book .cell.right {
  padding-left: 15px;
  padding-right: 15px;
}
.left-order-book .cell .text-center.spread {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.left-order-book .cell .text-center.spread .lock-unlock {
  margin-left: auto;
  margin-right: auto;
}
.left-order-book .cell .text-center.spread .left {
  padding-left: 15px;
}
.left-order-book .cell .text-center.spread .right {
  padding-right: 15px;
}
.left-order-book .column {
  width: 100%;
  height: 3rem;
}
.left-order-book .column .button.outline {
  border-left: none;
}
.left-order-book .order-table-container {
  width: 100%;
  height: 100%;
}
.left-order-book .order-table-container .sticky-table-table {
  box-sizing: content-box;
}
.left-order-book .top-header {
  text-align: right;
  height: 31px;
}

.underline {
  border-bottom: 1px dotted;
}

.final-row > td {
  border-bottom: none !important;
}

.left-orderbook-header {
  width: 100%;
  font-size: 0.75rem;
}

.top-header {
  padding-bottom: 0.25rem;
}

.bottom-header {
  padding-top: 0.25rem;
}
.bottom-header > .horizontal-button {
  height: 100%;
  width: 100%;
  border-bottom: none !important;
  border-right: none !important;
}

tr.top-header:hover > td,
tr.bottom-header:hover > td,
tr.spread-row:hover > td {
  background-color: inherit !important;
  cursor: pointer !important;
}

.chart-label {
  z-index: 5;
  position: absolute;
  right: 0;
  font-size: 15px;
  border: 1px black solid;
  vertical-align: middle;
}

.buy-sell-info {
  font-size: 90%;
}

a.order-cancel {
  font-size: 90%;
  letter-spacing: 2px;
  padding-top: 0.01rem;
  padding-bottom: 0.01rem;
  margin: 0;
}

.stats {
  overflow: visible;
}

.market-stats > li {
  display: inline-block;
  padding-right: 0.5rem;
}

div.market-stats-container {
  justify-content: space-between;
}

ul.market-stats {
  font-size: 0.75rem;
  display: flex;
  flex-wrap: wrap;
}

.market-stats .stat {
  text-align: left;
  font-size: 0.75rem;
  overflow: hidden;
}

.market-stats .stat .value {
  font-size: 0.75rem;
  color: #000;
  letter-spacing: normal;
}

.label-actions .icon {
  position: relative;
  top: 4px;
}

.stats {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.top-stats li {
  /*border-right: 1px solid $border-color;*/
  min-height: 42px;
  margin-left: 25px;
}

.stats .stat {
  text-align: center;
  padding: 2px 5px;
  vertical-align: middle;
}
.stats .stat > span > span:first-of-type {
  padding-right: 5px;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.stats .stat:first-child {
  border-left: none;
}

.market-symbol {
  font-weight: bold;
  font-size: 1.1rem;
  padding-left: 0.3rem;
  padding-right: 0.5rem;
}

div.bucket-option {
  line-height: 1;
  cursor: pointer;
  text-transform: none !important;
  margin-right: 3px;
  border-radius: 0;
  -moz-user-select: none;
       user-select: none;
}

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

.buy-sell-row {
  margin-bottom: 10px;
}
.buy-sell-row input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  font-variant: small-caps;
}

.bottom-row {
  border-top: #a09f9f 1px dotted;
  padding-top: 5px !important;
}

.buy-sell-label {
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
  white-space: nowrap;
  z-index: 100;
}

.buy-sell-input {
  height: 1.75rem;
  line-height: 1.75rem;
}

.buy-sell-input > input {
  margin: 0;
  padding: 0;
  height: 1.75rem;
  text-align: right;
  font-size: 90%;
  padding-right: 0.4rem;
}

.buy-sell-box {
  text-align: center;
  height: 1.75rem;
  line-height: 1.75rem;
  font-weight: 700;
  font-size: 75%;
  padding: 0 0 0 5px;
  min-width: 5rem;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.buy-sell-box > select {
  padding: 0;
  margin: 0;
  height: 1.75rem;
  line-height: 1.75rem;
  background-size: 8px 8px;
  border: none;
  color: white;
  font-size: 12px;
}

.borrow-button {
  margin-top: 0.2rem;
  margin-right: 0.2rem;
  font-size: 0.8rem;
}

.borrow-button-container {
  padding-left: 0.25rem;
}
.borrow-button-container > div:last-of-type {
  margin-bottom: 0.2rem;
}

.order-change {
  transition: all 3s ease;
  background: #343434;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.borrow-price-label {
  display: inline-block;
  min-width: 36.5%;
}

.borrow-price-final {
  border-top: #a09f9f 1px dotted;
  padding-top: 5px !important;
}

.borrow-price-feeds {
  padding-bottom: 8px;
}

.middle-content {
  margin-bottom: 10px;
}

.market-right-padding-only table td:nth-last-child(1),
.market-right-padding-only table th:nth-last-child(1) {
  padding: 0 0.6rem 0 0 !important;
}

.mymarkets-header {
  text-transform: uppercase;
  width: 50%;
  font-size: 1rem;
  padding: 6px 10px;
  font-weight: 500;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  transition: border-color 0.3s ease 0s;
  overflow: hidden;
}

.exchange-content-header {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  overflow: hidden;
}

.exchange-content-header.bid,
.exchange-content-header.ask {
  padding: 10px;
}

.exchange-content-header.bid {
  border-bottom: 1px solid #6ba583 !important;
}

.exchange-content-header.ask {
  border-bottom: 1px solid #e3745b !important;
}

.exchange-padded {
  padding-right: 15px !important;
}

.mymarkets-base-select {
  margin: 0;
  padding: 0;
  height: inherit;
  font-size: inherit;
}

.mymarkets-list {
  padding: 0;
  font-size: 0.75rem;
}
.mymarkets-list .table > thead tr th {
  font-size: 0.75rem;
}
.mymarkets-list .table > tbody tr td {
  padding-top: 2px;
  padding-bottom: 2px;
}

table thead tr th.mymarkets-header {
  padding-bottom: 9px !important;
}

.table-no-padding tr,
.table-no-padding td {
  padding: 0px !important;
}

.title-star {
  width: 1.25rem;
  height: 1.25rem;
  padding-right: 0.25rem;
}

.blue-icon > svg path {
  fill: #2196f3 !important;
}

.gold-star > svg path {
  fill: #cc9f00 !important;
}

.grey-star > svg path,
.grey-shuffle > svg path {
  fill: #878787 !important;
}

.gold-star:hover > svg path {
  fill: #ffc700 !important;
}

.shuffle:hover > svg path {
  fill: #bababa !important;
}

.grey-star:hover > svg path {
  fill: #cc9f00 !important;
}

@media (max-width: 450px) {
  .hide-order-0 {
    display: none !important;
  }
}
@media (max-width: 570px) {
  .hide-order-1 {
    display: none !important;
  }
}
@media (max-width: 720px) {
  .hide-order-2 {
    display: none !important;
  }
}
@media (max-width: 880px) {
  .hide-order-3 {
    display: none !important;
  }
}
@media (max-width: 1020px) {
  .hide-order-4 {
    display: none !important;
  }
}
@media (max-width: 1180px) {
  .hide-order-5 {
    display: none !important;
  }
}
@media (max-width: 1340px) {
  .hide-order-6 {
    display: none !important;
  }
}
@media (max-width: 1220px) {
  .hide-order-6 {
    display: none !important;
  }
}
.no-data {
  position: relative;
  left: 45%;
  top: 200px;
  z-index: 999;
  text-transform: uppercase;
  font-size: 2rem;
}

.market-right-padding {
  padding-right: 15px !important;
}

.orderbook-showall {
  text-align: center;
  padding: 5px 0;
  border-top: 1px solid rgba(128, 128, 128, 0.45);
  font-size: 12px;
}

.newrow-enter.newrow-enter-active {
  animation: flash 1.25s;
  animation-timing-function: ease-out;
}

@keyframes flash {
  0% {
    background-color: #6b6b6b;
  }
  100% {
    background-color: transparent;
  }
}
.mymarkets-tabs {
  width: 100%;
  list-style: none;
  margin: 0;
  margin-top: 5px;
}
.mymarkets-tabs > li {
  padding: 3px;
  font-size: 12px;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}

.buysell-select {
  background: none !important;
  -moz-appearance: menulist;
  appearance: menulist;
  text-align: left;
}

form.hide-container {
  display: none;
}

.custom-dropdown {
  position: relative;
  overflow: visible !important;
  z-index: 9;
}
.custom-dropdown > div.custom-dropdown-content {
  position: absolute;
  z-index: 99;
  top: 29px;
  left: 0;
  right: auto;
  min-width: 15rem;
}
.custom-dropdown > div.custom-dropdown-content > ul {
  margin: 0;
  list-style: none;
  text-align: left;
  font-size: 0.75rem;
}
.custom-dropdown > div.custom-dropdown-content > ul input {
  font-size: 0.8rem;
  height: 1.25rem;
  max-width: 40px;
  display: inline-block;
}
.custom-dropdown > div.custom-dropdown-content > ul > li {
  position: relative;
  padding: 5px;
  min-width: 5rem;
  border: none;
}
.custom-dropdown > div.custom-dropdown-content > ul > li.indicator-title {
  text-transform: uppercase;
}
.custom-dropdown > div.custom-dropdown-content > ul > li.indicator > div:first-of-type {
  display: inline-block;
  padding-left: 25px;
  width: 60%;
}
.custom-dropdown > div.custom-dropdown-content > ul > li.indicator > div:nth-of-type(2) {
  width: 40%;
  text-align: right;
  display: inline-block;
}
.custom-dropdown > div.custom-dropdown-content > ul > li > input {
  position: absolute;
  top: 5px;
}

.buy-sell-deposit {
  font-size: 85%;
  padding-left: 10px;
  text-transform: none;
}
.buy-sell-deposit > a > span.asset-name {
  text-transform: none;
}

tbody.orderbook > tr.my-order > td {
  font-weight: bold;
}

.vertical-panel .vp__header {
  border-bottom: 1px solid white;
  margin: 10px;
  padding-bottom: 10px;
}
.vertical-panel .vp__header > span {
  padding-bottom: 2px;
  margin-right: 10px;
}
.vertical-panel .vp__header > span.selected,
.vertical-panel .vp__header > span:hover {
  border-bottom: 5px solid cyan;
}

.marketPicker .marketPicker__header {
  padding: 0 5px;
  margin-top: 1px;
}
.marketPicker .marketPicker__header .marketPicker__title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
.marketPicker .marketPicker__header .marketPicker__filterType {
  float: right;
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 16px;
  padding-bottom: 5px;
}
.marketPicker .marketPicker__header .marketPicker__filterHeader {
  float: left;
  margin-top: 5px;
}
.marketPicker .marketPicker__subHeader {
  font-size: 1rem;
  margin-bottom: 16px;
}
.marketPicker input {
  font-size: 0.9rem;
  position: relative;
  top: 1;
}
.marketPicker .results {
  padding: 10px;
  max-height: 300px;
  min-height: 100px;
  overflow: auto;
  overflow-x: hidden;
}
.marketPicker .results li {
  list-style-type: none;
  border-bottom: 1px solid black;
}

.tether-element {
  z-index: 100;
}

.underline-title > * {
  text-decoration: underline;
}

.withdraw-fee-selector .amount-selector-field--label {
  text-align: left !important;
  margin-bottom: 0;
}
.withdraw-fee-selector :after {
  content: none !important;
}

.existing-accounts-select {
  height: 150px;
}

#unclaimed_balance_rows {
  max-height: 400px;
  overflow-y: auto;
}

.node-access-popup {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  right: 55px;
  bottom: 35px;
  width: 250px;
  overflow-y: auto;
  position: absolute;
  padding: 10px;
}
.node-access-popup .nodes-list .api-status {
  padding-top: 15px;
  padding-bottom: 15px;
}
.node-access-popup .nodes-list .api-status a {
  float: right;
  position: relative;
  top: 2px;
  right: 10px;
}

.footer {
  font-family: "Roboto-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: lowercase;
  font-variant: small-caps;
  background-color: #777;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  color: #fff;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.footer div.footer-status {
  position: absolute;
  right: 0;
}
.footer div.footer-status > span {
  position: relative;
  top: -9px;
}
.footer div.footer-block {
  position: relative;
  bottom: 0;
}
.footer div.footer-block > span {
  position: relative;
  top: 7px;
  font-size: 0.95rem;
}
.footer div.footer-block > span > .footer-block-title {
  font-size: 0.85rem;
}
.footer a {
  text-decoration: underline;
}
.footer .logo {
  padding-right: 0.5rem;
  border-right: 1px solid rgba(128, 128, 128, 0.45);
  line-height: 2rem;
}
.footer .logo .version {
  font-size: 75%;
  vertical-align: baseline;
}
.footer > div > div:last-of-type {
  padding-left: 1rem;
  border-left: 1px solid rgba(128, 128, 128, 0.45);
  overflow: hidden;
}

.logo svg {
  width: 1.75rem !important;
  height: 1.75rem !important;
}

label.horizontal > input {
  display: inline;
  width: auto;
}

.form-label.select {
  padding: 0;
  border: none;
}
.form-label.select select {
  margin: 0;
  border: none;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 0.875rem;
}

.has-error input,
.has-error select,
.has-error textarea {
  border-color: #a94442;
}

.autocomplete > .action-sheet-container {
  display: flex;
}
.autocomplete > .action-sheet-container > .action-sheet {
  left: 6em;
}

td > input,
td > .autocomplete input {
  margin: 0 !important;
}

.form-group {
  margin-bottom: 2rem;
}

.account-select {
  width: auto;
}

div.account-image .icon.key > svg {
  height: 2.4rem !important;
  width: 2.4rem !important;
}

.chain-select .ant-select {
  width: 100%;
}

.asset-select .ant-select {
  width: 100%;
}

.asset-input.with-action .ant-input {
  width: auto;
}

.asset-selector .error-area {
  position: absolute;
}

.asset-input.ant-form-item .ant-form-item-control {
  max-width: none;
}
.asset-input.ant-form-item .ant-form-item-label label {
  text-transform: uppercase;
}

.account-selector,
.pubkey-input {
  clear: right;
}
.account-selector input,
.pubkey-input input {
  display: block;
  flex: auto;
}
.account-selector .tooltip:hover,
.pubkey-input .tooltip:hover {
  cursor: pointer;
}
.account-selector .header-area,
.pubkey-input .header-area {
  margin-left: 3.5rem;
}
.account-selector .error-area,
.pubkey-input .error-area {
  position: absolute;
  padding-left: 3.5rem;
}
.account-selector .account-image,
.pubkey-input .account-image {
  float: left;
  width: 3.5rem;
}
.account-selector .account-image > canvas,
.account-selector .account-image .icon.key > svg,
.pubkey-input .account-image > canvas,
.pubkey-input .account-image .icon.key > svg {
  height: 2.4rem !important;
  width: 2.4rem !important;
}
.account-selector > .content-area,
.pubkey-input > .content-area {
  position: relative;
  width: 100%;
  display: inline-block;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .account-selector > .content-area,
.pubkey-input > .content-area {
    width: 100%;
  }
}

.error-area {
  min-height: 2rem;
  font-size: 0.875rem;
  line-height: normal;
}

.right-label,
.left-label {
  font-size: 90%;
  text-transform: uppercase;
  font-variant: small-caps;
  padding-bottom: 5px;
}

.right-label {
  float: right;
}

div.transfer-input {
  width: 100%;
  display: inline-block;
}
div.transfer-input.fee-row {
  border-top: 1px solid rgba(128, 128, 128, 0.45);
  padding-top: 2rem;
  position: relative;
}
div.transfer-input.fee-row > .amount-selector {
  width: calc(100% - 6.6rem);
}
div.transfer-input.fee-row.proposal > .amount-selector {
  width: calc(100% - 9rem);
}
div.transfer-input.fee-row > button {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.3rem;
  border-radius: 5px;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  div.transfer-input {
    width: 100%;
  }
  div.transfer-input.fee-row > .amount-selector {
    width: 100%;
    padding-bottom: 20px;
  }
  div.transfer-input.fee-row > button {
    position: inherit;
  }
}

.dropdown-wrapper {
  /* Size & position */
  position: relative;
  margin: 0 auto;
  padding: 12px 15px;
  /* Styles */
  background: transparent;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-out;
}
.dropdown-wrapper.inactive {
  cursor: default;
}
.dropdown-wrapper > div:first-of-type {
  font-size: 0.875rem;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.dropdown-wrapper > div:first-of-type > span.hidden {
  visibility: hidden;
}
.dropdown-wrapper.active {
  border-radius: 5px 5px 0 0;
  box-shadow: none;
  border-bottom: none;
}
.dropdown-wrapper.active .dropdown {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  max-height: 400px;
}
.dropdown-wrapper ul.dropdown {
  /* Size & position */
  min-width: 200px;
  position: absolute;
  top: 2.4rem;
  right: 0;
  z-index: 999;
  margin-left: 0;
  /* Styles */
  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none;
  list-style: none;
  transition: all 0.3s ease-out;
  /* Hiding */
  max-height: 0;
  overflow: hidden;
}
.dropdown-wrapper ul.dropdown > li {
  width: 100%;
}
.dropdown-wrapper ul.dropdown > li:last-of-type span {
  border: none;
}
.dropdown-wrapper ul.dropdown > li > span {
  font-size: 0.875rem;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px 10px;
  transition: all 0.3s ease-out;
}
.dropdown-wrapper ul.dropdown > li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}

.dropdown-wrapper:after {
  /* Little arrow */
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
}

.dropdown-wrapper.inactive:after {
  border: 0;
}

div.account-drop-down > div.dropdown-wrapper:after {
  z-index: -1;
}

div.input-wrapper {
  position: relative;
  width: 100%;
}
div.input-wrapper div.floating-dropdown {
  background: transparent;
  position: absolute;
  right: 0;
  text-align: right;
}

div.ok-indicator {
  position: absolute;
  top: 11px;
  right: 10px;
}

div.dropdown-wrapper.upper-case > div,
div.dropdown-wrapper.upper-case > ul > li {
  text-transform: uppercase;
}

form.full-width section > input {
  max-width: 100%;
}

#send_modal_header,
#send_modal_portfolio {
  padding-left: 20px;
  padding-right: 20px;
}
#send_modal_header .right-label,
#send_modal_header .left-label,
#send_modal_portfolio .right-label,
#send_modal_portfolio .left-label {
  padding-bottom: 0px;
}
#send_modal_header .dropdown-wrapper.active .dropdown,
#send_modal_portfolio .dropdown-wrapper.active .dropdown {
  max-height: 250px;
}
#send_modal_header #txFeeSelector .dropdown-wrapper.active .dropdown,
#send_modal_portfolio #txFeeSelector .dropdown-wrapper.active .dropdown {
  max-height: 100px;
}
#send_modal_header .account-selector .error-area,
#send_modal_portfolio .account-selector .error-area {
  display: none;
}
#send_modal_header .account-select,
#send_modal_portfolio .account-select {
  width: 100%;
}

#send_modal_header,
#send_modal_portfolio {
  padding-left: 20px;
  padding-right: 20px;
}
#send_modal_header .right-label,
#send_modal_header .left-label,
#send_modal_portfolio .right-label,
#send_modal_portfolio .left-label {
  padding-bottom: 0px;
}
#send_modal_header .dropdown-wrapper.active .dropdown,
#send_modal_portfolio .dropdown-wrapper.active .dropdown {
  max-height: 250px;
}
#send_modal_header #txFeeSelector .dropdown-wrapper.active .dropdown,
#send_modal_portfolio #txFeeSelector .dropdown-wrapper.active .dropdown {
  max-height: 100px;
}
#send_modal_header .account-selector .error-area,
#send_modal_portfolio .account-selector .error-area {
  display: none;
}

button.red,
button.green,
button.blue {
  padding: 10px 0px 10px 0px;
  width: 8rem;
  color: #f2f2f2;
  font-size: 0.875rem;
  font-weight: normal;
}

button.red {
  background-color: #f51b1b;
}

button.green {
  background-color: #30b90e;
}

button.blue {
  background-color: #4174b8;
}

button.disabled {
  background-color: #4d5e74;
}

.button.hollow {
  background-color: transparent;
  font-family: "RobotoCondensed-Regular", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.button.hollow:hover {
  color: #fff;
}

a.button span {
  color: #fff;
}

.button.hollow.primary {
  border-color: #049cce;
  color: #049cce !important;
  background: transparent;
}
.button.hollow.primary:hover {
  color: #fff !important;
}

.market-button {
  margin: 1rem 0;
}

input[type=text].input-button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body .add-memo-btn.add-memo-btn {
  padding: 0 !important;
  border: none;
  position: absolute;
  z-index: 1;
  bottom: 8px;
  left: -25px;
}

.input-addon-before {
  position: absolute;
  height: 100%;
  border: 1px solid #adadad;
  padding: 0 15px;
  border-radius: 6px;
  left: 0;
  display: flex !important;
  align-items: center;
}

.date-picker-width100 input.ant-input {
  height: 2.4rem;
  background-color: #2d2d2d;
  border: 0;
  color: #e0e0e0;
  border-radius: 6px;
}
.date-picker-width100 input.ant-input:focus {
  border: none !important;
  box-shadow: none;
}

.header.menu-group {
  justify-content: flex-start;
}

.icon > svg > path {
  fill: #fff;
}

.float-left > span.icon.user {
  top: 0;
}

.header {
  padding-left: 0 !important;
}
.header .electron-navigation > ul > li {
  border: none;
}
.header.primary {
  border-bottom: none;
}
.header .menu-bar > li {
  padding: 0;
  border-right: none;
}
.header .menu-bar > li > a {
  font-weight: bold;
  line-height: 2rem;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
  font-size: 1.1rem;
}
@media only screen and (min-width: 75em) {
  .header .menu-bar > li > a {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
.header div.account-drop-down div.total-value {
  text-align: right;
  font-size: 80%;
  line-height: initial;
}

div.header-balance a {
  font-size: 90%;
  font-weight: bold;
}
div.header-balance a:hover {
  background-color: transparent !important;
}

div.account-drop-down {
  font-size: 90%;
}
div.account-drop-down .dropdown-divider {
  padding-bottom: 10px;
}
div.account-drop-down a.button {
  font-weight: bold;
  font-size: 90%;
  background-color: transparent;
}
div.account-drop-down a:active.button,
div.account-drop-down a:hover.button {
  background-color: transparent !important;
}

div.header-right-menu > .grp-menu-item {
  border-left: none;
  line-height: 1;
}
@media only screen and (min-width: 75em) {
  div.header-right-menu > .grp-menu-item > a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

ul.top-stats {
  margin-bottom: 0px !important;
}

.grp-menu-items-group {
  flex-flow: row nowrap;
  display: flex;
  justify-content: flex-end;
}

.grp-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.grp-menu-item > a,
.grp-menu-item .button {
  padding: 0.5rem;
  font-size: 1rem;
}
@media only screen and (min-width: 75em) {
  .grp-menu-item > a,
.grp-menu-item .button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.user-icon > a {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.lower-case {
  text-transform: lowercase;
}

div.account-drop-down div.dropdown-wrapper {
  padding: 0;
}
div.account-drop-down div.dropdown-wrapper > li {
  list-style: none;
}
div.account-drop-down div.dropdown-wrapper > li > div.table-cell {
  padding: 15px 5px 14px 5px;
  text-align: center;
  vertical-align: middle;
}
div.account-drop-down div.dropdown-wrapper > li > div.table-cell:nth-child(2) {
  text-align: left;
  padding-left: 15px;
  padding-right: 20px;
}
div.account-drop-down div.dropdown-wrapper > ul {
  padding-bottom: 0;
}
div.account-drop-down div.dropdown-wrapper.active > ul {
  padding-bottom: 5px;
}

div.account-drop-down div.account-dropdown-wrapper > li > div.table-cell {
  height: 64px;
  padding-left: 10px;
  padding-right: 10px;
}

div.account-drop-down div.menu-dropdown-wrapper > li {
  width: 64.55px;
}
div.account-drop-down div.menu-dropdown-wrapper > li > div.table-cell {
  height: 64px;
  padding: 23px 5px 24px 5px;
}

ul.dropdown.header-menu {
  transition: padding 0s, height 3s linear;
  border: none;
  z-index: 1004;
}
ul.dropdown.header-menu > li {
  height: 41px;
  padding: 2px 5px 2px 10px;
}
ul.dropdown.header-menu > li > div {
  vertical-align: middle;
}
ul.dropdown.header-menu > li > div:first-of-type {
  padding-top: 5px;
}
ul.dropdown.header-menu > li > div:first-of-type > span.icon > svg {
  height: 1.5rem;
  width: 1.5rem;
}
ul.dropdown.header-menu > li > div:nth-of-type(2) {
  padding-left: 8px;
}
ul.dropdown.header-menu > li.disabled {
  color: grey;
  cursor: not-allowed;
  opacity: 50%;
}
ul.dropdown.header-menu > li.disabled svg path {
  fill: grey !important;
}
ul.dropdown.header-menu > li.has-submenu {
  position: relative;
}
ul.dropdown.header-menu > li.has-submenu:after {
  content: ">";
  position: absolute;
  right: 10px;
  margin-top: -13.5px;
  top: 50%;
}
ul.dropdown.header-menu > li.parent-item .parent-item-icon {
  margin-right: 10px;
}
ul.dropdown.header-menu li.mobile-only {
  display: none;
}
ul.dropdown.header-menu li.desktop-only {
  display: block;
}

.account-summary {
  text-align: right;
  line-height: initial;
  display: inline-block;
}
.account-summary .icon {
  margin-right: 5px;
}
.account-summary svg path {
  fill: #fff;
}

.account-name .icon {
  margin-right: 5px;
}

.active-account {
  padding-right: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.header-dropdown-sub-link {
  font-size: 0.85em;
}
.header-dropdown-sub-link.enabled:hover {
  text-decoration: underline;
}

.help-content {
  padding: 0 !important;
}

.help-content > table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.help-content > table td, .help-content > table th {
  border: 1px solid;
  padding: 5px;
}

.help-content > table > thead th {
  text-align: left;
  padding: 5px;
  border: 1px solid;
}

.help-content p:last-of-type {
  margin-bottom: 0;
}

.loading-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1 !important;
  transition: opacity linear 0.5s;
}

.loading-overlay.ng-hide {
  opacity: 0;
}

.loading-panel {
  max-height: 110px;
  width: 340px;
  background-color: #999;
  opacity: 0.75;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
}

.loading-panel--child {
  width: 340px;
  height: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  padding-top: 110px;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
}

.splash .loading-panel {
  left: -380px;
}

.progress-indicator {
  height: 50px;
  vertical-align: middle;
  margin: 46px 20px 20px 20px;
  text-align: center;
  color: #000;
  display: none;
}

.progress-indicator > span {
  vertical-align: middle;
  display: table-cell;
}

.with-progress .progress-indicator {
  display: table;
}

.spinner {
  width: 64px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.with-progress .spinner {
  margin: 20px auto 0 auto;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

.spinner .bounce1 {
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.circle-wrapper {
  width: 22px;
  height: 22px;
  position: relative;
}

.circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #777;
  border-radius: 100%;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

.circle2 {
  transform: rotate(30deg);
}

.circle3 {
  transform: rotate(60deg);
}

.circle4 {
  transform: rotate(90deg);
}

.circle5 {
  transform: rotate(120deg);
}

.circle6 {
  transform: rotate(150deg);
}

.circle7 {
  transform: rotate(180deg);
}

.circle8 {
  transform: rotate(210deg);
}

.circle9 {
  transform: rotate(240deg);
}

.circle10 {
  transform: rotate(270deg);
}

.circle11 {
  transform: rotate(300deg);
}

.circle12 {
  transform: rotate(330deg);
}

.circle2:before {
  animation-delay: -1.1s;
}

.circle3:before {
  animation-delay: -1s;
}

.circle4:before {
  animation-delay: -0.9s;
}

.circle5:before {
  animation-delay: -0.8s;
}

.circle6:before {
  animation-delay: -0.7s;
}

.circle7:before {
  animation-delay: -0.6s;
}

.circle8:before {
  animation-delay: -0.5s;
}

.circle9:before {
  animation-delay: -0.4s;
}

.circle10:before {
  animation-delay: -0.3s;
}

.circle11:before {
  animation-delay: -0.2s;
}

.circle12:before {
  animation-delay: -0.1s;
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.three-bounce > div {
  width: 18px;
  height: 18px;
  background-color: #777;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

.three-bounce .bounce1 {
  animation-delay: -0.32s;
}

.three-bounce .bounce2 {
  animation-delay: -0.16s;
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.modal#send_modal_header,
.modal#send_modal_portfolio,
.modal#simple_bridge_modal,
.modal#deposit_modal_new,
.modal#withdraw_modal_new {
  max-width: 500px;
}

.ant-modal .modal__header,
.modal .modal__header {
  text-align: center;
  padding-top: 1rem;
}
.ant-modal .modal__header > p,
.modal .modal__header > p {
  padding: 0px;
  margin: 0px;
  font-size: 1.8rem;
  font-weight: 700;
}
.ant-modal .modal__logo,
.modal .modal__logo {
  text-align: center;
}
.ant-modal .modal__logo img,
.modal .modal__logo img {
  height: 70px;
}
.ant-modal .modal__title,
.modal .modal__title {
  display: block;
  margin-top: 1rem;
}
.ant-modal .modal__body,
.modal .modal__body {
  padding-top: 1rem;
  height: auto;
  min-height: 350px;
}
.ant-modal .modal__body .container-row,
.modal .modal__body .container-row {
  padding-bottom: 1rem;
}
.ant-modal .modal__body .double-row .small-6,
.modal .modal__body .double-row .small-6 {
  display: inline-block;
}
.ant-modal form,
.modal form {
  padding-top: 20px;
}
.ant-modal .has-error,
.ant-modal .facolor-error,
.ant-modal .facolor-warning,
.modal .has-error,
.modal .facolor-error,
.modal .facolor-warning {
  max-width: 100%;
}
.ant-modal .floatRight,
.modal .floatRight {
  width: auto;
  padding-top: 2px;
}
.ant-modal .floatRight .error-msg,
.modal .floatRight .error-msg {
  text-align: right;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.ant-modal .amount-selector span,
.modal .amount-selector span {
  display: inline-block;
}
.ant-modal .amount-selector a,
.ant-modal .amount-selector .disabled-link,
.modal .amount-selector a,
.modal .amount-selector .disabled-link {
  font-size: 0.9em;
  display: inline-block;
  margin: 0 5px;
  text-transform: none;
  font-variant: normal;
}
.ant-modal .amount-selector span + a,
.ant-modal .amount-selector span + .disabled-link,
.modal .amount-selector span + a,
.modal .amount-selector span + .disabled-link {
  margin-left: 8px;
}

.modal {
  max-width: 700px;
  border-radius: 8px;
  overflow: auto !important;
  padding: 1rem 2rem 1rem 2rem;
}

.modal-table .ant-table .ant-table-placeholder {
  min-height: 0;
}

.text-cursor .ant-calendar-picker-input {
  cursor: text;
}

@media screen and (max-width: 600px) {
  .modal {
    width: 100%;
    border-radius: 0;
  }
}
@media screen and (max-width: 600px) {
  .modal .modal__body .double-row .small-6 {
    display: initial;
  }
}
#withdraw_modal_new .modal__body {
  min-height: 450px;
}

#simple_transfer_modal {
  max-width: 650px;
}

#simple_deposit_modal,
#simple_deposit_modal_ask,
#simple_withdraw_modal,
#simple_bridge_modal_ask {
  overflow: auto !important;
  max-width: 500px;
}

#simple_deposit_modal label,
#simple_deposit_modal_ask label,
#simple_withdraw_modal label,
#simple_bridge_modal_ask label {
  text-transform: none !important;
}

.modal-separator {
  border-width: 1px;
  border-style: solid;
  width: 100%;
  margin-bottom: 30px;
}

.node-selector--drop-down {
  position: relative;
}
.node-selector--drop-down #rc-tree-select-list_1 {
  height: 300px;
}

.pagination {
  display: inline-block;
  padding: 1rem;
  margin: 20px 0;
}

.pagination > li {
  padding: 1rem;
  display: inline;
  border: 0px solid #ddd;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}
.pagination > li:first-child {
  margin-left: 0.2rem;
  cursor: pointer;
}
.pagination > li:nth-child(2) {
  margin-right: 0;
}
.pagination > li:last-child {
  margin-right: 0.2rem;
  margin-left: 0;
  cursor: pointer;
}
.pagination > li > input {
  display: inline;
  width: 4rem;
  margin: 0 0rem 0 0rem;
  border: none;
}

.rudex-bridge select.native-coin-types {
  width: 11em;
  margin: 0 5px !important;
  display: inline;
  color: inherit;
  background-color: transparent;
  font-size: 0.9em;
  border: 1px solid #555;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%3E%3Cpath%20style%3D%22fill%3A%20%23555%22%20d%3D%22M0%200h32L16%2024%22/%3E%3C/svg%3E");
}

.rudex-bridge select.external-coin-types {
  width: 11em;
  margin: 0 5px !important;
  display: inline;
  color: inherit;
  background-color: transparent;
  font-size: 0.9em;
  border: 1px solid #555;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%3E%3Cpath%20style%3D%22fill%3A%20%23555%22%20d%3D%22M0%200h32L16%2024%22/%3E%3C/svg%3E");
}

.rudex-bridge select option {
  padding-bottom: 5px;
}

.rudex-bridge input {
  width: 9em;
  display: inline;
  color: inherit;
  background-color: #3F3F3F !important;
  font-size: 0.9em;
  border: 1px solid #555;
  height: 2.4rem;
  padding: 0.5rem;
  vertical-align: top;
  margin: 0 5px !important;
}

.rudex-bridge .deposit-limit {
  color: #ababab;
  line-height: 150%;
}

.rudex-with-memo {
  color: #ababab;
}

.rudex-position-options {
  position: relative;
}

.rudex-position-options .rudex-options {
  width: 100%;
  height: auto;
  max-height: 250px;
  border: solid 1px #000;
  background-color: #fff;
  position: absolute;
  border-top: none;
  top: 1px;
  overflow: auto;
}

.rudex-position-options .rudex-disabled-options {
  display: none;
}

.rudex-position-options .rudex-options a {
  display: block;
  color: black;
  padding: 1px;
  cursor: default;
  padding-bottom: 3px;
  padding-top: 3px;
}

.rudex-position-options .rudex-options a:hover {
  color: #fff;
  background-color: #3399ff;
}

.rudex-select-dropdown span {
  width: 38px;
  color: black;
  background: #eeeeee;
  text-align: center;
  line-height: 38px;
  cursor: default;
  font-size: 10px;
}

.set-cursor {
  cursor: default;
}

div.rudex__gateway h4 {
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
  padding-bottom: 1rem;
  margin-bottom: 1.25rem;
}
div.rudex__gateway div.medium-10 {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
}

@media only screen and (min-width: 40em) {
  div.service-selector {
    border-bottom: 1px solid rgba(128, 128, 128, 0.45);
  }
}
div.service-selector > ul.button-group.segmented {
  border-bottom: none;
  border-top: none;
  border-right: none;
  flex-wrap: wrap;
}
div.service-selector > ul.button-group.segmented a {
  border-top: 1px solid rgba(128, 128, 128, 0.45);
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
  border-right: 1px solid rgba(128, 128, 128, 0.45);
  font-size: 1rem;
}
@media only screen and (min-width: 40em) {
  div.service-selector > ul.button-group.segmented a {
    border-bottom: none;
  }
}

.settings-menu > ul > li {
  list-style-type: none;
  cursor: pointer;
  padding: 5px 0;
}
.settings-menu > ul > li:hover {
  background-color: red;
}
.settings-menu > ul > li.active {
  color: blue;
}

.settings--notifications input[type=checkbox] {
  cursor: pointer;
}
.settings--notifications .settings--notifications--group {
  margin: 15px 10px;
}
.settings--notifications .settings--notifications--group .settings--notifications--item label {
  text-transform: none;
}
.settings--notifications > .settings--notifications--group {
  margin-left: 0;
}

.nodes-header {
  text-transform: uppercase;
  font-size: 1rem;
  padding: 6px 10px;
  margin-bottom: 2em;
  font-weight: 500;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  transition: border-color 0.3s ease 0s;
  overflow: hidden;
}

div.api-node .api-status {
  overflow-wrap: break-word;
  font-size: 80%;
}
div.api-node p {
  margin-bottom: 0;
}
div.api-node > div {
  vertical-align: top;
  display: inline-block;
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-left: 1rem;
}
div.api-node > div.api-node-left {
  width: 50%;
}
div.api-node > div.api-node-left > p.api-node-url {
  overflow-wrap: break-word;
  font-size: 80%;
}
div.api-node > div.api-node-left > p.api-node-operator {
  overflow-wrap: break-word;
  font-size: 80%;
  float: right;
  color: gray;
}
div.api-node > div:nth-child(2) {
  width: 25%;
}
div.api-node > div:nth-child(3) {
  width: auto;
  position: absolute;
  right: 25px;
}

div.api-status a .default-icon {
  display: block;
}

div.api-status a:hover .default-icon {
  display: none;
}

div.api-status a .hover-icon {
  display: none;
}

div.api-status a:hover .hover-icon {
  display: block;
}

.active-node {
  position: relative;
  margin-bottom: 2em;
}

.auto-node {
  margin-left: 1rem;
  margin-bottom: 2rem;
}
.auto-node > div {
  display: inline-flex;
  vertical-align: middle;
}

.table {
  width: 100%;
}

.table > thead > tr > th {
  border-bottom: 1px solid #ddd;
  padding: 12px 5px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.875rem;
  color: #777;
  text-align: left;
}

.table > tbody > tr > td {
  padding: 5px;
}

.table > tbody > tr:last-of-type > td {
  border-bottom: none;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

.key-value-table tr > td:first-child {
  padding-left: 0 !important;
}
.key-value-table tr > td:last-child {
  text-align: right;
}

.table.compact td,
.table.compact th {
  font-size: 94%;
}

/* Wrap table in div with this class to make horizontal scroll */
.responsive-table {
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  max-width: 100%;
  width: 100vw;
}

th.is-sortable {
  cursor: pointer;
}
th.is-sortable.is-active {
  text-decoration: underline;
  text-underline-position: under;
}

div.account-tabs.with-buttons ul {
  width: 100%;
}
div.account-tabs.with-buttons ul > li.tabs-action-buttons {
  text-align: right;
  padding-right: 10px;
}
div.account-tabs.with-buttons ul > li.tabs-action-buttons > div > button:nth-of-type(2).button {
  margin-left: 10px;
}
div.account-tabs.with-buttons ul > li.tabs-action-buttons > div > button.button {
  margin: 5px 0;
  min-width: 5.5rem;
}

@media only screen and (min-width: 75em) {
  div.account-tabs.with-buttons ul > li.tabs-action-buttons {
    padding-left: 1rem;
  }
  div.account-tabs.with-buttons ul > li.tabs-action-buttons > div > button:nth-of-type(2).button {
    margin-left: 10px;
  }
  div.account-tabs.with-buttons ul > li.tabs-action-buttons > div > button.button {
    margin: 10px auto;
  }
}
input[role=combobox] {
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
}

.typeahead {
  position: relative;
  display: inline-block;
  width: 100%;
}
.typeahead .typeahead__input {
  width: 100%;
  height: 2.4rem;
  font-size: 1rem;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.typeahead .typeahead__innerList {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 6px;
  position: absolute;
  width: 100%;
  z-index: 1000;
  margin-top: -40px;
  border-radius: 0px 0px 8px 8px;
}
.typeahead .typeahead__innerItem {
  padding: 8px;
}
.typeahead > div {
  width: 100%;
}
.typeahead > div > div {
  z-index: 1003;
}
.typeahead .icon.chevron-down:hover,
.typeahead .selectWrapper:hover {
  cursor: pointer;
}

.selectWrapper + .icon.chevron-down {
  pointer-events: none;
}

.page-404 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/*
Dark = #3f3f3f
Light = #cccccc
Midnight = #23313d
*/
.page-404-title {
  font-size: 28px;
  margin: 18px 0;
}

.page-404-subtitle {
  font-size: 16px;
  margin: 18px 0;
}

.ant-form-item .ant-form-item-label label {
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: inline;
}

.ant-select-dropdown-menu {
  margin-left: 0;
  font-size: 14px;
}

.modal-header {
  padding: 1rem;
  text-align: center;
}

.modal-content {
  padding: 1rem;
}

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

.unlock_wallet_modal2 {
  padding-left: 0;
  padding-right: 0;
  border-radius: 1px;
}
.unlock_wallet_modal2 hr {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.unlock_wallet_modal2 .login-type-selector {
  margin-bottom: 4rem;
}
.unlock_wallet_modal2 .upload-button {
  cursor: pointer;
  border: 1px dashed grey;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: none;
  height: 2.4rem;
  padding-left: 0.5rem;
  padding-right: 0.2rem;
  margin-bottom: 0;
  font-size: 14.4px;
}
.unlock_wallet_modal2 .upload-button span {
  text-transform: none;
}
.unlock_wallet_modal2 .upload-button input {
  opacity: 0;
  position: absolute;
  z-index: -1;
  height: 0;
}
.unlock_wallet_modal2 .upload-button .upload-button-logo {
  height: 75%;
  margin-right: 0.15rem;
}
.unlock_wallet_modal2 .upload-button .upload-button-logo path {
  fill: #049cce;
  stroke-width: 0.35277775;
}
.unlock_wallet_modal2 .has-error:not([class*=ant-]) {
  display: block;
  height: 20px;
  margin-bottom: 1rem;
}
.unlock_wallet_modal2 .login-hint {
  font-size: 14.4px;
}
.unlock_wallet_modal2 .key-file-selector {
  margin-bottom: calc(2rem + 20px);
}
.unlock_wallet_modal2 .key-file-selector .content-box {
  padding-top: 0.5rem;
  height: 2.4rem;
}
.unlock_wallet_modal2 .key-file-selector.restoring {
  margin-bottom: 0;
}
.unlock_wallet_modal2 .key-file-selector .label-container {
  height: 29px;
}
.unlock_wallet_modal2 .key-file-selector .content-box {
  font-size: 14.4px;
}
.unlock_wallet_modal2 .key-file-selector span {
  font-size: 14.4px;
}
.unlock_wallet_modal2 .key-file-selector .login-hint {
  height: 20px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.unlock_wallet_modal2 .account-selector .form-group {
  margin-bottom: 0;
}
.unlock_wallet_modal2 .content-block {
  margin-bottom: 1rem;
}
.unlock_wallet_modal2 .login-select {
  padding: 0;
  padding-left: 0.2rem;
  height: 2.4rem;
  font-size: 14.4px;
}
.unlock_wallet_modal2 input {
  font-size: 14.4px !important;
  height: 2.4rem;
  border-radius: 1px !important;
  padding: 0;
  padding-left: 0.5rem;
}
.unlock_wallet_modal2 .has-error:not([class*=ant-]) {
  font-size: 14.4px;
}
.unlock_wallet_modal2 .error-area {
  font-size: 14.4px;
}
.unlock_wallet_modal2 .modal-header {
  text-align: left;
  padding-left: 2rem;
  padding-right: 2rem;
}
.unlock_wallet_modal2 .modal-header .close-button {
  color: #049cce;
  font-size: 1.5rem;
}
.unlock_wallet_modal2 .modal-content {
  padding-left: 2rem;
  padding-right: 2rem;
}
.unlock_wallet_modal2 .login-label {
  display: inline-block;
  font-variant: normal;
  text-transform: none;
  font-size: 15px;
}
.unlock_wallet_modal2 .login-label span {
  text-transform: none;
}
.unlock_wallet_modal2 .backup-warning .checkbox {
  margin: 1rem 0 0;
}

.text-group {
  width: 100%;
  display: table;
  padding: 0.5em;
}
.text-group div {
  display: table-cell;
  vertical-align: middle;
}
.text-group div:nth-child(1) {
  min-width: 3rem;
}
.text-group div:nth-child(2) {
  text-align: right;
  padding-left: 0.5rem;
}

.text-group .left-menu {
  padding-bottom: 1em;
}

.wallet-create div.ant-form-item-label,
.create-account-wrapper div.ant-form-item-label {
  text-align: left;
}

@media only screen and (min-width: 40em) {
  .left-menu {
    padding-top: 5em;
  }
}
#incognito {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  height: 34px;
  line-height: 34px;
  font-size: 0.875rem;
}
#incognito .dismiss {
  position: absolute;
  right: 1em;
  top: 0;
  cursor: pointer;
  font-size: 1.5em;
}

@media only screen and (min-width: 40em) {
  div.asset-page .grid-block.medium-up-1 > div:nth-child(odd) {
    padding-left: 0;
  }
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  div.asset-page .grid-block.medium-up-1 > div {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 75em) {
  div.asset-page .grid-block.medium-up-1 > div:nth-child(even) {
    padding-right: 0;
  }
}

.asset-collapse .ant-collapse-item {
  margin-bottom: 16px;
}
.asset-collapse .ant-collapse-item .ant-collapse-header {
  padding-left: 40px !important;
}

div.registration {
  padding-top: 3rem;
  background-color: initial;
}
div.registration .registration-title {
  font-weight: bold;
}
div.registration .model-img {
  min-width: 350px;
  opacity: 0.15;
  transition-duration: 0.3s;
}
div.registration .model-img:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  div.registration .model-img:not(.ng-hide) {
    display: none !important;
  }
}
div.registration .model-img.confirmed {
  opacity: 1;
}
div.registration .model-img-overlay {
  min-width: 350px;
  top: 0;
  position: absolute;
  clip: rect(0, 0, 400px, 0);
}
div.registration .model-img-overlay:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  div.registration .model-img-overlay:not(.ng-hide) {
    display: none !important;
  }
}
div.registration .create-account-block {
  max-width: 700px;
  width: 100%;
  padding: 0 15px;
  text-align: left;
}
div.registration .create-account-block span.inline-label {
  max-width: 30rem;
}
div.registration .create-account-block span.inline-label.generated-password-field {
  margin-bottom: 1.5rem;
}
div.registration .create-account-block span.inline-label .button {
  border-radius: 0;
}
div.registration .create-account-block span.inline-label input {
  padding-right: 0;
}
@media only screen and (min-width: 75em) {
  div.registration .create-account-block .account-name,
div.registration .create-account-block .account-selector {
    width: 77%;
  }
}
div.registration .create-account-block h3 {
  margin-bottom: 15px;
  font-size: 32px;
  line-height: 26px;
}
div.registration .create-account-block .confirm-checks h3 {
  margin-bottom: 28px;
}
div.registration .create-account-block .model-description {
  max-width: 560px;
  margin-bottom: 27px;
  font-size: 14px;
  letter-spacing: 0.06px;
  line-height: 20px;
}
div.registration .create-account-block button.button-primary {
  margin-top: 23px;
  padding: 8px 25px;
  border-radius: 20px;
}
div.registration .create-account-block button.disabled {
  opacity: 0.1;
}
div.registration .create-account-block .checkbox-block {
  display: flex;
  align-items: baseline;
  margin-bottom: 19px;
  cursor: pointer;
}
div.registration .create-account-block .checkbox-block span {
  vertical-align: middle;
}
div.registration .create-account-block .checkbox-text {
  margin-left: 10px;
  font-size: 14px;
  letter-spacing: 0.06px;
  line-height: 20px;
}
div.registration .create-account-block .download-btn {
  margin-top: 16px;
  padding: 11px 35px;
  border-radius: 30px;
}
div.registration .create-account-block .download-btn .download-block {
  display: flex;
}
div.registration .create-account-block .download-btn .download-block .bin-img {
  margin-right: 16px;
}
div.registration .create-account-block .download-btn .download-block .download-text {
  font-size: 16px;
  letter-spacing: 0.07px;
  line-height: 20px;
}
div.registration .create-account-block .download-btn .download-block .file-name {
  margin-bottom: 0;
  font-size: 11px;
  letter-spacing: -0.13px;
  line-height: 15px;
}
div.registration .create-account-block .registration-layout-select {
  max-width: 30rem;
  border-radius: 0;
}
div.registration .create-account-block .why-bin-file {
  margin-top: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 75em) {
  div.registration .create-account-block {
    margin-left: 60px;
  }
}
div.registration div.sub-content {
  padding-top: 1rem;
}
div.registration div.sub-content table {
  text-align: left;
}
div.registration div.sub-content p {
  word-wrap: break-word;
  max-width: 30rem;
  text-align: left;
}
div.registration div.button-group {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
}
div.registration div.button-group label > span {
  text-transform: none;
  font-size: 90%;
}
div.registration div.button-group label:first-of-type {
  margin-right: 3rem;
}
div.registration div.button {
  border-radius: 20px;
  padding: 11px 25px;
}
div.registration div.button.disabled {
  opacity: 0.1;
}
div.registration .password-copy-button {
  padding: 10px;
  border-radius: 0 5px 5px 0;
  display: inline;
  right: 0;
  position: absolute;
}
div.registration .generated-password-section {
  position: relative;
  display: inline;
}

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  div.registration {
    padding-top: 14px;
  }
  div.registration .create-account-block h3 {
    margin-bottom: 4px;
    font-size: 20px;
    line-height: 24px;
  }
  div.registration .create-account-block .model-description {
    margin-bottom: 17px;
    font-size: 12px;
    letter-spacing: 0.05px;
    line-height: 16px;
  }
  div.registration .create-account-block button.button-primary {
    margin-top: 8px;
  }
  div.registration .create-account-block p {
    max-width: 100%;
  }
  div.registration .create-account-block .download-btn {
    width: 100%;
    margin-top: 9px;
  }
  div.registration .create-account-block .download-btn .download-block {
    justify-content: center;
  }
  div.registration .create-account-block .confirm-checks h3 {
    margin: 14px 0 15px 0;
  }
  div.registration .create-account-block .checkbox-block {
    margin-bottom: 16px;
  }
  div.registration .create-account-block .checkbox-text {
    font-size: 12px;
    letter-spacing: 0.05px;
    line-height: 18px;
  }
  div.registration .create-account-block .registration-layout-select {
    max-width: 100%;
  }
  div.registration .create-account-block .why-bin-file {
    margin: 10px auto;
  }
}
.registration-selector .registration-container {
  margin-bottom: 20px;
}
.registration-selector .registration-title {
  margin: 20px 0 70px;
  font-size: 32px;
  line-height: 26px;
}
.registration-selector div.selection-block .model-img {
  position: relative;
  bottom: 40px;
}
.registration-selector div.selection-block .inactive-img {
  bottom: 50px;
}
.registration-selector div.selection-block .selection-title {
  margin: -20px 0 0;
  font-size: 22px;
  letter-spacing: -0.3px;
  line-height: 26px;
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .registration-selector div.selection-block .selection-title {
    font-size: 21px;
  }
}
.registration-selector div.selection-block .inactive-title {
  margin-top: -30px;
}
.registration-selector div.selection-block .choice-model {
  margin: 4px 5px 10px;
  display: inline-block;
  opacity: 0.7;
  font-size: 16px;
  letter-spacing: 0.07px;
  line-height: 20px;
}
.registration-selector div.selection-block .choice-account {
  margin-bottom: 67px;
}
.registration-selector div.selection-block .recommended {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 30px;
  padding: 5px 10px;
  font-size: 14px;
  letter-spacing: -0.12px;
  line-height: 17px;
}
.registration-selector div.selection-block .model-option {
  margin-bottom: 9px;
  opacity: 0.6;
  font-size: 14px;
  letter-spacing: 0.06px;
  line-height: 14px;
}
.registration-selector div.selection-block .model-option-value {
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: 0.08px;
  line-height: 18px;
}
.registration-selector div.selection-block .option-border {
  width: 75%;
  margin: 0 auto 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
}
.registration-selector div.selection-block .inactive-text {
  opacity: 0.4;
}
.registration-selector div.selection-block span.button-primary {
  padding: 8px 25px;
}
.registration-selector div.selection-block span.button-secondary {
  padding: 8px 35px;
}
.registration-selector div.selection-block span.button-primary,
.registration-selector div.selection-block span.button-secondary {
  display: inline-block;
  margin-top: 13px;
}
@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .registration-selector div.selection-block {
    width: 320px;
  }
}
.registration-selector div.inactive-model-block {
  padding-bottom: 39px;
  box-shadow: none;
  cursor: pointer;
}
.registration-selector div.inactive-model-block:not(.ng-hide) {
  display: block !important;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .registration-selector div.inactive-model-block:not(.ng-hide) {
    display: none !important;
  }
}
.registration-selector div.inactive-model-block span.button-secondary {
  opacity: 0;
}
.registration-selector div.inactive-model-block span.button-primary,
.registration-selector div.inactive-model-block span.button-secondary {
  margin-top: 11px;
}
.registration-selector .inactive-model-block:hover span.button-secondary {
  opacity: 1;
}

@media (min-width: 640px) {
  .hide-block-for-medium {
    display: none;
  }
}
@media (max-width: 639px) {
  .registration-selector {
    width: 100%;
  }
  .registration-selector .registration-title {
    margin: 14px 0 16px;
    font-size: 20px;
    letter-spacing: -0.27px;
    line-height: 26px;
  }
  .registration-selector div.selection-block {
    width: 100%;
    margin: 0 3%;
    padding-bottom: 0;
  }
  .registration-selector div.selection-block .small-only-block {
    display: flex;
    justify-content: center;
  }
  .registration-selector div.selection-block .header-block {
    width: 55%;
    padding-top: 10px;
    cursor: pointer;
  }
  .registration-selector div.selection-block .inactive-left-block {
    width: 45%;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .registration-selector div.selection-block .inactive-right-block {
    width: 45%;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  .registration-selector div.selection-block .model-img {
    width: 42px;
    bottom: 0;
    margin: auto 8px;
  }
  .registration-selector div.selection-block .selection-title {
    margin-top: 0;
    font-size: 13px;
    letter-spacing: -0.18px;
    line-height: 16px;
  }
  .registration-selector div.selection-block .hide-text-for-small {
    display: none;
  }
  .registration-selector div.selection-block .choice-model {
    margin: 0 5px 2px 0;
    font-size: 10px;
    letter-spacing: 0.04px;
  }
  .registration-selector div.selection-block .recommended {
    margin-bottom: 5px;
    margin-left: 0;
    padding: 2px 5px;
    font-size: 10px;
    letter-spacing: -0.08px;
    line-height: 12px;
  }
  .registration-selector div.selection-block .security-key {
    margin-top: 25px;
  }
  .registration-selector div.selection-block .model-option {
    margin-bottom: 4px;
    font-size: 12px;
    letter-spacing: 0.05px;
  }
  .registration-selector div.selection-block .model-option-value {
    margin-bottom: 11px;
    padding-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.06px;
  }
  .registration-selector div.selection-block span.button-primary,
.registration-selector div.selection-block span.button-secondary {
    width: 80%;
    margin-top: 7px;
    padding: 14px 25px;
  }
  .registration-selector div.selection-block .option-border {
    width: 80%;
  }
  .registration-selector div.selection-block span.question-icon {
    vertical-align: middle;
  }
}
.login-page-selector .recommended {
  display: none;
}
.login-page-selector div.selection-block .choice-model {
  margin-bottom: 42px;
}
.login-page-selector div.selection-block .choice-account {
  margin-bottom: 59px;
}
.login-page-selector div.selection-block .content-block {
  margin-bottom: 28px;
}
.login-page-selector .account-block,
.login-page-selector .wallet-block {
  padding: 0 10%;
}
.login-page-selector .account-block input,
.login-page-selector .wallet-block input {
  height: auto;
  flex: none;
}
.login-page-selector .account-block .account-selector .inline-label,
.login-page-selector .wallet-block .account-selector .inline-label {
  align-items: center;
}
.login-page-selector .account-block .account-selector .custom-tooltip:hover,
.login-page-selector .wallet-block .account-selector .custom-tooltip:hover {
  visibility: visible !important;
  opacity: 0.9 !important;
}
.login-page-selector .account-block .header-area,
.login-page-selector .wallet-block .header-area {
  margin-left: 0;
}
.login-page-selector .account-block .header-area .left-label,
.login-page-selector .wallet-block .header-area .left-label {
  text-align: left;
}
.login-page-selector .account-block .button-secondary,
.login-page-selector .account-block button.button-primary,
.login-page-selector .wallet-block .button-secondary,
.login-page-selector .wallet-block button.button-primary {
  outline: 0;
  padding: 7px 35px 8px;
}
.login-page-selector .account-block .button-secondary,
.login-page-selector .wallet-block .button-secondary {
  opacity: 0;
}
.login-page-selector .account-block .button-group,
.login-page-selector .wallet-block .button-group {
  margin: 50px 0 15px;
}
.login-page-selector .account-block .eye-block,
.login-page-selector .wallet-block .eye-block {
  display: inline-block;
}
.login-page-selector .account-block .dismiss-icon,
.login-page-selector .account-block .approve-icon,
.login-page-selector .wallet-block .dismiss-icon,
.login-page-selector .wallet-block .approve-icon {
  margin: auto 0 auto 8px;
}
.login-page-selector .account-block .approve-icon svg,
.login-page-selector .wallet-block .approve-icon svg {
  width: 14px;
  height: 14px;
}
.login-page-selector .account-block .error-area,
.login-page-selector .wallet-block .error-area {
  padding-left: 0;
}
.login-page-selector .account-block .file-input-container,
.login-page-selector .account-block .small-container,
.login-page-selector .wallet-block .file-input-container,
.login-page-selector .wallet-block .small-container {
  display: grid;
  grid-template-columns: 50px 50px auto;
  padding-right: 20px;
  border: 1px dashed;
  border-radius: 5px;
}
.login-page-selector .account-block .file-input-container .rounded-arrow,
.login-page-selector .account-block .small-container .rounded-arrow,
.login-page-selector .wallet-block .file-input-container .rounded-arrow,
.login-page-selector .wallet-block .small-container .rounded-arrow {
  margin: auto 0 auto -15px;
  z-index: 1;
}
.login-page-selector .account-block .file-input-container .bin-file,
.login-page-selector .account-block .small-container .bin-file,
.login-page-selector .wallet-block .file-input-container .bin-file,
.login-page-selector .wallet-block .small-container .bin-file {
  opacity: 0.4;
  height: 50px;
  margin: 20px 0 20px -30px;
}
.login-page-selector .account-block .file-input-container .bin-file.initial-bin,
.login-page-selector .account-block .small-container .bin-file.initial-bin,
.login-page-selector .wallet-block .file-input-container .bin-file.initial-bin,
.login-page-selector .wallet-block .small-container .bin-file.initial-bin {
  margin-left: -60px;
}
.login-page-selector .account-block .file-input-container:hover .bin-file, .login-page-selector .account-block .file-input-container.dropHover .bin-file, .login-page-selector .account-block .file-input-container.downloaded,
.login-page-selector .account-block .small-container:hover .bin-file,
.login-page-selector .account-block .small-container.dropHover .bin-file,
.login-page-selector .account-block .small-container.downloaded,
.login-page-selector .wallet-block .file-input-container:hover .bin-file,
.login-page-selector .wallet-block .file-input-container.dropHover .bin-file,
.login-page-selector .wallet-block .file-input-container.downloaded,
.login-page-selector .wallet-block .small-container:hover .bin-file,
.login-page-selector .wallet-block .small-container.dropHover .bin-file,
.login-page-selector .wallet-block .small-container.downloaded {
  opacity: 1;
}
.login-page-selector .account-block .file-input-container .upload-text,
.login-page-selector .account-block .small-container .upload-text,
.login-page-selector .wallet-block .file-input-container .upload-text,
.login-page-selector .wallet-block .small-container .upload-text {
  margin: auto 0;
  font-size: 14px;
  letter-spacing: -0.2px;
  line-height: 20px;
  text-transform: none;
}
.login-page-selector .account-block .file-input-container .upload-text p,
.login-page-selector .account-block .small-container .upload-text p,
.login-page-selector .wallet-block .file-input-container .upload-text p,
.login-page-selector .wallet-block .small-container .upload-text p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}
.login-page-selector .account-block .file-input-container .upload-text .active-upload-text,
.login-page-selector .account-block .small-container .upload-text .active-upload-text,
.login-page-selector .wallet-block .file-input-container .upload-text .active-upload-text,
.login-page-selector .wallet-block .small-container .upload-text .active-upload-text {
  display: inline-block;
  position: relative;
}
.login-page-selector .account-block .file-input-container .upload-text .active-upload-text .upload-bin-input,
.login-page-selector .account-block .small-container .upload-text .active-upload-text .upload-bin-input,
.login-page-selector .wallet-block .file-input-container .upload-text .active-upload-text .upload-bin-input,
.login-page-selector .wallet-block .small-container .upload-text .active-upload-text .upload-bin-input {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.login-page-selector .account-block .file-input-container .upload-text .active-upload-text .upload-bin-input::-webkit-file-upload-button,
.login-page-selector .account-block .small-container .upload-text .active-upload-text .upload-bin-input::-webkit-file-upload-button,
.login-page-selector .wallet-block .file-input-container .upload-text .active-upload-text .upload-bin-input::-webkit-file-upload-button,
.login-page-selector .wallet-block .small-container .upload-text .active-upload-text .upload-bin-input::-webkit-file-upload-button {
  cursor: pointer;
}
.login-page-selector .account-block .file-input-container .facolor-error,
.login-page-selector .account-block .small-container .facolor-error,
.login-page-selector .wallet-block .file-input-container .facolor-error,
.login-page-selector .wallet-block .small-container .facolor-error {
  text-transform: uppercase;
}
.login-page-selector .account-block .file-input-container.downloaded,
.login-page-selector .account-block .small-container.downloaded,
.login-page-selector .wallet-block .file-input-container.downloaded,
.login-page-selector .wallet-block .small-container.downloaded {
  border: 1px solid;
}
.login-page-selector .account-block .small-container,
.login-page-selector .wallet-block .small-container {
  display: none;
}
.login-page-selector .account-block .without-bin,
.login-page-selector .wallet-block .without-bin {
  width: -moz-fit-content;
  width: fit-content;
  margin: 6px 0 22px;
  font-size: 12px;
  letter-spacing: -0.17px;
  line-height: 17px;
  border-bottom: 1px dashed;
}
.login-page-selector .account-block .custom-tooltip,
.login-page-selector .wallet-block .custom-tooltip {
  width: 250px;
  pointer-events: auto;
}
.login-page-selector .account-block .custom-tooltip .without-bin,
.login-page-selector .wallet-block .custom-tooltip .without-bin {
  border-bottom: 1px dashed;
  font-size: 13px;
  letter-spacing: 0.06px;
  line-height: 18px;
}
.login-page-selector .wallet-block .button-group {
  margin: 61px 0 0;
}
.login-page-selector .wallet-block .bin-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-page-selector .inactive-model-block {
  padding-top: 39px;
}
.login-page-selector .inactive-model-block div.header-block {
  padding: 87px 0 127px 0;
}
.login-page-selector .inactive-model-block div.header-block .inactive-img {
  bottom: 0;
}
.login-page-selector .inactive-model-block div.header-block .inactive-title {
  margin-top: 20px;
}
.login-page-selector .inactive-model-block div.header-block .choice-model {
  margin-bottom: 0;
}
.login-page-selector .inactive-model-block div.button-group {
  margin: 0;
}
.login-page-selector .inactive-model-block div.button-group span.button-secondary {
  margin-top: 0;
}
.login-page-selector .inactive-model-block:hover .button-secondary {
  opacity: 1;
}
.login-page-selector .account-selector {
  text-align: left;
}
.login-page-selector .account-selector .has-error {
  font-size: 0.875rem;
  margin-top: 5px !important;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .login-page-selector div.small-only-block.header-block {
    padding-bottom: 15px;
  }
  .login-page-selector div.small-only-block.header-block div.small-only-text-left {
    height: -moz-fit-content;
    height: fit-content;
    margin: auto 0;
  }
  .login-page-selector div.small-only-block.header-block div.small-only-text-left .choice-model {
    margin-bottom: 0;
  }
  .login-page-selector div.small-only-block.header-block .model-img {
    margin-bottom: 5px;
  }
  .login-page-selector .wallet-block,
.login-page-selector .account-block {
    padding-top: 5px;
  }
  .login-page-selector div.selection-block .content-block {
    margin-bottom: 12px;
  }
  .login-page-selector div.selection-block .button-group {
    width: 100%;
    margin: 18px 0 0;
  }
  .login-page-selector div.selection-block .button-group button.button-primary {
    padding: 14px 20px;
  }
  .login-page-selector .account-block div.custom-tooltip,
.login-page-selector .wallet-block div.custom-tooltip {
    width: 180px;
  }
  .login-page-selector .wallet-block .file-input-container {
    display: none;
  }
  .login-page-selector .wallet-block .small-container {
    padding: 0 0 0 8px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .login-page-selector .wallet-block .small-container .upload-bin-input {
    z-index: 1;
  }
  .login-page-selector .wallet-block .small-container .attach-bin {
    display: block;
    width: 19px;
    height: 19px;
    margin: 8px 10px 10px;
    opacity: 0.6;
  }
  .login-page-selector .wallet-block .password-block {
    margin-bottom: 12px;
  }
}

.barter-footer {
  display: flex;
  align-items: center;
}

.barter-balance-warning {
  margin-left: 30px;
  color: #ff8d36;
}

@media (max-width: 600px) {
  .barter-footer {
    display: block;
    align-items: center;
  }

  .barter-balance-warning {
    margin-left: 0;
    margin-top: 30px;
  }
}
.barter-fee-selector .amount-selector-field--label {
  text-align: left !important;
}
.barter-fee-selector :after {
  content: none !important;
}

.direct-debit-table {
  overflow-x: auto;
}
.direct-debit-table table {
  min-width: 1100px;
}
.direct-debit-table .ant-table-placeholder {
  min-height: 140px;
}

@media (max-width: 750px) {
  .direct-debit-view .direct-debit-table-card .ant-card-body {
    padding: 24px 0;
  }
}
@media (max-width: 550px) {
  .direct-debit-view .direct-debit-table__filter-input {
    margin-bottom: 15px;
  }
}
.collapsible-table {
  overflow: hidden;
}
.collapsible-table table {
  transform-style: preserve-3d;
}
.collapsible-table .ant-table-thead {
  transform: translate3d(0, 0, 1px);
}
.collapsible-table .ant-table-tbody {
  transform: translate3d(0, 0, 0);
}
@keyframes collapse {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes uncollapse {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.collapsible-table.collapsible-table-collapsed .ant-table-tbody {
  animation: collapse 0.15s ease-in-out forwards;
}
.collapsible-table.collapsible-table-uncollapsed .ant-table-tbody {
  animation: uncollapse 0.15s ease-in-out forwards;
}
.collapsible-table.collapsible-table-collapsed-animation-completed .ant-table-tbody {
  display: none;
}
.collapsible-table.collapsible-table-collapsed .ant-table-footer,
.collapsible-table.collapsible-table-collapsed .ant-table-pagination {
  opacity: 0;
  transition: 0.15s ease-in-out;
}
.collapsible-table.collapsible-table-collapsed-animation-completed .ant-table-footer,
.collapsible-table.collapsible-table-collapsed-animation-completed .ant-table-pagination {
  display: none;
}
.collapsible-table .ant-table-thead {
  opacity: 0.9;
  cursor: pointer;
}
.collapsible-table .ant-table-thead:hover {
  opacity: 1;
}

.voting .ticket-row {
  padding-bottom: 20px;
}
.voting .ant-radio-group {
  padding-top: 4px !important;
  padding-left: 26px !important;
}
.voting .ant-radio-group .ant-radio-wrapper {
  font-family: "Roboto-Regular", arial, sans-serif !important;
  font-size: 16px !important;
}
.voting .ant-row {
  padding-bottom: 20px;
}
.voting .unsupported > td {
  color: grey;
}
.voting .unsupported > td > a {
  color: grey;
}
.voting .unsupported > td > span > a {
  color: grey;
}
.voting .unsupported > td > span > div > a {
  color: grey;
}
.voting .unsupported > td svg path {
  fill: grey;
}

.invoice-request-input .ant-col.ant-form-item-label {
  text-align: left !important;
}
.invoice-request-input :after {
  content: none !important;
}

.quick-trade .ant-input {
  margin-right: 0px !important;
}

.lifetime {
  background: url(a0f665f7bfc87c421b21.png) no-repeat 100% 50%;
  background-size: auto 80%;
  padding-right: 0.75rem;
}

.bottom-border {
  border-bottom: 1px solid #444;
}

.linethrough {
  text-decoration: line-through;
}

.fixed-height-2rem tr {
  height: 2.5rem;
}

.page-layout > .grid-block > .grid-content,
.page-layout > .grid-block > .grid-block,
.page-layout > .grid-block > .grid-container {
  padding: 0 10px;
}
.page-layout .padding-top {
  padding-top: 1rem;
}
.page-layout .left-column {
  background-color: #fafafa;
}
.page-layout .main-content {
  padding-top: 0px;
  background-color: #f3f3f3;
}
.page-layout .main-content.margin-block {
  margin: 20px;
  padding: 1rem 0.75rem;
}
.page-layout .right-column {
  background-color: #eaeaea;
}
.page-layout .regular-padding {
  padding: 2rem 1.75rem !important;
}

#account-notify {
  position: absolute;
  top: auto !important;
  right: 0.5em;
  width: 30em;
}

@media (max-width: 1100px) {
  .hide-column-small {
    display: none !important;
  }
}
@media (max-width: 1300px) {
  .hide-column-large {
    display: none !important;
  }
}
div.bordered-header {
  text-transform: uppercase;
  font-size: 1.1rem;
  padding-left: 10px;
  padding-top: 0.55rem;
  font-weight: 500;
  overflow: hidden;
}

.exchange-bordered {
  border: 1px solid rgba(183, 183, 183, 0.29);
  margin: 0;
}
.exchange-bordered#depth_chart {
  padding: 5px 12px 0px 12px;
}
.exchange-bordered#tv_chart {
  padding-right: 12px;
}

.block-content-header {
  font-size: 1.4375rem;
  padding: 1.5rem 0;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .block-content-header {
    font-size: 1.125rem;
  }
}

.table-cell {
  display: table-cell;
}

.grid-content.app-tables {
  box-sizing: border-box;
  padding: 0px;
  height: 100%;
  position: relative;
}

.grid-content.app-tables > .content-block {
  margin-bottom: 0 !important;
}

.external-link:after {
  content: "";
  margin-left: 5px;
  background: url("data:image/svg+xml;utf8, <svg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27rgb%28224, 224, 224%29%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27><path d=%27M8 20s1.838-6 12-6v6l12-8-12-8v6c-8 0-12 4.99-12 10zm14 4H4V12h3.934c.315-.372.654-.729 1.015-1.068 1.374-1.287 3.018-2.27 4.879-2.932H.001v20h26v-8.395l-4 2.667V24z%27></path></svg>") no-repeat left 2px;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.git-info {
  text-align: center;
  position: relative;
}
.git-info .ant-alert .ant-alert-icon {
  position: static !important;
  margin-right: 10px;
}
.git-info .close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px !important;
  cursor: pointer;
  color: black !important;
}

.search-input .ant-input-suffix {
  right: 0px !important;
}
.search-input .ant-input-suffix .anticon {
  width: 32px;
  height: 32px;
}
.search-input .ant-input-suffix .anticon svg {
  margin: 9px;
}

.json-link {
  cursor: pointer;
}
.json-link .anticon {
  padding-right: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-16 {
  margin-top: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

/*
 * Ant Design SCSS Overrides
 *
 * These overrides are highly temporary and should be solved as soon as possible
*/
/* Exchange Overrides */
.market-layout .ant-tabs {
  line-height: 1 !important;
}
.market-layout .ant-btn {
  padding: 0 19px !important;
}
.market-layout .ant-input:focus {
  box-shadow: 0 !important;
}
.market-layout .ant-tabs-bar {
  margin: 0 0 0 0 !important;
}
.market-layout .ant-tabs-nav,
.market-layout .ant-tabs-tab {
  margin: 0 12px 0 0 !important;
  padding: 5px 5px !important;
}
.market-layout .ant-tabs-nav.ant-tabs-nav-animated {
  margin-right: 0px !important;
}
.market-layout .ant-tabs.ant-tabs-top.ant-tabs-line {
  width: 100% !important;
}
.market-layout .inputAddon {
  padding-bottom: 10px !important;
}
.market-layout .inputAddon input {
  text-align: right !important;
}
.market-layout .inputAddon .ant-input-group-addon {
  width: 60% !important;
  text-align: left !important;
}
.market-layout .ant-select-dropdown-menu-vertical {
  margin-left: 0 !important;
}
.market-layout .ant-select-dropdown-menu-vertical > li {
  padding: 1px 1px 5px 5px !important;
}
.market-layout .ant-collapse {
  width: 100% !important;
}
.market-layout .ant-collapse-content > .ant-collapse-content-box {
  padding: 0px !important;
}

/* Modal Overrides */
label.ant-checkbox-wrapper > span {
  text-transform: none !important;
}

.ant-table-header-column > div {
  display: table;
}

.ant-table-body > table > thead {
  height: 50px;
}

.registration-layout .registration-layout--copy-password-btn {
  position: absolute;
  right: 0;
  border-radius: 0 !important;
  height: 74px;
}
.registration-layout .display-none {
  display: none;
}
.registration-layout .plate {
  width: 390px;
  padding-bottom: 49px;
  border-radius: 12px;
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.5);
}
.registration-layout .buttons-group {
  display: flex;
  justify-content: space-around;
}
.registration-layout .buttons-group.vertical {
  text-align: center;
  flex-direction: column;
  margin-bottom: 2rem;
}
.registration-layout .buttons-group.vertical .button-primary,
.registration-layout .buttons-group.vertical .button-secondary {
  margin: 0 auto 1.2rem auto;
  padding: 0.8rem;
  width: 75%;
  border-radius: 1.6rem;
  display: block;
}
.registration-layout .button-primary,
.registration-layout .button-secondary {
  text-align: center;
  border-radius: 20px;
  font-size: 16px;
  letter-spacing: 0.07px;
  line-height: 20px;
  padding: 8px 0;
  cursor: pointer;
}
.registration-layout .button-primary:disabled,
.registration-layout .button-secondary:disabled {
  opacity: 0.1;
}
.registration-layout .button-secondary {
  background-color: inherit;
  border: 1px solid;
}
.registration-layout .button {
  border-radius: 20px;
}
.registration-layout span.question-icon {
  cursor: pointer;
}
.registration-layout span.question-icon svg {
  fill: none;
}
.registration-layout span.question-icon svg g {
  opacity: 0.7;
}
.registration-layout span.question-icon svg g use {
  opacity: 0.7;
}
.registration-layout .approve-icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.registration-layout .dismiss-icon {
  font-size: 25px;
  vertical-align: middle;
}
.registration-layout .input {
  font-size: 0.9rem;
}
.registration-layout .attention-note {
  display: flex;
  max-width: 30rem;
  padding: 1rem;
  border-radius: 5px;
  margin-bottom: 1.8rem;
}
.registration-layout .attention-note p {
  margin: 0 0.8rem;
  font-size: 0.85rem;
}
.registration-layout .attention-note .attention-text {
  display: none;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px;
}
.registration-layout span.checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 4px;
  border: 1px solid;
  cursor: pointer;
}
.registration-layout span.checkbox svg {
  display: none;
  width: 10px;
  height: 10px;
}
.registration-layout span.checkbox-active svg {
  display: block;
}
.registration-layout .form-group {
  margin-bottom: 22px;
}
.registration-layout .form-group .input-block {
  display: flex;
  align-items: center;
}
.registration-layout .form-group span.question-icon {
  margin-left: 5px;
}
.registration-layout .form-group .vertical-middle {
  vertical-align: middle;
}
.registration-layout .left-label {
  padding-bottom: 8px;
  font-size: 12px;
  letter-spacing: -0.17px;
  line-height: 17px;
}
.registration-layout input {
  margin-bottom: 0;
  padding-right: 30px;
  font-size: 14px;
  line-height: 19px;
}
.registration-layout .no-width {
  width: 0;
}
.registration-layout .create-account-input {
  display: inline-block;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .registration-layout .create-account-input {
    max-width: 100%;
  }
}
.registration-layout .create-account-input::-moz-placeholder {
  font-size: 14px;
  line-height: 19px;
}
.registration-layout .create-account-input::placeholder,
.registration-layout .bin-name {
  font-size: 14px;
  line-height: 19px;
}
.registration-layout .eye-icon,
.registration-layout .copy-icon {
  width: 14px;
  height: 14px;
  right: 25px;
  cursor: pointer;
}
.registration-layout .copy-icon {
  top: -7px;
  right: 22px;
}
.registration-layout .eye-icon {
  vertical-align: middle;
  top: -3px;
}
.registration-layout .eye-invisible {
  top: -2px;
}
.registration-layout .dismiss-icon,
.registration-layout .approve-icon {
  margin-left: 14px;
}
.registration-layout .custom-tooltip {
  padding: 0;
  border-radius: 6px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.5);
}
.registration-layout .custom-tooltip .tooltip-text {
  padding: 13px 21px 17px;
  font-size: 13px;
  letter-spacing: 0.06px;
  line-height: 18px;
}
.registration-layout .custom-tooltip .close-button {
  font-size: 16px;
}
.registration-layout .icon-opacity:hover g {
  opacity: 0.7;
}
.registration-layout .icon-opacity:hover g path {
  opacity: 0.7;
}
.registration-layout .icon-opacity:active g {
  opacity: 0.2;
}
.registration-layout .icon-opacity:active g path {
  opacity: 0.2;
}
.registration-layout .modal-body .buttons-block-center {
  padding-top: 10px;
  margin-bottom: 12px;
}
.registration-layout .modal-body .buttons-block-center .button-primary,
.registration-layout .modal-body .buttons-block-center .button-secondary {
  margin: 10px;
  padding: 8px 35px;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .registration-layout .attention-note {
    max-width: 100%;
    display: block;
    margin: 15px 0;
  }
  .registration-layout .attention-note .icon.attention {
    width: 14px;
    height: 14px;
    margin-right: 5px;
  }
  .registration-layout .attention-note .attention-text {
    display: inline-block;
    text-transform: uppercase;
  }
  .registration-layout .attention-note p {
    margin: 6px 0 0;
    font-size: 12px;
    letter-spacing: -0.17px;
    line-height: 18px;
  }
  .registration-layout .plate .wallet-block,
.registration-layout .plate .account-block,
.registration-layout .plate .wallet-block-registration,
.registration-layout .plate .account-block-registration {
    padding-bottom: 45px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  .registration-layout .plate .wallet-block .overflow-bg-block,
.registration-layout .plate .account-block .overflow-bg-block,
.registration-layout .plate .wallet-block-registration .overflow-bg-block,
.registration-layout .plate .account-block-registration .overflow-bg-block {
    height: 10px;
  }
  .registration-layout .plate .wallet-block .overflow-bg-block .content,
.registration-layout .plate .account-block .overflow-bg-block .content,
.registration-layout .plate .wallet-block-registration .overflow-bg-block .content,
.registration-layout .plate .account-block-registration .overflow-bg-block .content {
    padding: 15px 50px 0;
  }
  .registration-layout .plate .wallet-block,
.registration-layout .plate .wallet-block-registration {
    border-top-right-radius: 12px;
  }
  .registration-layout .plate .account-block,
.registration-layout .plate .account-block-registration {
    border-top-left-radius: 12px;
  }
  .registration-layout .plate .header-block {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    z-index: 1;
  }
  .registration-layout .plate .inactive-right-block {
    z-index: 1;
    border-top-left-radius: 0;
  }
  .registration-layout .plate .inactive-left-block {
    z-index: 1;
    border-top-right-radius: 0;
  }
  .registration-layout button.button-primary {
    width: 100%;
    padding: 14px 20px;
    border-radius: 25px;
  }
}
.registration-layout .visible-on-hover {
  pointer-events: auto !important;
}
.registration-layout .visible-on-hover:hover {
  visibility: visible !important;
  opacity: 1 !important;
}

.btn-clipboard {
  width: 0;
  padding: 0;
  height: 0;
  border: none;
}
.btn-clipboard:focus, .btn-clipboard:active, .btn-clipboard:visited {
  outline: none;
  opacity: 0.5;
}

.ant-form-item .ant-form-item-label label {
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: inline;
}

.ant-select-dropdown-menu {
  margin-left: 0;
  font-size: 14px;
}

.rc-time-picker-panel {
  z-index: 9999 !important;
}

.midnightTheme .gate_fee .amount-selector {
  width: 100%;
  display: inline-block;
}

.midnightTheme .gate_fee .right-selector {
  text-align: right;
  width: 26%;
  display: inline-block;
  color: #adadad;
  text-transform: uppercase;
}

.midnightTheme .gate_fee .right-selector .right-selector-input {
  text-align: right;
  width: 100%;
}

.clear-text,
.search-wrapper {
  position: relative;
}

.market-filter-input,
.clear-text,
.search-wrapper {
  position: relative;
}

.clear-text {
  top: 10px;
  right: -30px;
  position: absolute;
  border: 0;
  background-color: transparent;
  display: block;
  outline: 0;
  cursor: pointer;
}

.clear-text:after {
  content: "X";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: transparent;
  z-index: 1;
  right: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 2px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
}

.market-filter-input:not(:valid) ~ .clear-text {
  display: none;
}

.header-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  height: 64px;
}
.header-container .menu-bar {
  overflow: visible;
}
.header-container .logo {
  padding-top: 0.7rem;
  padding-bottom: 0.8rem;
}
.header-container .dropdown-wrapper:after {
  display: none;
}
.header-container .menu-dropdown-wrapper {
  height: 65px;
  width: 65px;
  text-align: left;
  border-radius: 0;
}
.header-container .menu-dropdown-wrapper .hamburger .icon {
  position: relative;
  top: 12px;
}
.header-container .dropdown.header-menu {
  top: 65px;
}
.header-container .hamburger svg rect,
.header-container .hamburger-x svg rect {
  fill: #049cce;
}
.header-container .total-value {
  text-align: right;
  font-size: 80%;
  line-height: normal;
}

.local-wallet-menu .table-cell {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.local-wallet-menu .table-cell:nth-of-type(2) {
  max-width: 17em;
}

.app-menu {
  flex: 0;
}

.truncated {
  flex: 1;
  min-width: 0;
  /* or some value */
}
.truncated .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}

#qr_scanner_modal > section {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .responsive-list > .help-content > ul {
    height: 300px;
    overflow-y: scroll;
    border-radius: 6px;
    background: #2a2a2a;
    border: 1px solid #4b5158;
    margin-bottom: 2rem !important;
  }
  .responsive-list > .help-content > ul li {
    border-bottom: 1px solid #393939;
    padding: 4px;
  }
  .responsive-list > .help-content > ul li ul li {
    border: 0;
  }
}
div.customizable-column--selector {
  position: absolute;
  right: 1rem;
  top: -3rem;
}
div.customizable-column--selector > .customizable-column--selector--option {
  padding: 10px;
}
div.customizable-column--selector > .customizable-column--selector--option .ant-checkbox-wrapper {
  width: 100%;
}

div.customizable-column--selector--dropdown ul.ant-select-dropdown-menu-vertical {
  max-height: 100% !important;
}

.ant-table-tbody > tr.ant-table-row-selected td {
  background-color: #4f596633 !important;
}

.darkTheme {
  /* Table view account */
}
.darkTheme ul.header-menu {
  background-color: #373737 !important;
}
.darkTheme ul.header-menu .divider {
  margin: 0;
}
.darkTheme .menu-dropdown-wrapper.active {
  background: #2a2a2a !important;
}
.darkTheme .menu-dropdown-wrapper.active ul.header-menu {
  box-shadow: 0 4px 9px 0 #00000015;
}
.darkTheme .menu-dropdown-wrapper.active ul.header-menu li:hover {
  background-color: #444444;
}
.darkTheme .selector > .inline-block {
  border: 1px solid #373737 !important;
  border-right: 0 !important;
  color: #838383 !important;
  line-height: 1.9rem;
}
.darkTheme .selector > .inline-block:last-child {
  border-right: 1px solid #373737 !important;
}
.darkTheme .selector > *:not(.inactive).inline-block {
  color: #337ab7 !important;
  border: 1px solid #337ab7 !important;
}
.darkTheme .selector > *:not(.inactive).inline-block + * {
  border-left: 0 !important;
}
.darkTheme .showcases-grid {
  margin: 32px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.darkTheme .showcases-grid--wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1446px;
}
.darkTheme .showcases-grid--wrapper--item {
  color: #adadad;
  padding: 1rem;
  min-width: 380px;
  width: 33.3%;
  height: 320px;
}
.darkTheme .showcases-grid--wrapper--item h2.no-margin {
  margin: 0;
}
.darkTheme .showcases-grid--wrapper--item span.icon {
  margin: 0;
}
.darkTheme .showcases-grid--wrapper--item span.icon svg {
  margin: 0;
}
.darkTheme .showcases-grid--wrapper--item--wrapper {
  padding: 1rem;
  height: calc(320px - 2rem);
  transition: 0.3s;
  border-radius: 10px;
  cursor: pointer;
  background-color: #484848;
  border: 1px solid #484848;
}
.darkTheme .showcases-grid--wrapper--item--wrapper:hover {
  background-color: #484848;
  border-color: #1ec3fa;
}
.darkTheme .showcases-grid--wrapper--item--wrapper:focus {
  border-color: rgba(30, 195, 250, 0.05);
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(30, 195, 250, 0.15);
}
.darkTheme .showcases-grid--wrapper--item--wrapper--disabled {
  padding: 1rem;
  height: calc(320px - 2rem);
  transition: 0.3s;
  border-radius: 10px;
  background-color: #484848;
  border: 1px solid #484848;
}
.darkTheme .showcases-grid--wrapper--item--wrapper--content {
  padding: 1rem;
  display: flex;
  height: calc(100% - 32px);
  align-items: center;
}
.darkTheme .showcases-grid--wrapper--item--wrapper--content--description {
  line-height: 1.5rem;
}
.darkTheme .exchange--chart-control {
  background: #3f3f3f;
}
@media (max-width: 1150px) {
  .darkTheme .showcases-grid--wrapper {
    width: 900px;
  }
  .darkTheme .showcases-grid--wrapper--item {
    width: 50%;
  }
}
@media (max-width: 750px) {
  .darkTheme .showcases-grid--wrapper {
    width: 450px;
  }
  .darkTheme .showcases-grid--wrapper--item {
    width: 100%;
  }
}
.darkTheme .exchange--price-alert--show-modal--active {
  color: #1ec3fa;
}
.darkTheme .price-alert--notification--pair-name {
  font-weight: 600;
}
.darkTheme .price-alert--notification--icon.price-alert--notification--icon--up {
  color: #258a14;
}
.darkTheme .price-alert--notification--icon.price-alert--notification--icon--down {
  color: #ff3950;
}
.darkTheme .price-alert--notification--actual-price.price-alert--notification--actual-price-up {
  color: #258a14;
}
.darkTheme .price-alert--notification--actual-price.price-alert--notification--actual-price-down {
  color: #ff3950;
}
.darkTheme .explore-witness--info {
  width: 100%;
  border: 1px solid #565656;
  background: transparent;
  padding: 12px;
  border-radius: 5px;
}
.darkTheme .explore-witness--info table {
  width: 100%;
}
.darkTheme .explore-witness--info table thead th {
  font-weight: 400;
  color: #afafaf;
  font-size: 14px;
  padding-bottom: 8px;
}
.darkTheme .explore-witness--info table tbody td {
  color: #fff;
}
.darkTheme #incognito {
  background: #ff3950;
}
.darkTheme .settings-select, .midnightTheme .block-list li.with-dropdown .darkTheme .settings-select, .lightTheme .block-list li.with-dropdown .darkTheme .settings-select, .darkTheme .block-list li.with-dropdown .settings-select {
  height: 36px;
  padding: 0 12px;
  background-color: #3f3f3f;
  color: #adadad;
}
.darkTheme .settings--select {
  width: 100%;
}
.darkTheme .settings-input, .midnightTheme .block-list .darkTheme li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]), .lightTheme .block-list .darkTheme li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]), .darkTheme .block-list li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]) {
  /* !important to overwrite styles for Inputs on User Settings. By default inputs take styles from
  .block-list and it uses on many places. To keep everything OK and do not break something I just do
  overwrite for Inputs on settings and keep default styles for inputs on another places. */
  color: #adadad !important;
  height: 36px !important;
  background-color: #3f3f3f !important;
  border-bottom: 0 !important;
  max-width: 100% !important;
}
.darkTheme .modal-separator {
  border-color: #adadad;
}
.darkTheme .positive {
  color: #258a14 !important;
}
.darkTheme .negative {
  color: #ff3950 !important;
}
.darkTheme .amount-selector-field .amount-selector-field--balance {
  float: right;
}
.darkTheme .amount-selector-field .amount-selector-field--balance .amount-selector-field--link {
  cursor: pointer;
}
.darkTheme .amount-selector-field .amount-selector-field--balance .amount-selector-field--link:hover {
  color: #1ec3fa;
}
.darkTheme .input-group-unbordered-before > span > span:first-of-type {
  background: none !important;
  border: none !important;
}
.darkTheme .form-input-header .form-input-header--right {
  float: right;
  cursor: pointer;
}
.darkTheme .dark-text-color {
  color: #444;
}
.darkTheme .fz_12 {
  font-size: 12px;
}
.darkTheme .unlock_wallet_modal2 .upload-button {
  border-color: rgba(128, 128, 128, 0.45);
}
.darkTheme .unlock_wallet_modal2 .upload-button span {
  color: #adadad;
}
.darkTheme .unlock_wallet_modal2 .login-select {
  color: #e0e0e0;
  border-color: rgba(128, 128, 128, 0.45);
  background: #2d2d2d url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gUEEhssVJbYaQAAAHVJREFUGNN1z7ERgkAUBNAHnOUQGdCDRRAaGlwFVkDgGBFeEfZAaA2MY2AL3GCogvz47e78wnVOsl4y2LpWo3IsZb0gajWbMIiyvvI6P9VGQVQb3T1WcNJJhhIkg0n3s7CAUNjPuz9NN8HhG67xJ3AyuSyffgPoxSqQfV+TFgAAAABJRU5ErkJggg==) right 10px center no-repeat;
}
.darkTheme .unlock_wallet_modal2 .login-label {
  color: #e0e0e0;
}
.darkTheme .unlock_wallet_modal2 .themed-input {
  background-color: #2d2d2d;
}
.darkTheme .spinner-button-circle .circle-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: -2px;
}
.darkTheme .spinner-button-circle .circle-wrapper .circle:before {
  background-color: #fff;
}
.darkTheme .font-secondary {
  color: #adadad;
}
.darkTheme svg path {
  transition: all 0.3s ease 0s;
}
.darkTheme #content-wrapper {
  color: #e0e0e0;
  background-color: #2a2a2a;
}
.darkTheme hr {
  border-color: #444;
  background-color: #444 !important;
}
.darkTheme a {
  color: #1ec3fa;
}
.darkTheme a:hover, .darkTheme a:focus, .darkTheme a:active {
  color: #32c8fa;
}
.darkTheme *:not([class*=ant-]) > label,
.darkTheme *:not([class*=ant-]) > label > span {
  color: #e0e0e0;
}
.darkTheme .label.success {
  color: #7bd500;
  border-color: #7bd500;
}
.darkTheme .label.info {
  color: #a0d3e8;
  border-color: #a0d3e8;
}
.darkTheme .label.warning {
  color: #fcab53;
  border-color: #fcab53;
}
.darkTheme .nested-approval-state .tooltip {
  text-decoration: underline dotted #e0e0e0;
}
.darkTheme .nested-approval-state .tooltip.error {
  color: #ff3950;
}
.darkTheme .nested-approval-state .tooltip.warning {
  color: #fcab53;
}
.darkTheme .label.cancel,
.darkTheme .label.alert {
  color: #ff3950;
  border-color: #ff3950;
}
.darkTheme .txtlabel.success {
  color: #7bd500;
}
.darkTheme .txtlabel.info {
  color: #a0d3e8;
}
.darkTheme .txtlabel.warning {
  color: #fcab53;
}
.darkTheme .txtlabel.cancel,
.darkTheme .txtlabel.alert,
.darkTheme .label.alert {
  color: #ff3950;
}
.darkTheme .txtann.success {
  color: #7bd500;
}
.darkTheme .txtann.info {
  color: #a0d3e8;
}
.darkTheme .txtann.warning {
  color: #fcab53;
}
.darkTheme .txtann.error {
  color: #ff3950;
}
.darkTheme .notification {
  color: #e0e0e0 !important;
  background-color: #6a6a6a !important;
}
.darkTheme .notification-dismiss {
  color: #e0e0e0 !important;
  background-color: #7e7e7e !important;
}
.darkTheme .notification-success {
  border-left-color: #7bd500 !important;
}
.darkTheme .action-sheet {
  color: #fff;
  background-color: #7e7e7e;
}
.darkTheme .action-sheet::after {
  border-bottom-color: #7e7e7e;
}
.darkTheme .action-sheet > ul > li > a {
  color: #fff;
  border-top-color: #3f3f3f;
}
.darkTheme .action-sheet > ul > li > a:hover {
  color: #fff;
  background-color: #898989;
}
.darkTheme .account-browsing-mode button {
  margin-right: 24px;
}
.darkTheme .__react_component_tooltip.type-light {
  color: #fff !important;
  background-color: #7e7e7e !important;
}
.darkTheme .__react_component_tooltip.type-light.place-bottom:after {
  border-bottom-color: #7e7e7e !important;
}
.darkTheme .__react_component_tooltip.type-light.place-top:after {
  border-top-color: #7e7e7e !important;
}
.darkTheme .__react_component_tooltip.type-light.place-right:after {
  border-right-color: #7e7e7e !important;
}
.darkTheme .__react_component_tooltip.type-light.place-left:after {
  border-left-color: #7e7e7e !important;
}
.darkTheme .json-inspector__key {
  color: #adadad !important;
}
.darkTheme h1,
.darkTheme h2,
.darkTheme h3,
.darkTheme h4,
.darkTheme h5,
.darkTheme h6 {
  color: #e0e0e0;
}
.darkTheme .copyIcon {
  background-color: #049cce;
}
.darkTheme .copyIcon > button.copyIcon {
  background-color: #049cce;
}
.darkTheme .modal#marketPicker,
.darkTheme .modal#settingsModal {
  background-color: #2a2a2a;
  border: 1px solid black;
}
.darkTheme .modal {
  color: #fff;
  background-color: #4b5158;
}
.darkTheme .modal .modal__highlight {
  color: #a0d3e8;
}
.darkTheme .modal .close-button {
  color: #adadad;
}
.darkTheme .modal .close-button:hover {
  color: #e0e0e0;
}
.darkTheme .modal .modal-header > h6 {
  color: #adadad;
}
.darkTheme .modal .modal-header.has-error > h6 {
  color: #ff3950;
}
.darkTheme .modal .circle-wrapper .circle:before {
  background-color: #e0e0e0;
}
.darkTheme .modal .table > thead > tr > th,
.darkTheme .modal .table > tbody > tr > td {
  border-bottom-color: #949494;
}
.darkTheme .modal span.send-name {
  color: #1ec3fa;
}
.darkTheme .icon > svg path {
  fill: #e0e0e0;
}
.darkTheme .footer {
  color: #adadad;
  background-color: #3f3f3f;
}
.darkTheme .footer svg path {
  fill: #adadad;
}
.darkTheme .footer .logo .version {
  color: #949494;
}
.darkTheme .node-access-popup {
  color: #adadad;
  background-color: #3f3f3f;
  border: 1px solid black;
}
.darkTheme .node-access-popup .nodes-list .api-status {
  border-bottom: 1px solid #343434;
}
.darkTheme .panel-left {
  color: #fff;
  background-color: #6a6a6a;
}
.darkTheme .panel-left .block-list li > a {
  color: #fff;
}
.darkTheme .panel-left .block-list li > a:hover {
  background-color: #606060;
}
.darkTheme .tabs {
  color: #adadad;
  background-color: #2a2a2a;
}
.darkTheme .page-layout {
  background-color: #6f6f6f;
}
.darkTheme .page-layout .column-header > ul {
  border-bottom: 1px solid #3f3f3f;
}
.darkTheme .page-layout .column-header > ul > li.active,
.darkTheme .page-layout .column-header > ul li:hover {
  border-bottom: 3px solid lightblue;
}
.darkTheme .page-layout .left-column {
  border-top-color: #2a2a2a;
  border-bottom-color: #2a2a2a;
  background-color: #3f3f3f;
}
.darkTheme .page-layout .left-column-2 {
  border-top-color: #2a2a2a;
  border-bottom-color: #2a2a2a;
  background-color: #202020;
}
.darkTheme .page-layout .main-content {
  background-color: #2a2a2a;
}
.darkTheme .page-layout .main-content.margin-block {
  background-color: #1e1e1e;
}
.darkTheme .page-layout .right-column {
  border-top-color: #2a2a2a;
  border-bottom-color: #2a2a2a;
  background-color: #3f3f3f;
}
.darkTheme .asset-prefix {
  color: #fff !important;
}
.darkTheme .transfer-top {
  background-color: #6a6a6a;
}
.darkTheme .transfer-top label,
.darkTheme .transfer-top label > span {
  color: #fff;
}
.darkTheme .button {
  background: #049cce;
}
.darkTheme .button:hover, .darkTheme .button:focus, .darkTheme .button:active {
  background-color: #04abe2 !important;
}
.darkTheme .button.outline {
  color: #adadad;
  border-color: #adadad;
}
.darkTheme .button.outline span {
  color: #e0e0e0 !important;
}
.darkTheme .button.outline:hover {
  color: #fff;
  border-color: #fff;
}
.darkTheme .button:disabled {
  opacity: 0.2 !important;
  cursor: not-allowed !important;
}
.darkTheme .button.secondary {
  color: #444;
  background-color: #999999;
}
.darkTheme .button.secondary:hover, .darkTheme .button.secondary:focus, .darkTheme .button.secondary:active {
  color: #4e4e4e !important;
  background-color: #a3a3a3 !important;
}
.darkTheme .button.danger {
  color: white;
  background-color: #ff3950;
}
.darkTheme .button.danger:hover, .darkTheme .button.danger:focus, .darkTheme .button.danger:active {
  color: white !important;
  background-color: #ff4d62 !important;
}
.darkTheme .header .button,
.darkTheme .header .button:active {
  background-color: transparent !important;
}
.darkTheme .header .modal .button {
  background-color: #049cce !important;
}
.darkTheme .header .modal .button:hover, .darkTheme .header .modal .button:focus, .darkTheme .header .modal .button:active {
  background-color: #04abe2 !important;
}
.darkTheme .header .modal .button.danger {
  background-color: #ff3950 !important;
}
.darkTheme .header .modal .button.danger:hover, .darkTheme .header .modal .button.danger:focus, .darkTheme .header .modal .button.danger:active {
  background-color: #ff4d62 !important;
}
.darkTheme .header a.button.create-account {
  transition: color 0s !important;
  color: #049cce !important;
}
.darkTheme .header a.button.create-account > span > svg path {
  fill: #049cce;
}
.darkTheme .header a.button.create-account:hover {
  color: #0bbffa !important;
}
.darkTheme .header a.button.create-account:hover > span > svg path {
  fill: #0bbffa;
}
.darkTheme .header div.account-drop-down div.total-value {
  color: #7ed321;
}
.darkTheme .header div.account-drop-down div.header-right-lock {
  cursor: pointer;
  padding: 0.9rem 0.25rem;
}
.darkTheme .header div.account-drop-down div.header-right-lock:hover {
  background-color: #2a2a2a;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper > li div.hamburger > .icon > svg rect {
  fill: #049cce;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper:hover {
  background-color: #2a2a2a;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper.hover-transparent:hover {
  background-color: transparent;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper.cursor-default {
  cursor: default;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper.active {
  transition: background-color 0s;
  background-color: #2a2a2a;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper.active ul {
  background-color: #2a2a2a;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper.active > li div.hamburger > .icon > svg rect {
  fill: #1ec3fa;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-menu > li > div:first-of-type > span.icon > svg > path {
  fill: #e0e0e0;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-menu > li:hover, .darkTheme .header div.account-drop-down ul.dropdown.header-menu > li.active {
  background-color: #6a6a6a;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-menu > li.divider {
  border-bottom: 1px solid #323131;
  height: 0;
  padding: 0;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item {
  background-color: #1e1e1e;
  color: #444;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item:hover {
  color: #5e5e5e;
  background-color: #383838;
}
@media (max-width: 990px) {
  .darkTheme ul.dropdown.header-menu li.mobile-only {
    display: block;
  }
  .darkTheme ul.dropdown.header-menu li.desktop-only {
    display: none;
  }
}
.darkTheme .header-container span.icon.lock-unlock > svg path {
  fill: #049cce;
}
.darkTheme .header-dropdown-sub-link.enabled {
  color: #adadad;
}
.darkTheme .header-dropdown-sub-link.enabled:hover {
  color: #1ec3fa;
}
.darkTheme .blue {
  color: #049cce;
}
.darkTheme .grp-menu-item button:hover, .darkTheme .grp-menu-item button:focus, .darkTheme .grp-menu-item button:active {
  background-color: #6a6a6a !important;
}
.darkTheme .grp-menu-item > a,
.darkTheme .grp-menu-item .button {
  color: #e0e0e0 !important;
}
.darkTheme .header .logo {
  color: #adadad;
}
.darkTheme .header-right-menu li.current-account > a {
  color: #a0d3e8;
}
.darkTheme .header-right-menu li.current-account > a:hover {
  color: #a0d3e8;
}
.darkTheme .header-right-menu li.current-account > a > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .header-right-menu svg path {
  fill: #fff;
}
.darkTheme .settings-cog svg path {
  fill: #adadad;
}
.darkTheme .card-section {
  color: black;
  padding-left: 0.5rem;
}
.darkTheme .card-section > ul {
  color: #fff;
  list-style: none;
  font-size: 85%;
  margin-left: 0;
}
.darkTheme .card {
  color: #e0e0e0;
  background-color: #3f3f3f;
  background-color: #3f3f3f;
}
.darkTheme .card:hover {
  background-color: #494949;
}
.darkTheme .card:hover > h4 {
  background-color: #747474;
}
.darkTheme .card a {
  color: #e0e0e0;
}
.darkTheme .card .card-divider {
  color: #e0e0e0;
  background-color: #6a6a6a;
}
.darkTheme .card > h4 {
  background-color: #6a6a6a;
}
.darkTheme .table > thead > tr > th {
  border-bottom-color: #444;
  color: #adadad;
}
.darkTheme .table > tbody > tr > td {
  border-bottom-color: #444;
  font-size: 0.875rem;
}
.darkTheme .table.table-hover > tbody > tr:hover > td,
.darkTheme .table .table-hover > tbody > tr:hover > th {
  background-color: #343434;
}
.darkTheme .table > tbody > tr.table-empty > td {
  padding: 5rem 0;
  font-size: 1.5rem;
  text-align: center;
  color: #afafaf !important;
  background-color: #2a2a2a !important;
}
.darkTheme div.sticky-table-row.order-row:hover {
  background-color: #343434;
}
.darkTheme .block-list {
  color: #e0e0e0;
}
.darkTheme .block-list li {
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
}
.darkTheme .block-list li > a {
  color: #adadad;
}
.darkTheme .block-list li > a:hover,
.darkTheme .block-list li > label:hover,
.darkTheme .block-list li select:hover,
.darkTheme .block-list li.active > a {
  color: #fff;
  background-color: #343434;
}
.darkTheme .block-list li:first-child {
  border-top: 1px solid rgba(128, 128, 128, 0.45);
}
.darkTheme .block-list header {
  margin-left: 0;
  margin-bottom: 1rem;
  color: #adadad;
}
.darkTheme .block-list.no-border-bottom li {
  border-bottom: 0;
}
.darkTheme .block-list li.with-dropdown > input.settings--input[type=text] {
  max-width: 100%;
  width: 100%;
}
.darkTheme .right-label,
.darkTheme .left-label {
  color: #adadad;
}
.darkTheme .right-label > span,
.darkTheme .left-label > span {
  color: inherit;
}
.darkTheme div.input-wrapper > div.input-right-symbol {
  color: #adadad;
}
.darkTheme .dropdown-wrapper > div:first-of-type {
  color: #adadad;
}
.darkTheme .dropdown-wrapper ul.dropdown {
  color: #fff;
  background-color: #7e7e7e;
  /* Hover state */
}
.darkTheme .dropdown-wrapper ul.dropdown::after {
  border-bottom-color: #7e7e7e;
}
.darkTheme .dropdown-wrapper ul.dropdown > li > span {
  color: #fff;
}
.darkTheme .dropdown-wrapper ul.dropdown li:hover > span {
  color: #fff;
  background-color: #898989;
  color: #1ec3fa;
}
.darkTheme .dropdown-wrapper.active:after {
  border-color: #1ec3fa transparent;
}
.darkTheme .dropdown-wrapper:after {
  /* Little arrow */
  border-color: #adadad transparent;
}
.darkTheme .account-image .icon:hover svg path {
  fill: #a0a0a0;
}
.darkTheme .account-selector .account-image > canvas,
.darkTheme .pubkey-input .account-image > canvas {
  color: black;
}
.darkTheme .account-selector .account-image .icon > svg path,
.darkTheme .pubkey-input .account-image .icon > svg path {
  fill: #e0e0e0;
}
.darkTheme .account-selector .account-image .icon:hover svg path,
.darkTheme .pubkey-input .account-image .icon:hover svg path {
  fill: #a0a0a0;
}
.darkTheme .has-error,
.darkTheme div.has-error > label,
.darkTheme div.has-error > label > span,
.darkTheme .error-msg {
  color: #ff3950 !important;
}
.darkTheme .floatRight {
  float: right;
}
.darkTheme .has-warning,
.darkTheme div.has-warning > label,
.darkTheme div.has-warning > label > span {
  color: #fcab53;
}
.darkTheme div.has-error > input,
.darkTheme div.has-error > input:hover,
.darkTheme div.has-error > input:focus {
  border-color: #ff3950;
}
.darkTheme .has-error input,
.darkTheme .has-error select,
.darkTheme .has-error textarea {
  border-color: #ff3950;
}
.darkTheme input[type=text]:not([class*=ant-]),
.darkTheme input[type=password]:not([class*=ant-]),
.darkTheme input[type=email]:not([class*=ant-]),
.darkTheme input[type=number]:not([class*=ant-]),
.darkTheme input[type=search]:not([class*=ant-]),
.darkTheme textarea:not([class*=ant-]),
.darkTheme input[role=combobox]:not([class*=ant-]),
.darkTheme select[role=combobox]:not([class*=ant-]) {
  background-color: #2d2d2d;
  border: 0;
  color: #e0e0e0;
}
.darkTheme input[type=text]:not([class*=ant-]):hover, .darkTheme input[type=text]:not([class*=ant-]):focus, .darkTheme input[type=text]:not([class*=ant-]):active, .darkTheme input[type=text]:not([class*=ant-]):disabled,
.darkTheme input[type=password]:not([class*=ant-]):hover,
.darkTheme input[type=password]:not([class*=ant-]):focus,
.darkTheme input[type=password]:not([class*=ant-]):active,
.darkTheme input[type=password]:not([class*=ant-]):disabled,
.darkTheme input[type=email]:not([class*=ant-]):hover,
.darkTheme input[type=email]:not([class*=ant-]):focus,
.darkTheme input[type=email]:not([class*=ant-]):active,
.darkTheme input[type=email]:not([class*=ant-]):disabled,
.darkTheme input[type=number]:not([class*=ant-]):hover,
.darkTheme input[type=number]:not([class*=ant-]):focus,
.darkTheme input[type=number]:not([class*=ant-]):active,
.darkTheme input[type=number]:not([class*=ant-]):disabled,
.darkTheme input[type=search]:not([class*=ant-]):hover,
.darkTheme input[type=search]:not([class*=ant-]):focus,
.darkTheme input[type=search]:not([class*=ant-]):active,
.darkTheme input[type=search]:not([class*=ant-]):disabled,
.darkTheme textarea:not([class*=ant-]):hover,
.darkTheme textarea:not([class*=ant-]):focus,
.darkTheme textarea:not([class*=ant-]):active,
.darkTheme textarea:not([class*=ant-]):disabled,
.darkTheme input[role=combobox]:not([class*=ant-]):hover,
.darkTheme input[role=combobox]:not([class*=ant-]):focus,
.darkTheme input[role=combobox]:not([class*=ant-]):active,
.darkTheme input[role=combobox]:not([class*=ant-]):disabled,
.darkTheme select[role=combobox]:not([class*=ant-]):hover,
.darkTheme select[role=combobox]:not([class*=ant-]):focus,
.darkTheme select[role=combobox]:not([class*=ant-]):active,
.darkTheme select[role=combobox]:not([class*=ant-]):disabled {
  background-color: #2d2d2d;
}
.darkTheme input[type=text]:not([class*=ant-]):focus,
.darkTheme input[type=password]:not([class*=ant-]):focus,
.darkTheme input[type=email]:not([class*=ant-]):focus,
.darkTheme input[type=number]:not([class*=ant-]):focus,
.darkTheme input[type=search]:not([class*=ant-]):focus,
.darkTheme textarea:not([class*=ant-]):focus,
.darkTheme input[role=combobox]:not([class*=ant-]):focus,
.darkTheme select[role=combobox]:not([class*=ant-]):focus {
  border-color: #aaa;
}
.darkTheme input[type=range] {
  /* These need to be independent selectors */
}
.darkTheme input[type=range]::-moz-range-thumb {
  background: #1ec3fa;
  outline: none;
  border: none;
  border-radius: 3px;
}
.darkTheme input[type=range]::-webkit-slider-thumb {
  background: #1ec3fa;
  outline: none;
  border: none;
  border-radius: 3px;
}
.darkTheme input[type=range]::-ms-thumb {
  background: #1ec3fa;
  outline: none;
  border: none;
  border-radius: 3px;
}
.darkTheme input[type=range]::-moz-range-track {
  background-color: #2d2d2d;
  border-radius: 3px;
}
.darkTheme input[type=range]::-webkit-slider-runnable-track {
  background-color: #2d2d2d;
  border-radius: 3px;
}
.darkTheme input[type=range]::-ms-track {
  background-color: #2d2d2d;
  border-radius: 3px;
}
.darkTheme textarea {
  line-height: 22px;
}
.darkTheme input[role=combobox] {
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
}
.darkTheme .typeahead > div > div {
  z-index: 1003;
  background-color: #2d2d2d !important;
}
.darkTheme .typeahead > div > div > div {
  color: #e0e0e0;
  background-color: transparent !important;
}
.darkTheme .typeahead > div > div > div:hover, .darkTheme .typeahead > div > div > div:active, .darkTheme .typeahead > div > div > div:focus, .darkTheme .typeahead > div > div > div:visited {
  background-color: #131313 !important;
}
.darkTheme .typeahead .typeahead__input {
  background: #2d2d2d;
}
.darkTheme .typeahead .typeahead__innerList {
  background: #3f3f3f;
}
.darkTheme .typeahead .typeahead__innerItem {
  color: #e0e0e0;
}
.darkTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__highlight {
  background-color: #131313 !important;
}
.darkTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__disabled {
  color: #949494;
}
.darkTheme ul.account-overview.segmented > li > a {
  background: #2a2a2a !important;
  border-right: none;
}
.darkTheme ul.button-group.segmented > li.is-active > a {
  background: #2d2d2d;
  color: #e0e0e0;
  border-bottom: 1px solid #049cce;
}
.darkTheme .tabs {
  border-bottom-color: #444;
}
.darkTheme .tabs > .tab-item {
  color: #adadad;
}
.darkTheme .tabs > .tab-item.is-active {
  color: #e0e0e0;
  border-bottom-color: #049cce;
}
.darkTheme .tabs > .tab-item:hover, .darkTheme .tabs > .tab-item:focus, .darkTheme .tabs > .tab-item:active {
  color: #e0e0e0;
}
.darkTheme .tab-content {
  background-color: #2a2a2a;
}
.darkTheme .tab-content div.header-selector .filter input {
  background-color: #2a2a2a;
}
.darkTheme .tab-content div.header-selector .selector .inactive {
  color: #949494;
}
.darkTheme .tab-content.explorer-tab-content {
  background-color: #2a2a2a;
}
.darkTheme div.header-selector > .filter {
  margin-right: 1rem;
}
.darkTheme div.header-selector > .filter input {
  margin: 0;
  height: 2rem;
  padding: 0 10px;
}
.darkTheme div.header-selector > .selector div {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.darkTheme div.header-selector > .selector div:nth-of-type(n + 1) {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid white;
}
.darkTheme div.header-selector > .selector div:hover.inactive {
  color: inherit;
}
.darkTheme div.header-selector > .selector div:last-of-type {
  border-right: 0px;
}
.darkTheme div.header-selector > .group-by {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.darkTheme div.header-selector > .filter-block {
  float: left;
  display: flex;
  align-items: center;
}
.darkTheme div.header-selector > .filter-block > .filter {
  margin-right: 10px;
}
.darkTheme div.header-selector > .action-buttons {
  float: right;
}
.darkTheme div.header-selector > .header-selector--error {
  color: red;
  line-height: 2rem;
  vertical-align: middle;
  margin-left: 1rem;
}
.darkTheme .depthchart {
  background-color: #2a2a2a;
}
.darkTheme .depthchart:hover {
  background-color: #2a2a2a;
}
.darkTheme .depthchart.area {
  color: #fff;
}
.darkTheme .bid-total {
  color: #6ba583 !important;
}
.darkTheme .ask-total {
  color: #e3745b !important;
}
.darkTheme .stats .stat .negative {
  color: #ff3950 !important;
}
.darkTheme .stats .stat .positive {
  color: #258a14 !important;
}
.darkTheme .value.negative {
  color: #e3745b !important;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .value.positive {
  color: #6ba583 !important;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .active-bucket {
  background-color: #898989;
}
.darkTheme .bucket-option:hover {
  background-color: #3f3f3f;
}
.darkTheme .buy-sell-box {
  background-color: #898989;
}
.darkTheme .buy-sell-box > select {
  background-color: #898989;
  background: #898989 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C24%22%20style%3D%22fill%3A%20black%22%3E%3C/polygon%3E%3C/svg%3E") right 10px center no-repeat;
}
.darkTheme .buy-sell-input > input.no-balance {
  color: #ff3950;
}
.darkTheme .account-left-panel h5 {
  color: #e0e0e0;
}
.darkTheme .account-left-panel h6 {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .account-left-panel .bottom {
  border-top-color: #2a2a2a;
}
.darkTheme .account-left-panel .advanced-toggle > a {
  color: #e0e0e0;
}
.darkTheme .account-left-panel a.pay-button {
  background-color: #2a2a2a;
  color: #e0e0e0;
}
.darkTheme .account-left-panel a.pay-button:hover {
  background-color: #6a6a6a !important;
}
.darkTheme .account-left-panel div.create-account-button {
  background: transparent;
  border: 2px solid #049cce;
}
.darkTheme .account-left-panel div.create-account-button > a {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #e0e0e0;
}
.darkTheme .account-info {
  color: #e0e0e0;
}
.darkTheme .account-info > p:first-of-type {
  color: #fff;
}
.darkTheme .account-info .account-title.flash {
  color: white;
}
.darkTheme .account-info > div.secondary > span:first-of-type {
  color: #e0e0e0;
}
.darkTheme .account-info > div.secondary > span:last-of-type {
  color: #adadad;
}
.darkTheme .my-account h5,
.darkTheme .my-account h4,
.darkTheme .my-account p,
.darkTheme table.table > tbody > tr > td.my-account > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #a0d3e8;
}
.darkTheme .account-left-menu > li > a:hover,
.darkTheme .account-left-menu > li > label:hover,
.darkTheme .account-left-menu > li select:hover {
  color: #fff;
  background-color: #4c4c4c;
}
.darkTheme .account-left-menu > li > a.active {
  color: #fff;
  background-color: #494949;
  border-right-color: #048dba;
}
.darkTheme .pagination {
  background-color: #3f3f3f;
}
.darkTheme .invoice .item-description {
  color: #adadad;
}
.darkTheme .facolor-success {
  color: #7bd500;
}
.darkTheme .facolor-alert {
  color: #ff3950;
}
.darkTheme .facolor-warning {
  color: #fcab53;
}
.darkTheme .facolor-info {
  color: #a0d3e8;
}
.darkTheme .facolor-error {
  color: #ff3950;
}
.darkTheme .facolor-fee {
  color: #adadad;
}
.darkTheme .error-area {
  color: #ff3950;
}
.darkTheme .account-selector .right-label {
  color: #adadad;
}
.darkTheme .icon.success {
  padding-right: 0.5rem;
}
.darkTheme .icon.success > svg path {
  fill: #7bd500;
}
.darkTheme .icon.error {
  padding-right: 0.5rem;
}
.darkTheme .icon.error > svg path {
  fill: #fcab53;
}
.darkTheme .circle-wrapper .circle:before {
  background-color: #adadad;
}
.darkTheme .chart-zoom-dropdown {
  width: 24px;
  height: 28px;
  padding: 4px;
  opacity: 0.5;
  overflow: hidden;
  transition: all 0.5s ease;
}
.darkTheme .chart-zoom-dropdown:hover, .darkTheme .chart-zoom-dropdown:active, .darkTheme .chart-zoom-dropdown:focus {
  background-color: #2a2a2a;
  padding: 4px;
  opacity: 0.85;
  border-radius: 2px;
  color: #fff;
  font-size: 60%;
  width: 348px;
  height: 48px;
}
.darkTheme .remove {
  color: #ff3950;
  border: none;
  padding: 2px 4px;
  font-size: 120%;
  background-color: transparent;
  border-radius: 0;
  transition: all 0.5s ease;
}
.darkTheme .remove:hover, .darkTheme .remove:active, .darkTheme .remove:focus {
  color: #fff;
  background-color: #ff3950;
  font-size: 120%;
  border-radius: 2px;
}
.darkTheme .memo {
  color: #adadad;
}
.darkTheme .help-content-layout div {
  background-color: #2a2a2a !important;
}
.darkTheme .help-content-layout div .help-toc ul {
  margin: 0px;
}
.darkTheme .help-content-layout div .help-toc ul li {
  padding-top: 3px;
  padding-left: 5px;
  background: none;
  color: #adadad;
}
.darkTheme .help-content-layout div .help-toc ul li a {
  color: #adadad;
}
.darkTheme .help-content-layout div .help-toc ul li a:hover {
  color: #fff;
}
.darkTheme .help-content-layout div .help-toc ul li ul {
  margin-left: 1.1rem;
}
.darkTheme .help-content-layout div .help-toc ul li:hover {
  background-color: #484848;
}
.darkTheme .help-content-layout div .help-toc ul li:hover a {
  color: #fff;
}
.darkTheme .help-content-layout div .help-toc ul li:hover a:hover {
  background-color: #484848;
  color: #fff;
}
.darkTheme .help-content-layout div .help-toc h4 {
  color: #adadad;
}
.darkTheme .help-content-layout div .help-toc a {
  display: block;
}
.darkTheme .help-content {
  padding: 10px;
}
.darkTheme .help-content ul {
  list-style: none;
}
.darkTheme .help-content li {
  background: url(181f538272557846fa45.png) no-repeat left 8px;
  background-size: 7px 10px;
  padding-left: 12px;
}
.darkTheme .help-content a {
  color: #1ec3fa;
}
.darkTheme .help-content a:hover {
  background-color: #1ec3fa;
  color: #2a2a2a;
}
.darkTheme .help-content hr {
  border: none;
  height: 1px;
  width: 100%;
  background-color: #3f3f3f;
}
.darkTheme .help-content code {
  color: #e0e0e0;
  background-color: transparent;
  border-color: #444;
}
.darkTheme .help-content blockquote {
  color: #adadad;
  border-left: 3px solid #3f3f3f;
}
.darkTheme .click-for-help {
  border-bottom-color: #adadad !important;
}
.darkTheme section.block-list input[type=text]:not([class*=ant-]),
.darkTheme section.block-list input[type=password] {
  border-bottom: 1px solid #3f3f3f;
  background-color: transparent;
  color: #e0e0e0;
}
.darkTheme section.block-list input[type=text]:not([class*=ant-]):hover, .darkTheme section.block-list input[type=text]:not([class*=ant-]):active, .darkTheme section.block-list input[type=text]:not([class*=ant-]):focus,
.darkTheme section.block-list input[type=password]:hover,
.darkTheme section.block-list input[type=password]:active,
.darkTheme section.block-list input[type=password]:focus {
  color: #e0e0e0;
  background-color: transparent;
  border-bottom: 1px solid #3f3f3f;
}
.darkTheme .remove {
  color: #ff3950;
  border: none;
  padding: 2px 4px;
  font-size: 120%;
  background-color: transparent;
  border-radius: 0;
  transition: all 0.5s ease;
}
.darkTheme .remove:hover, .darkTheme .remove:active, .darkTheme .remove:focus {
  color: #fff;
  background-color: #ff3950;
  font-size: 120%;
  border-radius: 2px;
}
.darkTheme .menu-group.primary,
.darkTheme .menu-group.primary .menu-bar {
  background-color: #3f3f3f;
}
.darkTheme .menu-group.primary li > a,
.darkTheme .menu-group.primary .menu-bar li > a {
  color: #afafaf;
}
.darkTheme .menu-group.primary li > a .icon > svg path,
.darkTheme .menu-group.primary .menu-bar li > a .icon > svg path {
  fill: #afafaf;
}
.darkTheme .menu-group.primary li > a:hover,
.darkTheme .menu-group.primary li > a.active,
.darkTheme .menu-group.primary .menu-bar li > a:hover,
.darkTheme .menu-group.primary .menu-bar li > a.active {
  background-color: #2a2a2a !important;
  color: #e0e0e0;
}
.darkTheme .menu-group.primary li > a:hover .icon > svg path,
.darkTheme .menu-group.primary li > a.active .icon > svg path,
.darkTheme .menu-group.primary .menu-bar li > a:hover .icon > svg path,
.darkTheme .menu-group.primary .menu-bar li > a.active .icon > svg path {
  fill: #e0e0e0;
}
.darkTheme .asset-card .card-divider {
  background: #3f3f3f;
}
.darkTheme .mymarkets-header {
  border-bottom-color: #049cce;
}
.darkTheme .mymarkets-header.inactive {
  border-bottom-color: transparent;
  color: #adadad;
}
.darkTheme div.exchange-content-header {
  background-color: transparent !important;
}
.darkTheme .exchange-content-header {
  color: #fff;
}
.darkTheme .exchange-content-header--buy-sell-form {
  border-bottom: 0 !important;
}
.darkTheme .orderHistoryBid > span.price-integer,
.darkTheme .orderHistoryBid > span > span.price-integer,
.darkTheme .orderHistoryBid > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #6ba583;
}
.darkTheme .orderHistoryBid > span.price-decimal,
.darkTheme .orderHistoryBid > span > span.price-decimal {
  color: #e0e0e0;
  opacity: 0.6;
}
.darkTheme .orderHistoryAsk > span.price-integer,
.darkTheme .orderHistoryAsk > span > span.price-integer,
.darkTheme .orderHistoryAsk > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #e3745b;
}
.darkTheme .orderHistoryAsk > span.price-decimal,
.darkTheme .orderHistoryAsk > span > span.price-decimal {
  color: #e0e0e0;
  opacity: 0.6;
}
.darkTheme .orderHistoryCall > span.price-integer,
.darkTheme .orderHistoryCall > span > span.price-integer,
.darkTheme .orderHistoryCall > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #bbbf2b;
}
.darkTheme .orderHistoryCall > span.price-decimal,
.darkTheme .orderHistoryCall > span > span.price-decimal {
  color: #e0e0e0;
  opacity: 0.6;
}
.darkTheme .order-table .my-order > .vertical-order-table-cell,
.darkTheme .order-table .my-order > td {
  font-weight: bold;
  color: #a0d3e8;
}
.darkTheme .order-table .my-order span.price-integer,
.darkTheme .order-table .my-order span.price-decimal {
  color: #a0d3e8 !important;
  opacity: 1;
}
.darkTheme .bid {
  background-color: #6ba583 !important;
}
.darkTheme .ask {
  background-color: #e3745b !important;
}
.darkTheme .orderbook-latest-price > div {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #3f3f3f !important;
  border-bottom: 1px solid grey !important;
  border-top: 1px solid grey !important;
  padding: 7px 0 !important;
}
.darkTheme .sticky-table .sticky-table-column,
.darkTheme .sticky-table .sticky-table-corner {
  color: #e0e0e0;
  background-color: #2a2a2a;
}
.darkTheme .left-order-book {
  background-color: #2a2a2a;
}
.darkTheme .left-order-book .orderbook-center-title {
  color: #949494;
}
.darkTheme .left-order-book .spread .spread-value {
  color: #e0e0e0;
}
.darkTheme .sticky-table-header {
  width: 100%;
  height: 32px;
}
.darkTheme .sticky-table-header > .sticky-table-cell {
  background-color: #3f3f3f !important;
  border-bottom: 1px solid grey !important;
}
.darkTheme .sticky-table-header .sticky-table-row {
  width: 100%;
  background-color: #2a2a2a;
}
.darkTheme .sticky-table-header .sticky-table-row.order-row:hover {
  background-color: #3f3f3f;
}
.darkTheme .sticky-table-cell {
  background-color: transparent;
}
.darkTheme .mymarkets-header {
  background-color: #484848;
}
.darkTheme tr.activeMarket,
.darkTheme tr.activeMarket:hover {
  color: #4c85d8;
  background-color: #484848;
}
.darkTheme .market-stats .stat .value {
  color: #e0e0e0;
}
.darkTheme li.stat.input:hover {
  background-color: #494949;
}
.darkTheme .stats .stressed-stat {
  padding: 10px 0;
  font-size: 18px;
}
.darkTheme .stats .stressed-stat.is-call {
  color: #bbbf2b !important;
}
.darkTheme .stats .stressed-stat.daily_change.positive {
  color: #7ed321 !important;
}
.darkTheme .stats .stressed-stat.daily_change.negative {
  color: #ff3950 !important;
}
.darkTheme .stat-text {
  margin-top: 3px;
  font-size: 11px;
  color: gray;
}
.darkTheme .buy-sell-box {
  background-color: #484848;
}
.darkTheme .buy-sell-box > select {
  padding: 0;
  margin: 0;
  height: 1.75rem;
  line-height: 1.75rem;
  border: none;
  color: #e0e0e0;
  background-size: 8px 8px;
  background-color: #484848;
  font-size: 12px;
}
.darkTheme .buy-sell-box > select > option {
  color: #e0e0e0;
  background-color: #484848;
}
.darkTheme .change-up {
  color: #6ba583 !important;
}
.darkTheme .change-down {
  color: #e3745b !important;
}
.darkTheme .header-sub-title {
  font-size: 11px;
  color: #fff;
}
.darkTheme .label {
  background-color: #3f3f3f;
}
.darkTheme .mymarkets-group-header {
  background-color: #484848;
  padding: 8px 35px;
  border-bottom: 1px solid grey;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  cursor: pointer;
}
.darkTheme .bucket-option {
  color: #adadad;
  background-color: #3f3f3f;
}
.darkTheme .bucket-option:hover {
  color: #fafafa;
  background-color: #595959;
}
.darkTheme .active-bucket {
  color: #fafafa;
  background-color: #595959;
}
.darkTheme li.stat.clickable {
  color: #adadad;
}
.darkTheme .mymarkets-tabs > li {
  color: #adadad;
  background-color: #3f3f3f;
}
.darkTheme .mymarkets-tabs > li:hover {
  color: #fafafa;
  background-color: #595959;
}
.darkTheme .mymarkets-tabs > li.active {
  color: #fafafa;
  background-color: #595959;
}
.darkTheme .mymarkets-list {
  border-top: 2px solid #3f3f3f;
}
.darkTheme select.bts-select,
.darkTheme select.native-coin-types,
.darkTheme select.external-coin-types {
  color: #adadad;
  background-color: #6a6a6a;
  border: 0;
}
.darkTheme select.bts-select:hover, .darkTheme select.bts-select:focus, .darkTheme select.bts-select:active,
.darkTheme select.native-coin-types:hover,
.darkTheme select.native-coin-types:focus,
.darkTheme select.native-coin-types:active,
.darkTheme select.external-coin-types:hover,
.darkTheme select.external-coin-types:focus,
.darkTheme select.external-coin-types:active {
  background-color: #6a6a6a;
}
.darkTheme .api-node .icon.shuffle svg path {
  fill: #049cce !important;
}
.darkTheme .api-node .icon.link svg path {
  fill: #258a14 !important;
}
.darkTheme .api-node .icon.minus-circle svg path {
  fill: #ff3950 !important;
}
.darkTheme .api-node:nth-child(odd) {
  background-color: #343434;
}
.darkTheme .active-node {
  border-bottom: 1px solid #343434;
  border-top: 1px solid #343434;
}
.darkTheme div.ant-row.ant-form-item.no-offset {
  margin-bottom: 0;
}
.darkTheme .settings-menu > ul {
  width: 200px;
  transition: 0.3s;
  margin-left: 0;
}
.darkTheme .settings-menu > ul > li {
  border-radius: 2px;
  color: #adadad;
  padding: 3px 11px;
  margin: 5px;
}
.darkTheme .settings-menu > ul > li:hover {
  color: #e0e0e0;
  background-color: #373737;
}
.darkTheme .settings-menu > ul > li.active {
  color: #e0e0e0;
  background-color: #373737;
}
.darkTheme .unstyled-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
.darkTheme .settings-container .ant-form-item-label label {
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.darkTheme .settings--notifications .settings--notifications--group .settings--notifications--item label {
  color: #adadad;
}
.darkTheme .settings--notifications .settings--notifications--no-browser-support {
  color: #ff3950;
  font-size: 12px;
}
@media (max-width: 990px) {
  .darkTheme .settings-menu {
    display: none;
  }
}
.darkTheme a.order-cancel > .icon > svg > path {
  fill: #ff3950;
}
.darkTheme a.action-plus > .icon > svg > path {
  fill: #258a14;
}
.darkTheme .margin-row > td:last-of-type {
  padding: 0px !important;
  margin: 0px !important;
}
.darkTheme .margin-ratio {
  padding: 6px;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .margin-ratio.danger {
  background-color: #ec001b !important;
  color: #1e1e1e;
}
.darkTheme .margin-ratio.warning {
  background-color: #fb8608 !important;
  color: #1e1e1e;
}
.darkTheme tr.margin-row > td.danger {
  background-color: #ec001b !important;
  color: #444;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme tr.margin-row > td.warning {
  background-color: #fb8608 !important;
  color: #444;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .nodes-header {
  border-bottom-color: #049cce;
  background-color: #2a2a2a;
}
.darkTheme .nodes-header.inactive {
  border-bottom-color: transparent;
  color: #adadad;
}
.darkTheme div.custom-dropdown-content {
  background: #3f3f3f;
  color: #e0e0e0;
}
.darkTheme div.custom-dropdown-content > ul > li.clickable:hover {
  background-color: #4c4c4c;
}
.darkTheme div.custom-dropdown-content > ul > li > div.clickable:hover {
  background-color: #4c4c4c;
}
.darkTheme .blocktrades-bridge input,
.darkTheme .blocktrades-bridge select {
  color: #adadad;
  border: 1px solid #adadad;
  background-color: #3f3f3f !important;
}
.darkTheme .blocktrades-bridge input.native-coin-types, .darkTheme .blocktrades-bridge input.external-coin-types,
.darkTheme .blocktrades-bridge select.native-coin-types,
.darkTheme .blocktrades-bridge select.external-coin-types {
  background-color: transparent !important;
}
.darkTheme .blocktrades-bridge input > option,
.darkTheme .blocktrades-bridge select > option {
  color: #e0e0e0;
  background-color: #3f3f3f !important;
}
.darkTheme .blocktrades-bridge input:hover, .darkTheme .blocktrades-bridge input:focus,
.darkTheme .blocktrades-bridge select:hover,
.darkTheme .blocktrades-bridge select:focus {
  color: #e0e0e0;
  border: 2px solid #e0e0e0;
}
.darkTheme .SimpleTrade__modal .Modal__header {
  background-color: #4c4c4c;
}
.darkTheme .SimpleTrade__modal .Modal__divider {
  border-bottom: 2px solid #020202;
}
.darkTheme ul.dashboard-links > li.active {
  color: #e0e0e0;
}
.darkTheme .switch input:checked + label {
  background-color: #195d0e;
}
.darkTheme .switch input:checked + label::after {
  border: none;
  background-color: #2ba017;
}
.darkTheme div.ok-indicator {
  color: #adadad;
}
.darkTheme div.ok-indicator.success {
  color: #7bd500;
}
.darkTheme .login-selector > div.box {
  background-color: #3f3f3f;
}
.darkTheme .login-selector > div.box:hover {
  background-color: #3a3a3a;
}
.darkTheme .login-selector > div.box a {
  color: #e0e0e0;
}
.darkTheme table.table > tbody > tr.in-use > td:nth-child(2) {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .SimpleDepositBridge__info-row > div > div.float-right.above-limit {
  color: #ff3950;
}
.darkTheme input.my-key,
.darkTheme td.my-key a {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #a0d3e8;
}
.darkTheme td.pub-key {
  word-break: break-all;
}
.darkTheme div.grid-content.app-tables {
  background-color: #3f3f3f;
}
.darkTheme div.tabs-container {
  background-color: #3f3f3f;
}
.darkTheme div.account-tabs > div.service-selector {
  background-color: #2a2a2a;
  border-bottom: 1px solid #373737;
}
.darkTheme ul.account-overview {
  background-color: #2a2a2a;
}
.darkTheme ul.account-overview li {
  transition: all 0.3s ease 0s;
  background-color: #2a2a2a;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px solid #2a2a2a;
}
.darkTheme ul.account-overview li > a {
  background-color: #2a2a2a;
  color: #fff;
  border: none;
  transition: all 0.3s ease 0s;
}
.darkTheme ul.account-overview li > a:hover {
  color: white;
}
.darkTheme ul.account-overview li > a > div.tab-subtext {
  color: #7ed321;
}
.darkTheme ul.account-overview li.is-active, .darkTheme ul.account-overview li:hover {
  border-bottom: 3px solid #337ab7;
  background-color: #2a2a2a;
}
.darkTheme ul.account-overview li.is-active > a, .darkTheme ul.account-overview li:hover > a {
  color: white;
}
.darkTheme ul.account-overview li.total-value > a {
  background-color: #4b5158;
}
.darkTheme ul.account-overview li.total-value > a:hover > span.tab-title {
  color: #afafaf;
}
.darkTheme ul.account-overview li.total-value .icon.locked > svg path {
  fill: #049cce;
}
.darkTheme table.table.dashboard-table > thead > tr > th {
  background-color: #656565;
  color: white;
  border-color: #323131;
}
.darkTheme table.table.dashboard-table > tbody > tr.dashboard-table--hiddenAccounts > td {
  height: 20px;
  text-align: left;
  padding-left: 45px;
  background-color: #656565;
  color: white;
}
.darkTheme table.table.dashboard-table > tbody > tr > td {
  background-color: #4b5158;
  color: white;
  border-color: #323131;
}
.darkTheme table.table.dashboard-table > tbody > tr > td .icon > svg path {
  fill: white;
}
.darkTheme table.table.dashboard-table > tbody > tr > td .icon.locked > svg path {
  fill: #049cce;
}
.darkTheme table.table.dashboard-table > tbody > tr > td .icon.unlocked > svg path {
  fill: #049cce;
}
.darkTheme table.table.dashboard-table > tbody > tr.total-value td {
  background-color: #656565;
}
.darkTheme table.table.dashboard-table > tbody > tr.total-value td:nth-child(n+2) {
  color: #7ed321;
  text-align: right;
}
.darkTheme table.table.dashboard-table > tbody > tr.unsupported > td {
  color: grey;
}
.darkTheme table.table.dashboard-table > tbody > tr.unsupported > td > a {
  color: grey;
}
.darkTheme table.table.dashboard-table > tbody > tr.unsupported > td svg path {
  fill: grey;
}
.darkTheme .ant-table-content .ant-table-footer .total-value .value {
  color: #7ed321;
}
.darkTheme .ant-table-placeholder {
  min-height: 140px;
  z-index: 0;
}
.darkTheme div.account-creation {
  border: 1px solid #4b5158;
  border-radius: 6px;
}
.darkTheme div.account-creation div.button > a {
  color: #e0e0e0;
}
.darkTheme span.danger {
  color: #ec001b;
}
.darkTheme span.warning {
  color: #fb8608;
}
.darkTheme .api-status .low {
  color: #6ba583;
}
.darkTheme .api-status .low > svg path {
  fill: #6ba583;
}
.darkTheme .api-status .medium {
  color: #bbbf2b;
}
.darkTheme .api-status .medium > svg path {
  fill: #bbbf2b;
}
.darkTheme .api-status .high {
  color: #e3745b;
}
.darkTheme .api-status .high > svg path {
  fill: #e3745b;
}
.darkTheme .footer div.footer-status > span.testnet {
  font-size: 0.85rem;
}
.darkTheme .footer div.footer-status > span.success {
  color: #7bd500;
}
.darkTheme .footer div.footer-status > span.warning {
  color: #ff3950;
}
.darkTheme tr > td > a.primary-text {
  color: #e0e0e0;
}
.darkTheme .pulsate {
  animation: 0.5s ease-out 1;
}
.darkTheme .pulsate.red {
  animation-name: pulsate-red;
}
.darkTheme .pulsate.green {
  animation-name: pulsate-green;
}
.darkTheme .pulsate.reverse {
  animation-timing-function: ease-in;
  animation-direction: reverse;
}
@keyframes pulsate-green {
  0% {
    color: #7ed321;
  }
  100% {
    color: #aaf25c;
  }
}
@keyframes pulsate-red {
  0% {
    color: #ff3950;
  }
  100% {
    color: #ef4040;
  }
}
.darkTheme .introjs-launcher {
  margin-left: 5px;
  background-color: #049cce;
  padding: 0 10px;
  font-size: 18px;
  line-height: 1.8;
  transition: background-color 0.2s ease;
  color: #fff;
}
.darkTheme .introjs-launcher:hover {
  cursor: pointer;
  background-color: #03769c;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .darkTheme .introjs-launcher {
    position: absolute;
    bottom: 1rem;
    right: 0.3rem;
    z-index: 9999;
    display: block;
    line-height: 0;
    font-size: 0;
    color: transparent;
    background-color: transparent;
  }
  .darkTheme .introjs-launcher:after {
    content: "?";
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    padding: 0.3rem 0.8rem;
    background-color: #049cce;
    border: 1px solid #2a2a2a;
  }
}
.darkTheme .footer {
  padding-right: 0;
}
.darkTheme .tab-no-background {
  background-color: transparent !important;
}
.darkTheme .header-container {
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 !important;
  z-index: 2;
}
.darkTheme .header-container .menu-group .menu-bar li a {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.darkTheme .header-container .menu-group .menu-bar li a svg path {
  fill: #fff !important;
}
.darkTheme .header-container .menu-group .menu-bar li a:hover {
  background-color: #2a2a2a !important;
  color: #fff;
}
.darkTheme .header-container .menu-group .menu-bar li a:hover svg path {
  fill: #fff !important;
}
.darkTheme .header-container .menu-group .menu-bar li a.active {
  background-color: #2a2a2a !important;
  color: #fff;
}
.darkTheme .header-container .menu-group .menu-bar li a.active svg path {
  fill: #fff !important;
}
.darkTheme .header-container .menu-dropdown-wrapper.active {
  background: #3f3f3f;
}
.darkTheme .header-container .dropdown.header-menu {
  background-color: #3f3f3f;
}
.darkTheme .header-container .dropdown.header-menu li.divider {
  border-bottom: 1px solid #444;
  height: 0;
  padding: 0;
}
.darkTheme .header-container .dropdown.header-menu > li:hover {
  background-color: #7e7e7e;
}
.darkTheme .header-container .total-value {
  color: #7ed321;
}
.darkTheme .flip-arrow:hover {
  color: #049cce;
  cursor: pointer;
}
.darkTheme .order-2 .flip-arrow,
.darkTheme .order-5 .flip-arrow {
  display: none;
}
.darkTheme .order-book-button-h svg path {
  fill: #fff;
}
.darkTheme .order-book-button-h svg path:hover {
  fill: #049cce;
  cursor: pointer;
}
.darkTheme .order-book-button-v {
  display: none;
}
@media only screen and (min-width: 40em) {
  .darkTheme .order-book-button-v {
    display: inline-block;
    margin-left: 5px;
  }
  .darkTheme .order-book-button-v svg path {
    fill: #fff;
  }
  .darkTheme .order-book-button-v svg path:hover {
    fill: #049cce;
    cursor: pointer;
  }
}
.darkTheme .expiration-datetime-picker.scaled-orders > div {
  margin-top: -5px;
}
.darkTheme .expiration-datetime-picker > div {
  float: left;
  min-width: 145px;
}
.darkTheme .expiration-datetime-picker input {
  padding: 0;
  margin: 0 5px 0 0;
  background: transparent;
  border-radius: 0 !important;
  border-bottom: 1px dotted #a09f9f;
  display: inline-block;
  text-align: left;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
}
.darkTheme .expiration-datetime-picker input:hover {
  background: transparent;
}
.darkTheme .expiration-datetime-picker select {
  width: auto;
  padding: 0;
  background: transparent;
  border: 0;
  color: #e0e0e0;
  border-bottom: 1px dotted #a09f9f;
  margin: 0 0 1px;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
}
.darkTheme .expiration-datetime-picker select > option {
  background-color: #6a6a6a;
}
.darkTheme .expiration-datetime-picker .expiration-datetime-picker--select--specific {
  float: right;
}
.darkTheme .marketPicker .results {
  background: #2d2d2d;
  border: 1px solid #2a2a2a;
}
.darkTheme .qr-address-scanner-btn {
  background: #049cce;
  height: 2.4rem;
  border-radius: 0 5px 5px 0;
  width: 40px;
}
.darkTheme .qr-address-scanner-btn span.icon {
  background: transparent;
}
.darkTheme .qr-address-scanner-btn svg {
  background: transparent;
}
.darkTheme .qr-address-scanner-divider {
  margin: 24px 0;
  height: 1px;
  width: 100%;
  background: #2a2a2a;
}
.darkTheme .qr-address-scanner-input-field {
  border-radius: 5px 0 0 5px !important;
}
.darkTheme .qr-address-scanner-status {
  font-size: 0.95rem;
  margin: 12px 24px 0 24px;
}
.darkTheme .qr-address-scanner-status-title {
  margin-bottom: 12px;
  margin-top: 12px;
}
.darkTheme .qr-address-scanner-status-title:first-child {
  margin-top: 0;
}
.darkTheme .qr-address-scanner-status-address {
  color: #7bd500;
}
.darkTheme .qr-address-scanner-status-amount {
  color: #7bd500;
}
.darkTheme .qr-address-scanner-actions {
  margin: 24px;
}
.darkTheme .qr-address-scanner .modal {
  height: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.darkTheme .grouped_order select {
  float: right;
  width: auto;
  padding: 0;
  background: transparent;
  border: 0;
  color: #e0e0e0;
  border-bottom: 1px dotted #a09f9f;
  font-size: 0.7rem;
  height: 17px;
  margin: 0 0 1px 10px;
}
.darkTheme .grouped_order select > option {
  background-color: #6a6a6a;
}
.darkTheme .login-selector--language-select .login-selector--language-select--icon {
  font-size: 18px;
  margin-top: 7px;
  margin-right: 7px;
  color: #1ec3fa;
}
.darkTheme .login-selector--language-select .login-selector--language-select--wrapper {
  margin-left: 0;
}
.darkTheme .registration-layout .attention-note {
  background-color: rgba(255, 153, 0, 0.06);
}
.darkTheme .registration-layout .attention-text {
  color: #ff9900;
}
.darkTheme .registration-layout .button-primary {
  background-color: #049cce;
  color: #fff;
}
.darkTheme .registration-layout .button-primary:hover {
  background-color: #0bbffa !important;
}
.darkTheme .registration-layout .button-primary:active {
  background-color: #24c6fb !important;
}
.darkTheme .registration-layout .button-secondary {
  background-color: initial;
  color: #049cce;
  border-color: #049cce;
}
.darkTheme .registration-layout .button-secondary:hover {
  border-color: #0bbffa !important;
  color: #0bbffa !important;
}
.darkTheme .registration-layout .button-secondary:active {
  border-color: #24c6fb !important;
  color: #0bbffa !important;
}
.darkTheme .registration-layout .registration-title {
  color: #fff;
}
.darkTheme .registration-layout .selection-block .selection-title,
.darkTheme .registration-layout .selection-block .choice-model,
.darkTheme .registration-layout .selection-block .model-option {
  color: #fff;
}
.darkTheme .registration-layout .selection-block .recommended {
  background-color: #22d173;
  color: #171a25;
}
.darkTheme .registration-layout .selection-block .model-option-value {
  color: #22d173;
}
.darkTheme .registration-layout .selection-block .account-option-value {
  color: #ff276d;
}
.darkTheme .registration-layout .selection-block .account-security {
  color: #ff9900;
}
.darkTheme .registration-layout .selection-block .option-border {
  border-bottom-color: rgba(23, 26, 37, 0.3);
}
.darkTheme .registration-layout .selection-block div.inactive-left-block,
.darkTheme .registration-layout .selection-block div.inactive-right-block {
  background-color: #34383c;
}
.darkTheme .registration-layout .plate.inactive-model-block {
  background-color: rgba(75, 81, 88, 0.4);
}
.darkTheme .registration-layout .plate {
  background-color: #4b5158;
}
.darkTheme .registration-layout span.checkbox {
  border-color: #049cce;
  background-color: rgba(4, 156, 206, 0.1);
}
.darkTheme .registration-layout span.checkbox-active {
  border-color: #049cce;
  background-color: #049cce;
}
.darkTheme .registration-layout span.checkbox-active svg path {
  fill: #2a2a2a;
}
.darkTheme .registration-layout .file-input-container {
  background-color: #3f444a;
  border-color: rgba(4, 156, 206, 0.5);
}
.darkTheme .registration-layout .file-input-container .upload-text {
  color: rgba(255, 255, 255, 0.7);
}
.darkTheme .registration-layout .file-input-container:hover, .darkTheme .registration-layout .file-input-container.dropHover {
  border-color: #049cce;
  background-color: #34383c;
}
.darkTheme .registration-layout .file-input-container.downloaded {
  border-color: #049cce;
  background-color: rgba(4, 156, 206, 0.2);
}
.darkTheme .registration-layout .file-input-container.invalid {
  border-color: #ff276d;
  background-color: rgba(255, 39, 109, 0.1);
}
.darkTheme .registration-layout .dismiss-icon {
  color: #ff276d;
}
.darkTheme .registration-layout .approve-icon svg path {
  fill: #22d173;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .darkTheme .registration-layout .plate {
    background-color: #34383c;
  }
  .darkTheme .registration-layout .plate .header-block,
.darkTheme .registration-layout .plate .wallet-block,
.darkTheme .registration-layout .plate .account-block,
.darkTheme .registration-layout .plate .wallet-block-registration,
.darkTheme .registration-layout .plate .account-block-registration {
    background-color: #4b5158;
  }
  .darkTheme .registration-layout .plate .header-block .overflow-bg-block .content,
.darkTheme .registration-layout .plate .wallet-block .overflow-bg-block .content,
.darkTheme .registration-layout .plate .account-block .overflow-bg-block .content,
.darkTheme .registration-layout .plate .wallet-block-registration .overflow-bg-block .content,
.darkTheme .registration-layout .plate .account-block-registration .overflow-bg-block .content {
    background-color: #4b5158;
  }
  .darkTheme .registration-layout .small-container {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
  }
  .darkTheme .registration-layout .small-container .active-upload-text {
    background-color: rgba(68, 68, 68, 0.1);
  }
}
.darkTheme i.anticon.icon-fill:hover {
  color: #049cce;
  cursor: pointer;
}
.darkTheme .icon-fill svg path {
  fill: #fff;
}
.darkTheme .icon-fill svg path:hover {
  fill: #049cce;
  cursor: pointer;
}
.darkTheme .modal--transaction-confirm {
  zindex: 10000;
}
.darkTheme .asset-collapse .ant-collapse-header {
  background: #3f3f3f;
  color: #e0e0e0 !important;
  border: solid 1.2px #3f3f3f !important;
}

.ant-form-item .ant-form-item-label label {
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: inline;
}

.ant-select-dropdown-menu {
  margin-left: 0;
  font-size: 14px;
}

.rc-time-picker-panel {
  z-index: 9999 !important;
}

.midnightTheme .gate_fee .amount-selector {
  width: 100%;
  display: inline-block;
}

.midnightTheme .gate_fee .right-selector {
  text-align: right;
  width: 26%;
  display: inline-block;
  color: #adadad;
  text-transform: uppercase;
}

.midnightTheme .gate_fee .right-selector .right-selector-input {
  text-align: right;
  width: 100%;
}

.clear-text,
.search-wrapper {
  position: relative;
}

.market-filter-input,
.clear-text,
.search-wrapper {
  position: relative;
}

.clear-text {
  top: 10px;
  right: -30px;
  position: absolute;
  border: 0;
  background-color: transparent;
  display: block;
  outline: 0;
  cursor: pointer;
}

.clear-text:after {
  content: "X";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: transparent;
  z-index: 1;
  right: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 2px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
}

.market-filter-input:not(:valid) ~ .clear-text {
  display: none;
}

.header-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  height: 64px;
}
.header-container .menu-bar {
  overflow: visible;
}
.header-container .logo {
  padding-top: 0.7rem;
  padding-bottom: 0.8rem;
}
.header-container .dropdown-wrapper:after {
  display: none;
}
.header-container .menu-dropdown-wrapper {
  height: 65px;
  width: 65px;
  text-align: left;
  border-radius: 0;
}
.header-container .menu-dropdown-wrapper .hamburger .icon {
  position: relative;
  top: 12px;
}
.header-container .dropdown.header-menu {
  top: 65px;
}
.header-container .hamburger svg rect,
.header-container .hamburger-x svg rect {
  fill: #049cce;
}
.header-container .total-value {
  text-align: right;
  font-size: 80%;
  line-height: normal;
}

.local-wallet-menu .table-cell {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.local-wallet-menu .table-cell:nth-of-type(2) {
  max-width: 17em;
}

.app-menu {
  flex: 0;
}

.truncated {
  flex: 1;
  min-width: 0;
  /* or some value */
}
.truncated .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}

#qr_scanner_modal > section {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .responsive-list > .help-content > ul {
    height: 300px;
    overflow-y: scroll;
    border-radius: 6px;
    background: #2a2a2a;
    border: 1px solid #4b5158;
    margin-bottom: 2rem !important;
  }
  .responsive-list > .help-content > ul li {
    border-bottom: 1px solid #393939;
    padding: 4px;
  }
  .responsive-list > .help-content > ul li ul li {
    border: 0;
  }
}
div.customizable-column--selector {
  position: absolute;
  right: 1rem;
  top: -3rem;
}
div.customizable-column--selector > .customizable-column--selector--option {
  padding: 10px;
}
div.customizable-column--selector > .customizable-column--selector--option .ant-checkbox-wrapper {
  width: 100%;
}

div.customizable-column--selector--dropdown ul.ant-select-dropdown-menu-vertical {
  max-height: 100% !important;
}

.ant-table-tbody > tr.ant-table-row-selected td {
  background-color: #4f596633 !important;
}

.lightTheme {
  /* Table view account */
}
.lightTheme ul.header-menu {
  background-color: #fff !important;
}
.lightTheme ul.header-menu .divider {
  margin: 0;
}
.lightTheme .menu-dropdown-wrapper.active {
  background: #fff !important;
}
.lightTheme .menu-dropdown-wrapper.active ul.header-menu {
  box-shadow: 0 4px 9px 0 #00000015;
}
.lightTheme .menu-dropdown-wrapper.active ul.header-menu li:hover {
  background-color: #c7ddef;
}
.lightTheme .selector > .inline-block {
  border: 1px solid rgba(230, 230, 230, 0.6) !important;
  border-right: 0 !important;
  color: rgba(77, 77, 77, 0.6) !important;
  line-height: 1.9rem;
}
.lightTheme .selector > .inline-block:last-child {
  border-right: 1px solid rgba(230, 230, 230, 0.6) !important;
}
.lightTheme .selector > *:not(.inactive).inline-block {
  color: #337ab7 !important;
  border: 1px solid #337ab7 !important;
}
.lightTheme .selector > *:not(.inactive).inline-block + * {
  border-left: 0 !important;
}
.lightTheme .showcases-grid {
  margin: 32px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.lightTheme .showcases-grid--wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1446px;
}
.lightTheme .showcases-grid--wrapper--item {
  color: #5c5c5c;
  padding: 1rem;
  min-width: 380px;
  width: 33.3%;
  height: 320px;
}
.lightTheme .showcases-grid--wrapper--item h2.no-margin {
  margin: 0;
}
.lightTheme .showcases-grid--wrapper--item span.icon {
  margin: 0;
}
.lightTheme .showcases-grid--wrapper--item span.icon svg {
  margin: 0;
}
.lightTheme .showcases-grid--wrapper--item--wrapper {
  padding: 1rem;
  height: calc(320px - 2rem);
  transition: 0.3s;
  border-radius: 10px;
  cursor: pointer;
  background-color: #dcdcdc;
  border: 1px solid #dcdcdc;
}
.lightTheme .showcases-grid--wrapper--item--wrapper:hover {
  background-color: #dcdcdc;
  border-color: #337ab7;
}
.lightTheme .showcases-grid--wrapper--item--wrapper:focus {
  border-color: rgba(51, 122, 183, 0.05);
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(51, 122, 183, 0.15);
}
.lightTheme .showcases-grid--wrapper--item--wrapper--disabled {
  padding: 1rem;
  height: calc(320px - 2rem);
  transition: 0.3s;
  border-radius: 10px;
  background-color: #dcdcdc;
  border: 1px solid #dcdcdc;
}
.lightTheme .showcases-grid--wrapper--item--wrapper--content {
  padding: 1rem;
  display: flex;
  height: calc(100% - 32px);
  align-items: center;
}
.lightTheme .showcases-grid--wrapper--item--wrapper--content--description {
  line-height: 1.5rem;
}
.lightTheme .exchange--chart-control {
  background: #e5e6e4;
}
@media (max-width: 1150px) {
  .lightTheme .showcases-grid--wrapper {
    width: 900px;
  }
  .lightTheme .showcases-grid--wrapper--item {
    width: 50%;
  }
}
@media (max-width: 750px) {
  .lightTheme .showcases-grid--wrapper {
    width: 450px;
  }
  .lightTheme .showcases-grid--wrapper--item {
    width: 100%;
  }
}
.lightTheme .exchange--price-alert--show-modal--active {
  color: #337ab7;
}
.lightTheme .price-alert--notification--pair-name {
  font-weight: 600;
}
.lightTheme .price-alert--notification--icon.price-alert--notification--icon--up {
  color: #528c0a;
}
.lightTheme .price-alert--notification--icon.price-alert--notification--icon--down {
  color: #e1424a;
}
.lightTheme .price-alert--notification--actual-price.price-alert--notification--actual-price-up {
  color: #528c0a;
}
.lightTheme .price-alert--notification--actual-price.price-alert--notification--actual-price-down {
  color: #e1424a;
}
.lightTheme .explore-witness--info {
  width: 100%;
  border: 1px solid #dbdbdb;
  background: transparent;
  padding: 12px;
  border-radius: 5px;
}
.lightTheme .explore-witness--info table {
  width: 100%;
}
.lightTheme .explore-witness--info table thead th {
  font-weight: 400;
  color: #8f8f8f;
  font-size: 14px;
  padding-bottom: 8px;
}
.lightTheme .explore-witness--info table tbody td {
  color: #5c5c5c;
}
.lightTheme #incognito {
  background: #ea340b;
}
.lightTheme .settings-select, .midnightTheme .block-list li.with-dropdown .lightTheme .settings-select, .lightTheme .block-list li.with-dropdown .settings-select, .darkTheme .block-list li.with-dropdown .lightTheme .settings-select {
  height: 36px;
  padding: 0 12px;
  background-color: #e5e6e4;
  color: #656565;
}
.lightTheme .settings--select {
  width: 100%;
}
.lightTheme .settings-input, .midnightTheme .block-list .lightTheme li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]), .lightTheme .block-list li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]), .darkTheme .block-list .lightTheme li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]) {
  /* !important to overwrite styles for Inputs on User Settings. By default inputs take styles from
  .block-list and it uses on many places. To keep everything OK and do not break something I just do
  overwrite for Inputs on settings and keep default styles for inputs on another places. */
  color: #656565 !important;
  height: 36px !important;
  background-color: #e5e6e4 !important;
  border-bottom: 0 !important;
  max-width: 100% !important;
}
.lightTheme .modal-separator {
  border-color: #5c5c5c;
}
.lightTheme .positive {
  color: #528c0a !important;
}
.lightTheme .negative {
  color: #e1424a !important;
}
.lightTheme .amount-selector-field .amount-selector-field--balance {
  float: right;
}
.lightTheme .amount-selector-field .amount-selector-field--balance .amount-selector-field--link {
  cursor: pointer;
}
.lightTheme .amount-selector-field .amount-selector-field--balance .amount-selector-field--link:hover {
  color: #337ab7;
}
.lightTheme .input-group-unbordered-before > span > span:first-of-type {
  background: none !important;
  border: none !important;
}
.lightTheme .form-input-header .form-input-header--right {
  float: right;
  cursor: pointer;
}
.lightTheme .dark-text-color {
  color: #5c5c5c;
}
.lightTheme .fz_12 {
  font-size: 12px;
}
.lightTheme .unlock_wallet_modal2 .upload-button {
  border-color: rgba(128, 128, 128, 0.45);
}
.lightTheme .unlock_wallet_modal2 .upload-button span {
  color: #656565;
}
.lightTheme .unlock_wallet_modal2 .login-select {
  color: #242424;
  border-color: rgba(128, 128, 128, 0.45);
  background: #ebebeb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gUEEhssVJbYaQAAAHVJREFUGNN1z7ERgkAUBNAHnOUQGdCDRRAaGlwFVkDgGBFeEfZAaA2MY2AL3GCogvz47e78wnVOsl4y2LpWo3IsZb0gajWbMIiyvvI6P9VGQVQb3T1WcNJJhhIkg0n3s7CAUNjPuz9NN8HhG67xJ3AyuSyffgPoxSqQfV+TFgAAAABJRU5ErkJggg==) right 10px center no-repeat;
}
.lightTheme .unlock_wallet_modal2 .login-label {
  color: #242424;
}
.lightTheme .unlock_wallet_modal2 .themed-input {
  background-color: #ebebeb;
}
.lightTheme .spinner-button-circle .circle-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: -2px;
}
.lightTheme .spinner-button-circle .circle-wrapper .circle:before {
  background-color: #fff;
}
.lightTheme .font-secondary {
  color: #5c5c5c;
}
.lightTheme svg path {
  transition: all 0.3s ease 0s;
}
.lightTheme #content-wrapper {
  color: #242424;
  background-color: #fff;
}
.lightTheme hr {
  border-color: #5c5c5c;
  background-color: #5c5c5c !important;
}
.lightTheme a {
  color: #337ab7;
}
.lightTheme a:hover, .lightTheme a:focus, .lightTheme a:active {
  color: #3785c7;
}
.lightTheme *:not([class*=ant-]) > label,
.lightTheme *:not([class*=ant-]) > label > span {
  color: #242424;
}
.lightTheme .label.success {
  color: #21d19f;
  border-color: #21d19f;
}
.lightTheme .label.info {
  color: #ce7925;
  border-color: #ce7925;
}
.lightTheme .label.warning {
  color: #f35b92;
  border-color: #f35b92;
}
.lightTheme .nested-approval-state .tooltip {
  text-decoration: underline dotted #242424;
}
.lightTheme .nested-approval-state .tooltip.error {
  color: #e3745b;
}
.lightTheme .nested-approval-state .tooltip.warning {
  color: #f35b92;
}
.lightTheme .label.cancel,
.lightTheme .label.alert {
  color: #e3745b;
  border-color: #e3745b;
}
.lightTheme .txtlabel.success {
  color: #21d19f;
}
.lightTheme .txtlabel.info {
  color: #ce7925;
}
.lightTheme .txtlabel.warning {
  color: #f35b92;
}
.lightTheme .txtlabel.cancel,
.lightTheme .txtlabel.alert,
.lightTheme .label.alert {
  color: #e3745b;
}
.lightTheme .txtann.success {
  color: #21d19f;
}
.lightTheme .txtann.info {
  color: #ce7925;
}
.lightTheme .txtann.warning {
  color: #f35b92;
}
.lightTheme .txtann.error {
  color: #e3745b;
}
.lightTheme .notification {
  color: #242424 !important;
  background-color: #fff !important;
}
.lightTheme .notification-dismiss {
  color: #242424 !important;
  background-color: #fcfcfc !important;
}
.lightTheme .notification-success {
  border-left-color: #21d19f !important;
}
.lightTheme .action-sheet {
  color: #3d3d3d;
  background-color: #fcfcfc;
}
.lightTheme .action-sheet::after {
  border-bottom-color: #fcfcfc;
}
.lightTheme .action-sheet > ul > li > a {
  color: #3d3d3d;
  border-top-color: #e5e6e4;
}
.lightTheme .action-sheet > ul > li > a:hover {
  color: #3d3d3d;
  background-color: white;
}
.lightTheme .account-browsing-mode button {
  margin-right: 24px;
}
.lightTheme .__react_component_tooltip.type-light {
  color: #3d3d3d !important;
  background-color: #fcfcfc !important;
}
.lightTheme .__react_component_tooltip.type-light.place-bottom:after {
  border-bottom-color: #fcfcfc !important;
}
.lightTheme .__react_component_tooltip.type-light.place-top:after {
  border-top-color: #fcfcfc !important;
}
.lightTheme .__react_component_tooltip.type-light.place-right:after {
  border-right-color: #fcfcfc !important;
}
.lightTheme .__react_component_tooltip.type-light.place-left:after {
  border-left-color: #fcfcfc !important;
}
.lightTheme .json-inspector__key {
  color: #5c5c5c !important;
}
.lightTheme h1,
.lightTheme h2,
.lightTheme h3,
.lightTheme h4,
.lightTheme h5,
.lightTheme h6 {
  color: #242424;
}
.lightTheme .copyIcon {
  background-color: #2196f3;
}
.lightTheme .copyIcon > button.copyIcon {
  background-color: #2196f3;
}
.lightTheme .modal#marketPicker,
.lightTheme .modal#settingsModal {
  background-color: #fff;
  border: 1px solid black;
}
.lightTheme .modal {
  color: #3d3d3d;
  background-color: #dadada;
}
.lightTheme .modal .modal__highlight {
  color: #ce7925;
}
.lightTheme .modal .close-button {
  color: #5c5c5c;
}
.lightTheme .modal .close-button:hover {
  color: #242424;
}
.lightTheme .modal .modal-header > h6 {
  color: #5c5c5c;
}
.lightTheme .modal .modal-header.has-error > h6 {
  color: #e3745b;
}
.lightTheme .modal .circle-wrapper .circle:before {
  background-color: #242424;
}
.lightTheme .modal .table > thead > tr > th,
.lightTheme .modal .table > tbody > tr > td {
  border-bottom-color: #424242;
}
.lightTheme .modal span.send-name {
  color: #337ab7;
}
.lightTheme .icon > svg path {
  fill: #242424;
}
.lightTheme .footer {
  color: #5c5c5c;
  background-color: #e5e6e4;
}
.lightTheme .footer svg path {
  fill: #5c5c5c;
}
.lightTheme .footer .logo .version {
  color: #424242;
}
.lightTheme .node-access-popup {
  color: #5c5c5c;
  background-color: #e5e6e4;
  border: 1px solid black;
}
.lightTheme .node-access-popup .nodes-list .api-status {
  border-bottom: 1px solid white;
}
.lightTheme .panel-left {
  color: #3d3d3d;
  background-color: #fff;
}
.lightTheme .panel-left .block-list li > a {
  color: #3d3d3d;
}
.lightTheme .panel-left .block-list li > a:hover {
  background-color: whitesmoke;
}
.lightTheme .tabs {
  color: #5c5c5c;
  background-color: #fff;
}
.lightTheme .page-layout {
  background-color: #f4f4f4;
}
.lightTheme .page-layout .column-header > ul {
  border-bottom: 1px solid #e5e6e4;
}
.lightTheme .page-layout .column-header > ul > li.active,
.lightTheme .page-layout .column-header > ul li:hover {
  border-bottom: 3px solid lightblue;
}
.lightTheme .page-layout .left-column {
  border-top-color: #fff;
  border-bottom-color: #fff;
  background-color: #e5e6e4;
}
.lightTheme .page-layout .left-column-2 {
  border-top-color: #fff;
  border-bottom-color: #fff;
  background-color: whitesmoke;
}
.lightTheme .page-layout .main-content {
  background-color: #fff;
}
.lightTheme .page-layout .main-content.margin-block {
  background-color: #f8f9f8;
}
.lightTheme .page-layout .right-column {
  border-top-color: #fff;
  border-bottom-color: #fff;
  background-color: #e5e6e4;
}
.lightTheme .asset-prefix {
  color: #3d3d3d !important;
}
.lightTheme .transfer-top {
  background-color: #fff;
}
.lightTheme .transfer-top label,
.lightTheme .transfer-top label > span {
  color: #3d3d3d;
}
.lightTheme .button {
  background: #2196f3;
}
.lightTheme .button:hover, .lightTheme .button:focus, .lightTheme .button:active {
  background-color: #349ff4 !important;
}
.lightTheme .button.outline {
  color: #5c5c5c;
  border-color: #5c5c5c;
}
.lightTheme .button.outline span {
  color: #242424 !important;
}
.lightTheme .button.outline:hover {
  color: #3d3d3d;
  border-color: #3d3d3d;
}
.lightTheme .button:disabled {
  opacity: 0.2 !important;
  cursor: not-allowed !important;
}
.lightTheme .button.secondary {
  color: #5c5c5c;
  background-color: #999999;
}
.lightTheme .button.secondary:hover, .lightTheme .button.secondary:focus, .lightTheme .button.secondary:active {
  color: #666666 !important;
  background-color: #a3a3a3 !important;
}
.lightTheme .button.danger {
  color: white;
  background-color: #e3745b;
}
.lightTheme .button.danger:hover, .lightTheme .button.danger:focus, .lightTheme .button.danger:active {
  color: white !important;
  background-color: #e6836c !important;
}
.lightTheme .header .button,
.lightTheme .header .button:active {
  background-color: transparent !important;
}
.lightTheme .header .modal .button {
  background-color: #2196f3 !important;
}
.lightTheme .header .modal .button:hover, .lightTheme .header .modal .button:focus, .lightTheme .header .modal .button:active {
  background-color: #349ff4 !important;
}
.lightTheme .header .modal .button.danger {
  background-color: #e3745b !important;
}
.lightTheme .header .modal .button.danger:hover, .lightTheme .header .modal .button.danger:focus, .lightTheme .header .modal .button.danger:active {
  background-color: #e6836c !important;
}
.lightTheme .header a.button.create-account {
  transition: color 0s !important;
  color: #2196f3 !important;
}
.lightTheme .header a.button.create-account > span > svg path {
  fill: #2196f3;
}
.lightTheme .header a.button.create-account:hover {
  color: #51adf6 !important;
}
.lightTheme .header a.button.create-account:hover > span > svg path {
  fill: #51adf6;
}
.lightTheme .header div.account-drop-down div.total-value {
  color: #488a00;
}
.lightTheme .header div.account-drop-down div.header-right-lock {
  cursor: pointer;
  padding: 0.9rem 0.25rem;
}
.lightTheme .header div.account-drop-down div.header-right-lock:hover {
  background-color: #fff;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper > li div.hamburger > .icon > svg rect {
  fill: #049cce;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper:hover {
  background-color: #fff;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper.hover-transparent:hover {
  background-color: transparent;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper.cursor-default {
  cursor: default;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper.active {
  transition: background-color 0s;
  background-color: #fff;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper.active ul {
  background-color: #fff;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper.active > li div.hamburger > .icon > svg rect {
  fill: #337ab7;
}
.lightTheme .header div.account-drop-down ul.dropdown.header-menu > li > div:first-of-type > span.icon > svg > path {
  fill: #242424;
}
.lightTheme .header div.account-drop-down ul.dropdown.header-menu > li:hover, .lightTheme .header div.account-drop-down ul.dropdown.header-menu > li.active {
  background-color: #fff;
}
.lightTheme .header div.account-drop-down ul.dropdown.header-menu > li.divider {
  border-bottom: 1px solid rgba(50, 49, 49, 0.1);
  height: 0;
  padding: 0;
}
.lightTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item {
  background-color: #f8f9f8;
  color: #5c5c5c;
}
.lightTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item:hover {
  color: #757575;
  background-color: white;
}
@media (max-width: 990px) {
  .lightTheme ul.dropdown.header-menu li.mobile-only {
    display: block;
  }
  .lightTheme ul.dropdown.header-menu li.desktop-only {
    display: none;
  }
}
.lightTheme .header-container span.icon.lock-unlock > svg path {
  fill: #2196f3;
}
.lightTheme .header-dropdown-sub-link.enabled {
  color: #5c5c5c;
}
.lightTheme .header-dropdown-sub-link.enabled:hover {
  color: #337ab7;
}
.lightTheme .blue {
  color: #2196f3;
}
.lightTheme .grp-menu-item button:hover, .lightTheme .grp-menu-item button:focus, .lightTheme .grp-menu-item button:active {
  background-color: #fff !important;
}
.lightTheme .grp-menu-item > a,
.lightTheme .grp-menu-item .button {
  color: #242424 !important;
}
.lightTheme .header .logo {
  color: #5c5c5c;
}
.lightTheme .header-right-menu li.current-account > a {
  color: #ce7925;
}
.lightTheme .header-right-menu li.current-account > a:hover {
  color: #ce7925;
}
.lightTheme .header-right-menu li.current-account > a > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme .header-right-menu svg path {
  fill: #fff;
}
.lightTheme .settings-cog svg path {
  fill: #5c5c5c;
}
.lightTheme .card-section {
  color: black;
  padding-left: 0.5rem;
}
.lightTheme .card-section > ul {
  color: #3d3d3d;
  list-style: none;
  font-size: 85%;
  margin-left: 0;
}
.lightTheme .card {
  color: #242424;
  background-color: #e5e6e4;
  background-color: #e5e6e4;
}
.lightTheme .card:hover {
  background-color: #eff0ef;
}
.lightTheme .card:hover > h4 {
  background-color: white;
}
.lightTheme .card a {
  color: #242424;
}
.lightTheme .card .card-divider {
  color: #242424;
  background-color: #fff;
}
.lightTheme .card > h4 {
  background-color: #fff;
}
.lightTheme .table > thead > tr > th {
  border-bottom-color: #5c5c5c;
  color: #5c5c5c;
}
.lightTheme .table > tbody > tr > td {
  border-bottom-color: #5c5c5c;
  font-size: 0.875rem;
}
.lightTheme .table.table-hover > tbody > tr:hover > td,
.lightTheme .table .table-hover > tbody > tr:hover > th {
  background-color: white;
}
.lightTheme .table > tbody > tr.table-empty > td {
  padding: 5rem 0;
  font-size: 1.5rem;
  text-align: center;
  color: #5d5d5d !important;
  background-color: #fff !important;
}
.lightTheme div.sticky-table-row.order-row:hover {
  background-color: white;
}
.lightTheme .block-list {
  color: #242424;
}
.lightTheme .block-list li {
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
}
.lightTheme .block-list li > a {
  color: #5c5c5c;
}
.lightTheme .block-list li > a:hover,
.lightTheme .block-list li > label:hover,
.lightTheme .block-list li select:hover,
.lightTheme .block-list li.active > a {
  color: #3d3d3d;
  background-color: white;
}
.lightTheme .block-list li:first-child {
  border-top: 1px solid rgba(128, 128, 128, 0.45);
}
.lightTheme .block-list header {
  margin-left: 0;
  margin-bottom: 1rem;
  color: #5c5c5c;
}
.lightTheme .block-list.no-border-bottom li {
  border-bottom: 0;
}
.lightTheme .block-list li.with-dropdown > input.settings--input[type=text] {
  max-width: 100%;
  width: 100%;
}
.lightTheme .right-label,
.lightTheme .left-label {
  color: #5c5c5c;
}
.lightTheme .right-label > span,
.lightTheme .left-label > span {
  color: inherit;
}
.lightTheme div.input-wrapper > div.input-right-symbol {
  color: #5c5c5c;
}
.lightTheme .dropdown-wrapper > div:first-of-type {
  color: #5c5c5c;
}
.lightTheme .dropdown-wrapper ul.dropdown {
  color: #3d3d3d;
  background-color: #fcfcfc;
  /* Hover state */
}
.lightTheme .dropdown-wrapper ul.dropdown::after {
  border-bottom-color: #fcfcfc;
}
.lightTheme .dropdown-wrapper ul.dropdown > li > span {
  color: #3d3d3d;
}
.lightTheme .dropdown-wrapper ul.dropdown li:hover > span {
  color: #3d3d3d;
  background-color: white;
  color: #337ab7;
}
.lightTheme .dropdown-wrapper.active:after {
  border-color: #337ab7 transparent;
}
.lightTheme .dropdown-wrapper:after {
  /* Little arrow */
  border-color: #5c5c5c transparent;
}
.lightTheme .account-image .icon:hover svg path {
  fill: #4f4f4f;
}
.lightTheme .account-selector .account-image > canvas,
.lightTheme .pubkey-input .account-image > canvas {
  color: black;
}
.lightTheme .account-selector .account-image .icon > svg path,
.lightTheme .pubkey-input .account-image .icon > svg path {
  fill: #242424;
}
.lightTheme .account-selector .account-image .icon:hover svg path,
.lightTheme .pubkey-input .account-image .icon:hover svg path {
  fill: #4f4f4f;
}
.lightTheme .has-error,
.lightTheme div.has-error > label,
.lightTheme div.has-error > label > span,
.lightTheme .error-msg {
  color: #e3745b !important;
}
.lightTheme .floatRight {
  float: right;
}
.lightTheme .has-warning,
.lightTheme div.has-warning > label,
.lightTheme div.has-warning > label > span {
  color: #f35b92;
}
.lightTheme div.has-error > input,
.lightTheme div.has-error > input:hover,
.lightTheme div.has-error > input:focus {
  border-color: #e3745b;
}
.lightTheme .has-error input,
.lightTheme .has-error select,
.lightTheme .has-error textarea {
  border-color: #e3745b;
}
.lightTheme input[type=text]:not([class*=ant-]),
.lightTheme input[type=password]:not([class*=ant-]),
.lightTheme input[type=email]:not([class*=ant-]),
.lightTheme input[type=number]:not([class*=ant-]),
.lightTheme input[type=search]:not([class*=ant-]),
.lightTheme textarea:not([class*=ant-]),
.lightTheme input[role=combobox]:not([class*=ant-]),
.lightTheme select[role=combobox]:not([class*=ant-]) {
  background-color: #ebebeb;
  border: 0;
  color: #242424;
}
.lightTheme input[type=text]:not([class*=ant-]):hover, .lightTheme input[type=text]:not([class*=ant-]):focus, .lightTheme input[type=text]:not([class*=ant-]):active, .lightTheme input[type=text]:not([class*=ant-]):disabled,
.lightTheme input[type=password]:not([class*=ant-]):hover,
.lightTheme input[type=password]:not([class*=ant-]):focus,
.lightTheme input[type=password]:not([class*=ant-]):active,
.lightTheme input[type=password]:not([class*=ant-]):disabled,
.lightTheme input[type=email]:not([class*=ant-]):hover,
.lightTheme input[type=email]:not([class*=ant-]):focus,
.lightTheme input[type=email]:not([class*=ant-]):active,
.lightTheme input[type=email]:not([class*=ant-]):disabled,
.lightTheme input[type=number]:not([class*=ant-]):hover,
.lightTheme input[type=number]:not([class*=ant-]):focus,
.lightTheme input[type=number]:not([class*=ant-]):active,
.lightTheme input[type=number]:not([class*=ant-]):disabled,
.lightTheme input[type=search]:not([class*=ant-]):hover,
.lightTheme input[type=search]:not([class*=ant-]):focus,
.lightTheme input[type=search]:not([class*=ant-]):active,
.lightTheme input[type=search]:not([class*=ant-]):disabled,
.lightTheme textarea:not([class*=ant-]):hover,
.lightTheme textarea:not([class*=ant-]):focus,
.lightTheme textarea:not([class*=ant-]):active,
.lightTheme textarea:not([class*=ant-]):disabled,
.lightTheme input[role=combobox]:not([class*=ant-]):hover,
.lightTheme input[role=combobox]:not([class*=ant-]):focus,
.lightTheme input[role=combobox]:not([class*=ant-]):active,
.lightTheme input[role=combobox]:not([class*=ant-]):disabled,
.lightTheme select[role=combobox]:not([class*=ant-]):hover,
.lightTheme select[role=combobox]:not([class*=ant-]):focus,
.lightTheme select[role=combobox]:not([class*=ant-]):active,
.lightTheme select[role=combobox]:not([class*=ant-]):disabled {
  background-color: #ebebeb;
}
.lightTheme input[type=text]:not([class*=ant-]):focus,
.lightTheme input[type=password]:not([class*=ant-]):focus,
.lightTheme input[type=email]:not([class*=ant-]):focus,
.lightTheme input[type=number]:not([class*=ant-]):focus,
.lightTheme input[type=search]:not([class*=ant-]):focus,
.lightTheme textarea:not([class*=ant-]):focus,
.lightTheme input[role=combobox]:not([class*=ant-]):focus,
.lightTheme select[role=combobox]:not([class*=ant-]):focus {
  border-color: #aaa;
}
.lightTheme input[type=range] {
  /* These need to be independent selectors */
}
.lightTheme input[type=range]::-moz-range-thumb {
  background: #337ab7;
  outline: none;
  border: none;
  border-radius: 3px;
}
.lightTheme input[type=range]::-webkit-slider-thumb {
  background: #337ab7;
  outline: none;
  border: none;
  border-radius: 3px;
}
.lightTheme input[type=range]::-ms-thumb {
  background: #337ab7;
  outline: none;
  border: none;
  border-radius: 3px;
}
.lightTheme input[type=range]::-moz-range-track {
  background-color: #ebebeb;
  border-radius: 3px;
}
.lightTheme input[type=range]::-webkit-slider-runnable-track {
  background-color: #ebebeb;
  border-radius: 3px;
}
.lightTheme input[type=range]::-ms-track {
  background-color: #ebebeb;
  border-radius: 3px;
}
.lightTheme textarea {
  line-height: 22px;
}
.lightTheme input[role=combobox] {
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
}
.lightTheme .typeahead > div > div {
  z-index: 1003;
  background-color: #ebebeb !important;
}
.lightTheme .typeahead > div > div > div {
  color: #242424;
  background-color: transparent !important;
}
.lightTheme .typeahead > div > div > div:hover, .lightTheme .typeahead > div > div > div:active, .lightTheme .typeahead > div > div > div:focus, .lightTheme .typeahead > div > div > div:visited {
  background-color: #d1d1d1 !important;
}
.lightTheme .typeahead .typeahead__input {
  background: #ebebeb;
}
.lightTheme .typeahead .typeahead__innerList {
  background: #e5e6e4;
}
.lightTheme .typeahead .typeahead__innerItem {
  color: #242424;
}
.lightTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__highlight {
  background-color: #d1d1d1 !important;
}
.lightTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__disabled {
  color: #636363;
}
.lightTheme ul.account-overview.segmented > li > a {
  background: #fff !important;
  border-right: none;
}
.lightTheme ul.button-group.segmented > li.is-active > a {
  background: #ebebeb;
  color: #242424;
  border-bottom: 1px solid #2196f3;
}
.lightTheme .tabs {
  border-bottom-color: #5c5c5c;
}
.lightTheme .tabs > .tab-item {
  color: #5c5c5c;
}
.lightTheme .tabs > .tab-item.is-active {
  color: #242424;
  border-bottom-color: #2196f3;
}
.lightTheme .tabs > .tab-item:hover, .lightTheme .tabs > .tab-item:focus, .lightTheme .tabs > .tab-item:active {
  color: #242424;
}
.lightTheme .tab-content {
  background-color: #fff;
}
.lightTheme .tab-content div.header-selector .filter input {
  background-color: #fff;
}
.lightTheme .tab-content div.header-selector .selector .inactive {
  color: #636363;
}
.lightTheme .tab-content.explorer-tab-content {
  background-color: #fff;
}
.lightTheme div.header-selector > .filter {
  margin-right: 1rem;
}
.lightTheme div.header-selector > .filter input {
  margin: 0;
  height: 2rem;
  padding: 0 10px;
}
.lightTheme div.header-selector > .selector div {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.lightTheme div.header-selector > .selector div:nth-of-type(n + 1) {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid white;
}
.lightTheme div.header-selector > .selector div:hover.inactive {
  color: inherit;
}
.lightTheme div.header-selector > .selector div:last-of-type {
  border-right: 0px;
}
.lightTheme div.header-selector > .group-by {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lightTheme div.header-selector > .filter-block {
  float: left;
  display: flex;
  align-items: center;
}
.lightTheme div.header-selector > .filter-block > .filter {
  margin-right: 10px;
}
.lightTheme div.header-selector > .action-buttons {
  float: right;
}
.lightTheme div.header-selector > .header-selector--error {
  color: red;
  line-height: 2rem;
  vertical-align: middle;
  margin-left: 1rem;
}
.lightTheme .depthchart {
  background-color: #fff;
}
.lightTheme .depthchart:hover {
  background-color: #fff;
}
.lightTheme .depthchart.area {
  color: #fff;
}
.lightTheme .bid-total {
  color: #258a14 !important;
}
.lightTheme .ask-total {
  color: #ea340b !important;
}
.lightTheme .stats .stat .negative {
  color: #e1424a !important;
}
.lightTheme .stats .stat .positive {
  color: #528c0a !important;
}
.lightTheme .value.negative {
  color: #ea340b !important;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme .value.positive {
  color: #258a14 !important;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme .active-bucket {
  background-color: white;
}
.lightTheme .bucket-option:hover {
  background-color: #e5e6e4;
}
.lightTheme .buy-sell-box {
  background-color: white;
}
.lightTheme .buy-sell-box > select {
  background-color: white;
  background: white url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C24%22%20style%3D%22fill%3A%20black%22%3E%3C/polygon%3E%3C/svg%3E") right 10px center no-repeat;
}
.lightTheme .buy-sell-input > input.no-balance {
  color: #e3745b;
}
.lightTheme .account-left-panel h5 {
  color: #242424;
}
.lightTheme .account-left-panel h6 {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme .account-left-panel .bottom {
  border-top-color: #fff;
}
.lightTheme .account-left-panel .advanced-toggle > a {
  color: #242424;
}
.lightTheme .account-left-panel a.pay-button {
  background-color: #fff;
  color: #242424;
}
.lightTheme .account-left-panel a.pay-button:hover {
  background-color: #fff !important;
}
.lightTheme .account-left-panel div.create-account-button {
  background: transparent;
  border: 2px solid #2196f3;
}
.lightTheme .account-left-panel div.create-account-button > a {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #242424;
}
.lightTheme .account-info {
  color: #242424;
}
.lightTheme .account-info > p:first-of-type {
  color: #3d3d3d;
}
.lightTheme .account-info .account-title.flash {
  color: white;
}
.lightTheme .account-info > div.secondary > span:first-of-type {
  color: #242424;
}
.lightTheme .account-info > div.secondary > span:last-of-type {
  color: #5c5c5c;
}
.lightTheme .my-account h5,
.lightTheme .my-account h4,
.lightTheme .my-account p,
.lightTheme table.table > tbody > tr > td.my-account > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #ce7925;
}
.lightTheme .account-left-menu > li > a:hover,
.lightTheme .account-left-menu > li > label:hover,
.lightTheme .account-left-menu > li select:hover {
  color: #3d3d3d;
  background-color: #f2f2f1;
}
.lightTheme .account-left-menu > li > a.active {
  color: #3d3d3d;
  background-color: #eff0ef;
  border-right-color: #0e8df2;
}
.lightTheme .pagination {
  background-color: #e5e6e4;
}
.lightTheme .invoice .item-description {
  color: #5c5c5c;
}
.lightTheme .facolor-success {
  color: #21d19f;
}
.lightTheme .facolor-alert {
  color: #e3745b;
}
.lightTheme .facolor-warning {
  color: #f35b92;
}
.lightTheme .facolor-info {
  color: #ce7925;
}
.lightTheme .facolor-error {
  color: #e3745b;
}
.lightTheme .facolor-fee {
  color: #7f055e;
}
.lightTheme .error-area {
  color: #e3745b;
}
.lightTheme .account-selector .right-label {
  color: #5c5c5c;
}
.lightTheme .icon.success {
  padding-right: 0.5rem;
}
.lightTheme .icon.success > svg path {
  fill: #21d19f;
}
.lightTheme .icon.error {
  padding-right: 0.5rem;
}
.lightTheme .icon.error > svg path {
  fill: #f35b92;
}
.lightTheme .circle-wrapper .circle:before {
  background-color: #5c5c5c;
}
.lightTheme .chart-zoom-dropdown {
  width: 24px;
  height: 28px;
  padding: 4px;
  opacity: 0.5;
  overflow: hidden;
  transition: all 0.5s ease;
}
.lightTheme .chart-zoom-dropdown:hover, .lightTheme .chart-zoom-dropdown:active, .lightTheme .chart-zoom-dropdown:focus {
  background-color: #fff;
  padding: 4px;
  opacity: 0.85;
  border-radius: 2px;
  color: #3d3d3d;
  font-size: 60%;
  width: 348px;
  height: 48px;
}
.lightTheme .remove {
  color: #e3745b;
  border: none;
  padding: 2px 4px;
  font-size: 120%;
  background-color: transparent;
  border-radius: 0;
  transition: all 0.5s ease;
}
.lightTheme .remove:hover, .lightTheme .remove:active, .lightTheme .remove:focus {
  color: #3d3d3d;
  background-color: #e3745b;
  font-size: 120%;
  border-radius: 2px;
}
.lightTheme .memo {
  color: #5c5c5c;
}
.lightTheme .help-content-layout div {
  background-color: #fff !important;
}
.lightTheme .help-content-layout div .help-toc ul {
  margin: 0px;
}
.lightTheme .help-content-layout div .help-toc ul li {
  padding-top: 3px;
  padding-left: 5px;
  background: none;
  color: #5c5c5c;
}
.lightTheme .help-content-layout div .help-toc ul li a {
  color: #5c5c5c;
}
.lightTheme .help-content-layout div .help-toc ul li a:hover {
  color: #3d3d3d;
}
.lightTheme .help-content-layout div .help-toc ul li ul {
  margin-left: 1.1rem;
}
.lightTheme .help-content-layout div .help-toc ul li:hover {
  background-color: #dcdcdc;
}
.lightTheme .help-content-layout div .help-toc ul li:hover a {
  color: #3d3d3d;
}
.lightTheme .help-content-layout div .help-toc ul li:hover a:hover {
  background-color: #dcdcdc;
  color: #3d3d3d;
}
.lightTheme .help-content-layout div .help-toc h4 {
  color: #5c5c5c;
}
.lightTheme .help-content-layout div .help-toc a {
  display: block;
}
.lightTheme .help-content {
  padding: 10px;
}
.lightTheme .help-content ul {
  list-style: none;
}
.lightTheme .help-content li {
  background: url(92001292b0ee0affbf8d.png) no-repeat left 8px;
  background-size: 7px 10px;
  padding-left: 12px;
}
.lightTheme .help-content a {
  color: #337ab7;
}
.lightTheme .help-content a:hover {
  background-color: #337ab7;
  color: #fff;
}
.lightTheme .help-content hr {
  border: none;
  height: 1px;
  width: 100%;
  background-color: #e5e6e4;
}
.lightTheme .help-content code {
  color: #242424;
  background-color: transparent;
  border-color: #5c5c5c;
}
.lightTheme .help-content blockquote {
  color: #5c5c5c;
  border-left: 3px solid #e5e6e4;
}
.lightTheme .click-for-help {
  border-bottom-color: #5c5c5c !important;
}
.lightTheme section.block-list input[type=text]:not([class*=ant-]),
.lightTheme section.block-list input[type=password] {
  border-bottom: 1px solid #e5e6e4;
  background-color: transparent;
  color: #242424;
}
.lightTheme section.block-list input[type=text]:not([class*=ant-]):hover, .lightTheme section.block-list input[type=text]:not([class*=ant-]):active, .lightTheme section.block-list input[type=text]:not([class*=ant-]):focus,
.lightTheme section.block-list input[type=password]:hover,
.lightTheme section.block-list input[type=password]:active,
.lightTheme section.block-list input[type=password]:focus {
  color: #242424;
  background-color: transparent;
  border-bottom: 1px solid #e5e6e4;
}
.lightTheme .remove {
  color: #e3745b;
  border: none;
  padding: 2px 4px;
  font-size: 120%;
  background-color: transparent;
  border-radius: 0;
  transition: all 0.5s ease;
}
.lightTheme .remove:hover, .lightTheme .remove:active, .lightTheme .remove:focus {
  color: #3d3d3d;
  background-color: #e3745b;
  font-size: 120%;
  border-radius: 2px;
}
.lightTheme .menu-group.primary,
.lightTheme .menu-group.primary .menu-bar {
  background-color: #e5e6e4;
}
.lightTheme .menu-group.primary li > a,
.lightTheme .menu-group.primary .menu-bar li > a {
  color: #5d5d5d;
}
.lightTheme .menu-group.primary li > a .icon > svg path,
.lightTheme .menu-group.primary .menu-bar li > a .icon > svg path {
  fill: #5d5d5d;
}
.lightTheme .menu-group.primary li > a:hover,
.lightTheme .menu-group.primary li > a.active,
.lightTheme .menu-group.primary .menu-bar li > a:hover,
.lightTheme .menu-group.primary .menu-bar li > a.active {
  background-color: #fff !important;
  color: #242424;
}
.lightTheme .menu-group.primary li > a:hover .icon > svg path,
.lightTheme .menu-group.primary li > a.active .icon > svg path,
.lightTheme .menu-group.primary .menu-bar li > a:hover .icon > svg path,
.lightTheme .menu-group.primary .menu-bar li > a.active .icon > svg path {
  fill: #242424;
}
.lightTheme .asset-card .card-divider {
  background: #e5e6e4;
}
.lightTheme .mymarkets-header {
  border-bottom-color: #2196f3;
}
.lightTheme .mymarkets-header.inactive {
  border-bottom-color: transparent;
  color: #5c5c5c;
}
.lightTheme div.exchange-content-header {
  background-color: transparent !important;
}
.lightTheme .exchange-content-header {
  color: #3d3d3d;
}
.lightTheme .exchange-content-header--buy-sell-form {
  border-bottom: 0 !important;
}
.lightTheme .orderHistoryBid > span.price-integer,
.lightTheme .orderHistoryBid > span > span.price-integer,
.lightTheme .orderHistoryBid > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #258a14;
}
.lightTheme .orderHistoryBid > span.price-decimal,
.lightTheme .orderHistoryBid > span > span.price-decimal {
  color: #242424;
  opacity: 0.6;
}
.lightTheme .orderHistoryAsk > span.price-integer,
.lightTheme .orderHistoryAsk > span > span.price-integer,
.lightTheme .orderHistoryAsk > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #ea340b;
}
.lightTheme .orderHistoryAsk > span.price-decimal,
.lightTheme .orderHistoryAsk > span > span.price-decimal {
  color: #242424;
  opacity: 0.6;
}
.lightTheme .orderHistoryCall > span.price-integer,
.lightTheme .orderHistoryCall > span > span.price-integer,
.lightTheme .orderHistoryCall > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #bbbf2b;
}
.lightTheme .orderHistoryCall > span.price-decimal,
.lightTheme .orderHistoryCall > span > span.price-decimal {
  color: #242424;
  opacity: 0.6;
}
.lightTheme .order-table .my-order > .vertical-order-table-cell,
.lightTheme .order-table .my-order > td {
  font-weight: bold;
  color: #ce7925;
}
.lightTheme .order-table .my-order span.price-integer,
.lightTheme .order-table .my-order span.price-decimal {
  color: #ce7925 !important;
  opacity: 1;
}
.lightTheme .bid {
  background-color: #258a14 !important;
}
.lightTheme .ask {
  background-color: #ea340b !important;
}
.lightTheme .orderbook-latest-price > div {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #e5e6e4 !important;
  border-bottom: 1px solid grey !important;
  border-top: 1px solid grey !important;
  padding: 7px 0 !important;
}
.lightTheme .sticky-table .sticky-table-column,
.lightTheme .sticky-table .sticky-table-corner {
  color: #242424;
  background-color: #fff;
}
.lightTheme .left-order-book {
  background-color: #fff;
}
.lightTheme .left-order-book .orderbook-center-title {
  color: #636363;
}
.lightTheme .left-order-book .spread .spread-value {
  color: #242424;
}
.lightTheme .sticky-table-header {
  width: 100%;
  height: 32px;
}
.lightTheme .sticky-table-header > .sticky-table-cell {
  background-color: #e5e6e4 !important;
  border-bottom: 1px solid grey !important;
}
.lightTheme .sticky-table-header .sticky-table-row {
  width: 100%;
  background-color: #fff;
}
.lightTheme .sticky-table-header .sticky-table-row.order-row:hover {
  background-color: #e5e6e4;
}
.lightTheme .sticky-table-cell {
  background-color: transparent;
}
.lightTheme .mymarkets-header {
  background-color: #dcdcdc;
}
.lightTheme tr.activeMarket,
.lightTheme tr.activeMarket:hover {
  color: #4c85d8;
  background-color: #dcdcdc;
}
.lightTheme .market-stats .stat .value {
  color: #242424;
}
.lightTheme li.stat.input:hover {
  background-color: #eff0ef;
}
.lightTheme .stats .stressed-stat {
  padding: 10px 0;
  font-size: 18px;
}
.lightTheme .stats .stressed-stat.is-call {
  color: #bbbf2b !important;
}
.lightTheme .stats .stressed-stat.daily_change.positive {
  color: #488a00 !important;
}
.lightTheme .stats .stressed-stat.daily_change.negative {
  color: #e1424a !important;
}
.lightTheme .stat-text {
  margin-top: 3px;
  font-size: 11px;
  color: gray;
}
.lightTheme .buy-sell-box {
  background-color: #dcdcdc;
}
.lightTheme .buy-sell-box > select {
  padding: 0;
  margin: 0;
  height: 1.75rem;
  line-height: 1.75rem;
  border: none;
  color: #242424;
  background-size: 8px 8px;
  background-color: #dcdcdc;
  font-size: 12px;
}
.lightTheme .buy-sell-box > select > option {
  color: #242424;
  background-color: #dcdcdc;
}
.lightTheme .change-up {
  color: #258a14 !important;
}
.lightTheme .change-down {
  color: #ea340b !important;
}
.lightTheme .header-sub-title {
  font-size: 11px;
  color: #3d3d3d;
}
.lightTheme .label {
  background-color: #e5e6e4;
}
.lightTheme .mymarkets-group-header {
  background-color: #dcdcdc;
  padding: 8px 35px;
  border-bottom: 1px solid grey;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  cursor: pointer;
}
.lightTheme .bucket-option {
  color: #5c5c5c;
  background-color: #e5e6e4;
}
.lightTheme .bucket-option:hover {
  color: #3d3d3d;
  background-color: #fffffe;
}
.lightTheme .active-bucket {
  color: #3d3d3d;
  background-color: #fffffe;
}
.lightTheme li.stat.clickable {
  color: #5c5c5c;
}
.lightTheme .mymarkets-tabs > li {
  color: #5c5c5c;
  background-color: #e5e6e4;
}
.lightTheme .mymarkets-tabs > li:hover {
  color: #3d3d3d;
  background-color: #fffffe;
}
.lightTheme .mymarkets-tabs > li.active {
  color: #3d3d3d;
  background-color: #fffffe;
}
.lightTheme .mymarkets-list {
  border-top: 2px solid #e5e6e4;
}
.lightTheme select.bts-select,
.lightTheme select.native-coin-types,
.lightTheme select.external-coin-types {
  color: #5c5c5c;
  background-color: #fff;
  border: 0;
}
.lightTheme select.bts-select:hover, .lightTheme select.bts-select:focus, .lightTheme select.bts-select:active,
.lightTheme select.native-coin-types:hover,
.lightTheme select.native-coin-types:focus,
.lightTheme select.native-coin-types:active,
.lightTheme select.external-coin-types:hover,
.lightTheme select.external-coin-types:focus,
.lightTheme select.external-coin-types:active {
  background-color: #fff;
}
.lightTheme .api-node .icon.shuffle svg path {
  fill: #2196f3 !important;
}
.lightTheme .api-node .icon.link svg path {
  fill: #528c0a !important;
}
.lightTheme .api-node .icon.minus-circle svg path {
  fill: #e1424a !important;
}
.lightTheme .api-node:nth-child(odd) {
  background-color: white;
}
.lightTheme .active-node {
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}
.lightTheme div.ant-row.ant-form-item.no-offset {
  margin-bottom: 0;
}
.lightTheme .settings-menu > ul {
  width: 200px;
  transition: 0.3s;
  margin-left: 0;
}
.lightTheme .settings-menu > ul > li {
  border-radius: 2px;
  color: #5c5c5c;
  padding: 3px 11px;
  margin: 5px;
}
.lightTheme .settings-menu > ul > li:hover {
  color: #242424;
  background-color: #e6e6e6;
}
.lightTheme .settings-menu > ul > li.active {
  color: #242424;
  background-color: #e6e6e6;
}
.lightTheme .unstyled-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
.lightTheme .settings-container .ant-form-item-label label {
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: rgba(0, 0, 0, 0.65) !important;
}
.lightTheme .settings--notifications .settings--notifications--group .settings--notifications--item label {
  color: #656565;
}
.lightTheme .settings--notifications .settings--notifications--no-browser-support {
  color: #e3745b;
  font-size: 12px;
}
@media (max-width: 990px) {
  .lightTheme .settings-menu {
    display: none;
  }
}
.lightTheme a.order-cancel > .icon > svg > path {
  fill: #e1424a;
}
.lightTheme a.action-plus > .icon > svg > path {
  fill: #528c0a;
}
.lightTheme .margin-row > td:last-of-type {
  padding: 0px !important;
  margin: 0px !important;
}
.lightTheme .margin-ratio {
  padding: 6px;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme .margin-ratio.danger {
  background-color: #ce4323 !important;
  color: #353535;
}
.lightTheme .margin-ratio.warning {
  background-color: #ee1463 !important;
  color: #353535;
}
.lightTheme tr.margin-row > td.danger {
  background-color: #ce4323 !important;
  color: #5c5c5c;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme tr.margin-row > td.warning {
  background-color: #ee1463 !important;
  color: #5c5c5c;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme .nodes-header {
  border-bottom-color: #2196f3;
  background-color: #fff;
}
.lightTheme .nodes-header.inactive {
  border-bottom-color: transparent;
  color: #5c5c5c;
}
.lightTheme div.custom-dropdown-content {
  background: #e5e6e4;
  color: #242424;
}
.lightTheme div.custom-dropdown-content > ul > li.clickable:hover {
  background-color: #f2f2f1;
}
.lightTheme div.custom-dropdown-content > ul > li > div.clickable:hover {
  background-color: #f2f2f1;
}
.lightTheme .blocktrades-bridge input,
.lightTheme .blocktrades-bridge select {
  color: #5c5c5c;
  border: 1px solid #5c5c5c;
  background-color: #e5e6e4 !important;
}
.lightTheme .blocktrades-bridge input.native-coin-types, .lightTheme .blocktrades-bridge input.external-coin-types,
.lightTheme .blocktrades-bridge select.native-coin-types,
.lightTheme .blocktrades-bridge select.external-coin-types {
  background-color: transparent !important;
}
.lightTheme .blocktrades-bridge input > option,
.lightTheme .blocktrades-bridge select > option {
  color: #242424;
  background-color: #e5e6e4 !important;
}
.lightTheme .blocktrades-bridge input:hover, .lightTheme .blocktrades-bridge input:focus,
.lightTheme .blocktrades-bridge select:hover,
.lightTheme .blocktrades-bridge select:focus {
  color: #242424;
  border: 2px solid #242424;
}
.lightTheme .SimpleTrade__modal .Modal__header {
  background-color: #f2f2f1;
}
.lightTheme .SimpleTrade__modal .Modal__divider {
  border-bottom: 2px solid #020202;
}
.lightTheme ul.dashboard-links > li.active {
  color: #242424;
}
.lightTheme .switch input:checked + label {
  background-color: #365c07;
}
.lightTheme .switch input:checked + label::after {
  border: none;
  background-color: #60a40c;
}
.lightTheme div.ok-indicator {
  color: #5c5c5c;
}
.lightTheme div.ok-indicator.success {
  color: #21d19f;
}
.lightTheme .login-selector > div.box {
  background-color: #e5e6e4;
}
.lightTheme .login-selector > div.box:hover {
  background-color: #e0e1df;
}
.lightTheme .login-selector > div.box a {
  color: #242424;
}
.lightTheme table.table > tbody > tr.in-use > td:nth-child(2) {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme .SimpleDepositBridge__info-row > div > div.float-right.above-limit {
  color: #e3745b;
}
.lightTheme input.my-key,
.lightTheme td.my-key a {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #ce7925;
}
.lightTheme td.pub-key {
  word-break: break-all;
}
.lightTheme div.grid-content.app-tables {
  background-color: #e5e6e4;
}
.lightTheme div.tabs-container {
  background-color: #e5e6e4;
}
.lightTheme div.account-tabs > div.service-selector {
  background-color: #fff;
  border-bottom: 1px solid rgba(230, 230, 230, 0.6);
}
.lightTheme ul.account-overview {
  background-color: #fff;
}
.lightTheme ul.account-overview li {
  transition: all 0.3s ease 0s;
  background-color: #fff;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px solid #fff;
}
.lightTheme ul.account-overview li > a {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  border: none;
  transition: all 0.3s ease 0s;
}
.lightTheme ul.account-overview li > a:hover {
  color: #242424;
}
.lightTheme ul.account-overview li > a > div.tab-subtext {
  color: #488a00;
}
.lightTheme ul.account-overview li.is-active, .lightTheme ul.account-overview li:hover {
  border-bottom: 3px solid #337ab7;
  background-color: #fff;
}
.lightTheme ul.account-overview li.is-active > a, .lightTheme ul.account-overview li:hover > a {
  color: #242424;
}
.lightTheme ul.account-overview li.total-value > a {
  background-color: #dadada;
}
.lightTheme ul.account-overview li.total-value > a:hover > span.tab-title {
  color: #5d5d5d;
}
.lightTheme ul.account-overview li.total-value .icon.locked > svg path {
  fill: #2196f3;
}
.lightTheme table.table.dashboard-table > thead > tr > th {
  background-color: #eaeaea;
  color: #242424;
  border-color: rgba(50, 49, 49, 0.1);
}
.lightTheme table.table.dashboard-table > tbody > tr.dashboard-table--hiddenAccounts > td {
  height: 20px;
  text-align: left;
  padding-left: 45px;
  background-color: #eaeaea;
  color: #242424;
}
.lightTheme table.table.dashboard-table > tbody > tr > td {
  background-color: #dadada;
  color: #242424;
  border-color: rgba(50, 49, 49, 0.1);
}
.lightTheme table.table.dashboard-table > tbody > tr > td .icon > svg path {
  fill: #242424;
}
.lightTheme table.table.dashboard-table > tbody > tr > td .icon.locked > svg path {
  fill: #2196f3;
}
.lightTheme table.table.dashboard-table > tbody > tr > td .icon.unlocked > svg path {
  fill: #2196f3;
}
.lightTheme table.table.dashboard-table > tbody > tr.total-value td {
  background-color: #eaeaea;
}
.lightTheme table.table.dashboard-table > tbody > tr.total-value td:nth-child(n+2) {
  color: #488a00;
  text-align: right;
}
.lightTheme table.table.dashboard-table > tbody > tr.unsupported > td {
  color: grey;
}
.lightTheme table.table.dashboard-table > tbody > tr.unsupported > td > a {
  color: grey;
}
.lightTheme table.table.dashboard-table > tbody > tr.unsupported > td svg path {
  fill: grey;
}
.lightTheme .ant-table-content .ant-table-footer .total-value .value {
  color: #488a00;
}
.lightTheme .ant-table-placeholder {
  min-height: 140px;
  z-index: 0;
}
.lightTheme div.account-creation {
  border: 1px solid #dadada;
  border-radius: 6px;
}
.lightTheme div.account-creation div.button > a {
  color: #242424;
}
.lightTheme span.danger {
  color: #ce4323;
}
.lightTheme span.warning {
  color: #ee1463;
}
.lightTheme .api-status .low {
  color: #258a14;
}
.lightTheme .api-status .low > svg path {
  fill: #258a14;
}
.lightTheme .api-status .medium {
  color: #bbbf2b;
}
.lightTheme .api-status .medium > svg path {
  fill: #bbbf2b;
}
.lightTheme .api-status .high {
  color: #ea340b;
}
.lightTheme .api-status .high > svg path {
  fill: #ea340b;
}
.lightTheme .footer div.footer-status > span.testnet {
  font-size: 0.85rem;
}
.lightTheme .footer div.footer-status > span.success {
  color: #21d19f;
}
.lightTheme .footer div.footer-status > span.warning {
  color: #e3745b;
}
.lightTheme tr > td > a.primary-text {
  color: #242424;
}
.lightTheme .pulsate {
  animation: 0.5s ease-out 1;
}
.lightTheme .pulsate.red {
  animation-name: pulsate-red;
}
.lightTheme .pulsate.green {
  animation-name: pulsate-green;
}
.lightTheme .pulsate.reverse {
  animation-timing-function: ease-in;
  animation-direction: reverse;
}
@keyframes pulsate-green {
  0% {
    color: #488a00;
  }
  100% {
    color: #70c117;
  }
}
@keyframes pulsate-red {
  0% {
    color: #e1424a;
  }
  100% {
    color: #e87f84;
  }
}
.lightTheme .introjs-launcher {
  margin-left: 5px;
  background-color: #049cce;
  padding: 0 10px;
  font-size: 18px;
  line-height: 1.8;
  transition: background-color 0.2s ease;
  color: #fff;
}
.lightTheme .introjs-launcher:hover {
  cursor: pointer;
  background-color: #03769c;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .lightTheme .introjs-launcher {
    position: absolute;
    bottom: 1rem;
    right: 0.3rem;
    z-index: 9999;
    display: block;
    line-height: 0;
    font-size: 0;
    color: transparent;
    background-color: transparent;
  }
  .lightTheme .introjs-launcher:after {
    content: "?";
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    padding: 0.3rem 0.8rem;
    background-color: #049cce;
    border: 1px solid #fff;
  }
}
.lightTheme .footer {
  padding-right: 0;
}
.lightTheme .tab-no-background {
  background-color: transparent !important;
}
.lightTheme .header-container {
  background-color: #fff;
  box-shadow: 0 4px 9px 0 #00000015 !important;
  z-index: 2;
}
.lightTheme .header-container .menu-group .menu-bar li a {
  text-decoration: none;
  background: #fff;
  color: rgba(51, 51, 51, 0.6);
}
.lightTheme .header-container .menu-group .menu-bar li a svg path {
  fill: rgba(51, 51, 51, 0.6) !important;
}
.lightTheme .header-container .menu-group .menu-bar li a:hover {
  background-color: #fff !important;
  color: #337ab7;
}
.lightTheme .header-container .menu-group .menu-bar li a:hover svg path {
  fill: #337ab7 !important;
}
.lightTheme .header-container .menu-group .menu-bar li a.active {
  background-color: #fff !important;
  color: #337ab7;
}
.lightTheme .header-container .menu-group .menu-bar li a.active svg path {
  fill: #337ab7 !important;
}
.lightTheme .header-container .menu-dropdown-wrapper.active {
  background: #e5e6e4;
}
.lightTheme .header-container .dropdown.header-menu {
  background-color: #e5e6e4;
}
.lightTheme .header-container .dropdown.header-menu li.divider {
  border-bottom: 1px solid #5c5c5c;
  height: 0;
  padding: 0;
}
.lightTheme .header-container .dropdown.header-menu > li:hover {
  background-color: #fcfcfc;
}
.lightTheme .header-container .total-value {
  color: #488a00;
}
.lightTheme .flip-arrow:hover {
  color: #049cce;
  cursor: pointer;
}
.lightTheme .order-2 .flip-arrow,
.lightTheme .order-5 .flip-arrow {
  display: none;
}
.lightTheme .order-book-button-h svg path {
  fill: #fff;
}
.lightTheme .order-book-button-h svg path:hover {
  fill: #049cce;
  cursor: pointer;
}
.lightTheme .order-book-button-v {
  display: none;
}
@media only screen and (min-width: 40em) {
  .lightTheme .order-book-button-v {
    display: inline-block;
    margin-left: 5px;
  }
  .lightTheme .order-book-button-v svg path {
    fill: #fff;
  }
  .lightTheme .order-book-button-v svg path:hover {
    fill: #049cce;
    cursor: pointer;
  }
}
.lightTheme .expiration-datetime-picker.scaled-orders > div {
  margin-top: -5px;
}
.lightTheme .expiration-datetime-picker > div {
  float: left;
  min-width: 145px;
}
.lightTheme .expiration-datetime-picker input {
  padding: 0;
  margin: 0 5px 0 0;
  background: transparent;
  border-radius: 0 !important;
  border-bottom: 1px dotted #a09f9f;
  display: inline-block;
  text-align: left;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
}
.lightTheme .expiration-datetime-picker input:hover {
  background: transparent;
}
.lightTheme .expiration-datetime-picker select {
  width: auto;
  padding: 0;
  background: transparent;
  border: 0;
  color: #242424;
  border-bottom: 1px dotted #a09f9f;
  margin: 0 0 1px;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
}
.lightTheme .expiration-datetime-picker select > option {
  background-color: #fff;
}
.lightTheme .expiration-datetime-picker .expiration-datetime-picker--select--specific {
  float: right;
}
.lightTheme .marketPicker .results {
  background: #ebebeb;
  border: 1px solid #fff;
}
.lightTheme .qr-address-scanner-btn {
  background: #049cce;
  height: 2.4rem;
  border-radius: 0 5px 5px 0;
  width: 40px;
}
.lightTheme .qr-address-scanner-btn span.icon {
  background: transparent;
}
.lightTheme .qr-address-scanner-btn svg {
  background: transparent;
}
.lightTheme .qr-address-scanner-divider {
  margin: 24px 0;
  height: 1px;
  width: 100%;
  background: #fff;
}
.lightTheme .qr-address-scanner-input-field {
  border-radius: 5px 0 0 5px !important;
}
.lightTheme .qr-address-scanner-status {
  font-size: 0.95rem;
  margin: 12px 24px 0 24px;
}
.lightTheme .qr-address-scanner-status-title {
  margin-bottom: 12px;
  margin-top: 12px;
}
.lightTheme .qr-address-scanner-status-title:first-child {
  margin-top: 0;
}
.lightTheme .qr-address-scanner-status-address {
  color: #21d19f;
}
.lightTheme .qr-address-scanner-status-amount {
  color: #21d19f;
}
.lightTheme .qr-address-scanner-actions {
  margin: 24px;
}
.lightTheme .qr-address-scanner .modal {
  height: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.lightTheme .grouped_order select {
  float: right;
  width: auto;
  padding: 0;
  background: transparent;
  border: 0;
  color: #242424;
  border-bottom: 1px dotted #a09f9f;
  font-size: 0.7rem;
  height: 17px;
  margin: 0 0 1px 10px;
}
.lightTheme .grouped_order select > option {
  background-color: #fff;
}
.lightTheme .login-selector--language-select .login-selector--language-select--icon {
  font-size: 18px;
  margin-top: 7px;
  margin-right: 7px;
  color: #337ab7;
}
.lightTheme .login-selector--language-select .login-selector--language-select--wrapper {
  margin-left: 0;
}
.lightTheme .registration-layout .attention-note {
  background-color: rgba(255, 153, 0, 0.06);
}
.lightTheme .registration-layout .attention-text {
  color: #ff9900;
}
.lightTheme .registration-layout .button-primary {
  background-color: #2196f3;
  color: #3d3d3d;
}
.lightTheme .registration-layout .button-primary:hover {
  background-color: #51adf6 !important;
}
.lightTheme .registration-layout .button-primary:active {
  background-color: #6ab8f7 !important;
}
.lightTheme .registration-layout .button-secondary {
  background-color: initial;
  color: #2196f3;
  border-color: #2196f3;
}
.lightTheme .registration-layout .button-secondary:hover {
  border-color: #51adf6 !important;
  color: #51adf6 !important;
}
.lightTheme .registration-layout .button-secondary:active {
  border-color: #6ab8f7 !important;
  color: #51adf6 !important;
}
.lightTheme .registration-layout .registration-title {
  color: #3d3d3d;
}
.lightTheme .registration-layout .selection-block .selection-title,
.lightTheme .registration-layout .selection-block .choice-model,
.lightTheme .registration-layout .selection-block .model-option {
  color: #3d3d3d;
}
.lightTheme .registration-layout .selection-block .recommended {
  background-color: #22d173;
  color: #171a25;
}
.lightTheme .registration-layout .selection-block .model-option-value {
  color: #22d173;
}
.lightTheme .registration-layout .selection-block .account-option-value {
  color: #ff276d;
}
.lightTheme .registration-layout .selection-block .account-security {
  color: #ff9900;
}
.lightTheme .registration-layout .selection-block .option-border {
  border-bottom-color: rgba(23, 26, 37, 0.3);
}
.lightTheme .registration-layout .selection-block div.inactive-left-block,
.lightTheme .registration-layout .selection-block div.inactive-right-block {
  background-color: #c1c1c1;
}
.lightTheme .registration-layout .plate.inactive-model-block {
  background-color: rgba(218, 218, 218, 0.4);
}
.lightTheme .registration-layout .plate {
  background-color: #dadada;
}
.lightTheme .registration-layout span.checkbox {
  border-color: #2196f3;
  background-color: rgba(33, 150, 243, 0.1);
}
.lightTheme .registration-layout span.checkbox-active {
  border-color: #2196f3;
  background-color: #2196f3;
}
.lightTheme .registration-layout span.checkbox-active svg path {
  fill: #fff;
}
.lightTheme .registration-layout .file-input-container {
  background-color: #cdcdcd;
  border-color: rgba(33, 150, 243, 0.5);
}
.lightTheme .registration-layout .file-input-container .upload-text {
  color: rgba(61, 61, 61, 0.7);
}
.lightTheme .registration-layout .file-input-container:hover, .lightTheme .registration-layout .file-input-container.dropHover {
  border-color: #2196f3;
  background-color: #c1c1c1;
}
.lightTheme .registration-layout .file-input-container.downloaded {
  border-color: #2196f3;
  background-color: rgba(33, 150, 243, 0.2);
}
.lightTheme .registration-layout .file-input-container.invalid {
  border-color: #ff276d;
  background-color: rgba(255, 39, 109, 0.1);
}
.lightTheme .registration-layout .dismiss-icon {
  color: #ff276d;
}
.lightTheme .registration-layout .approve-icon svg path {
  fill: #22d173;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .lightTheme .registration-layout .plate {
    background-color: #c1c1c1;
  }
  .lightTheme .registration-layout .plate .header-block,
.lightTheme .registration-layout .plate .wallet-block,
.lightTheme .registration-layout .plate .account-block,
.lightTheme .registration-layout .plate .wallet-block-registration,
.lightTheme .registration-layout .plate .account-block-registration {
    background-color: #dadada;
  }
  .lightTheme .registration-layout .plate .header-block .overflow-bg-block .content,
.lightTheme .registration-layout .plate .wallet-block .overflow-bg-block .content,
.lightTheme .registration-layout .plate .account-block .overflow-bg-block .content,
.lightTheme .registration-layout .plate .wallet-block-registration .overflow-bg-block .content,
.lightTheme .registration-layout .plate .account-block-registration .overflow-bg-block .content {
    background-color: #dadada;
  }
  .lightTheme .registration-layout .small-container {
    border: 1px solid rgba(61, 61, 61, 0.2);
    background-color: rgba(61, 61, 61, 0.1);
  }
  .lightTheme .registration-layout .small-container .active-upload-text {
    background-color: rgba(92, 92, 92, 0.1);
  }
}
.lightTheme i.anticon.icon-fill:hover {
  color: #049cce;
  cursor: pointer;
}
.lightTheme .icon-fill svg path {
  fill: #3d3d3d;
}
.lightTheme .icon-fill svg path:hover {
  fill: #049cce;
  cursor: pointer;
}
.lightTheme .modal--transaction-confirm {
  zindex: 10000;
}
.lightTheme .asset-collapse .ant-collapse-header {
  background: #e5e6e4;
  color: #242424 !important;
  border: solid 1.2px #e5e6e4 !important;
}
.lightTheme .change-up {
  font-weight: bold;
}
.lightTheme thead[class*=ant-table-thead] th {
  background-color: #2196f3bb !important;
}
.lightTheme div[class*=ant-table-footer] {
  background-color: #2196f3bb !important;
  color: white;
}

.ant-form-item .ant-form-item-label label {
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: inline;
}

.ant-select-dropdown-menu {
  margin-left: 0;
  font-size: 14px;
}

.rc-time-picker-panel {
  z-index: 9999 !important;
}

.midnightTheme .gate_fee .amount-selector {
  width: 100%;
  display: inline-block;
}

.midnightTheme .gate_fee .right-selector {
  text-align: right;
  width: 26%;
  display: inline-block;
  color: #adadad;
  text-transform: uppercase;
}

.midnightTheme .gate_fee .right-selector .right-selector-input {
  text-align: right;
  width: 100%;
}

.clear-text,
.search-wrapper {
  position: relative;
}

.market-filter-input,
.clear-text,
.search-wrapper {
  position: relative;
}

.clear-text {
  top: 10px;
  right: -30px;
  position: absolute;
  border: 0;
  background-color: transparent;
  display: block;
  outline: 0;
  cursor: pointer;
}

.clear-text:after {
  content: "X";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: transparent;
  z-index: 1;
  right: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 2px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
}

.market-filter-input:not(:valid) ~ .clear-text {
  display: none;
}

.header-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  height: 64px;
}
.header-container .menu-bar {
  overflow: visible;
}
.header-container .logo {
  padding-top: 0.7rem;
  padding-bottom: 0.8rem;
}
.header-container .dropdown-wrapper:after {
  display: none;
}
.header-container .menu-dropdown-wrapper {
  height: 65px;
  width: 65px;
  text-align: left;
  border-radius: 0;
}
.header-container .menu-dropdown-wrapper .hamburger .icon {
  position: relative;
  top: 12px;
}
.header-container .dropdown.header-menu {
  top: 65px;
}
.header-container .hamburger svg rect,
.header-container .hamburger-x svg rect {
  fill: #049cce;
}
.header-container .total-value {
  text-align: right;
  font-size: 80%;
  line-height: normal;
}

.local-wallet-menu .table-cell {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.local-wallet-menu .table-cell:nth-of-type(2) {
  max-width: 17em;
}

.app-menu {
  flex: 0;
}

.truncated {
  flex: 1;
  min-width: 0;
  /* or some value */
}
.truncated .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}

#qr_scanner_modal > section {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .responsive-list > .help-content > ul {
    height: 300px;
    overflow-y: scroll;
    border-radius: 6px;
    background: #2a2a2a;
    border: 1px solid #4b5158;
    margin-bottom: 2rem !important;
  }
  .responsive-list > .help-content > ul li {
    border-bottom: 1px solid #393939;
    padding: 4px;
  }
  .responsive-list > .help-content > ul li ul li {
    border: 0;
  }
}
div.customizable-column--selector {
  position: absolute;
  right: 1rem;
  top: -3rem;
}
div.customizable-column--selector > .customizable-column--selector--option {
  padding: 10px;
}
div.customizable-column--selector > .customizable-column--selector--option .ant-checkbox-wrapper {
  width: 100%;
}

div.customizable-column--selector--dropdown ul.ant-select-dropdown-menu-vertical {
  max-height: 100% !important;
}

.ant-table-tbody > tr.ant-table-row-selected td {
  background-color: #4f596633 !important;
}

.midnightTheme {
  /* Table view account */
}
.midnightTheme ul.header-menu {
  background-color: #24262d !important;
}
.midnightTheme ul.header-menu .divider {
  margin: 0;
}
.midnightTheme .menu-dropdown-wrapper.active {
  background: #191a1f !important;
}
.midnightTheme .menu-dropdown-wrapper.active ul.header-menu {
  box-shadow: 0 4px 9px 0 #00000015;
}
.midnightTheme .menu-dropdown-wrapper.active ul.header-menu li:hover {
  background-color: #30323b;
}
.midnightTheme .selector > .inline-block {
  border: 1px solid #24262d !important;
  border-right: 0 !important;
  color: #696d82 !important;
  line-height: 1.9rem;
}
.midnightTheme .selector > .inline-block:last-child {
  border-right: 1px solid #24262d !important;
}
.midnightTheme .selector > *:not(.inactive).inline-block {
  color: #337ab7 !important;
  border: 1px solid #337ab7 !important;
}
.midnightTheme .selector > *:not(.inactive).inline-block + * {
  border-left: 0 !important;
}
.midnightTheme .showcases-grid {
  margin: 32px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.midnightTheme .showcases-grid--wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1446px;
}
.midnightTheme .showcases-grid--wrapper--item {
  color: #adadad;
  padding: 1rem;
  min-width: 380px;
  width: 33.3%;
  height: 320px;
}
.midnightTheme .showcases-grid--wrapper--item h2.no-margin {
  margin: 0;
}
.midnightTheme .showcases-grid--wrapper--item span.icon {
  margin: 0;
}
.midnightTheme .showcases-grid--wrapper--item span.icon svg {
  margin: 0;
}
.midnightTheme .showcases-grid--wrapper--item--wrapper {
  padding: 1rem;
  height: calc(320px - 2rem);
  transition: 0.3s;
  border-radius: 10px;
  cursor: pointer;
  background-color: #484848;
  border: 1px solid #484848;
}
.midnightTheme .showcases-grid--wrapper--item--wrapper:hover {
  background-color: #484848;
  border-color: #049cce;
}
.midnightTheme .showcases-grid--wrapper--item--wrapper:focus {
  border-color: rgba(4, 156, 206, 0.05);
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(4, 156, 206, 0.15);
}
.midnightTheme .showcases-grid--wrapper--item--wrapper--disabled {
  padding: 1rem;
  height: calc(320px - 2rem);
  transition: 0.3s;
  border-radius: 10px;
  background-color: #484848;
  border: 1px solid #484848;
}
.midnightTheme .showcases-grid--wrapper--item--wrapper--content {
  padding: 1rem;
  display: flex;
  height: calc(100% - 32px);
  align-items: center;
}
.midnightTheme .showcases-grid--wrapper--item--wrapper--content--description {
  line-height: 1.5rem;
}
.midnightTheme .exchange--chart-control {
  background: #2c2e37;
}
@media (max-width: 1150px) {
  .midnightTheme .showcases-grid--wrapper {
    width: 900px;
  }
  .midnightTheme .showcases-grid--wrapper--item {
    width: 50%;
  }
}
@media (max-width: 750px) {
  .midnightTheme .showcases-grid--wrapper {
    width: 450px;
  }
  .midnightTheme .showcases-grid--wrapper--item {
    width: 100%;
  }
}
.midnightTheme .exchange--price-alert--show-modal--active {
  color: #049cce;
}
.midnightTheme .price-alert--notification--pair-name {
  font-weight: 600;
}
.midnightTheme .price-alert--notification--icon.price-alert--notification--icon--up {
  color: #6ec105;
}
.midnightTheme .price-alert--notification--icon.price-alert--notification--icon--down {
  color: #e1424a;
}
.midnightTheme .price-alert--notification--actual-price.price-alert--notification--actual-price-up {
  color: #6ec105;
}
.midnightTheme .price-alert--notification--actual-price.price-alert--notification--actual-price-down {
  color: #e1424a;
}
.midnightTheme .explore-witness--info {
  width: 100%;
  border: 1px solid #484848;
  background: #27384b;
  padding: 12px;
  border-radius: 5px;
}
.midnightTheme .explore-witness--info table {
  width: 100%;
}
.midnightTheme .explore-witness--info table thead th {
  font-weight: 400;
  color: gray;
  font-size: 14px;
  padding-bottom: 8px;
}
.midnightTheme .explore-witness--info table tbody td {
  color: #fff;
}
.midnightTheme #incognito {
  background: #e3745b;
}
.midnightTheme .settings-select, .midnightTheme .block-list li.with-dropdown .settings-select, .darkTheme .block-list li.with-dropdown .midnightTheme .settings-select, .lightTheme .block-list li.with-dropdown .midnightTheme .settings-select {
  height: 36px;
  padding: 0 12px;
  background-color: #1e1f25;
  color: #737373;
}
.midnightTheme .settings--select {
  width: 100%;
}
.midnightTheme .settings-input, .midnightTheme .block-list li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]), .darkTheme .block-list .midnightTheme li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]), .lightTheme .block-list .midnightTheme li.with-dropdown > input.settings-input[type=text]:not([class*=ant-]) {
  /* !important to overwrite styles for Inputs on User Settings. By default inputs take styles from
  .block-list and it uses on many places. To keep everything OK and do not break something I just do
  overwrite for Inputs on settings and keep default styles for inputs on another places. */
  color: #737373 !important;
  height: 36px !important;
  background-color: #1e1f25 !important;
  border-bottom: 0 !important;
  max-width: 100% !important;
}
.midnightTheme .modal-separator {
  border-color: #adadad;
}
.midnightTheme .positive {
  color: #6ec105 !important;
}
.midnightTheme .negative {
  color: #e1424a !important;
}
.midnightTheme .amount-selector-field .amount-selector-field--balance {
  float: right;
}
.midnightTheme .amount-selector-field .amount-selector-field--balance .amount-selector-field--link {
  cursor: pointer;
}
.midnightTheme .amount-selector-field .amount-selector-field--balance .amount-selector-field--link:hover {
  color: #049cce;
}
.midnightTheme .input-group-unbordered-before > span > span:first-of-type {
  background: none !important;
  border: none !important;
}
.midnightTheme .form-input-header .form-input-header--right {
  float: right;
  cursor: pointer;
}
.midnightTheme .dark-text-color {
  color: #444;
}
.midnightTheme .fz_12 {
  font-size: 12px;
}
.midnightTheme .unlock_wallet_modal2 .upload-button {
  border-color: rgba(128, 128, 128, 0.45);
}
.midnightTheme .unlock_wallet_modal2 .upload-button span {
  color: #737373;
}
.midnightTheme .unlock_wallet_modal2 .login-select {
  color: #e0e0e0;
  border-color: rgba(128, 128, 128, 0.45);
  background: #1b1c22 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gUEEhssVJbYaQAAAHVJREFUGNN1z7ERgkAUBNAHnOUQGdCDRRAaGlwFVkDgGBFeEfZAaA2MY2AL3GCogvz47e78wnVOsl4y2LpWo3IsZb0gajWbMIiyvvI6P9VGQVQb3T1WcNJJhhIkg0n3s7CAUNjPuz9NN8HhG67xJ3AyuSyffgPoxSqQfV+TFgAAAABJRU5ErkJggg==) right 10px center no-repeat;
}
.midnightTheme .unlock_wallet_modal2 .login-label {
  color: #e0e0e0;
}
.midnightTheme .unlock_wallet_modal2 .themed-input {
  background-color: #1b1c22;
}
.midnightTheme .spinner-button-circle .circle-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: -2px;
}
.midnightTheme .spinner-button-circle .circle-wrapper .circle:before {
  background-color: #fff;
}
.midnightTheme .font-secondary {
  color: #adadad;
}
.midnightTheme svg path {
  transition: all 0.3s ease 0s;
}
.midnightTheme #content-wrapper {
  color: #e0e0e0;
  background-color: #191a1f;
}
.midnightTheme hr {
  border-color: #444;
  background-color: #444 !important;
}
.midnightTheme a {
  color: #049cce;
}
.midnightTheme a:hover, .midnightTheme a:focus, .midnightTheme a:active {
  color: #04abe2;
}
.midnightTheme *:not([class*=ant-]) > label,
.midnightTheme *:not([class*=ant-]) > label > span {
  color: #e0e0e0;
}
.midnightTheme .label.success {
  color: #18bc9c;
  border-color: #18bc9c;
}
.midnightTheme .label.info {
  color: #4a90e2;
  border-color: #4a90e2;
}
.midnightTheme .label.warning {
  color: #fcab53;
  border-color: #fcab53;
}
.midnightTheme .nested-approval-state .tooltip {
  text-decoration: underline dotted #e0e0e0;
}
.midnightTheme .nested-approval-state .tooltip.error {
  color: #e3745b;
}
.midnightTheme .nested-approval-state .tooltip.warning {
  color: #fcab53;
}
.midnightTheme .label.cancel,
.midnightTheme .label.alert {
  color: #e3745b;
  border-color: #e3745b;
}
.midnightTheme .txtlabel.success {
  color: #18bc9c;
}
.midnightTheme .txtlabel.info {
  color: #4a90e2;
}
.midnightTheme .txtlabel.warning {
  color: #fcab53;
}
.midnightTheme .txtlabel.cancel,
.midnightTheme .txtlabel.alert,
.midnightTheme .label.alert {
  color: #e3745b;
}
.midnightTheme .txtann.success {
  color: #18bc9c;
}
.midnightTheme .txtann.info {
  color: #4a90e2;
}
.midnightTheme .txtann.warning {
  color: #fcab53;
}
.midnightTheme .txtann.error {
  color: #e3745b;
}
.midnightTheme .notification {
  color: #e0e0e0 !important;
  background-color: #353742 !important;
}
.midnightTheme .notification-dismiss {
  color: #e0e0e0 !important;
  background-color: #474a59 !important;
}
.midnightTheme .notification-success {
  border-left-color: #18bc9c !important;
}
.midnightTheme .action-sheet {
  color: #fff;
  background-color: #474a59;
}
.midnightTheme .action-sheet::after {
  border-bottom-color: #474a59;
}
.midnightTheme .action-sheet > ul > li > a {
  color: #fff;
  border-top-color: #2c2e37;
}
.midnightTheme .action-sheet > ul > li > a:hover {
  color: #fff;
  background-color: #505364;
}
.midnightTheme .account-browsing-mode button {
  margin-right: 24px;
}
.midnightTheme .__react_component_tooltip.type-light {
  color: #fff !important;
  background-color: #474a59 !important;
}
.midnightTheme .__react_component_tooltip.type-light.place-bottom:after {
  border-bottom-color: #474a59 !important;
}
.midnightTheme .__react_component_tooltip.type-light.place-top:after {
  border-top-color: #474a59 !important;
}
.midnightTheme .__react_component_tooltip.type-light.place-right:after {
  border-right-color: #474a59 !important;
}
.midnightTheme .__react_component_tooltip.type-light.place-left:after {
  border-left-color: #474a59 !important;
}
.midnightTheme .json-inspector__key {
  color: #adadad !important;
}
.midnightTheme h1,
.midnightTheme h2,
.midnightTheme h3,
.midnightTheme h4,
.midnightTheme h5,
.midnightTheme h6 {
  color: #e0e0e0;
}
.midnightTheme .copyIcon {
  background-color: #049cce;
}
.midnightTheme .copyIcon > button.copyIcon {
  background-color: #049cce;
}
.midnightTheme .modal#marketPicker,
.midnightTheme .modal#settingsModal {
  background-color: #191a1f;
  border: 1px solid black;
}
.midnightTheme .modal {
  color: #fff;
  background-color: #27384b;
}
.midnightTheme .modal .modal__highlight {
  color: #4a90e2;
}
.midnightTheme .modal .close-button {
  color: #adadad;
}
.midnightTheme .modal .close-button:hover {
  color: #e0e0e0;
}
.midnightTheme .modal .modal-header > h6 {
  color: #adadad;
}
.midnightTheme .modal .modal-header.has-error > h6 {
  color: #e3745b;
}
.midnightTheme .modal .circle-wrapper .circle:before {
  background-color: #e0e0e0;
}
.midnightTheme .modal .table > thead > tr > th,
.midnightTheme .modal .table > tbody > tr > td {
  border-bottom-color: #949494;
}
.midnightTheme .modal span.send-name {
  color: #049cce;
}
.midnightTheme .icon > svg path {
  fill: #e0e0e0;
}
.midnightTheme .footer {
  color: #adadad;
  background-color: #2c2e37;
}
.midnightTheme .footer svg path {
  fill: #adadad;
}
.midnightTheme .footer .logo .version {
  color: #949494;
}
.midnightTheme .node-access-popup {
  color: #adadad;
  background-color: #2c2e37;
  border: 1px solid black;
}
.midnightTheme .node-access-popup .nodes-list .api-status {
  border-bottom: 1px solid #22232a;
}
.midnightTheme .panel-left {
  color: #fff;
  background-color: #353742;
}
.midnightTheme .panel-left .block-list li > a {
  color: #fff;
}
.midnightTheme .panel-left .block-list li > a:hover {
  background-color: #2c2e37;
}
.midnightTheme .tabs {
  color: #adadad;
  background-color: #191a1f;
}
.midnightTheme .page-layout {
  background-color: #212e3c;
}
.midnightTheme .page-layout .column-header > ul {
  border-bottom: 1px solid #2c2e37;
}
.midnightTheme .page-layout .column-header > ul > li.active,
.midnightTheme .page-layout .column-header > ul li:hover {
  border-bottom: 3px solid lightblue;
}
.midnightTheme .page-layout .left-column {
  border-top-color: #191a1f;
  border-bottom-color: #191a1f;
  background-color: #2c2e37;
}
.midnightTheme .page-layout .left-column-2 {
  border-top-color: #191a1f;
  border-bottom-color: #191a1f;
  background-color: #101114;
}
.midnightTheme .page-layout .main-content {
  background-color: #191a1f;
}
.midnightTheme .page-layout .main-content.margin-block {
  background-color: #151619;
}
.midnightTheme .page-layout .right-column {
  border-top-color: #191a1f;
  border-bottom-color: #191a1f;
  background-color: #2c2e37;
}
.midnightTheme .asset-prefix {
  color: #fff !important;
}
.midnightTheme .transfer-top {
  background-color: #353742;
}
.midnightTheme .transfer-top label,
.midnightTheme .transfer-top label > span {
  color: #fff;
}
.midnightTheme .button {
  background: #049cce;
}
.midnightTheme .button:hover, .midnightTheme .button:focus, .midnightTheme .button:active {
  background-color: #04abe2 !important;
}
.midnightTheme .button.outline {
  color: #adadad;
  border-color: #adadad;
}
.midnightTheme .button.outline span {
  color: #e0e0e0 !important;
}
.midnightTheme .button.outline:hover {
  color: #fff;
  border-color: #fff;
}
.midnightTheme .button:disabled {
  opacity: 0.2 !important;
  cursor: not-allowed !important;
}
.midnightTheme .button.secondary {
  color: #444;
  background-color: #546979;
}
.midnightTheme .button.secondary:hover, .midnightTheme .button.secondary:focus, .midnightTheme .button.secondary:active {
  color: #4e4e4e !important;
  background-color: #5c7385 !important;
}
.midnightTheme .button.danger {
  color: white;
  background-color: #e3745b;
}
.midnightTheme .button.danger:hover, .midnightTheme .button.danger:focus, .midnightTheme .button.danger:active {
  color: white !important;
  background-color: #e6836c !important;
}
.midnightTheme .header .button,
.midnightTheme .header .button:active {
  background-color: transparent !important;
}
.midnightTheme .header .modal .button {
  background-color: #049cce !important;
}
.midnightTheme .header .modal .button:hover, .midnightTheme .header .modal .button:focus, .midnightTheme .header .modal .button:active {
  background-color: #04abe2 !important;
}
.midnightTheme .header .modal .button.danger {
  background-color: #e3745b !important;
}
.midnightTheme .header .modal .button.danger:hover, .midnightTheme .header .modal .button.danger:focus, .midnightTheme .header .modal .button.danger:active {
  background-color: #e6836c !important;
}
.midnightTheme .header a.button.create-account {
  transition: color 0s !important;
  color: #049cce !important;
}
.midnightTheme .header a.button.create-account > span > svg path {
  fill: #049cce;
}
.midnightTheme .header a.button.create-account:hover {
  color: #0bbffa !important;
}
.midnightTheme .header a.button.create-account:hover > span > svg path {
  fill: #0bbffa;
}
.midnightTheme .header div.account-drop-down div.total-value {
  color: #7ed321;
}
.midnightTheme .header div.account-drop-down div.header-right-lock {
  cursor: pointer;
  padding: 0.9rem 0.25rem;
}
.midnightTheme .header div.account-drop-down div.header-right-lock:hover {
  background-color: #191a1f;
}
.midnightTheme .header div.account-drop-down div.dropdown-wrapper > li div.hamburger > .icon > svg rect {
  fill: #049cce;
}
.midnightTheme .header div.account-drop-down div.dropdown-wrapper:hover {
  background-color: #191a1f;
}
.midnightTheme .header div.account-drop-down div.dropdown-wrapper.hover-transparent:hover {
  background-color: transparent;
}
.midnightTheme .header div.account-drop-down div.dropdown-wrapper.cursor-default {
  cursor: default;
}
.midnightTheme .header div.account-drop-down div.dropdown-wrapper.active {
  transition: background-color 0s;
  background-color: #191a1f;
}
.midnightTheme .header div.account-drop-down div.dropdown-wrapper.active ul {
  background-color: #191a1f;
}
.midnightTheme .header div.account-drop-down div.dropdown-wrapper.active > li div.hamburger > .icon > svg rect {
  fill: #049cce;
}
.midnightTheme .header div.account-drop-down ul.dropdown.header-menu > li > div:first-of-type > span.icon > svg > path {
  fill: #e0e0e0;
}
.midnightTheme .header div.account-drop-down ul.dropdown.header-menu > li:hover, .midnightTheme .header div.account-drop-down ul.dropdown.header-menu > li.active {
  background-color: #353742;
}
.midnightTheme .header div.account-drop-down ul.dropdown.header-menu > li.divider {
  border-bottom: 1px solid #323131;
  height: 0;
  padding: 0;
}
.midnightTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item {
  background-color: #151619;
  color: #444;
}
.midnightTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item:hover {
  color: #5e5e5e;
  background-color: #2c2e35;
}
@media (max-width: 990px) {
  .midnightTheme ul.dropdown.header-menu li.mobile-only {
    display: block;
  }
  .midnightTheme ul.dropdown.header-menu li.desktop-only {
    display: none;
  }
}
.midnightTheme .header-container span.icon.lock-unlock > svg path {
  fill: #049cce;
}
.midnightTheme .header-dropdown-sub-link.enabled {
  color: #adadad;
}
.midnightTheme .header-dropdown-sub-link.enabled:hover {
  color: #049cce;
}
.midnightTheme .blue {
  color: #049cce;
}
.midnightTheme .grp-menu-item button:hover, .midnightTheme .grp-menu-item button:focus, .midnightTheme .grp-menu-item button:active {
  background-color: #353742 !important;
}
.midnightTheme .grp-menu-item > a,
.midnightTheme .grp-menu-item .button {
  color: #e0e0e0 !important;
}
.midnightTheme .header .logo {
  color: #adadad;
}
.midnightTheme .header-right-menu li.current-account > a {
  color: #4a90e2;
}
.midnightTheme .header-right-menu li.current-account > a:hover {
  color: #4a90e2;
}
.midnightTheme .header-right-menu li.current-account > a > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.midnightTheme .header-right-menu svg path {
  fill: #fff;
}
.midnightTheme .settings-cog svg path {
  fill: #adadad;
}
.midnightTheme .card-section {
  color: black;
  padding-left: 0.5rem;
}
.midnightTheme .card-section > ul {
  color: #fff;
  list-style: none;
  font-size: 85%;
  margin-left: 0;
}
.midnightTheme .card {
  color: #e0e0e0;
  background-color: #2c2e37;
  background-color: #2c2e37;
}
.midnightTheme .card:hover {
  background-color: #353742;
}
.midnightTheme .card:hover > h4 {
  background-color: #3e404d;
}
.midnightTheme .card a {
  color: #e0e0e0;
}
.midnightTheme .card .card-divider {
  color: #e0e0e0;
  background-color: #353742;
}
.midnightTheme .card > h4 {
  background-color: #353742;
}
.midnightTheme .table > thead > tr > th {
  border-bottom-color: #444;
  color: #adadad;
}
.midnightTheme .table > tbody > tr > td {
  border-bottom-color: #444;
  font-size: 0.875rem;
}
.midnightTheme .table.table-hover > tbody > tr:hover > td,
.midnightTheme .table .table-hover > tbody > tr:hover > th {
  background-color: #22232a;
}
.midnightTheme .table > tbody > tr.table-empty > td {
  padding: 5rem 0;
  font-size: 1.5rem;
  text-align: center;
  color: #606060 !important;
  background-color: #191a1f !important;
}
.midnightTheme div.sticky-table-row.order-row:hover {
  background-color: #22232a;
}
.midnightTheme .block-list {
  color: #e0e0e0;
}
.midnightTheme .block-list li {
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
}
.midnightTheme .block-list li > a {
  color: #adadad;
}
.midnightTheme .block-list li > a:hover,
.midnightTheme .block-list li > label:hover,
.midnightTheme .block-list li select:hover,
.midnightTheme .block-list li.active > a {
  color: #fff;
  background-color: #22232a;
}
.midnightTheme .block-list li:first-child {
  border-top: 1px solid rgba(128, 128, 128, 0.45);
}
.midnightTheme .block-list header {
  margin-left: 0;
  margin-bottom: 1rem;
  color: #adadad;
}
.midnightTheme .block-list.no-border-bottom li {
  border-bottom: 0;
}
.midnightTheme .block-list li.with-dropdown > input.settings--input[type=text] {
  max-width: 100%;
  width: 100%;
}
.midnightTheme .right-label,
.midnightTheme .left-label {
  color: #adadad;
}
.midnightTheme .right-label > span,
.midnightTheme .left-label > span {
  color: inherit;
}
.midnightTheme div.input-wrapper > div.input-right-symbol {
  color: #adadad;
}
.midnightTheme .dropdown-wrapper > div:first-of-type {
  color: #adadad;
}
.midnightTheme .dropdown-wrapper ul.dropdown {
  color: #fff;
  background-color: #474a59;
  /* Hover state */
}
.midnightTheme .dropdown-wrapper ul.dropdown::after {
  border-bottom-color: #474a59;
}
.midnightTheme .dropdown-wrapper ul.dropdown > li > span {
  color: #fff;
}
.midnightTheme .dropdown-wrapper ul.dropdown li:hover > span {
  color: #fff;
  background-color: #505364;
  color: #049cce;
}
.midnightTheme .dropdown-wrapper.active:after {
  border-color: #049cce transparent;
}
.midnightTheme .dropdown-wrapper:after {
  /* Little arrow */
  border-color: #adadad transparent;
}
.midnightTheme .account-image .icon:hover svg path {
  fill: #a0a0a0;
}
.midnightTheme .account-selector .account-image > canvas,
.midnightTheme .pubkey-input .account-image > canvas {
  color: black;
}
.midnightTheme .account-selector .account-image .icon > svg path,
.midnightTheme .pubkey-input .account-image .icon > svg path {
  fill: #e0e0e0;
}
.midnightTheme .account-selector .account-image .icon:hover svg path,
.midnightTheme .pubkey-input .account-image .icon:hover svg path {
  fill: #a0a0a0;
}
.midnightTheme .has-error,
.midnightTheme div.has-error > label,
.midnightTheme div.has-error > label > span,
.midnightTheme .error-msg {
  color: #e3745b !important;
}
.midnightTheme .floatRight {
  float: right;
}
.midnightTheme .has-warning,
.midnightTheme div.has-warning > label,
.midnightTheme div.has-warning > label > span {
  color: #fcab53;
}
.midnightTheme div.has-error > input,
.midnightTheme div.has-error > input:hover,
.midnightTheme div.has-error > input:focus {
  border-color: #e3745b;
}
.midnightTheme .has-error input,
.midnightTheme .has-error select,
.midnightTheme .has-error textarea {
  border-color: #e3745b;
}
.midnightTheme input[type=text]:not([class*=ant-]),
.midnightTheme input[type=password]:not([class*=ant-]),
.midnightTheme input[type=email]:not([class*=ant-]),
.midnightTheme input[type=number]:not([class*=ant-]),
.midnightTheme input[type=search]:not([class*=ant-]),
.midnightTheme textarea:not([class*=ant-]),
.midnightTheme input[role=combobox]:not([class*=ant-]),
.midnightTheme select[role=combobox]:not([class*=ant-]) {
  background-color: #1b1c22;
  border: 0;
  color: #e0e0e0;
}
.midnightTheme input[type=text]:not([class*=ant-]):hover, .midnightTheme input[type=text]:not([class*=ant-]):focus, .midnightTheme input[type=text]:not([class*=ant-]):active, .midnightTheme input[type=text]:not([class*=ant-]):disabled,
.midnightTheme input[type=password]:not([class*=ant-]):hover,
.midnightTheme input[type=password]:not([class*=ant-]):focus,
.midnightTheme input[type=password]:not([class*=ant-]):active,
.midnightTheme input[type=password]:not([class*=ant-]):disabled,
.midnightTheme input[type=email]:not([class*=ant-]):hover,
.midnightTheme input[type=email]:not([class*=ant-]):focus,
.midnightTheme input[type=email]:not([class*=ant-]):active,
.midnightTheme input[type=email]:not([class*=ant-]):disabled,
.midnightTheme input[type=number]:not([class*=ant-]):hover,
.midnightTheme input[type=number]:not([class*=ant-]):focus,
.midnightTheme input[type=number]:not([class*=ant-]):active,
.midnightTheme input[type=number]:not([class*=ant-]):disabled,
.midnightTheme input[type=search]:not([class*=ant-]):hover,
.midnightTheme input[type=search]:not([class*=ant-]):focus,
.midnightTheme input[type=search]:not([class*=ant-]):active,
.midnightTheme input[type=search]:not([class*=ant-]):disabled,
.midnightTheme textarea:not([class*=ant-]):hover,
.midnightTheme textarea:not([class*=ant-]):focus,
.midnightTheme textarea:not([class*=ant-]):active,
.midnightTheme textarea:not([class*=ant-]):disabled,
.midnightTheme input[role=combobox]:not([class*=ant-]):hover,
.midnightTheme input[role=combobox]:not([class*=ant-]):focus,
.midnightTheme input[role=combobox]:not([class*=ant-]):active,
.midnightTheme input[role=combobox]:not([class*=ant-]):disabled,
.midnightTheme select[role=combobox]:not([class*=ant-]):hover,
.midnightTheme select[role=combobox]:not([class*=ant-]):focus,
.midnightTheme select[role=combobox]:not([class*=ant-]):active,
.midnightTheme select[role=combobox]:not([class*=ant-]):disabled {
  background-color: #1b1c22;
}
.midnightTheme input[type=text]:not([class*=ant-]):focus,
.midnightTheme input[type=password]:not([class*=ant-]):focus,
.midnightTheme input[type=email]:not([class*=ant-]):focus,
.midnightTheme input[type=number]:not([class*=ant-]):focus,
.midnightTheme input[type=search]:not([class*=ant-]):focus,
.midnightTheme textarea:not([class*=ant-]):focus,
.midnightTheme input[role=combobox]:not([class*=ant-]):focus,
.midnightTheme select[role=combobox]:not([class*=ant-]):focus {
  border-color: #aaa;
}
.midnightTheme input[type=range] {
  /* These need to be independent selectors */
}
.midnightTheme input[type=range]::-moz-range-thumb {
  background: #049cce;
  outline: none;
  border: none;
  border-radius: 3px;
}
.midnightTheme input[type=range]::-webkit-slider-thumb {
  background: #049cce;
  outline: none;
  border: none;
  border-radius: 3px;
}
.midnightTheme input[type=range]::-ms-thumb {
  background: #049cce;
  outline: none;
  border: none;
  border-radius: 3px;
}
.midnightTheme input[type=range]::-moz-range-track {
  background-color: #1b1c22;
  border-radius: 3px;
}
.midnightTheme input[type=range]::-webkit-slider-runnable-track {
  background-color: #1b1c22;
  border-radius: 3px;
}
.midnightTheme input[type=range]::-ms-track {
  background-color: #1b1c22;
  border-radius: 3px;
}
.midnightTheme textarea {
  line-height: 22px;
}
.midnightTheme input[role=combobox] {
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
}
.midnightTheme .typeahead > div > div {
  z-index: 1003;
  background-color: #1b1c22 !important;
}
.midnightTheme .typeahead > div > div > div {
  color: #e0e0e0;
  background-color: transparent !important;
}
.midnightTheme .typeahead > div > div > div:hover, .midnightTheme .typeahead > div > div > div:active, .midnightTheme .typeahead > div > div > div:focus, .midnightTheme .typeahead > div > div > div:visited {
  background-color: #050506 !important;
}
.midnightTheme .typeahead .typeahead__input {
  background: #1b1c22;
}
.midnightTheme .typeahead .typeahead__innerList {
  background: #2c2e37;
}
.midnightTheme .typeahead .typeahead__innerItem {
  color: #e0e0e0;
}
.midnightTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__highlight {
  background-color: #050506 !important;
}
.midnightTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__disabled {
  color: #7a7a7a;
}
.midnightTheme ul.account-overview.segmented > li > a {
  background: #191a1f !important;
  border-right: none;
}
.midnightTheme ul.button-group.segmented > li.is-active > a {
  background: #1b1c22;
  color: #e0e0e0;
  border-bottom: 1px solid #049cce;
}
.midnightTheme .tabs {
  border-bottom-color: #444;
}
.midnightTheme .tabs > .tab-item {
  color: #adadad;
}
.midnightTheme .tabs > .tab-item.is-active {
  color: #e0e0e0;
  border-bottom-color: #049cce;
}
.midnightTheme .tabs > .tab-item:hover, .midnightTheme .tabs > .tab-item:focus, .midnightTheme .tabs > .tab-item:active {
  color: #e0e0e0;
}
.midnightTheme .tab-content {
  background-color: #191a1f;
}
.midnightTheme .tab-content div.header-selector .filter input {
  background-color: #191a1f;
}
.midnightTheme .tab-content div.header-selector .selector .inactive {
  color: #7a7a7a;
}
.midnightTheme .tab-content.explorer-tab-content {
  background-color: #212e3c;
}
.midnightTheme div.header-selector > .filter {
  margin-right: 1rem;
}
.midnightTheme div.header-selector > .filter input {
  margin: 0;
  height: 2rem;
  padding: 0 10px;
}
.midnightTheme div.header-selector > .selector div {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.midnightTheme div.header-selector > .selector div:nth-of-type(n + 1) {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid white;
}
.midnightTheme div.header-selector > .selector div:hover.inactive {
  color: inherit;
}
.midnightTheme div.header-selector > .selector div:last-of-type {
  border-right: 0px;
}
.midnightTheme div.header-selector > .group-by {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.midnightTheme div.header-selector > .filter-block {
  float: left;
  display: flex;
  align-items: center;
}
.midnightTheme div.header-selector > .filter-block > .filter {
  margin-right: 10px;
}
.midnightTheme div.header-selector > .action-buttons {
  float: right;
}
.midnightTheme div.header-selector > .header-selector--error {
  color: red;
  line-height: 2rem;
  vertical-align: middle;
  margin-left: 1rem;
}
.midnightTheme .depthchart {
  background-color: #191a1f;
}
.midnightTheme .depthchart:hover {
  background-color: #191a1f;
}
.midnightTheme .depthchart.area {
  color: #fff;
}
.midnightTheme .bid-total {
  color: #50d2c2 !important;
}
.midnightTheme .ask-total {
  color: #e3745b !important;
}
.midnightTheme .stats .stat .negative {
  color: #e1424a !important;
}
.midnightTheme .stats .stat .positive {
  color: #6ec105 !important;
}
.midnightTheme .value.negative {
  color: #e3745b !important;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.midnightTheme .value.positive {
  color: #50d2c2 !important;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.midnightTheme .active-bucket {
  background-color: #505364;
}
.midnightTheme .bucket-option:hover {
  background-color: #2c2e37;
}
.midnightTheme .buy-sell-box {
  background-color: #505364;
}
.midnightTheme .buy-sell-box > select {
  background-color: #505364;
  background: #505364 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C24%22%20style%3D%22fill%3A%20black%22%3E%3C/polygon%3E%3C/svg%3E") right 10px center no-repeat;
}
.midnightTheme .buy-sell-input > input.no-balance {
  color: #e3745b;
}
.midnightTheme .account-left-panel h5 {
  color: #e0e0e0;
}
.midnightTheme .account-left-panel h6 {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.midnightTheme .account-left-panel .bottom {
  border-top-color: #191a1f;
}
.midnightTheme .account-left-panel .advanced-toggle > a {
  color: #e0e0e0;
}
.midnightTheme .account-left-panel a.pay-button {
  background-color: #191a1f;
  color: #e0e0e0;
}
.midnightTheme .account-left-panel a.pay-button:hover {
  background-color: #353742 !important;
}
.midnightTheme .account-left-panel div.create-account-button {
  background: transparent;
  border: 2px solid #049cce;
}
.midnightTheme .account-left-panel div.create-account-button > a {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #e0e0e0;
}
.midnightTheme .account-info {
  color: #e0e0e0;
}
.midnightTheme .account-info > p:first-of-type {
  color: #fff;
}
.midnightTheme .account-info .account-title.flash {
  color: white;
}
.midnightTheme .account-info > div.secondary > span:first-of-type {
  color: #e0e0e0;
}
.midnightTheme .account-info > div.secondary > span:last-of-type {
  color: #adadad;
}
.midnightTheme .my-account h5,
.midnightTheme .my-account h4,
.midnightTheme .my-account p,
.midnightTheme table.table > tbody > tr > td.my-account > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #4a90e2;
}
.midnightTheme .account-left-menu > li > a:hover,
.midnightTheme .account-left-menu > li > label:hover,
.midnightTheme .account-left-menu > li select:hover {
  color: #fff;
  background-color: #373a45;
}
.midnightTheme .account-left-menu > li > a.active {
  color: #fff;
  background-color: #353742;
  border-right-color: #048dba;
}
.midnightTheme .pagination {
  background-color: #2c2e37;
}
.midnightTheme .invoice .item-description {
  color: #adadad;
}
.midnightTheme .facolor-success {
  color: #18bc9c;
}
.midnightTheme .facolor-alert {
  color: #e3745b;
}
.midnightTheme .facolor-warning {
  color: #fcab53;
}
.midnightTheme .facolor-info {
  color: #4a90e2;
}
.midnightTheme .facolor-error {
  color: #e3745b;
}
.midnightTheme .facolor-fee {
  color: #adadad;
}
.midnightTheme .error-area {
  color: #e3745b;
}
.midnightTheme .account-selector .right-label {
  color: #adadad;
}
.midnightTheme .icon.success {
  padding-right: 0.5rem;
}
.midnightTheme .icon.success > svg path {
  fill: #18bc9c;
}
.midnightTheme .icon.error {
  padding-right: 0.5rem;
}
.midnightTheme .icon.error > svg path {
  fill: #fcab53;
}
.midnightTheme .circle-wrapper .circle:before {
  background-color: #adadad;
}
.midnightTheme .chart-zoom-dropdown {
  width: 24px;
  height: 28px;
  padding: 4px;
  opacity: 0.5;
  overflow: hidden;
  transition: all 0.5s ease;
}
.midnightTheme .chart-zoom-dropdown:hover, .midnightTheme .chart-zoom-dropdown:active, .midnightTheme .chart-zoom-dropdown:focus {
  background-color: #191a1f;
  padding: 4px;
  opacity: 0.85;
  border-radius: 2px;
  color: #fff;
  font-size: 60%;
  width: 348px;
  height: 48px;
}
.midnightTheme .remove {
  color: #e3745b;
  border: none;
  padding: 2px 4px;
  font-size: 120%;
  background-color: transparent;
  border-radius: 0;
  transition: all 0.5s ease;
}
.midnightTheme .remove:hover, .midnightTheme .remove:active, .midnightTheme .remove:focus {
  color: #fff;
  background-color: #e3745b;
  font-size: 120%;
  border-radius: 2px;
}
.midnightTheme .memo {
  color: #adadad;
}
.midnightTheme .help-content-layout div {
  background-color: #191a1f !important;
}
.midnightTheme .help-content-layout div .help-toc ul {
  margin: 0px;
}
.midnightTheme .help-content-layout div .help-toc ul li {
  padding-top: 3px;
  padding-left: 5px;
  background: none;
  color: #adadad;
}
.midnightTheme .help-content-layout div .help-toc ul li a {
  color: #adadad;
}
.midnightTheme .help-content-layout div .help-toc ul li a:hover {
  color: #fff;
}
.midnightTheme .help-content-layout div .help-toc ul li ul {
  margin-left: 1.1rem;
}
.midnightTheme .help-content-layout div .help-toc ul li:hover {
  background-color: #484848;
}
.midnightTheme .help-content-layout div .help-toc ul li:hover a {
  color: #fff;
}
.midnightTheme .help-content-layout div .help-toc ul li:hover a:hover {
  background-color: #484848;
  color: #fff;
}
.midnightTheme .help-content-layout div .help-toc h4 {
  color: #adadad;
}
.midnightTheme .help-content-layout div .help-toc a {
  display: block;
}
.midnightTheme .help-content {
  padding: 10px;
}
.midnightTheme .help-content ul {
  list-style: none;
}
.midnightTheme .help-content li {
  background: url(181f538272557846fa45.png) no-repeat left 8px;
  background-size: 7px 10px;
  padding-left: 12px;
}
.midnightTheme .help-content a {
  color: #049cce;
}
.midnightTheme .help-content a:hover {
  background-color: #049cce;
  color: #191a1f;
}
.midnightTheme .help-content hr {
  border: none;
  height: 1px;
  width: 100%;
  background-color: #2c2e37;
}
.midnightTheme .help-content code {
  color: #e0e0e0;
  background-color: transparent;
  border-color: #444;
}
.midnightTheme .help-content blockquote {
  color: #adadad;
  border-left: 3px solid #2c2e37;
}
.midnightTheme .click-for-help {
  border-bottom-color: #adadad !important;
}
.midnightTheme section.block-list input[type=text]:not([class*=ant-]),
.midnightTheme section.block-list input[type=password] {
  border-bottom: 1px solid #2c2e37;
  background-color: transparent;
  color: #e0e0e0;
}
.midnightTheme section.block-list input[type=text]:not([class*=ant-]):hover, .midnightTheme section.block-list input[type=text]:not([class*=ant-]):active, .midnightTheme section.block-list input[type=text]:not([class*=ant-]):focus,
.midnightTheme section.block-list input[type=password]:hover,
.midnightTheme section.block-list input[type=password]:active,
.midnightTheme section.block-list input[type=password]:focus {
  color: #e0e0e0;
  background-color: transparent;
  border-bottom: 1px solid #2c2e37;
}
.midnightTheme .remove {
  color: #e3745b;
  border: none;
  padding: 2px 4px;
  font-size: 120%;
  background-color: transparent;
  border-radius: 0;
  transition: all 0.5s ease;
}
.midnightTheme .remove:hover, .midnightTheme .remove:active, .midnightTheme .remove:focus {
  color: #fff;
  background-color: #e3745b;
  font-size: 120%;
  border-radius: 2px;
}
.midnightTheme .menu-group.primary,
.midnightTheme .menu-group.primary .menu-bar {
  background-color: black;
}
.midnightTheme .menu-group.primary li > a,
.midnightTheme .menu-group.primary .menu-bar li > a {
  color: #606060;
}
.midnightTheme .menu-group.primary li > a .icon > svg path,
.midnightTheme .menu-group.primary .menu-bar li > a .icon > svg path {
  fill: #606060;
}
.midnightTheme .menu-group.primary li > a:hover,
.midnightTheme .menu-group.primary li > a.active,
.midnightTheme .menu-group.primary .menu-bar li > a:hover,
.midnightTheme .menu-group.primary .menu-bar li > a.active {
  background-color: #191a1f !important;
  color: #e0e0e0;
}
.midnightTheme .menu-group.primary li > a:hover .icon > svg path,
.midnightTheme .menu-group.primary li > a.active .icon > svg path,
.midnightTheme .menu-group.primary .menu-bar li > a:hover .icon > svg path,
.midnightTheme .menu-group.primary .menu-bar li > a.active .icon > svg path {
  fill: #e0e0e0;
}
.midnightTheme .asset-card .card-divider {
  background: #2c2e37;
}
.midnightTheme .mymarkets-header {
  border-bottom-color: #049cce;
}
.midnightTheme .mymarkets-header.inactive {
  border-bottom-color: transparent;
  color: #adadad;
}
.midnightTheme div.exchange-content-header {
  background-color: transparent !important;
}
.midnightTheme .exchange-content-header {
  color: #fff;
}
.midnightTheme .exchange-content-header--buy-sell-form {
  border-bottom: 0 !important;
}
.midnightTheme .orderHistoryBid > span.price-integer,
.midnightTheme .orderHistoryBid > span > span.price-integer,
.midnightTheme .orderHistoryBid > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #50d2c2;
}
.midnightTheme .orderHistoryBid > span.price-decimal,
.midnightTheme .orderHistoryBid > span > span.price-decimal {
  color: #e0e0e0;
  opacity: 0.6;
}
.midnightTheme .orderHistoryAsk > span.price-integer,
.midnightTheme .orderHistoryAsk > span > span.price-integer,
.midnightTheme .orderHistoryAsk > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #e3745b;
}
.midnightTheme .orderHistoryAsk > span.price-decimal,
.midnightTheme .orderHistoryAsk > span > span.price-decimal {
  color: #e0e0e0;
  opacity: 0.6;
}
.midnightTheme .orderHistoryCall > span.price-integer,
.midnightTheme .orderHistoryCall > span > span.price-integer,
.midnightTheme .orderHistoryCall > span.formatted-price > span {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #bbbf2b;
}
.midnightTheme .orderHistoryCall > span.price-decimal,
.midnightTheme .orderHistoryCall > span > span.price-decimal {
  color: #e0e0e0;
  opacity: 0.6;
}
.midnightTheme .order-table .my-order > .vertical-order-table-cell,
.midnightTheme .order-table .my-order > td {
  font-weight: bold;
  color: #4a90e2;
}
.midnightTheme .order-table .my-order span.price-integer,
.midnightTheme .order-table .my-order span.price-decimal {
  color: #4a90e2 !important;
  opacity: 1;
}
.midnightTheme .bid {
  background-color: #50d2c2 !important;
}
.midnightTheme .ask {
  background-color: #e3745b !important;
}
.midnightTheme .orderbook-latest-price > div {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #2c2e37 !important;
  border-bottom: 1px solid grey !important;
  border-top: 1px solid grey !important;
  padding: 7px 0 !important;
}
.midnightTheme .sticky-table .sticky-table-column,
.midnightTheme .sticky-table .sticky-table-corner {
  color: #e0e0e0;
  background-color: #191a1f;
}
.midnightTheme .left-order-book {
  background-color: #191a1f;
}
.midnightTheme .left-order-book .orderbook-center-title {
  color: #7a7a7a;
}
.midnightTheme .left-order-book .spread .spread-value {
  color: #e0e0e0;
}
.midnightTheme .sticky-table-header {
  width: 100%;
  height: 32px;
}
.midnightTheme .sticky-table-header > .sticky-table-cell {
  background-color: #2c2e37 !important;
  border-bottom: 1px solid grey !important;
}
.midnightTheme .sticky-table-header .sticky-table-row {
  width: 100%;
  background-color: #191a1f;
}
.midnightTheme .sticky-table-header .sticky-table-row.order-row:hover {
  background-color: #2c2e37;
}
.midnightTheme .sticky-table-cell {
  background-color: transparent;
}
.midnightTheme .mymarkets-header {
  background-color: #484848;
}
.midnightTheme tr.activeMarket,
.midnightTheme tr.activeMarket:hover {
  color: #4c85d8;
  background-color: #484848;
}
.midnightTheme .market-stats .stat .value {
  color: #e0e0e0;
}
.midnightTheme li.stat.input:hover {
  background-color: #353742;
}
.midnightTheme .stats .stressed-stat {
  padding: 10px 0;
  font-size: 18px;
}
.midnightTheme .stats .stressed-stat.is-call {
  color: #bbbf2b !important;
}
.midnightTheme .stats .stressed-stat.daily_change.positive {
  color: #7ed321 !important;
}
.midnightTheme .stats .stressed-stat.daily_change.negative {
  color: #e1424a !important;
}
.midnightTheme .stat-text {
  margin-top: 3px;
  font-size: 11px;
  color: gray;
}
.midnightTheme .buy-sell-box {
  background-color: #484848;
}
.midnightTheme .buy-sell-box > select {
  padding: 0;
  margin: 0;
  height: 1.75rem;
  line-height: 1.75rem;
  border: none;
  color: #e0e0e0;
  background-size: 8px 8px;
  background-color: #484848;
  font-size: 12px;
}
.midnightTheme .buy-sell-box > select > option {
  color: #e0e0e0;
  background-color: #484848;
}
.midnightTheme .change-up {
  color: #50d2c2 !important;
}
.midnightTheme .change-down {
  color: #e3745b !important;
}
.midnightTheme .header-sub-title {
  font-size: 11px;
  color: #fff;
}
.midnightTheme .label {
  background-color: #2c2e37;
}
.midnightTheme .mymarkets-group-header {
  background-color: #484848;
  padding: 8px 35px;
  border-bottom: 1px solid grey;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  cursor: pointer;
}
.midnightTheme .bucket-option {
  color: #adadad;
  background-color: #2c2e37;
}
.midnightTheme .bucket-option:hover {
  color: #fafafa;
  background-color: #434653;
}
.midnightTheme .active-bucket {
  color: #fafafa;
  background-color: #434653;
}
.midnightTheme li.stat.clickable {
  color: #adadad;
}
.midnightTheme .mymarkets-tabs > li {
  color: #adadad;
  background-color: #2c2e37;
}
.midnightTheme .mymarkets-tabs > li:hover {
  color: #fafafa;
  background-color: #434653;
}
.midnightTheme .mymarkets-tabs > li.active {
  color: #fafafa;
  background-color: #434653;
}
.midnightTheme .mymarkets-list {
  border-top: 2px solid #2c2e37;
}
.midnightTheme select.bts-select,
.midnightTheme select.native-coin-types,
.midnightTheme select.external-coin-types {
  color: #adadad;
  background-color: #353742;
  border: 0;
}
.midnightTheme select.bts-select:hover, .midnightTheme select.bts-select:focus, .midnightTheme select.bts-select:active,
.midnightTheme select.native-coin-types:hover,
.midnightTheme select.native-coin-types:focus,
.midnightTheme select.native-coin-types:active,
.midnightTheme select.external-coin-types:hover,
.midnightTheme select.external-coin-types:focus,
.midnightTheme select.external-coin-types:active {
  background-color: #353742;
}
.midnightTheme .api-node .icon.shuffle svg path {
  fill: #049cce !important;
}
.midnightTheme .api-node .icon.link svg path {
  fill: #6ec105 !important;
}
.midnightTheme .api-node .icon.minus-circle svg path {
  fill: #e1424a !important;
}
.midnightTheme .api-node:nth-child(odd) {
  background-color: #22232a;
}
.midnightTheme .active-node {
  border-bottom: 1px solid #22232a;
  border-top: 1px solid #22232a;
}
.midnightTheme div.ant-row.ant-form-item.no-offset {
  margin-bottom: 0;
}
.midnightTheme .settings-menu > ul {
  width: 200px;
  transition: 0.3s;
  margin-left: 0;
}
.midnightTheme .settings-menu > ul > li {
  border-radius: 2px;
  color: #adadad;
  padding: 3px 11px;
  margin: 5px;
}
.midnightTheme .settings-menu > ul > li:hover {
  color: #e0e0e0;
  background-color: #2a2b34;
}
.midnightTheme .settings-menu > ul > li.active {
  color: #e0e0e0;
  background-color: #2a2b34;
}
.midnightTheme .unstyled-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
.midnightTheme .settings-container .ant-form-item-label label {
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.midnightTheme .settings--notifications .settings--notifications--group .settings--notifications--item label {
  color: #737373;
}
.midnightTheme .settings--notifications .settings--notifications--no-browser-support {
  color: #e3745b;
  font-size: 12px;
}
@media (max-width: 990px) {
  .midnightTheme .settings-menu {
    display: none;
  }
}
.midnightTheme a.order-cancel > .icon > svg > path {
  fill: #e1424a;
}
.midnightTheme a.action-plus > .icon > svg > path {
  fill: #6ec105;
}
.midnightTheme .margin-row > td:last-of-type {
  padding: 0px !important;
  margin: 0px !important;
}
.midnightTheme .margin-ratio {
  padding: 6px;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.midnightTheme .margin-ratio.danger {
  background-color: #ce4323 !important;
  color: #1e1e1e;
}
.midnightTheme .margin-ratio.warning {
  background-color: #fb8608 !important;
  color: #1e1e1e;
}
.midnightTheme tr.margin-row > td.danger {
  background-color: #ce4323 !important;
  color: #444;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.midnightTheme tr.margin-row > td.warning {
  background-color: #fb8608 !important;
  color: #444;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.midnightTheme .nodes-header {
  border-bottom-color: #049cce;
  background-color: #191a1f;
}
.midnightTheme .nodes-header.inactive {
  border-bottom-color: transparent;
  color: #adadad;
}
.midnightTheme div.custom-dropdown-content {
  background: #2c2e37;
  color: #e0e0e0;
}
.midnightTheme div.custom-dropdown-content > ul > li.clickable:hover {
  background-color: #373a45;
}
.midnightTheme div.custom-dropdown-content > ul > li > div.clickable:hover {
  background-color: #373a45;
}
.midnightTheme .blocktrades-bridge input,
.midnightTheme .blocktrades-bridge select {
  color: #adadad;
  border: 1px solid #adadad;
  background-color: #2c2e37 !important;
}
.midnightTheme .blocktrades-bridge input.native-coin-types, .midnightTheme .blocktrades-bridge input.external-coin-types,
.midnightTheme .blocktrades-bridge select.native-coin-types,
.midnightTheme .blocktrades-bridge select.external-coin-types {
  background-color: transparent !important;
}
.midnightTheme .blocktrades-bridge input > option,
.midnightTheme .blocktrades-bridge select > option {
  color: #e0e0e0;
  background-color: #2c2e37 !important;
}
.midnightTheme .blocktrades-bridge input:hover, .midnightTheme .blocktrades-bridge input:focus,
.midnightTheme .blocktrades-bridge select:hover,
.midnightTheme .blocktrades-bridge select:focus {
  color: #e0e0e0;
  border: 2px solid #e0e0e0;
}
.midnightTheme .SimpleTrade__modal .Modal__header {
  background-color: #373a45;
}
.midnightTheme .SimpleTrade__modal .Modal__divider {
  border-bottom: 2px solid #020202;
}
.midnightTheme ul.dashboard-links > li.active {
  color: #e0e0e0;
}
.midnightTheme .switch input:checked + label {
  background-color: #528f04;
}
.midnightTheme .switch input:checked + label::after {
  border: none;
  background-color: #7cda06;
}
.midnightTheme div.ok-indicator {
  color: #adadad;
}
.midnightTheme div.ok-indicator.success {
  color: #18bc9c;
}
.midnightTheme .login-selector > div.box {
  background-color: #2c2e37;
}
.midnightTheme .login-selector > div.box:hover {
  background-color: #272931;
}
.midnightTheme .login-selector > div.box a {
  color: #e0e0e0;
}
.midnightTheme table.table > tbody > tr.in-use > td:nth-child(2) {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.midnightTheme .SimpleDepositBridge__info-row > div > div.float-right.above-limit {
  color: #e3745b;
}
.midnightTheme input.my-key,
.midnightTheme td.my-key a {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #4a90e2;
}
.midnightTheme td.pub-key {
  word-break: break-all;
}
.midnightTheme div.grid-content.app-tables {
  background-color: black;
}
.midnightTheme div.tabs-container {
  background-color: black;
}
.midnightTheme div.account-tabs > div.service-selector {
  background-color: #191a1f;
  border-bottom: 1px solid #24262d;
}
.midnightTheme ul.account-overview {
  background-color: #191a1f;
}
.midnightTheme ul.account-overview li {
  transition: all 0.3s ease 0s;
  background-color: #191a1f;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px solid #191a1f;
}
.midnightTheme ul.account-overview li > a {
  background-color: #191a1f;
  color: #fff;
  border: none;
  transition: all 0.3s ease 0s;
}
.midnightTheme ul.account-overview li > a:hover {
  color: white;
}
.midnightTheme ul.account-overview li > a > div.tab-subtext {
  color: #7ed321;
}
.midnightTheme ul.account-overview li.is-active, .midnightTheme ul.account-overview li:hover {
  border-bottom: 3px solid #337ab7;
  background-color: #191a1f;
}
.midnightTheme ul.account-overview li.is-active > a, .midnightTheme ul.account-overview li:hover > a {
  color: white;
}
.midnightTheme ul.account-overview li.total-value > a {
  background-color: #27384b;
}
.midnightTheme ul.account-overview li.total-value > a:hover > span.tab-title {
  color: #606060;
}
.midnightTheme ul.account-overview li.total-value .icon.locked > svg path {
  fill: #049cce;
}
.midnightTheme table.table.dashboard-table > thead > tr > th {
  background-color: #1a242f;
  color: white;
  border-color: #323131;
}
.midnightTheme table.table.dashboard-table > tbody > tr.dashboard-table--hiddenAccounts > td {
  height: 20px;
  text-align: left;
  padding-left: 45px;
  background-color: #1a242f;
  color: white;
}
.midnightTheme table.table.dashboard-table > tbody > tr > td {
  background-color: #27384b;
  color: white;
  border-color: #323131;
}
.midnightTheme table.table.dashboard-table > tbody > tr > td .icon > svg path {
  fill: white;
}
.midnightTheme table.table.dashboard-table > tbody > tr > td .icon.locked > svg path {
  fill: #049cce;
}
.midnightTheme table.table.dashboard-table > tbody > tr > td .icon.unlocked > svg path {
  fill: #049cce;
}
.midnightTheme table.table.dashboard-table > tbody > tr.total-value td {
  background-color: #1a242f;
}
.midnightTheme table.table.dashboard-table > tbody > tr.total-value td:nth-child(n+2) {
  color: #7ed321;
  text-align: right;
}
.midnightTheme table.table.dashboard-table > tbody > tr.unsupported > td {
  color: grey;
}
.midnightTheme table.table.dashboard-table > tbody > tr.unsupported > td > a {
  color: grey;
}
.midnightTheme table.table.dashboard-table > tbody > tr.unsupported > td svg path {
  fill: grey;
}
.midnightTheme .ant-table-content .ant-table-footer .total-value .value {
  color: #7ed321;
}
.midnightTheme .ant-table-placeholder {
  min-height: 140px;
  z-index: 0;
}
.midnightTheme div.account-creation {
  border: 1px solid #27384b;
  border-radius: 6px;
}
.midnightTheme div.account-creation div.button > a {
  color: #e0e0e0;
}
.midnightTheme span.danger {
  color: #ce4323;
}
.midnightTheme span.warning {
  color: #fb8608;
}
.midnightTheme .api-status .low {
  color: #50d2c2;
}
.midnightTheme .api-status .low > svg path {
  fill: #50d2c2;
}
.midnightTheme .api-status .medium {
  color: #bbbf2b;
}
.midnightTheme .api-status .medium > svg path {
  fill: #bbbf2b;
}
.midnightTheme .api-status .high {
  color: #e3745b;
}
.midnightTheme .api-status .high > svg path {
  fill: #e3745b;
}
.midnightTheme .footer div.footer-status > span.testnet {
  font-size: 0.85rem;
}
.midnightTheme .footer div.footer-status > span.success {
  color: #18bc9c;
}
.midnightTheme .footer div.footer-status > span.warning {
  color: #e3745b;
}
.midnightTheme tr > td > a.primary-text {
  color: #e0e0e0;
}
.midnightTheme .pulsate {
  animation: 0.5s ease-out 1;
}
.midnightTheme .pulsate.red {
  animation-name: pulsate-red;
}
.midnightTheme .pulsate.green {
  animation-name: pulsate-green;
}
.midnightTheme .pulsate.reverse {
  animation-timing-function: ease-in;
  animation-direction: reverse;
}
@keyframes pulsate-green {
  0% {
    color: #7ed321;
  }
  100% {
    color: #b4f271;
  }
}
@keyframes pulsate-red {
  0% {
    color: #e1424a;
  }
  100% {
    color: #ef7c82;
  }
}
.midnightTheme .introjs-launcher {
  margin-left: 5px;
  background-color: #049cce;
  padding: 0 10px;
  font-size: 18px;
  line-height: 1.8;
  transition: background-color 0.2s ease;
  color: #fff;
}
.midnightTheme .introjs-launcher:hover {
  cursor: pointer;
  background-color: #03769c;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .midnightTheme .introjs-launcher {
    position: absolute;
    bottom: 1rem;
    right: 0.3rem;
    z-index: 9999;
    display: block;
    line-height: 0;
    font-size: 0;
    color: transparent;
    background-color: transparent;
  }
  .midnightTheme .introjs-launcher:after {
    content: "?";
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    padding: 0.3rem 0.8rem;
    background-color: #049cce;
    border: 1px solid #191a1f;
  }
}
.midnightTheme .footer {
  padding-right: 0;
}
.midnightTheme .tab-no-background {
  background-color: transparent !important;
}
.midnightTheme .header-container {
  background-color: #30323b;
  box-shadow: 0 2px 9px 0 #30323b !important;
  z-index: 2;
}
.midnightTheme .header-container .menu-group .menu-bar li a {
  text-decoration: none;
  background: #30323b;
  color: #e6e6e6;
}
.midnightTheme .header-container .menu-group .menu-bar li a svg path {
  fill: #e6e6e6 !important;
}
.midnightTheme .header-container .menu-group .menu-bar li a:hover {
  background-color: #30323b !important;
  color: #049cce;
}
.midnightTheme .header-container .menu-group .menu-bar li a:hover svg path {
  fill: #049cce !important;
}
.midnightTheme .header-container .menu-group .menu-bar li a.active {
  background-color: #30323b !important;
  color: #049cce;
}
.midnightTheme .header-container .menu-group .menu-bar li a.active svg path {
  fill: #049cce !important;
}
.midnightTheme .header-container .menu-dropdown-wrapper.active {
  background: #2c2e37;
}
.midnightTheme .header-container .dropdown.header-menu {
  background-color: #2c2e37;
}
.midnightTheme .header-container .dropdown.header-menu li.divider {
  border-bottom: 1px solid #444;
  height: 0;
  padding: 0;
}
.midnightTheme .header-container .dropdown.header-menu > li:hover {
  background-color: #474a59;
}
.midnightTheme .header-container .total-value {
  color: #7ed321;
}
.midnightTheme .flip-arrow:hover {
  color: #049cce;
  cursor: pointer;
}
.midnightTheme .order-2 .flip-arrow,
.midnightTheme .order-5 .flip-arrow {
  display: none;
}
.midnightTheme .order-book-button-h svg path {
  fill: #fff;
}
.midnightTheme .order-book-button-h svg path:hover {
  fill: #049cce;
  cursor: pointer;
}
.midnightTheme .order-book-button-v {
  display: none;
}
@media only screen and (min-width: 40em) {
  .midnightTheme .order-book-button-v {
    display: inline-block;
    margin-left: 5px;
  }
  .midnightTheme .order-book-button-v svg path {
    fill: #fff;
  }
  .midnightTheme .order-book-button-v svg path:hover {
    fill: #049cce;
    cursor: pointer;
  }
}
.midnightTheme .expiration-datetime-picker.scaled-orders > div {
  margin-top: -5px;
}
.midnightTheme .expiration-datetime-picker > div {
  float: left;
  min-width: 145px;
}
.midnightTheme .expiration-datetime-picker input {
  padding: 0;
  margin: 0 5px 0 0;
  background: transparent;
  border-radius: 0 !important;
  border-bottom: 1px dotted #a09f9f;
  display: inline-block;
  text-align: left;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
}
.midnightTheme .expiration-datetime-picker input:hover {
  background: transparent;
}
.midnightTheme .expiration-datetime-picker select {
  width: auto;
  padding: 0;
  background: transparent;
  border: 0;
  color: #e0e0e0;
  border-bottom: 1px dotted #a09f9f;
  margin: 0 0 1px;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
}
.midnightTheme .expiration-datetime-picker select > option {
  background-color: #353742;
}
.midnightTheme .expiration-datetime-picker .expiration-datetime-picker--select--specific {
  float: right;
}
.midnightTheme .marketPicker .results {
  background: #1b1c22;
  border: 1px solid #191a1f;
}
.midnightTheme .qr-address-scanner-btn {
  background: #049cce;
  height: 2.4rem;
  border-radius: 0 5px 5px 0;
  width: 40px;
}
.midnightTheme .qr-address-scanner-btn span.icon {
  background: transparent;
}
.midnightTheme .qr-address-scanner-btn svg {
  background: transparent;
}
.midnightTheme .qr-address-scanner-divider {
  margin: 24px 0;
  height: 1px;
  width: 100%;
  background: #191a1f;
}
.midnightTheme .qr-address-scanner-input-field {
  border-radius: 5px 0 0 5px !important;
}
.midnightTheme .qr-address-scanner-status {
  font-size: 0.95rem;
  margin: 12px 24px 0 24px;
}
.midnightTheme .qr-address-scanner-status-title {
  margin-bottom: 12px;
  margin-top: 12px;
}
.midnightTheme .qr-address-scanner-status-title:first-child {
  margin-top: 0;
}
.midnightTheme .qr-address-scanner-status-address {
  color: #18bc9c;
}
.midnightTheme .qr-address-scanner-status-amount {
  color: #18bc9c;
}
.midnightTheme .qr-address-scanner-actions {
  margin: 24px;
}
.midnightTheme .qr-address-scanner .modal {
  height: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.midnightTheme .grouped_order select {
  float: right;
  width: auto;
  padding: 0;
  background: transparent;
  border: 0;
  color: #e0e0e0;
  border-bottom: 1px dotted #a09f9f;
  font-size: 0.7rem;
  height: 17px;
  margin: 0 0 1px 10px;
}
.midnightTheme .grouped_order select > option {
  background-color: #353742;
}
.midnightTheme .login-selector--language-select .login-selector--language-select--icon {
  font-size: 18px;
  margin-top: 7px;
  margin-right: 7px;
  color: #049cce;
}
.midnightTheme .login-selector--language-select .login-selector--language-select--wrapper {
  margin-left: 0;
}
.midnightTheme .registration-layout .attention-note {
  background-color: rgba(255, 153, 0, 0.06);
}
.midnightTheme .registration-layout .attention-text {
  color: #ff9900;
}
.midnightTheme .registration-layout .button-primary {
  background-color: #049cce;
  color: #fff;
}
.midnightTheme .registration-layout .button-primary:hover {
  background-color: #0bbffa !important;
}
.midnightTheme .registration-layout .button-primary:active {
  background-color: #24c6fb !important;
}
.midnightTheme .registration-layout .button-secondary {
  background-color: initial;
  color: #049cce;
  border-color: #049cce;
}
.midnightTheme .registration-layout .button-secondary:hover {
  border-color: #0bbffa !important;
  color: #0bbffa !important;
}
.midnightTheme .registration-layout .button-secondary:active {
  border-color: #24c6fb !important;
  color: #0bbffa !important;
}
.midnightTheme .registration-layout .registration-title {
  color: #fff;
}
.midnightTheme .registration-layout .selection-block .selection-title,
.midnightTheme .registration-layout .selection-block .choice-model,
.midnightTheme .registration-layout .selection-block .model-option {
  color: #fff;
}
.midnightTheme .registration-layout .selection-block .recommended {
  background-color: #22d173;
  color: #171a25;
}
.midnightTheme .registration-layout .selection-block .model-option-value {
  color: #22d173;
}
.midnightTheme .registration-layout .selection-block .account-option-value {
  color: #ff276d;
}
.midnightTheme .registration-layout .selection-block .account-security {
  color: #ff9900;
}
.midnightTheme .registration-layout .selection-block .option-border {
  border-bottom-color: rgba(23, 26, 37, 0.3);
}
.midnightTheme .registration-layout .selection-block div.inactive-left-block,
.midnightTheme .registration-layout .selection-block div.inactive-right-block {
  background-color: #161f29;
}
.midnightTheme .registration-layout .plate.inactive-model-block {
  background-color: rgba(39, 56, 75, 0.4);
}
.midnightTheme .registration-layout .plate {
  background-color: #27384b;
}
.midnightTheme .registration-layout span.checkbox {
  border-color: #049cce;
  background-color: rgba(4, 156, 206, 0.1);
}
.midnightTheme .registration-layout span.checkbox-active {
  border-color: #049cce;
  background-color: #049cce;
}
.midnightTheme .registration-layout span.checkbox-active svg path {
  fill: #191a1f;
}
.midnightTheme .registration-layout .file-input-container {
  background-color: #1e2b3a;
  border-color: rgba(4, 156, 206, 0.5);
}
.midnightTheme .registration-layout .file-input-container .upload-text {
  color: rgba(255, 255, 255, 0.7);
}
.midnightTheme .registration-layout .file-input-container:hover, .midnightTheme .registration-layout .file-input-container.dropHover {
  border-color: #049cce;
  background-color: #161f29;
}
.midnightTheme .registration-layout .file-input-container.downloaded {
  border-color: #049cce;
  background-color: rgba(4, 156, 206, 0.2);
}
.midnightTheme .registration-layout .file-input-container.invalid {
  border-color: #ff276d;
  background-color: rgba(255, 39, 109, 0.1);
}
.midnightTheme .registration-layout .dismiss-icon {
  color: #ff276d;
}
.midnightTheme .registration-layout .approve-icon svg path {
  fill: #22d173;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .midnightTheme .registration-layout .plate {
    background-color: #161f29;
  }
  .midnightTheme .registration-layout .plate .header-block,
.midnightTheme .registration-layout .plate .wallet-block,
.midnightTheme .registration-layout .plate .account-block,
.midnightTheme .registration-layout .plate .wallet-block-registration,
.midnightTheme .registration-layout .plate .account-block-registration {
    background-color: #27384b;
  }
  .midnightTheme .registration-layout .plate .header-block .overflow-bg-block .content,
.midnightTheme .registration-layout .plate .wallet-block .overflow-bg-block .content,
.midnightTheme .registration-layout .plate .account-block .overflow-bg-block .content,
.midnightTheme .registration-layout .plate .wallet-block-registration .overflow-bg-block .content,
.midnightTheme .registration-layout .plate .account-block-registration .overflow-bg-block .content {
    background-color: #27384b;
  }
  .midnightTheme .registration-layout .small-container {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
  }
  .midnightTheme .registration-layout .small-container .active-upload-text {
    background-color: rgba(68, 68, 68, 0.1);
  }
}
.midnightTheme i.anticon.icon-fill:hover {
  color: #049cce;
  cursor: pointer;
}
.midnightTheme .icon-fill svg path {
  fill: #fff;
}
.midnightTheme .icon-fill svg path:hover {
  fill: #049cce;
  cursor: pointer;
}
.midnightTheme .modal--transaction-confirm {
  zindex: 10000;
}
.midnightTheme .asset-collapse .ant-collapse-header {
  background: #2c2e37;
  color: #e0e0e0 !important;
  border: solid 1.2px #2c2e37 !important;
}

.ant-form-item .ant-form-item-label label {
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: inline;
}

.ant-select-dropdown-menu {
  margin-left: 0;
  font-size: 14px;
}

#content.win32 {
  font-size: 90%;
}
#content.win32 h1 {
  font-size: 2rem;
}
#content.win32 h2 {
  font-size: 1.8rem;
}
#content.win32 h3 {
  font-size: 1.6rem;
}
#content.win32 h4 {
  font-size: 1.4rem;
}
#content.win32 h5 {
  font-size: 1.2rem;
}
#content.win32 h6 {
  font-size: 1rem;
}

a {
  transition: all 0.3s ease 0s;
}

input[type=file] {
  border: "solid";
}

hr {
  border: none;
  height: 1px;
}

.reactTooltip {
  z-index: 10000;
}

.no-overflow {
  overflow: hidden;
}

.no-overflow-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

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

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-no-padding {
    padding: 0 !important;
  }
}
.no-margin {
  margin: 0 !important;
}

.center-content {
  text-align: center;
}
.center-content > * {
  margin-left: auto;
  margin-right: auto;
}

.flex-start {
  align-items: flex-start;
}

.cursor-pointer {
  cursor: pointer;
}

a > .label {
  cursor: pointer;
}

.block-button {
  display: block;
}

button,
.button {
  transition: all 0.3s ease 0s !important;
  border: 1px solid transparent;
  vertical-align: middle;
}
button.outline,
.button.outline {
  background: none;
  border: 1px solid #555;
}
button.outline:hover, button.outline:focus, button.outline:active,
.button.outline:hover,
.button.outline:focus,
.button.outline:active {
  background: none !important;
}

td > button:first-child,
td > .button:first-child,
div > button:first-child,
div > .button:first-child {
  margin-left: 0;
}

td > button:last-child,
td > .button:last-child,
div > button:last-child,
div > .button:last-child,
section > .button:last-child {
  margin-right: 0;
}

.notification {
  border-radius: 0 !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left-width: 4px !important;
  border-left-style: solid !important;
  padding: 1rem !important;
  font-size: 100% !important;
}

.notifications-tr > div.notification,
.notifications-tl > div.notification {
  top: 65px !important;
}

.content-block {
  margin-bottom: 2rem;
}
.content-block > h3,
.content-block .recent-transactions > h3 {
  font-size: 2rem;
  border-bottom: 1px solid #444;
  margin-top: 0;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.content-block .actions {
  padding: 1rem 0 1rem 0;
}

.no-border {
  border: none !important;
}

.no-border-bottom {
  border-bottom: none !important;
}

.page-header {
  margin-bottom: 2rem;
  border-bottom: 1px solid #444;
}
.page-header h3,
.page-header h1 {
  margin: 0;
  padding: 1rem 0 1rem 0;
}
.page-header h3 {
  font-size: 2rem;
}
.page-header h1 + h3 {
  padding-top: 0;
}

table > tbody > tr.control-row > td {
  padding-top: 1rem;
  border-bottom: none;
  vertical-align: middle;
}
table > tbody > tr.control-row > td input {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 8px !important;
}
table > tbody > tr.control-row > td > label {
  margin: 0;
}
table > tbody > tr.control-row > td > input {
  margin-right: 2rem !important;
}

.overflow-visible {
  overflow: visible;
}

.full-width-content > * {
  width: 100%;
}

.op-table > tbody > tr > td:first-child {
  width: 17rem;
}

.button-group > .button {
  margin: 0 1rem 1rem 0;
}

.empty-identicon {
  border: 1px solid #008cba;
}

div.disabled * {
  opacity: 0.8 !important;
  cursor: default !important;
  pointer-events: none !important;
}

div.disabled input {
  background-color: #444;
}

.memo {
  font-size: 0.875rem;
  word-break: break-word;
}

div.memo-tip {
  word-break: break-word;
  max-width: 40rem;
}

.invoice .item-name {
  padding: 0.2rem 0 0.2rem 0;
}
.invoice .item-description {
  padding: 0.2rem 0 0.2rem 0;
  font-size: 90%;
}

span.time {
  white-space: nowrap;
}

section > ul > li.key-value {
  padding: 0.5rem 1rem;
}

label.inline {
  display: inline;
}

.blocks-row > div.grid-block {
  padding-bottom: 0 !important;
}

.electron-only {
  display: none;
}

.electron-only {
  visibility: hidden;
}

#content.electron {
  visibility: visible;
}

.Popover-body {
  max-width: 50rem;
  display: inline-flex;
  flex-direction: column;
  padding: 1rem 2rem 1rem 2rem;
  background: #525252;
  color: white;
  border-radius: 0.05rem;
}
.Popover-body .help-content h3 {
  color: white;
}
.Popover-body .help-content p {
  font-weight: normal !important;
}

.Popover-tipShape {
  fill: #525252;
}

.click-for-help {
  border-bottom: 1px dotted #777;
  cursor: pointer;
}

.asset-flag .label {
  margin-bottom: 0.4rem;
  margin-right: 0.5rem;
}

.markets-view-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 90;
}

.small-caps {
  font-variant: small-caps;
  font-size: 85%;
}

.tooltip:hover {
  cursor: help;
}

.tooltip-zindex {
  z-index: 1001;
}

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

.__react_component_tooltip {
  z-index: 2000 !important;
  border: 1px solid grey;
  max-width: 20rem;
}

.asset-prefix-replaced {
  font-variant: small-caps;
  text-transform: none;
}

select {
  line-height: normal !important;
}

select.bts-select {
  border-radius: 5px;
  cursor: pointer;
  border: none;
  background: none;
  background-color: transparent;
  max-width: 500px;
  border-bottom: 1px solid #444;
  -moz-appearance: menulist;
  appearance: menulist;
}

select.bts-select.full-width {
  width: 100%;
  max-width: 100%;
}

.windows select.bts-select {
  height: 2.35em;
}

@media screen and (max-width: 525px) {
  .column-hide-xs {
    display: none !important;
  }
}
@media screen and (max-width: 440px) {
  .column-hide-xxs {
    display: none !important;
  }
}
@media screen and (min-width: 900px) {
  .column-show-small {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .column-hide-tiny {
    display: none !important;
  }
}
@media screen and (max-width: 900px) {
  .column-hide-small {
    display: none !important;
  }
}
@media screen and (max-width: 1100px) {
  .column-hide-medium {
    display: none !important;
  }
}
input:not([class*=ant-]),
textarea:not([class*=ant-]) {
  border-radius: 5px !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

.clickable {
  cursor: pointer;
}

@media only screen and (min-width: 90em) {
  form.hide-container {
    display: inherit !important;
  }
}
.unlock-tooltip {
  min-width: 150px;
}

section input[type=text],
section input[type=password] {
  border: none;
  max-width: 30rem;
}
section input[type=text]:hover, section input[type=text]:active, section input[type=text]:focus,
section input[type=password]:hover,
section input[type=password]:active,
section input[type=password]:focus {
  border: none;
}

section progress {
  max-width: 30rem;
}

.notification table > tr > td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.notification table > tr > td span {
  line-height: 1.1rem;
}

.help-tooltip {
  cursor: help;
}

ul > li {
  transition: background-color 0.3s ease 0s;
}
.icon {
  position: relative;
  top: 1px;
}

.icon > svg,
span.icon {
  width: 1rem;
  height: 1rem;
}

.icon-14px > svg,
span.icon-14px {
  width: 14px;
  height: 14px;
}

.icon-18px > svg,
span.icon-18px {
  width: 18px;
  height: 18px;
}

.icon-32px > svg,
span.icon-32px {
  width: 32px;
  height: 32px;
}

.icon-1_5x > svg,
span.icon-1_5x {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-2x > svg,
span.icon-2x {
  width: 2rem;
  height: 2rem;
}

.icon-3x > svg,
span.icon-3x {
  width: 3.45rem;
  height: 3.45rem;
}

.icon-4x > svg,
span.icon-4x {
  width: 4.6rem;
  height: 4.6rem;
}

.icon-5x > svg,
span.icon-5x {
  width: 5.75rem;
  height: 5.75rem;
  margin: 24px 0 24px 0;
}

.icon-10x > svg,
span.icon-10x {
  width: 10rem;
  height: 10rem;
  margin: 24px 0 24px 0;
}

.icon.fill-black > svg path {
  fill: black;
}

.icon.rotate45 > svg {
  transform: rotate(45deg);
}

.icon.rotate90 > svg {
  transform: rotate(90deg);
}

.icon.rotate180 > svg {
  transform: rotate(180deg);
}
.left-td {
  min-width: 7em;
  padding-right: 1em;
  text-align: left;
}

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

.proposal-update {
  padding-top: 5px;
}
.proposal-update li {
  font-size: 0.9rem;
}
@charset "UTF-8";
.json-inspector,
.json-inspector__selection {
  font: 14px/1.4 Consolas, monospace;
}

.json-inspector__leaf {
  padding-left: 10px;
}

.json-inspector__line {
  display: block;
  position: relative;
  cursor: default;
}

.json-inspector__line:after {
  content: "";
  position: absolute;
  top: 0;
  left: -200px;
  right: -50px;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}

.json-inspector__line:hover:after {
  background: rgba(0, 0, 0, 0.06);
}

.json-inspector__leaf_composite > .json-inspector__line {
  cursor: pointer;
}

.json-inspector__radio,
.json-inspector__flatpath {
  display: none;
}

.json-inspector__value {
  margin-left: 5px;
}

.json-inspector__search {
  min-width: 300px;
  margin: 0 10px 10px 0;
  padding: 2px;
}

.json-inspector__key {
  color: #505050;
}

.json-inspector__value_helper,
.json-inspector__value_null,
.json-inspector__not-found {
  color: #b0b0b0;
}

.json-inspector__value_string {
  color: #798953;
}

.json-inspector__value_boolean {
  color: #75b5aa;
}

.json-inspector__value_number {
  color: #d28445;
}

.json-inspector__hl {
  background: #ff0;
  box-shadow: 0 -1px 0 2px #ff0;
  border-radius: 2px;
}

.json-inspector__show-original {
  display: inline-block;
  padding: 0 6px;
  color: #666;
  cursor: pointer;
}

.json-inspector__show-original:hover {
  color: #111;
}

.json-inspector__show-original:before {
  content: "⥂";
}

.json-inspector__show-original:hover:after {
  content: " expand";
}