@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: #a6a6a6;
  padding: 0;
  margin: 0;
  font-family: Roboto-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  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;
}

.custom-padding-left {
  padding-left: 20px;
}

.explore-fee-title-text {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 700 !important;
}

.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;
  -webkit-user-select: none;
     -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=\"rgb%280, 0, 0%29\" 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: black;
  color: white;
}
.button .iconic {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 0.25em;
  margin-top: -2px;
}
.button:hover, .button:focus {
  background: black;
  color: white;
}
.button .iconic * {
  fill: white;
  stroke: white;
}
.button .iconic *.iconic-property-accent {
  fill: white;
  stroke: white;
}
.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: white;
}
.button.secondary:hover, .button.secondary:focus {
  background: #cdcdcd;
  color: white;
}
.button.secondary .iconic * {
  fill: white;
  stroke: white;
}
.button.secondary .iconic *.iconic-property-accent {
  fill: white;
  stroke: white;
}
.button.success {
  background: #43ac6a;
  color: white;
}
.button.success:hover, .button.success:focus {
  background: #39925a;
  color: white;
}
.button.success .iconic * {
  fill: white;
  stroke: white;
}
.button.success .iconic *.iconic-property-accent {
  fill: white;
  stroke: white;
}
.button.warning {
  background: #f08a24;
  color: white;
}
.button.warning:hover, .button.warning:focus {
  background: #dc750f;
  color: white;
}
.button.warning .iconic * {
  fill: white;
  stroke: white;
}
.button.warning .iconic *.iconic-property-accent {
  fill: white;
  stroke: white;
}
.button.alert {
  background: #f04124;
  color: white;
}
.button.alert:hover, .button.alert:focus {
  background: #dc2c0f;
  color: white;
}
.button.alert .iconic * {
  fill: white;
  stroke: white;
}
.button.alert .iconic *.iconic-property-accent {
  fill: white;
  stroke: white;
}
.button.info {
  background: #a0d3e8;
  color: white;
}
.button.info:hover, .button.info:focus {
  background: #71bddd;
  color: white;
}
.button.info .iconic * {
  fill: white;
  stroke: white;
}
.button.info .iconic *.iconic-property-accent {
  fill: white;
  stroke: white;
}
.button.dark {
  background: #232323;
  color: white;
}
.button.dark:hover, .button.dark:focus {
  background: #1e1e1e;
  color: white;
}
.button.dark .iconic * {
  fill: white;
  stroke: white;
}
.button.dark .iconic *.iconic-property-accent {
  fill: white;
  stroke: white;
}
.button.hollow {
  border: 1px solid black;
  background: transparent;
  color: black;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #404040;
  background: transparent;
  color: #404040;
}
.button.hollow .iconic * {
  fill: black;
  stroke: black;
}
.button.hollow .iconic *.iconic-property-accent {
  fill: black;
  stroke: black;
}
.button.hollow:hover .iconic * {
  fill: #404040;
  stroke: #404040;
}
.button.hollow:hover .iconic *.iconic-property-accent {
  fill: #404040;
  stroke: #404040;
}
.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: white;
  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: white;
}
.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: white;
  stroke: white;
}
.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: white;
  stroke: white;
}
.button-group > li.success > a, .button-group > li.success > label, .button-group > li.success > button {
  background: #43ac6a;
  color: white;
  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: white;
}
.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: white;
  stroke: white;
}
.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: white;
  stroke: white;
}
.button-group > li.warning > a, .button-group > li.warning > label, .button-group > li.warning > button {
  background: #f08a24;
  color: white;
  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: white;
}
.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: white;
  stroke: white;
}
.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: white;
  stroke: white;
}
.button-group > li.alert > a, .button-group > li.alert > label, .button-group > li.alert > button {
  background: #f04124;
  color: white;
  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: white;
}
.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: white;
  stroke: white;
}
.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: white;
  stroke: white;
}
.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.
*/
.grid-frame::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

/*
  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;
  overflow-x: hidden;
}
.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: auto;
  backface-visibility: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
  background-color: black;
}

.grid-block {
  display: flex;
  height: auto;
  position: relative;
  overflow: auto;
  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: auto;
  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: auto;
    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: auto;
    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: auto;
    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: #a6a6a6;
  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: #a6a6a6;
}

.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 {
  -webkit-appearance: menulist;
  -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 ****** */
@font-face {
  font-family: Roboto-Light;
  src: url(23d7e254fec1f6f643f8.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Medium;
  src: url(b81812bf84894c470b86.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Regular;
  src: url(8e79cb0f451337bac304.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: RobotoCondensed-Regular;
  src: url(20d196511deb2de51268.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;
}

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

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

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

.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;
}

.menu-bar li span:nth-of-type(2) {
  font-family: "Roboto-Medium", 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: rgb(65, 116, 184) !important;
}
.blue .icon > svg > path {
  fill: rgb(65, 116, 184) !important;
}

.grey {
  color: rgb(102, 102, 102) !important;
}
.grey .icon > svg > path {
  fill: rgb(102, 102, 102) !important;
}

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

.account-page {
  height: 100%;
}

.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;
}

.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;
}

.switch-container {
  display: flex;
  align-items: center;
  padding: 10px;
  justify-content: flex-end;
}

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;
  }
}

div.account-overview {
  background-color: #0a0b0d;
}
div.account-overview .tab-controller {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0px 30px 20px 30px;
}
@media screen and (max-width: 900px) {
  div.account-overview .tab-controller {
    flex-direction: column;
    padding: 0px;
  }
}
@media screen and (max-width: 350px) {
  div.account-overview .tab-controller {
    margin-top: 35px;
  }
}
@media screen and (max-width: 900px) {
  div.account-overview .tab-controller .fund-wallet {
    position: relative;
    margin-left: auto;
    display: flex;
    bottom: 90px !important;
    left: 1;
    flex-direction: row;
    gap: 1 !important;
  }
}
@media screen and (max-width: 350px) {
  div.account-overview .tab-controller .fund-wallet {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  div.account-overview .tab-controller .fund-wallet-tab {
    gap: 0px !important;
    margin-right: 12px;
    flex-direction: row;
    overflow: scroll;
    flex-wrap: unset !important;
    height: 50px;
  }
}
div.account-overview .tab-controller button {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  border: none !important;
  border-radius: 4px !important;
  height: 44px;
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 900px) {
  div.account-overview .tab-controller button {
    margin-left: 0px;
    margin-right: 0px;
  }
}
div.account-overview .tab-controller button.primary {
  background-color: #ffc000 !important;
  color: #230101 !important;
}
@media screen and (max-width: 900px) {
  div.account-overview .tab-controller button.primary {
    background-color: transparent !important;
    color: #ffc000 !important;
    border-bottom: 3px solid #ffc000 !important;
    font-weight: 400px !important;
    width: auto !important;
    border-radius: 0px !important;
    font-size: 16px;
  }
}
div.account-overview .tab-controller button.transparent {
  background-color: #15171b !important;
  color: #ffc000 !important;
}
@media screen and (max-width: 900px) {
  div.account-overview .tab-controller button.transparent {
    background-color: transparent !important;
    color: #fff !important;
    font-weight: 300px !important;
    width: auto !important;
    border-radius: 0px !important;
    border: 0px !important;
    font-size: 16px;
  }
}
div.account-overview .tab-controller .overview-settings {
  height: 44px;
}
div.account-overview .tab-controller .overview-settings .ant-select-selector {
  height: 44px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
div.account-overview .tab-controller .overview-settings .ant-select-selector .ant-select-selection-item {
  display: flex;
  align-items: center;
}
div.account-overview .tab-controller .overview-settings .ant-select-selector .ant-select-selection-item svg {
  width: 18px;
  height: 18px;
}
div.account-overview .tab-controller .overview-settings .ant-select-arrow svg {
  width: 15px;
  height: 15px;
}
div.account-overview .tab-controller .overview-settings .ant-select-arrow svg path {
  fill: rgba(255, 255, 255, 0.5);
}
div.account-overview .tab-controller .overview-settings .icon-class span.anticon.anticon-setting {
  margin-right: 7px;
  color: #fff;
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 900px) {
  div.account-overview .tab-controller .overview-settings .icon-class span.anticon.anticon-setting {
    margin-right: 0px;
  }
}
div.account-overview .tab-controller .dropdown-btn-class {
  width: 72px;
  height: 44px;
  background: #000000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.account-overview .portfolio {
  background-color: #15171b;
  padding: 20px;
  margin-bottom: 25px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 760px) {
  div.account-overview .portfolio {
    width: -webkit-fill-available;
    padding: 10px;
    flex-direction: column;
    height: 170px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 400px) {
  div.account-overview .portfolio {
    height: 210px;
  }
}
@media screen and (max-width: 760px) {
  div.account-overview .portfolio.header-selector .estimated-balance {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
div.account-overview .portfolio.header-selector .estimated-balance > p {
  font-size: 16px;
  color: #cecece;
}
@media screen and (max-width: 760px) {
  div.account-overview .portfolio.header-selector .estimated-balance > p {
    font-size: 13px;
  }
}
div.account-overview .portfolio.header-selector .estimated-balance .total {
  display: flex;
  align-items: center;
  margin-top: 15px;
  font-size: 30px;
  color: white;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  div.account-overview .portfolio.header-selector .estimated-balance .total {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 300px) {
  div.account-overview .portfolio.header-selector .estimated-balance .total {
    margin-bottom: 25px;
  }
}
div.account-overview .portfolio.header-selector .estimated-balance .total .usd-total {
  font-size: 20px;
  color: #ffc000;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  div.account-overview .portfolio.header-selector .estimated-balance .total .usd-total {
    font-size: 14px;
  }
}
@media screen and (max-width: 300px) {
  div.account-overview .portfolio.header-selector .estimated-balance .total .usd-total {
    font-size: 8px;
  }
}
div.account-overview .portfolio.header-selector .estimated-balance .total .value {
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  background: gray !important;
  color: white !important;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
@media screen and (max-width: 300px) {
  div.account-overview .portfolio.header-selector .estimated-balance .total .value {
    position: fixed;
    margin-top: 46px;
  }
}
div.account-overview .portfolio.header-selector .estimated-balance .total .value.change-up {
  background-color: #009d55 !important;
}
@media screen and (max-width: 600px) {
  div.account-overview .portfolio.header-selector .estimated-balance .total .value.change-up {
    margin-left: auto !important;
  }
}
div.account-overview .portfolio.header-selector .estimated-balance .total .value.change-down {
  background-color: #ff2929 !important;
}
@media screen and (max-width: 600px) {
  div.account-overview .portfolio.header-selector .estimated-balance .total .value.change-down {
    margin-left: auto !important;
  }
}
div.account-overview .portfolio.header-selector .estimated-balance .total .value svg {
  margin-right: 3px;
}
div.account-overview .portfolio.header-selector .filter {
  float: right;
  width: 20%;
  text-align: right;
}
@media screen and (max-width: 1400px) {
  div.account-overview .portfolio.header-selector .filter {
    width: 40%;
  }
}
@media screen and (max-width: 760px) {
  div.account-overview .portfolio.header-selector .filter {
    display: flex;
    flex-direction: column;
    width: inherit;
    height: inherit;
    margin-top: -73px;
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  div.account-overview .portfolio.header-selector .filter {
    margin-top: unset;
  }
}
div.account-overview .portfolio.header-selector .filter .hide-switch {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 760px) {
  div.account-overview .portfolio.header-selector .filter .hide-switch {
    font-size: 12px;
    margin-top: 2px;
    width: 100%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 400px) {
  div.account-overview .portfolio.header-selector .filter .hide-switch {
    margin-bottom: unset;
    margin-top: 12px;
    width: 100%;
    justify-content: unset !important;
  }
}
div.account-overview .portfolio.header-selector .filter .search-input {
  width: 100% !important;
  height: 50px;
}
@media screen and (max-width: 760px) {
  div.account-overview .portfolio.header-selector .filter .search-input {
    margin-top: 56px;
    margin-right: 352px;
  }
}
@media screen and (max-width: 400px) {
  div.account-overview .portfolio.header-selector .filter .search-input {
    margin-top: 15px !important;
  }
}
div.account-overview .portfolio.header-selector .filter .ant-input-affix-wrapper,
div.account-overview .portfolio.header-selector .filter .ant-input,
div.account-overview .portfolio.header-selector .filter .ant-input-group-addon {
  background-color: #21252f;
  height: 50px;
}
div.account-overview .portfolio.header-selector .filter .ant-input {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
div.account-overview .portfolio.header-selector .filter .ant-input-group-addon {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table {
  background: #080000;
  border-radius: 4px;
}
@media screen and (max-width: 800px) {
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table {
    font-size: 12px;
    font-weight: 200px;
  }
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    overflow-wrap: break-word;
  }
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table td {
    text-align: center;
  }
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table tbody td {
    position: relative;
  }
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    overflow-wrap: break-word;
  }
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table tbody td {
    position: sticky;
    left: 0;
    z-index: 0;
  }
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    width: -moz-fit-content;
    width: fit-content;
  }
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table tbody td:first-child span div {
    white-space: break-spaces;
    width: 110px;
  }
}
div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-thead th span {
  text-transform: uppercase;
  color: #969ba6;
  font-size: 14px;
}
@media screen and (max-width: 800px) {
  div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-thead th span {
    font-size: 12px;
  }
}
div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell {
  color: white;
}
div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell span.value {
  color: white !important;
  background: gray !important;
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  margin-left: 10px;
}
div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell span.value.change-up {
  background-color: #009d55 !important;
}
div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell span.value.change-down {
  background-color: #ff2929 !important;
}
div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell span.value svg {
  margin-right: 3px;
}
div.account-overview .portfolio-table-wrapper .customizable-column--selector {
  display: none;
}
div.account-overview .portfolio-table-wrapper .asset-name img {
  vertical-align: middle;
}
div.account-overview .portfolio-table-wrapper .asset-name div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
div.account-overview .portfolio-table-wrapper .asset-name div a span {
  font-weight: bolder;
  color: white !important;
}
div.account-overview .portfolio-table-wrapper .asset-name div p {
  margin: 0px;
  font-size: 14px;
}

.recent-transactions.ant-select-selector {
  border-radius: 4px;
}

.transaction-span {
  font-family: "Poppins" sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #ffffff !important;
  max-width: 104px;
  min-height: 34px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: flex;
  white-space: pre-wrap;
}

.transaction-span-place {
  background: #856916;
  border-radius: 5px;
}

.transaction-span-cancel {
  background: #823637;
  border-radius: 5px;
}

.transaction-span-fill {
  background: #127655;
  border-radius: 5px;
}

.transaction-history-table-title {
  text-transform: uppercase;
  padding-left: 11px;
  color: #969ba6;
  font-family: "Poppins", sans-serif;
}

.info-class a {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff !important;
}

.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;
}

.open-orders .grid-wrapper {
  margin-bottom: 0;
}
.open-orders .cancel-all {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.open-orders .cancel-all button {
  margin: 0 auto;
  font-size: 16px;
  padding: 10px 30px;
  height: 60px;
  text-transform: uppercase;
}
@media screen and (max-width: 760px) {
  .open-orders .cancel-all button {
    font-size: 10px;
  }
}
.open-orders table {
  border-collapse: collapse;
  border-radius: 3px;
  background-color: #0a0b0d;
}
.open-orders table tr {
  height: 55px;
}
.open-orders table tr td.ant-table-cell {
  color: white;
  padding: 0 !important;
  padding-left: 10px !important;
}
.open-orders table tr td.ant-table-cell:first-of-type {
  padding-left: 0px !important;
}
.open-orders table tr td.ant-table-cell span.base-asset {
  color: white !important;
}
.open-orders table tr td.ant-table-cell span.quote-asset {
  color: gray !important;
}
.open-orders table tr .success {
  border-left: 5px solid #43ac6a;
}
.open-orders table tr .info {
  border-left: 5px solid #a0d3e8;
}
.open-orders table tr .warning {
  border-left: 5px solid #f08a24;
}
.open-orders table tr .cancel,
.open-orders table tr .danger,
.open-orders table tr .alert {
  border-left: 5px solid #f04124;
}
.open-orders table tr .danger span {
  color: #f04124 !important;
  font-weight: bolder;
}
.open-orders table tr .success span {
  color: #43ac6a !important;
  font-weight: bolder;
}
.open-orders table .from-to div {
  background-color: transparent !important;
  border-width: 3px;
  height: 55px;
  padding-top: 18px;
  padding-left: 5px;
}
.open-orders table .from-to span {
  background: none !important;
  border: none !important;
  margin-left: 10px;
  vertical-align: middle;
}

.transaction-table {
  padding: 1rem 2rem;
}
@media screen and (max-width: 900px) {
  .transaction-table {
    padding: 15px;
  }
}
@media screen and (max-width: 900px) {
  .transaction-table .ant-table-content {
    overflow: scroll !important;
  }
}
@media screen and (max-width: 800px) {
  .transaction-table .transaction-history-table table {
    font-size: 12px;
    font-weight: 200px;
  }
  .transaction-table .transaction-history-table table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    overflow-wrap: break-word;
  }
  .transaction-table .transaction-history-table table td {
    text-align: center;
  }
  .transaction-table .transaction-history-table table tbody td {
    position: relative;
  }
  .transaction-table .transaction-history-table table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
  }
  .transaction-table .transaction-history-table table thead th:first-child div {
    width: 120px;
  }
  .transaction-table .transaction-history-table table tbody td {
    position: sticky;
    left: 0;
    z-index: 0;
  }
  .transaction-table .transaction-history-table table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
  }
}
@media screen and (max-width: 800px) {
  .transaction-table .transaction-history-table table thead th:nth-child(2) div {
    width: 220px !important;
  }
  .transaction-table .transaction-history-table table tbody td:nth-child(2) span {
    width: 220px !important;
    white-space: break-spaces;
  }
  .transaction-table .transaction-history-table table thead th:nth-child(3) div {
    width: 220px !important;
  }
  .transaction-table .transaction-history-table table tbody td:nth-child(3) div {
    width: 220px !important;
    white-space: break-spaces !important;
  }
}
.transaction-table .react-datepicker-popper {
  z-index: 4;
}

.recent-transactions .iconLinkAndLabel span {
  font-weight: bold;
  margin-left: 0.5rem;
  text-transform: uppercase;
}
.recent-transactions .page-title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 900px) {
  .recent-transactions .page-title {
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 900px) {
  .recent-transactions .date-container {
    display: flex;
    width: 250%;
    margin-top: 15px;
  }
}
.recent-transactions .header-selector .header-selector-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .recent-transactions .header-selector .header-selector-body {
    gap: 13px;
    align-items: baseline;
  }
}
.recent-transactions .header-selector .header-selector-body .date-list {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  .recent-transactions .header-selector .header-selector-body .date-list {
    flex-direction: column;
    width: 50%;
  }
}
.recent-transactions .header-selector .header-selector-body .date-list .date {
  margin-left: 20px;
  margin-right: 10px;
}
@media screen and (max-width: 900px) {
  .recent-transactions .header-selector .header-selector-body .date-list .date {
    margin-left: 0px;
    width: 40%;
  }
}
@media screen and (max-width: 900px) {
  .recent-transactions .header-selector .header-selector-body .filter {
    width: 50%;
    margin-bottom: 44px;
  }
}
.recent-transactions .header-selector .header-selector-body .filter-selector {
  min-width: 160px;
}
@media screen and (max-width: 900px) {
  .recent-transactions .header-selector .header-selector-body .filter-selector {
    width: 100%;
  }
}
.recent-transactions .header-selector .header-selector-body .filter-selector .ant-select-selector {
  height: 50px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-size: 16px;
  text-transform: capitalize;
}
@media screen and (max-width: 900px) {
  .recent-transactions .header-selector .header-selector-body .filter-selector .ant-select-selector {
    height: 40px;
    font-size: 14px;
  }
}
.recent-transactions .header-selector .header-selector-body .filter-selector .ant-select-arrow svg {
  width: 15px;
  height: 15px;
}
.recent-transactions .header-selector .header-selector-body .react-datepicker-wrapper input,
.recent-transactions .header-selector .header-selector-body .react-datepicker-wrapper input:hover,
.recent-transactions .header-selector .header-selector-body .react-datepicker-wrapper input:focus {
  background-color: #15171b;
  border: 1px solid #1c1f27;
}
@media screen and (max-width: 900px) {
  .recent-transactions .ant-table .ant-table-container .ant-table-content {
    overflow: scroll !important;
    padding: 3px !important;
    margin-right: 3px !important;
  }
}
.recent-transactions .ant-table .ant-table-container .ant-table-content .ant-table-thead {
  height: 50px;
  font-size: 14px;
}

@media screen and (max-width: 900px) {
  .trade-table .ant-table-content {
    overflow: scroll !important;
    padding: 3px !important;
    margin-right: 3px !important;
  }
}

@media screen and (max-width: 900px) {
  .account-trade h2 {
    font-size: 22px !important;
    font-weight: 400 !important;
  }
  .account-trade .ant-table-cell {
    padding: 0px 10px;
  }
  .account-trade td {
    font-size: 12px;
  }
  .account-trade td div {
    display: flex;
    gap: 3px;
    width: 108px;
    align-items: center;
  }
  .account-trade .ant-table-column-title div {
    font-size: 13px;
  }
  .account-trade .asset-name {
    margin-left: 0px !important;
  }
  .account-trade .ant-table-thead tr {
    font-size: 13px;
  }
  .account-trade .toggle-box {
    font-size: 14px;
  }
  .account-trade .chart {
    width: 100px !important;
    height: 50px !important;
  }
  .account-trade .chart canvas {
    height: 53% !important;
    width: 100% !important;
  }
}

div.account-trade div.content {
  padding: 25px;
}
@media screen and (max-width: 900px) {
  div.account-trade div.content {
    padding: 4px;
  }
}
div.account-trade div.filter {
  border-left: 1px solid #1c1f27;
  border-right: 1px solid #1c1f27;
  border-top: 1px solid #1c1f27;
  border-radius: 3px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media screen and (max-width: 900px) {
  div.account-trade div.filter {
    flex-direction: column;
    padding: 5px;
    gap: 10px;
    border: 0px;
    margin-bottom: 10px;
  }
}
div.account-trade div.filter div.ant-select {
  margin-top: 7px;
}
div.account-trade div.filter .search-input {
  width: 40% !important;
}
@media screen and (max-width: 900px) {
  div.account-trade div.filter .search-input {
    width: 60% !important;
    border-radius: 6px;
  }
}
@media screen and (max-width: 500px) {
  div.account-trade div.filter .search-input {
    width: 100% !important;
    border-radius: 6px;
  }
}
div.account-trade div.filter .trade-select {
  display: flex;
  flex-direction: row;
  margin-left: 24px;
  gap: 20px;
}
div.account-trade div.filter .trade-select .time {
  width: 70px;
}
@media screen and (max-width: 900px) {
  div.account-trade div.filter .trade-select .time {
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
div.account-trade div.filter .trade-select .asset {
  width: 150px;
}
@media screen and (max-width: 900px) {
  div.account-trade div.filter .trade-select .asset {
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
div.account-trade div.filter .trade-select .sorting {
  margin-top: 8px;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 900px) {
  div.account-trade div.filter .trade-select .sorting {
    flex-direction: row-reverse;
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
div.account-trade div.filter .trade-select .sorting-label {
  display: inline-block;
  margin-left: 4px;
  text-transform: capitalize !important;
}
@media screen and (max-width: 900px) {
  div.account-trade div.filter .trade-select .sorting-label {
    margin-left: 0px;
    margin-top: 4px;
  }
}
@media screen and (max-width: 500px) {
  div.account-trade div.filter .trade-select .ant-select-selector {
    width: 100% !important;
    border-radius: 6px;
  }
}
@media screen and (max-width: 900px) {
  div.account-trade div.filter .trade-select {
    margin-left: 0px;
  }
}
div.account-trade div.select {
  border-left: 1px solid #1c1f27;
  border-right: 1px solid #1c1f27;
  background-color: #16171b !important;
  overflow-x: auto;
  white-space: nowrap;
}
div.account-trade div.select .toggle-box {
  display: inline-block;
  width: 60px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}
div.account-trade div.select .toggle-box:first-of-type {
  padding-top: 8px;
}
div.account-trade div.select .toggle-box.selected {
  border-top: 2px #dea702 solid;
  color: #dea702;
  background-color: #0a0b0d;
}
@media screen and (max-width: 900px) {
  div.account-trade div.select .toggle-box.selected {
    border-top: unset;
    color: #dea702;
    font-weight: 700;
    background-color: unset;
  }
}
div.account-trade div.select .toggle-box:hover {
  cursor: pointer;
}
div.account-trade div.select .toggle-box.disabled:hover {
  cursor: not-allowed;
}
div.account-trade div.table .ant-table-wrapper {
  margin-top: 0 !important;
}
div.account-trade div.table .ant-table-wrapper .ant-table-container {
  border-left: 1px solid #1c1f27;
  border-right: 1px solid #1c1f27;
  border-bottom: 1px solid #1c1f27;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-bottom: 100px;
}
div.account-trade div.table .ant-table-wrapper .ant-table-container table > thead th {
  border-bottom: 1px solid #1c1f27;
  padding-left: 15px;
}
div.account-trade div.table .ant-table-wrapper .ant-table-container table > thead th .header-text .anticon {
  float: right;
}
div.account-trade div.table .ant-table-wrapper .ant-table-container table > thead span {
  text-transform: uppercase;
}
div.account-trade div.table .ant-table-wrapper .ant-table .ant-table-cell .chart {
  width: 100px;
  height: 100%;
}
div.account-trade div.table div.asset-name {
  display: inline-block;
  margin-left: 10px;
}
div.account-trade div.table div.asset-name span.quote {
  font-weight: 900;
  color: white;
}
div.account-trade div.table div.price {
  color: white;
}
div.account-trade div.table div.change div {
  display: inline-block;
  margin-left: 10px;
}
div.account-trade div.table button.trade {
  padding: 5px 15px;
  border-radius: 5px;
  color: white;
  background-color: #009d56;
  font-weight: 900;
}
div.account-trade div.table button.trade:hover {
  cursor: pointer;
}

div.account-activity div.content {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content {
    padding-left: 9px;
    padding-right: 9px;
  }
}
div.account-activity div.content div.section {
  background: #0a0b0d;
  border: 1px solid #1c1f27;
  border-radius: 4px;
  margin-top: 30px;
  margin-bottom: 90px;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.section {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
div.account-activity div.content div.section .header-title {
  padding: 30px;
  background: #15171b;
  font-size: 20px;
  color: white;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.section .header-title {
    padding: 9px;
    font-size: 15px;
  }
}
div.account-activity div.content div.section .section-content {
  margin-top: 16px;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.section .section-content .ant-btn {
    width: 106px !important;
    margin-left: 9px;
    font-size: 13px;
    height: 34px;
  }
}
div.account-activity div.content div.section .subsection-title1 {
  color: #ffc000;
  font-size: 18px;
  padding-left: 30px;
  margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.section .subsection-title1 {
    padding: 9px;
    font-size: 14px;
    background-color: #15171b;
    margin-bottom: 0px;
  }
}
div.account-activity div.content div.section .subsection-title2 {
  font-size: 15px;
  padding-left: 30px;
  margin-bottom: 15px;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.section .subsection-title2 {
    padding: 9px;
    font-size: 11px;
    background-color: #15171b;
    line-height: 1.6;
  }
}
div.account-activity div.content div.section .subsection-title2 .hyper-text {
  color: #ffc000;
  text-decoration: underline;
  margin-left: 5px;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.section .table {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  div.account-activity div.content div.section .card {
    display: none !important;
  }
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.section .card {
    display: inline;
  }
  div.account-activity div.content div.section .card .ant-card-body {
    padding: 10px;
    background-color: #0a0b0d;
    border-bottom: 1px solid #1c1f27;
  }
  div.account-activity div.content div.section .card .ant-card-body h6 {
    line-height: 1;
    display: flex;
  }
  div.account-activity div.content div.section .card .ant-card-body h6 .header {
    white-space: pre;
    font-size: 13px;
  }
  div.account-activity div.content div.section .card .ant-card-body h6 .content {
    color: #808080;
    padding-left: 9px;
    padding-right: 9px;
    width: 100%;
    font-size: 13px;
    word-break: break-all;
  }
  div.account-activity div.content div.section .card .ant-card-body h6 .action {
    position: absolute;
    top: 10px;
    right: 5%;
  }
}
div.account-activity div.content div.section .card.paginator {
  display: flex;
  justify-content: right;
  margin: 10px;
}
div.account-activity div.content div.section .close-text {
  margin-top: 40px;
  margin-bottom: 30px;
  padding-left: 30px;
  font-size: 20px;
  color: white;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.section .close-text {
    padding: 9px;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0px;
  }
}
div.account-activity div.content div.section .close-text .undone-text {
  color: #ff2929;
  text-decoration: underline;
}
div.account-activity div.content div.table .ant-table-wrapper {
  margin-top: 0 !important;
}
div.account-activity div.content div.table .ant-table-wrapper .ant-table-container table > thead {
  background: #15171b;
}
div.account-activity div.content div.table .ant-table-wrapper .ant-table-container table > thead th {
  padding-left: 30px;
  font-size: 14px;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.table .ant-table-wrapper .ant-table-container table > thead th {
    padding-left: 9px;
    font-size: 12px;
  }
}
div.account-activity div.content div.table .ant-table-wrapper .ant-table {
  background-color: #0a0b0d;
  border: none;
}
div.account-activity div.content div.table .ant-table-wrapper td.ant-table-cell {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
}
@media screen and (max-width: 900px) {
  div.account-activity div.content div.table .ant-table-wrapper td.ant-table-cell {
    padding: 9px;
    font-size: 13px;
  }
}

div.account-permissions .header-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
}
@media screen and (max-width: 900px) {
  div.account-permissions .header-toolbar {
    padding: 15px;
    display: flex;
    flex-direction: column;
    margin-right: auto;
    align-items: flex-start;
    gap: 10px;
  }
  div.account-permissions .header-toolbar h2 {
    white-space: nowrap;
    font-size: 22px !important;
  }
  div.account-permissions .header-toolbar .action-buttons {
    display: flex;
    gap: 10px;
  }
}
@media screen and (max-width: 900px) and (max-width: 420px) {
  div.account-permissions .header-toolbar .action-buttons {
    flex-direction: column;
    align-items: baseline;
  }
}
@media screen and (max-width: 900px) {
  div.account-permissions .header-toolbar .action-buttons .papper-wallet-btn {
    width: 130px;
    height: 35px;
  }
  div.account-permissions .header-toolbar .action-buttons .papper-wallet-btn span {
    font-size: 13px;
  }
  div.account-permissions .header-toolbar .action-buttons button {
    width: 80px;
    height: 35px;
  }
  div.account-permissions .header-toolbar .action-buttons button span {
    font-size: 13px;
  }
}
div.account-permissions .action-buttons {
  display: flex;
  align-items: center;
}
div.account-permissions .action-buttons .papper-wallet-btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 184px;
  height: 38px;
  color: #ffc000;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}
div.account-permissions .action-buttons .papper-wallet-btn span {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
}
div.account-permissions .action-buttons .papper-wallet-btn span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffc000);
  animation: animate1 2s linear infinite;
}
@keyframes animate1 {
  0% {
    left: -100%;
  }
  50%, 100% {
    left: 100%;
  }
}
div.account-permissions .action-buttons .papper-wallet-btn span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #ffc000);
  animation: animate2 2s linear infinite;
  animation-delay: 0.5s;
}
@keyframes animate2 {
  0% {
    top: -100%;
  }
  50%, 100% {
    top: 100%;
  }
}
div.account-permissions .action-buttons .papper-wallet-btn span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #ffc000);
  animation: animate3 2s linear infinite;
  animation-delay: 1s;
}
@keyframes animate3 {
  0% {
    right: -100%;
  }
  50%, 100% {
    right: 100%;
  }
}
div.account-permissions .action-buttons .papper-wallet-btn span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #ffc000);
  animation: animate4 2s linear infinite;
  animation-delay: 1.5s;
}
@keyframes animate4 {
  0% {
    bottom: -100%;
  }
  50%, 100% {
    bottom: 100%;
  }
}
div.account-permissions .content {
  margin: 30px;
  background: #0a0b0d;
  border: 1px solid #1c1f27;
  border-radius: 4px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content {
    margin: 8px;
  }
}
div.account-permissions .content .tab-header {
  padding: 30px;
  border-bottom: 1px solid #1c1f27;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-header {
    padding: 9px;
  }
}
div.account-permissions .content .tab-header .tab-title {
  font-size: 22px;
  color: #ffc000;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-header .tab-title {
    font-size: 18px;
  }
}
div.account-permissions .content .tab-header p {
  font-size: 15px !important;
  margin-bottom: 10px;
  color: #cecece !important;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-header p {
    font-size: 12px;
  }
}
div.account-permissions .content .tab-content {
  padding: 30px;
  background: #0a0b0d;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content {
    padding: 8px;
  }
}
div.account-permissions .content .tab-content .content-wrapper {
  background: rgba(21, 23, 27, 0.4);
  border: 1px solid rgba(28, 31, 39, 0.4);
  border-radius: 4px;
  padding: 30px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper {
    padding: 8px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .threshold {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}
div.account-permissions .content .tab-content .content-wrapper .threshold input {
  height: 52px;
  background: #15171b;
  border: 1px solid #1c1f27;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  width: 300px;
  padding: 20px;
  margin-top: 10px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .threshold input {
    height: unset;
    font-size: 12px;
    width: 100%;
    padding: 9px;
    margin-top: 2px;
  }
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .threshold span {
    font-size: 13px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .pubkey-input .content-area .header-area {
  margin: 0;
}
div.account-permissions .content .tab-content .content-wrapper .pubkey-input .content-area .header-area label {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  padding-bottom: 0px;
}
div.account-permissions .content .tab-content .content-wrapper .pubkey-input .content-area .header-area label span {
  font-size: 16px;
  color: #ffc000;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .pubkey-input .content-area .header-area label span {
    font-size: 12px;
  }
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .pubkey-input .content-area .header-area label {
    font-size: 12px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .pubkey-input .input-area {
  background: #15171b;
  border: 1px solid #1c1f27;
  display: flex;
  align-items: center;
  padding-left: 25px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .pubkey-input .input-area {
    padding-left: 0px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .pubkey-input .input-area .account-image {
  display: flex;
  align-items: center;
  justify-self: center;
}
div.account-permissions .content .tab-content .content-wrapper .pubkey-input .input-area .account-image svg {
  width: 24px !important;
  height: 24px !important;
  margin-right: 15px;
}
div.account-permissions .content .tab-content .content-wrapper .pubkey-input .input-area .account-image svg path {
  fill: #ffc000;
}
div.account-permissions .content .tab-content .content-wrapper .pubkey-input .input-area input {
  height: 52px;
  background: #15171b;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
div.account-permissions .content .tab-content .content-wrapper .permission-list label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list label {
    font-size: 13px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content {
    flex-direction: column;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 8px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .header-area {
  display: none;
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper {
    flex-direction: column;
    align-items: unset;
    gap: 20px;
  }
  div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper .account-image {
    display: none;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper canvas {
  width: 50px !important;
  height: 50px !important;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper canvas {
    height: 38px !important;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper input {
  height: 52px;
  background: #15171b;
  border: 1px solid #1c1f27;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  padding: 20px;
  border-radius: 4px;
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper input {
    height: unset;
    font-size: 12px;
    width: 100% !important;
    margin: 0px !important;
    padding: 9px;
    margin-top: 2px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content button {
  margin-top: 0px !important;
  width: 168px;
  height: 52px;
  border-radius: 4px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content button {
    width: 80px;
    height: 35px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content button span {
  color: #080000;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content button span {
    font-size: 14px;
    font-weight: 200;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper {
  border: 1px solid #1c1f27;
  border-radius: 4px;
  padding-bottom: 60px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper {
    padding-bottom: 20px;
    overflow: scroll;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table thead {
  background: #15171b;
  height: 52px;
  border-bottom: 1px solid #1c1f27;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table thead {
    height: 38px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table thead th {
  padding-left: 30px;
  font-size: 14px;
  color: #969ba6;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table thead th {
    padding-left: 10px;
    font-size: 12px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table thead th:last-child {
  text-align: center;
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table tr td {
  padding-left: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 15px;
  color: #ffc000;
  border-bottom: 1px solid #1c1f27;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table tr td {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table tr td .account-image {
  display: flex;
  align-items: center;
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table tr td .account-image .key-icon > svg {
  width: 24px !important;
  height: 24px !important;
  margin-right: 15px;
}
div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table tr td .account-image .key-icon > svg path {
  fill: #ffc000;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table tr td .account-image .key-icon > svg {
    width: 18px !important;
    height: 19px !important;
    margin-right: 4px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section label > span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section label > span {
    font-size: 14px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field {
  display: flex;
  align-items: center;
  height: 52px;
  background: #0a0b0d;
  border: 1px solid #ffc000;
  border-radius: 4px;
  padding-left: 30px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field {
    padding-left: 0px;
    height: 45px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field .key-icon {
  margin-right: 15px;
  width: unset;
  height: unset;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field .key-icon {
    width: 25px !important;
    height: 19px !important;
    margin-right: 4px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field .key-icon svg {
  width: 24px !important;
  height: 24px !important;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field .key-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field .key-icon svg path {
  fill: #ffc000;
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field div {
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field div {
    font-size: 13px;
    overflow: scroll;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .left-label {
  display: none;
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector progress {
  display: none;
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .generated-password-section input {
  height: 52px;
  background: #15171b;
  border: 1px solid #1c1f27;
  font-size: 14px;
  padding: 20px;
  border-radius: 4px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .generated-password-section input {
    font-size: 12px;
    height: 30px;
    padding: 15px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .generated-password-section input::-moz-placeholder {
  font-size: 16px;
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .generated-password-section input::placeholder {
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .generated-password-section input::-moz-placeholder {
    font-size: 13px;
  }
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .generated-password-section input::placeholder {
    font-size: 13px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .confirm-password-section {
  max-width: 100% !important;
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .confirm-password-section input {
  height: 52px;
  background: #15171b;
  border: 1px solid #1c1f27;
  font-size: 14px;
  padding: 20px;
  border-radius: 4px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .confirm-password-section input {
    font-size: 12px;
    height: 30px;
    padding: 15px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .confirm-password-section input::-moz-placeholder {
  font-size: 16px;
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .confirm-password-section input::placeholder {
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .confirm-password-section input::-moz-placeholder {
    font-size: 13px;
  }
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .confirm-password-section input::placeholder {
    font-size: 13px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status {
  display: flex;
  align-items: center;
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper {
  background: #0a0b0d;
  border: 1px solid #1c1f27;
  border-radius: 4px;
  width: 220px;
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper {
    margin-right: 10px;
    width: 200px;
    height: 100px;
  }
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper button {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper .key-name {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper .key-name {
    font-size: 12px;
    text-align: center;
    padding: 3px;
  }
}
div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .in-not-use {
  background: #15171b;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .in-not-use {
    width: 33.333%;
  }
}
div.account-permissions .content .divider {
  border-bottom: 1px solid #1c1f27;
  height: 0;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .divider {
    margin: 10px;
  }
}
div.account-permissions .content .recent-activity {
  padding: 30px;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .recent-activity {
    padding: 10px;
  }
  div.account-permissions .content .recent-activity .date-list {
    flex-direction: column;
    width: 100%;
  }
  div.account-permissions .content .recent-activity .date-list .page-title {
    font-weight: 100;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  div.account-permissions .content .recent-activity .date-list .date-container {
    display: flex;
  }
  div.account-permissions .content .recent-activity .date-list .date-container .date input {
    font-size: 12px;
  }
  div.account-permissions .content .recent-activity .date-list .date-container .react-datepicker {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
  }
}
div.account-permissions .content .recent-activity .block-content-header {
  font-size: 18px;
  color: white;
  padding: 0;
}
div.account-permissions .content .recent-activity .ant-table-wrapper .ant-table-content table thead {
  background: #15171b;
  height: 52px;
  border-bottom: none;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .recent-activity .ant-table-wrapper .ant-table-content table thead {
    height: 30px;
  }
}
div.account-permissions .content .recent-activity .ant-table-wrapper .ant-table-content table thead th {
  padding-left: 30px;
  font-size: 14px;
  color: #969ba6;
  text-transform: uppercase;
}
@media screen and (max-width: 900px) {
  div.account-permissions .content .recent-activity .ant-table-wrapper .ant-table-content table thead th {
    padding-left: 0px;
    font-size: 11px;
  }
}
div.account-permissions .content .recent-activity .ant-table-wrapper .ant-table-empty {
  background: #0a0b0d;
}

div.messages {
  padding: 20px 50px !important;
  background-color: #0a0b0d !important;
}
@media screen and (max-width: 768px) {
  div.messages {
    padding: 10px !important;
  }
}
div.messages .service-selector {
  background-color: transparent !important;
  border-bottom: unset !important;
}
@media screen and (max-width: 576px) {
  div.messages .service-selector ul.account-overview li span.tab-title {
    font-size: 14px;
  }
}
div.messages .service-selector ul.account-overview li a {
  background-color: #0a0b0d !important;
}
div.messages .service-selector ul.account-overview li a:hover {
  color: #ffc000 !important;
}
div.messages .service-selector ul.account-overview li.is-active {
  border-bottom: 3px solid #ffc000 !important;
}
div.messages .service-selector ul.account-overview li.is-active a {
  color: #ffc000 !important;
}
div.messages .tab-content {
  background-color: rgba(21, 23, 27, 0.4) !important;
  border: 1px solid #1c1f27;
  border-radius: 4px;
  padding: 30px 10px !important;
}
div.messages .tab-content .content-area .header-area {
  margin-left: 0 !important;
}
div.messages .tab-content .content-area .header-area .right-label {
  width: 50%;
  text-align: right;
}
div.messages .tab-content .content-area .header-area .right-label span {
  color: #ffc000;
}
@media screen and (max-width: 576px) {
  div.messages .tab-content .content-area .header-area .right-label span {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 576px) {
  div.messages .tab-content .content-area .header-area .left-label {
    font-size: 10px !important;
  }
}
div.messages .tab-content .input-area input {
  background-image: url("data:image/svg+xml,%3Csvg height=\"32px\" version=\"1.1\" viewBox=\"0 0 32 32\" width=\"32px\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\"%3E%3Cg fill=\"%23ffc000\" id=\"icon-25-key\"%3E%3Cpath d=\"M13.008518,22 L11.508518,23.5 L11.508518,23.5 L14.008518,26 L11.008518,29 L8.50851798,26.5 L6.63305475,28.3754632 C5.79169774,29.2168202 4.42905085,29.2205817 3.5909158,28.3824466 L3.62607133,28.4176022 C2.78924,27.5807709 2.79106286,26.2174551 3.63305475,25.3754632 L15.7904495,13.2180685 C15.2908061,12.2545997 15.008518,11.1602658 15.008518,10 C15.008518,6.13400656 18.1425245,3 22.008518,3 C25.8745114,3 29.008518,6.13400656 29.008518,10 C29.008518,13.8659934 25.8745114,17 22.008518,17 C20.8482521,17 19.7539183,16.7177118 18.7904495,16.2180685 L18.7904495,16.2180685 L16.008518,19 L18.008518,21 L15.008518,24 L13.008518,22 L13.008518,22 L13.008518,22 Z M22.008518,14 C24.2176571,14 26.008518,12.2091391 26.008518,10 C26.008518,7.79086089 24.2176571,6 22.008518,6 C19.7993789,6 18.008518,7.79086089 18.008518,10 C18.008518,12.2091391 19.7993789,14 22.008518,14 L22.008518,14 Z\" id=\"key\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 5px 2px;
  padding-left: 40px;
  background-color: transparent !important;
  border-radius: 5px;
  border: 1px solid #ffc000;
}
@media screen and (max-width: 576px) {
  div.messages .tab-content .input-area input {
    font-size: 12px !important;
  }
}
div.messages .tab-content textarea {
  background-color: #15171b !important;
  border: 1px solid #1c1f27;
  padding: 15px 25px;
  margin: 0 !important;
}
div.messages .tab-content .button-wrapper {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 576px) {
  div.messages .tab-content .button-wrapper {
    align-items: center;
  }
}
div.messages .tab-content button.button {
  background: #ffc000;
  color: black;
  margin-top: 30px;
  width: 100px;
}
div.messages .tab-content .verify-msg-btn {
  margin-top: 0 !important;
}
div.messages .tab-content .verify-message-div {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 576px) {
  div.messages .tab-content .verify-message-div {
    align-items: center;
  }
}
div.messages .tab-content .verify-message-div .signed-message-wrapper {
  width: 100%;
}
div.messages .tab-content .verify-message-div .signed-message-wrapper .signed-message {
  color: gray;
  display: flex;
  margin-top: 10px;
}
div.messages .tab-content .verify-message-div .signed-message-wrapper .signed-message fieldset {
  width: 100%;
}
@media screen and (max-width: 576px) {
  div.messages .tab-content .verify-message-div .signed-message-wrapper .signed-message fieldset legend {
    font-size: 16px;
  }
}
div.messages .tab-content div.verify-status {
  display: inline-block;
  margin-left: 10px;
}
div.messages .tab-content div.verify-status label {
  margin-bottom: 0;
  padding: 5px;
}

.member-stats {
  padding: 20px 50px !important;
  background-color: #0a0b0d !important;
}
@media screen and (max-width: 768px) {
  .member-stats {
    padding: 20px 10px !important;
  }
}
.member-stats .tabs-container hr {
  border-color: #1c1f27 !important;
  background-color: #1c1f27 !important;
}
.member-stats .tabs-container div.button {
  background: white !important;
  color: black !important;
}
.member-stats .tabs-container div.button span {
  font-weight: bold;
}
.member-stats .tabs-container .content-block {
  display: flex;
}
@media screen and (max-width: 768px) {
  .member-stats .tabs-container .content-block {
    flex-direction: column;
  }
}
.member-stats .tabs-container .content-block .left {
  width: 49%;
  border: 1px solid #1c1f27;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .member-stats .tabs-container .content-block .left {
    width: 100%;
    margin-bottom: 15px;
  }
}
.member-stats .tabs-container .content-block .left .grid-content {
  padding: 0px !important;
}
.member-stats .tabs-container .content-block .left .grid-content > h4,
.member-stats .tabs-container .content-block .left .grid-content > table,
.member-stats .tabs-container .content-block .left .grid-content > div > h4,
.member-stats .tabs-container .content-block .left .grid-content > div > table {
  padding: 10px 15px !important;
}
.member-stats .tabs-container .content-block .left .grid-content > h4,
.member-stats .tabs-container .content-block .left .grid-content > div > h4 {
  margin-top: 30px;
  background-color: rgba(21, 23, 27, 0.4) !important;
  border: 1px solid rgba(28, 31, 39, 0.4);
  border-radius: 0;
}
.member-stats .tabs-container .content-block .left .grid-content > h4:first-of-type,
.member-stats .tabs-container .content-block .left .grid-content > div > h4:first-of-type {
  margin-top: 0px;
}
.member-stats .tabs-container .content-block .left .grid-content > table,
.member-stats .tabs-container .content-block .left .grid-content > div > table {
  padding: 20px;
}
.member-stats .tabs-container .content-block .left .grid-content > table td:first-of-type,
.member-stats .tabs-container .content-block .left .grid-content > div > table td:first-of-type {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.member-stats .tabs-container .content-block .left .grid-content > table td:nth-of-type(2),
.member-stats .tabs-container .content-block .left .grid-content > div > table td:nth-of-type(2) {
  text-align: right !important;
  padding-right: 15px !important;
}
.member-stats .tabs-container .content-block .left .grid-content > div > p {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.member-stats .tabs-container .content-block .left.right {
  margin-left: 2%;
}
@media screen and (max-width: 768px) {
  .member-stats .tabs-container .content-block .left.right {
    margin-left: 0;
  }
}
.member-stats .tabs-container .content-block .left.right p {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.account-whitelist {
  padding: 10px 30px !important;
  background: black;
}
@media screen and (max-width: 576px) {
  .account-whitelist {
    padding: 10px !important;
  }
}
.account-whitelist .ant-tabs .ant-tabs-nav-list {
  background: black !important;
}
.account-whitelist .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
  font-size: 15px;
  letter-spacing: 1px;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .table-wrapper {
  border: 1px solid #1c1f27;
  border-radius: 5px !important;
  overflow: auto;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .table-wrapper .table thead {
  text-align: left;
  font-size: 13px !important;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .table-wrapper .table thead tr th {
  background-color: #15171b;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .table-wrapper .table button {
  height: 30px;
  background: #ffc000;
  color: black;
  font-size: 16px;
  border: none;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .table-wrapper .table button:hover {
  background: rgba(252, 192, 0, 0.5) !important;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper {
  padding: 30px;
  max-width: 680px;
  width: 100%;
  min-height: 235px;
  margin: 20px auto;
  background: rgba(21, 23, 27, 0.4);
  border-radius: 5px;
  border: 1px solid rgba(28, 31, 39, 0.4);
}
@media screen and (max-width: 576px) {
  .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper {
    padding: 10px;
    min-height: unset;
  }
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-label label {
  font-size: 16px;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control canvas {
  width: 50px !important;
  height: 50px !important;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control button {
  width: 110px;
  height: 42px;
  margin-top: 20px;
}
@media screen and (max-width: 576px) {
  .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control button {
    width: 100%;
  }
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control button span {
  color: #080000;
  font-size: 16px;
  font-weight: 600;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control .ant-select-selector {
  height: 50px;
  border-radius: 4px;
  background: #15171b;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control .ant-select-selector .ant-select-selection-item {
  display: flex;
  align-items: center;
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control .ant-select-selector .ant-select-selection-placeholder {
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
}
.account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control .ant-select-selector input {
  height: 50px !important;
}

.account-vesting .content-body {
  padding: 30px;
}
@media screen and (max-width: 900px) {
  .account-vesting .content-body {
    padding: 10px;
  }
}
.account-vesting .content-body .description-search {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .account-vesting .content-body .description-search {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.account-vesting .content-body .description-search p {
  font-size: 16px;
  color: #cacaca;
  margin-bottom: 0;
}
.account-vesting .content-body .description-search .header-selector {
  margin-left: 50px;
  margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
  .account-vesting .content-body .description-search .header-selector {
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .account-vesting .content-body .description-search .header-selector {
    width: 100%;
  }
}
.account-vesting .content-body .description-search .header-selector .ant-input-group-wrapper {
  background: #212530;
  border-radius: 4px;
  width: 100% !important;
  min-width: 300px;
}
@media screen and (max-width: 576px) {
  .account-vesting .content-body .description-search .header-selector .ant-input-group-wrapper {
    min-width: unset;
  }
}
.account-vesting .content-body .description-search .header-selector .ant-input-group-wrapper .ant-input-wrapper {
  height: 50px;
  display: flex;
  align-items: center;
}
.account-vesting .content-body .description-search .header-selector .ant-input-group-wrapper .ant-input-group-addon {
  background: #212530;
  margin-left: -40px;
}
.account-vesting .content-body .ant-table-wrapper {
  background: #0a0b0d;
}
.account-vesting .content-body .ant-table-wrapper .ant-spin-nested-loading {
  overflow: auto;
}
.account-vesting .content-body .ant-table-wrapper .ant-table .ant-table-content {
  background: #15171b;
}
.account-vesting .content-body .ant-table-wrapper .ant-table .ant-table-content .ant-table-thead .ant-table-cell {
  font-size: 14px;
  color: #969ba6;
  text-transform: uppercase;
  text-align: center !important;
}
.account-vesting .content-body .ant-table-wrapper .ant-table .ant-table-content .ant-table-row .ant-table-cell button {
  background-color: #ffc000;
  color: black;
  font-weight: 500;
  border: none;
}
.account-vesting .content-body .ant-table-wrapper .ant-table .ant-table-content .ant-table-row:last-child td {
  border-bottom: none;
}

div.account-notification .content-body {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 0;
  padding-bottom: 30px;
}
@media screen and (max-width: 900px) {
  div.account-notification .content-body {
    padding: 10px;
  }
}
div.account-notification .content-body .list-wrapper {
  background: #0a0b0d;
  border: 1px solid #1c1f27;
  border-radius: 4px;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item {
  display: flex;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px solid #1c1f27;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item:nth-child(even) {
  background: #1c1f27;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .title {
  font-size: 18px;
  color: #ffc000;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .description {
  font-size: 15px;
  color: #cecece;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .logo-wrapper {
  background: white;
  border-radius: 50%;
  padding: 5px;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .logo-wrapper img {
  width: 30px;
  height: 30px;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .info {
  width: 100%;
  margin-left: 15px;
  color: rgba(255, 255, 255, 0.7);
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .info h4 {
  cursor: pointer;
  margin: 5px 0px;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .info h4:hover {
  text-decoration: underline;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .info p {
  color: rgba(255, 255, 255, 0.7);
  font-family: sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .time {
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-family: sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  justify-content: space-between;
  align-items: center;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .time div:first-child p {
  background: transparent;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .time div:first-child p table {
  background: transparent !important;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .time div:first-child p table td {
  background: transparent !important;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .time div:last-child {
  margin-left: 30px;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .footer {
  padding: 0;
  display: flex;
  align-items: center;
  background: #0a0b0d;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .footer svg {
  margin-right: 10px;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .footer svg path {
  fill: #ffc000;
}
div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item:last-child {
  border-bottom: 1px solid #1c1f27;
}
div.account-notification .content-body .list-wrapper .ant-list-pagination {
  margin-bottom: 24px;
}

.transactions-history-font-class {
  font-family: "Poppins" sans-serif;
}

.custom-dropdown-class {
  min-width: 200px !important;
  padding: 0;
  position: absolute !important;
  left: auto !important;
  right: 45px;
  top: 166px !important;
  border-radius: 8px;
}
.custom-dropdown-class .ant-checkbox-group-item {
  display: block;
  margin-right: 0;
}
.custom-dropdown-class label.ant-checkbox-wrapper {
  display: flex;
  margin: 0 0 15px 0;
  color: #ffc000;
  align-items: center;
}
.custom-dropdown-class .ant-checkbox-wrapper-checked {
  color: #ffc000 !important;
}
.custom-dropdown-class .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ffc000;
  border-color: #ffc000;
  width: 24px;
  height: 24px;
}
.custom-dropdown-class .portfolio-checkbox-class h3 {
  background: #ffc900;
  color: #000 !important;
  font-size: 20px;
  text-align: left;
  margin: 0;
  padding: 8px 15px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.custom-dropdown-class .ant-checkbox-group {
  padding: 15px;
}
.custom-dropdown-class .portfolio-checkbox-class span.anticon.anticon-caret-up {
  position: absolute;
  top: -13px;
  right: 6px;
  color: #ffc900;
  font-size: 18px;
}
.custom-dropdown-class .ant-checkbox-inner {
  width: 24px;
  height: 24px;
}
.custom-dropdown-class input.ant-checkbox-input {
  width: 24px;
  height: 24px;
}
.custom-dropdown-class .ant-checkbox {
  top: -2px;
}
.custom-dropdown-class .ant-checkbox-inner::after {
  top: 47%;
  left: 30.5%;
}
.custom-dropdown-class .ant-checkbox-checked .ant-checkbox-inner::after {
  border: 2px solid #000;
  border-top: 0;
  border-left: 0;
}

.dropdown-menu-sec .ant-dropdown-menu {
  background-color: #15171b;
  max-width: 260px;
  border-radius: 8px;
}
.dropdown-menu-sec .ant-dropdown-menu .ant-dropdown-menu-item-only-child {
  margin: 8px 0px;
}
.dropdown-menu-sec .ant-dropdown-menu .ant-dropdown-menu-item-only-child .ant-dropdown-menu-title-content a {
  color: #ffc900;
}
.dropdown-menu-sec .ant-dropdown-menu .ant-dropdown-menu-item-only-child .ant-dropdown-menu-title-content a:hover {
  color: #fff;
}
.dropdown-menu-sec .ant-dropdown-menu .ant-dropdown-menu-item-only-child:hover {
  background-color: #15171b;
}
.dropdown-menu-sec .ant-dropdown-menu-item.ant-dropdown-menu-item-active {
  background: #15171b;
}

.custom-checkbox-register .ant-checkbox-checked .ant-checkbox-inner::after {
  border: 3px solid #000 !important;
  border-top: 0 !important;
  border-left: 0 !important;
}

.visible {
  display: contents !important;
}

.hide {
  display: none;
}

@media screen and (max-width: 900px) {
  .account-overview h4 {
    font-size: 20px !important;
    font-weight: 400 !important;
  }
  .account-overview div:has(> h4) {
    padding: 1rem 0.6rem;
    margin-bottom: 0px;
  }
  .account-overview div:has(> .portfolio) {
    padding: 1rem 0.3rem;
  }
}

@media screen and (max-width: 900px) {
  .fund-wallet button {
    width: 132px !important;
    height: 30px !important;
  }
  .fund-wallet .overview-settings {
    height: 30px !important;
    width: 42px !important;
    margin-right: 20px !important;
    background: #2b2b2b !important;
  }
  .fund-wallet .overview-settings div span:last-child {
    display: none;
  }
}

.dashboard-wallets {
  overflow: hidden;
  height: 100%;
}
.dashboard-wallets .content {
  margin: 30px;
  background: #0a0b0d;
  border: 1px solid #1c1f27;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .dashboard-wallets .content {
    margin: 10px;
  }
}
.dashboard-wallets .content .dashboard-wallets-tabs .ant-tabs-nav {
  border-bottom: 1px solid #1c1f27;
  padding-left: 10px;
  margin-bottom: 0px;
}
.dashboard-wallets .content .dashboard-wallets-tabs .ant-tabs-content {
  padding: 10px;
}
.dashboard-wallets .content .table-wrapper {
  overflow: auto;
  border: 1px solid #1c1f27;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .ant-dropdown:has(> .portfolio-checkbox-class) {
    width: 80% !important;
  }
}

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.875rem;
  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;
  }
}
.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 {
  margin: 0 0 2rem 0;
  border: 1px solid #1c1f27;
  border-radius: 5px;
}
.asset-card .ant-card {
  background: black;
  border-bottom: 1px solid #1c1f27;
  border-radius: 0px;
  color: white;
  height: 60px;
}
.asset-card .ant-card .ant-card-body {
  display: flex;
  align-items: center;
  padding-left: 10px;
  height: 100%;
}
.asset-card .card-divider {
  margin-bottom: 1rem;
}
.asset-card table thead {
  border-bottom: 1px solid #1c1f27;
  background-color: #15171b;
}
.asset-card table thead tr th {
  padding: 5px;
  height: 52px;
}
.asset-card table tbody {
  border-bottom: 1px solid #1c1f27;
}
.asset-card table tbody:last-child {
  border-bottom: none;
}

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;
}

.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;
}

.exchange-layout {
  padding: 10px;
  display: flex;
  height: 100%;
}

.assets-layout {
  width: 260px;
  display: flex;
  flex-direction: column;
  margin-right: 15px;
  height: 1115px;
}
@media only screen and (max-width: 768px) {
  .assets-layout {
    display: none;
    height: 100%;
  }
}
.assets-layout .asset-pair-tabs-wrapper {
  border: 1px solid #1c1f27;
  border-radius: 5px;
  height: 100%;
}
.assets-layout .asset-select {
  overflow-x: auto;
  white-space: nowrap;
}
.assets-layout .asset-select .react-horizontal-scrolling-menu--inner-wrapper .react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar {
  height: 6px;
}
.assets-layout .asset-select .react-horizontal-scrolling-menu--inner-wrapper .react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 10px;
}
.assets-layout .asset-select .react-horizontal-scrolling-menu--inner-wrapper .react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.assets-layout .asset-select .react-horizontal-scrolling-menu--inner-wrapper button {
  border: 1px solid #33363d;
  background-color: #16171b !important;
  width: 25px;
  padding: 0px;
}
.assets-layout .asset-select .toggle-box {
  display: inline-block;
  width: 60px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #a6a6a6;
  border: 1px solid #33363d;
  border-left: none;
  vertical-align: top;
  background-color: #16171b !important;
}
.assets-layout .asset-select .toggle-box:first-of-type {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  height: 32px;
}
.assets-layout .asset-select .toggle-box.selected {
  border-top: 1px #dea702 solid;
  color: #dea702;
  background: #000;
  border-bottom: none;
}
.assets-layout .asset-select .toggle-box:hover {
  cursor: pointer;
}
.assets-layout .asset-select .toggle-box.disabled:hover {
  cursor: not-allowed;
}
@media screen and (max-width: 768px) {
  .assets-layout .asset-select .table .ant-table-wrapper {
    margin-top: 0px !important;
  }
}
.assets-layout .asset-select .table .ant-pagination {
  z-index: 3000;
}
@media screen and (max-width: 768px) {
  .assets-layout .asset-select .table .ant-pagination {
    justify-content: flex-end !important;
  }
}
.assets-layout .filter {
  padding: 15px;
  background: black;
}
.assets-layout .filter .search-input {
  width: 100% !important;
}
.assets-layout .filter .search-input .ant-input-affix-wrapper {
  background: black;
}
.assets-layout .filter .search-input .ant-input-affix-wrapper .ant-input {
  background-color: black;
}
.assets-layout .filter .search-input .ant-input-group-addon {
  background-color: #000;
}
.assets-layout .table .ant-pagination {
  justify-content: center;
}
.assets-layout .table .ant-table {
  border: none !important;
}

.info-layout {
  width: calc(100% - 800px);
  min-width: 550px;
}
@media screen and (max-width: 768px) {
  .info-layout {
    width: 100%;
    min-width: unset;
  }
}
.info-layout .column-header {
  width: 100%;
  padding-right: 10px;
}
.info-layout .column-header > ul {
  list-style-type: none;
  margin-left: 0px;
  width: 100%;
  margin-bottom: 0px;
}
.info-layout .column-header > ul > li {
  font-size: 80%;
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
  text-transform: uppercase;
}
.info-layout .column-header > ul > li.last {
  margin-right: 0px;
}
.info-layout .column-header > ul li.active {
  cursor: default;
}
.info-layout > .left-column {
  border-right: 1px solid rgba(128, 128, 128, 0.45);
  border-top: none;
}
.info-layout .right-column {
  border-left: 1px solid rgba(128, 128, 128, 0.45);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: none;
}
.info-layout .chart-section {
  border: 1px solid #1c1f27;
  border-radius: 5px;
  margin-bottom: 13px;
  display: flex;
  flex-direction: column;
  height: 560px;
}
@media screen and (max-width: 768px) {
  .info-layout .chart-section {
    height: 100%;
    margin-bottom: 0;
  }
}
.info-layout .market-picker {
  padding: 12px;
  border-right: 1px solid #1c1f27;
  border-left: 1px solid #1c1f27;
  height: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .info-layout .market-picker {
    border-right: none !important;
  }
}

.control-layout {
  width: 590px;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .control-layout {
    width: 100%;
    margin-left: unset;
  }
}
.control-layout .buy-sell-wrapper {
  height: 540px;
}
@media only screen and (max-width: 768px) {
  .control-layout .buy-sell-wrapper {
    height: 100%;
  }
}

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

i.anticon.anticon-right.ant-collapse-arrow {
  display: none !important;
}

.top-bar {
  display: flex;
  border-bottom: 1px solid #1c1f27;
}
@media only screen and (max-width: 576px) {
  .top-bar {
    flex-direction: column;
  }
}
.top-bar .first-section {
  display: flex;
}
@media only screen and (max-width: 576px) {
  .top-bar .first-section {
    border-bottom: 1px solid #1c1f27;
  }
}
.top-bar .last-section {
  overflow: visible;
}
.top-bar .shuffle {
  margin: 0 10px;
}
.top-bar ul {
  line-height: 1;
}

.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 .orderbook .my-order:hover td {
  background-color: rgba(33, 32, 32, 0.1882352941) !important;
}

@-moz-document url-prefix() {
  .order-table-container .sticky-table .sticky-table-y-wrapper {
    padding-right: 0px !important;
  }
}
.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;
}

#center-item {
  margin: auto 2px auto 2px;
}

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

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

.short-long-button span {
  padding: 2px 2px 2px 0px;
}

.short-long-button button {
  padding: 2px 2px 2px 0px;
}

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

.order-form .ant-form-item {
  width: 100%;
  height: 50px;
  background: #21252f;
  border-radius: 4px;
  margin-bottom: 10px;
  color: white;
}
.order-form .ant-form-item .ant-form-item-row .ant-form-item-label {
  display: flex;
  align-items: center;
  flex: none;
  height: 100%;
  padding: 4px 0;
  width: 120px;
}
.order-form .ant-form-item .ant-form-item-row .ant-form-item-label label {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  padding-left: 10px;
  white-space: none;
}
@media screen and (max-width: 768px) {
  .order-form .ant-form-item .ant-form-item-row .ant-form-item-label label {
    justify-content: center;
  }
}
@media screen and (max-width: 1250px) {
  .order-form .ant-form-item .ant-form-item-row .ant-form-item-label label {
    font-size: 12px;
  }
}
.order-form .ant-form-item .ant-form-item-row .ant-form-item-label label:after {
  content: "" !important;
}
.order-form .ant-form-item .ant-form-item-row .ant-form-item-control {
  flex: 1 1 0;
  display: flex;
  margin-left: 5px;
  max-width: unset;
}
.order-form .ant-form-item .ant-form-item-row .ant-form-item-control .ant-form-item-control-input {
  text-align: right;
  width: 100%;
}
.order-form .ant-form-item .ant-form-item-row .ant-form-item-control .ant-form-item-control-input input {
  background-color: transparent;
  border-color: rgba(128, 128, 128, 0.45);
  outline: none;
}
.order-form .ant-input {
  border: none;
  outline: none;
  border-left: 1px solid rgba(86, 97, 118, 0.3);
  background: transparent;
}
.order-form .ant-input[disabled] {
  background-color: #21252f;
  color: grey;
}
.order-form .ant-input-group-addon {
  text-align: left;
  padding-left: 5px;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.5);
}
.order-form .ant-input-group-addon span {
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: flex-end;
}
.order-form .expiration-datetime-picker--hidden {
  display: flex;
  visibility: hidden;
  height: 0;
}
.order-form .ant-form-item-has-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
  background: transparent !important;
  border-left: 1px solid;
  border-color: rgba(86, 97, 118, 0.3);
  box-shadow: none;
}

.flexifyGrow {
  flex-grow: 1;
}

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

.sell-form > div.ant-tabs-bar {
  border-bottom: 1px solid #ff2929 !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;
}

.my-order {
  border-left: 1px solid #ffc000 !important;
}

.ask-order-tr {
  background-color: rgb(9, 22, 19);
  border-bottom: 1px solid #1c1f27;
}

.bid-order-tr {
  background-color: rgb(29, 13, 15);
  border-bottom: 1px solid #1c1f27;
}

.orders-and-trade {
  display: flex;
  height: 560px;
}
@media screen and (max-width: 768px) {
  .orders-and-trade {
    flex-direction: column;
    height: unset;
  }
}
.orders-and-trade .orders-trade-form {
  flex-grow: 1;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #1c1f27;
  width: 50%;
  max-height: 560px;
}
.orders-and-trade .orders-trade-form:first-child {
  margin-right: 1%;
}
@media screen and (max-width: 768px) {
  .orders-and-trade .orders-trade-form:first-child {
    margin-right: unset;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .orders-and-trade .orders-trade-form:last-child {
    padding-bottom: 3px;
    max-height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .orders-and-trade .orders-trade-form {
    width: 100%;
  }
}

.trade-view-chart-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.open-orders-section {
  display: flex;
  justify-content: "space-between";
  flex-direction: column;
  width: 100%;
  height: 540px;
  border: 1px solid #1c1f27;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .open-orders-section {
    height: 100%;
  }
}

.action-cards {
  border-radius: 5px;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1443px) {
  .action-cards {
    height: calc(50% + 21px);
  }
}
@media only screen and (max-width: 768px) {
  .action-cards {
    height: 100%;
  }
}
.action-cards .my-open-orders-res {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.action-cards .my-open-orders-res .ant-table {
  border-left: none;
  border-right: none;
}
.action-cards .my-open-orders-res .ant-table .ant-table-body::-webkit-scrollbar {
  width: 6px;
}
.action-cards .my-open-orders-res .ant-table .ant-table-body::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 10px;
  opacity: 0.5;
}
.action-cards .my-open-orders-res .ant-table .ant-table-body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.action-cards .my-open-orders-res .ant-tabs-nav {
  padding-left: 16px;
  margin: 0 !important;
}
.action-cards .my-open-orders-res .ant-tabs-nav .ant-tabs-nav-list {
  width: unset !important;
  height: 40px;
}
.action-cards .my-open-orders-res .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
  text-align: center;
  display: flex;
  justify-content: center;
  border-bottom: none !important;
}
.action-cards .my-open-orders-res .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar {
  display: none;
}
.action-cards .my-open-orders-res .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  border-bottom: none !important;
}

.buy-form .ant-tabs-nav-list .ant-tabs-tab {
  width: 50px !important;
  text-align: center;
  display: flex;
  justify-content: center;
}
.buy-form .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  border-top: none !important;
}
.buy-form .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 10px;
}

.sell-form .ant-tabs-nav-list .ant-tabs-tab {
  width: 50px !important;
  text-align: center;
  display: flex;
  justify-content: center;
}
.sell-form .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  border-top: none !important;
}
.sell-form .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 10px;
}

.buy-sell-tab .ant-tabs-nav {
  margin: 0;
  border-bottom: 1px solid #1c1f27;
}
.buy-sell-tab .ant-tabs-nav .ant-tabs-ink-bar {
  display: none;
}
.buy-sell-tab .ant-tabs-nav .ant-tabs-nav-list {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.buy-sell-tab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.buy-sell-tab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  border-top: 2px solid #ffc000;
  border-bottom: none !important;
  background: #15171b;
}
.buy-sell-tab .ant-tabs-tabpane {
  background: #15171b;
}
.buy-sell-tab .ant-tabs-tabpane .ant-form-item-explain {
  display: none;
}

.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 .transition-container {
  display: table-row-group;
}
.left-order-book .table-container {
  flex-grow: 1;
  width: 100%;
  position: relative;
}
.left-order-book .my-order {
  background: #15171b;
  text-align: right;
}
.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,
.left-order-book .cell .text-center.spread .settings {
  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 .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;
}

.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;
}
@media screen and (max-width: 576px) {
  ul.market-stats {
    justify-content: space-between;
    padding: 0px 10px;
  }
}
@media screen and (max-width: 576px) {
  ul.market-stats li {
    margin-left: 0;
  }
}

.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;
}

@media (max-width: 450px) {
  .exchange-gear {
    display: none !important;
  }
  .exchange--chart-control {
    display: none !important;
  }
}
.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;
  -webkit-user-select: none;
     -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;
}

.limit-order-split-line {
  border-bottom: 1px solid #21252f;
}

.limit-order-input-wrapper {
  display: flex;
  height: 50px;
  background: #21252f;
  border-radius: 4px;
  flex-direction: row;
  margin-bottom: 10px;
  align-items: center;
  width: 100%;
  padding-left: 5px;
}
.limit-order-input-wrapper .limit-order-input {
  width: 100%;
}
.limit-order-input-wrapper .limit-order-input .ant-input-group-addon {
  background-color: transparent;
  border: none;
  padding-right: 5px;
}
.limit-order-input-wrapper .limit-order-input .ant-input-group-addon .limit-order-text {
  font-size: 14px;
  text-align: right;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

.border-bottom-class {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.buy-sell-label {
  font-size: 14px;
  text-transform: uppercase;
  padding: 1px;
  z-index: 0;
  width: 100px;
  margin-left: 8px;
}
@media screen and (max-width: 1250px) {
  .buy-sell-label {
    font-size: 12px;
  }
}

.buy-sell-input {
  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 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

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

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

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

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

.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: 0.8rem;
  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 #009d55 !important;
}

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

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

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,
.shuffle > svg > path {
  fill: #878787 !important;
}

.white-star > svg > path {
  fill: #fff !important;
}

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

.shuffle:hover > svg > path,
.grey-star:hover > svg > path {
  fill: #cc9f00 !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: right;
  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;
  }
}
.buysell-select {
  background: none !important;
  -webkit-appearance: menulist;
  -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;
}

.fund-tab-wrapper {
  display: flex;
  flex-direction: column;
}
.fund-tab-wrapper .total-balance-title {
  background: #15171b;
  height: 56px;
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
}
.fund-tab-wrapper .total-balance-title div:first-child {
  font-size: 18px;
}
.fund-tab-wrapper .total-balance-title div:last-child {
  font-size: 22px;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content thead {
  background: #0a0b0d;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content thead th {
  color: rgba(255, 192, 0, 0.7);
  font-size: 14px;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content thead th:first-child {
  padding-left: 20px;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content thead th:last-child {
  color: rgba(255, 255, 255, 0.7);
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody {
  background: #0a0b0d;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr:first-child td {
  border-top: 1px solid #1c1f27;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr td {
  height: 55px;
  padding: 0 10px !important;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr td:first-child {
  width: 30%;
  padding-left: 20px !important;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr td:last-child {
  width: 30%;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr td:last-child .fund-action-wrapper button {
  width: 90px;
  height: 30px;
  background: #15171b;
  border: 1px solid #21252f;
  border-radius: 3px;
  color: white;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr td:last-child .fund-action-wrapper button:last-child {
  margin-left: 5px;
}
.fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr:last-child td {
  border-bottom: none;
}

.market-history-view-row {
  height: 64;
  border: 1px solid #1c1f27;
}
.market-history-view-row .td-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.market-history-view-row .td-content .cancel-round-btn path {
  fill: #ff2929;
}

.market-order-table-text-header {
  text-transform: unset;
  color: #ffc000;
  border-bottom: none;
  text-align: center;
  font-size: 14px;
}

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

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

.market-order-table-action-header {
  text-transform: unset;
  color: #ff2929;
  border-bottom: none;
  text-align: center;
  font-size: 14px;
}

.market-order-table-cancel-button {
  width: 32px;
  height: 32px;
  background: #0a0b0d;
  border: 1px solid #1c1f27;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.market-order-table-container {
  background-color: green;
}
.market-order-table-container .ant-table-wrapper {
  width: 100% !important;
}
.market-order-table-container .ant-table-wrapper .ant-table-container .ant-table-body {
  overflow: auto !important;
}
.market-order-table-container .ant-table-wrapper .ant-table-container .ant-table-body::-webkit-scrollbar {
  height: 6px;
}
.market-order-table-container .ant-table-wrapper .ant-table-container .ant-table-body::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 10px;
}
.market-order-table-container .ant-table-wrapper .ant-table-container .ant-table-body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.market-order-table-container .ant-table-wrapper table .ant-table-thead tr > th {
  border-radius: 0px !important;
  box-shadow: none !important;
}
.market-order-table-container .ant-table-wrapper table .ant-table-tbody .ant-table-cell {
  padding: 0 !important;
}
.market-order-table-container .ant-table-wrapper table .ant-table-tbody .ant-table-cell div.td-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 64px;
}
.market-order-table-container .ant-table-wrapper table .ant-table-tbody .ant-table-cell:first-of-type {
  padding-left: 0px !important;
}
.market-order-table-container .ant-table-wrapper table .ant-table-tbody .ant-table-cell:last-child {
  text-align: -webkit-center;
  text-align: -moz-center;
}
.market-order-table-container .ant-table-wrapper table .ant-table-tbody .ant-table-row {
  height: 64px;
  border: 1px solid #1c1f27;
}

.td-content-common-text {
  color: white;
  text-align: center;
  font-size: 14px;
}

.td-content-divider {
  border-bottom: 1px solid #566176;
  width: 45px;
  height: 0px;
  margin-top: 5;
  margin-bottom: 5;
}

.td-content-second-text {
  color: #715c5c;
  text-align: center;
  font-size: 14px;
}

.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;
  color: white;
}
.marketPicker .ant-row {
  display: flex;
  align-items: center;
}
.marketPicker input {
  font-size: 0.9rem;
  position: relative;
  top: 1;
  border: 1px solid #1c1f27;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 5px;
}
.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 {
  text-align: left;
}
.withdraw-fee-selector .ant-form-item-label {
  padding: 0 !important;
}
.withdraw-fee-selector .amount-selector-field--label {
  text-align: left !important;
  margin-bottom: 0;
}
.withdraw-fee-selector :after {
  content: none !important;
}

.backing-assets .content-body {
  margin: 2rem;
  background: #0a0b0d;
  border: 1px solid #1c1f27;
  border-radius: 4px;
}
@media screen and (max-width: 870px) {
  .backing-assets .content-body {
    margin: 0px 9px 0px;
  }
}
@media screen and (max-width: 870px) {
  .backing-assets .content-body .header {
    flex-direction: column;
    align-items: baseline;
    margin-bottom: 16px;
    margin-left: 6px !important;
    margin-top: 6px !important;
  }
}
.backing-assets .content-body .header .header-content {
  display: flex;
  flex-direction: column;
}
.backing-assets .title1 {
  font-size: 24px;
  margin-bottom: 10px;
}
@media screen and (max-width: 870px) {
  .backing-assets .title1 {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}
.backing-assets .title2 {
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 870px) {
  .backing-assets .title2 {
    font-size: 11px !important;
    line-height: 1.5 !important;
  }
}
.backing-assets .title2 .golden {
  color: #ffc000;
}
.backing-assets .title3 {
  font-size: 16px;
}
@media screen and (max-width: 870px) {
  .backing-assets .title3 {
    font-size: 10px !important;
    line-height: 1.5 !important;
  }
}
@media screen and (max-width: 650px) {
  .backing-assets .ant-typography {
    display: flex;
    justify-content: left;
  }
}
@media screen and (max-width: 870px) {
  .backing-assets span.ant-typography {
    font-size: 11px !important;
  }
}
.backing-assets .percentage-content {
  float: right !important;
  width: 170px;
  text-align: right;
  font-size: 15px;
}
@media screen and (max-width: 870px) {
  .backing-assets .percentage-content {
    width: 119px;
  }
}
@media screen and (max-width: 650px) {
  .backing-assets .percentage-content {
    width: 100%;
    display: inline;
    margin-left: 10px;
  }
}
@media screen and (max-width: 650px) {
  .backing-assets .percentage-content {
    margin-left: 14px;
  }
}
.backing-assets .content {
  font-size: 16px;
  width: 100%;
}
.backing-assets .container {
  padding-left: "1rem";
}
@media screen and (max-width: 650px) {
  .backing-assets .container {
    padding-left: 1px;
  }
}
.backing-assets .list-wrapper {
  position: relative;
}
.backing-assets .list-wrapper .search-input {
  width: 350px !important;
  position: absolute;
  right: 5px;
  top: 6px;
  z-index: 100;
  background: #21252f;
  border-radius: 4px;
  height: 50px;
  align-items: center;
  display: flex;
}
@media (max-width: 870px) {
  .backing-assets .list-wrapper .search-input {
    height: unset !important;
    width: 95% !important;
    top: 50px !important;
  }
}
@media (max-width: 870px) {
  .backing-assets .list-wrapper .search-input .ant-input-wrapper input {
    font-size: 12px;
  }
}
.backing-assets .list-wrapper .search-input .ant-input-affix-wrapper {
  background: #21252f;
}
.backing-assets .list-wrapper .search-input .ant-input-affix-wrapper input {
  background: #21252f;
}
.backing-assets .list-wrapper .search-input .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border: none;
}
.backing-assets .list-wrapper .search-input .ant-input-group-addon {
  background: #21252f;
  border-radius: 4px;
}
.backing-assets .list-wrapper .ant-tabs {
  z-index: 10;
}
.backing-assets .list-wrapper .ant-tabs .ant-tabs-nav {
  height: 60px;
  background: #15171b;
  border-top: 1px solid #212530;
  padding-left: 20px;
}
@media (max-width: 870px) {
  .backing-assets .list-wrapper .ant-tabs .ant-tabs-nav {
    height: 40px !important;
    padding-left: 6px !important;
  }
}
.backing-assets .list-wrapper .ant-tabs .ant-tabs-nav .ant-tabs-tab {
  font-size: 16px;
  color: #969ba6;
  width: 136px;
  display: flex;
  justify-content: center;
}
@media (max-width: 870px) {
  .backing-assets .list-wrapper .ant-tabs .ant-tabs-nav .ant-tabs-tab {
    font-size: 14px !important;
    width: 90px !important;
  }
}
.backing-assets .list-wrapper .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
  border-top: 3px solid #ffc000 !important;
}
@media (max-width: 650px) {
  .backing-assets .list-wrapper .ant-tabs .ant-list-item-meta {
    flex-direction: column;
  }
}
@media (max-width: 650px) {
  .backing-assets .list-wrapper .ant-tabs .ant-list-item-meta-content {
    width: 100%;
  }
}
.backing-assets .list-wrapper .ant-tabs .ant-list-items {
  margin-top: 10px;
}
@media (max-width: 870px) {
  .backing-assets .list-wrapper .ant-tabs .ant-list-items {
    margin-top: 40px !important;
  }
}
.backing-assets .list-wrapper .ant-tabs .ant-list-items .ant-list-item {
  padding: 20px;
  border-bottom: 1px solid #1c1f27;
}
.backing-assets .list-wrapper .ant-tabs .ant-list-items .ant-list-item .ant-avatar {
  width: 92px;
  height: 85px;
}
.backing-assets .list-wrapper .ant-tabs .ant-list-items .progress {
  width: 170px;
  margin-top: 20px;
}
@media (max-width: 870px) {
  .backing-assets .list-wrapper .ant-tabs .ant-list-items .progress {
    width: 119px;
  }
}
@media (max-width: 650px) {
  .backing-assets .list-wrapper .ant-tabs .ant-list-items .progress {
    width: 80%;
    margin-top: -17px;
    margin-right: 10px;
  }
}
@media (max-width: 380px) {
  .backing-assets .list-wrapper .ant-tabs .ant-list-items .progress {
    width: 70%;
  }
}
.backing-assets .list-wrapper .ant-tabs .ant-list-items .progress .ant-progress-inner {
  height: 10px;
}
.backing-assets .list-wrapper .ant-tabs .ant-list-items .progress .ant-progress-inner .ant-progress-bg {
  height: 10px !important;
}

.backing-asset-detail {
  width: 80%;
  margin: 0 auto;
  overflow-y: unset !important;
}
.backing-asset-detail .header-wrapper {
  padding: 3rem;
  text-align: center;
}
@media (max-width: 850px) {
  .backing-asset-detail .header-wrapper {
    padding: 0.5rem;
    margin-top: 20px;
  }
  .backing-asset-detail .header-wrapper h3 {
    font-size: 18px !important;
  }
}
.backing-asset-detail .main-body .title-wrapper {
  margin-top: 1rem;
  background-color: #21252f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30px;
}
@media (max-width: 850px) {
  .backing-asset-detail .main-body .title-wrapper {
    padding: 0.5rem;
  }
  .backing-asset-detail .main-body .title-wrapper span {
    font-size: 13px !important;
    word-wrap: break-word;
  }
}
.backing-asset-detail .main-body .info-content {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 850px) {
  .backing-asset-detail .main-body .info-content {
    font-size: 13px;
    word-wrap: break-word;
  }
}
.backing-asset-detail .main-body .info-content-value {
  color: rgba(206, 206, 206, 0.6);
  font-size: 16px;
}
@media (max-width: 850px) {
  .backing-asset-detail .main-body .info-content-value {
    font-size: 13px;
    word-wrap: break-word;
  }
}
.backing-asset-detail .main-body .document-link {
  text-decoration: underline;
  font-size: 16px;
}
@media (max-width: 850px) {
  .backing-asset-detail .main-body .document-link {
    font-size: 13px;
  }
}
.backing-asset-detail .main-body .info-body {
  background: #15171b;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 30px;
}
@media (max-width: 850px) {
  .backing-asset-detail .main-body .info-body {
    padding: 15px;
  }
}
.backing-asset-detail .main-body .info-body .info-text {
  font-size: 16px;
  color: #cecece;
}
@media (max-width: 850px) {
  .backing-asset-detail .main-body .info-body .info-text {
    font-size: 13px;
  }
}
@media (max-width: 950px) {
  .backing-asset-detail .main-body .info-body .info-details {
    flex-direction: column;
    align-items: baseline;
  }
}
.backing-asset-detail .main-body .info-body .info-details .info-img {
  width: 365px;
  padding: 20px;
}
@media (max-width: 950px) {
  .backing-asset-detail .main-body .info-body .info-details .info-img {
    width: 200px;
    margin: 0px;
  }
}
.backing-asset-detail .main-body .footer-progress {
  padding: 30px;
  background: #ffc000;
  margin-top: 30px;
  border-radius: 6px;
  margin-bottom: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 850px) {
  .backing-asset-detail .main-body .footer-progress {
    padding: 15px;
    flex-direction: column !important;
    gap: 20px;
  }
  .backing-asset-detail .main-body .footer-progress span {
    font-size: 18px;
    width: 96%;
  }
}
.backing-asset-detail .main-body .footer-progress .progress-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 850px) {
  .backing-asset-detail .main-body .footer-progress .progress-wrapper {
    width: 100%;
  }
  .backing-asset-detail .main-body .footer-progress .progress-wrapper span {
    width: 50px;
  }
}
.backing-asset-detail .main-body .footer-progress .progress-wrapper .progress {
  width: 170px;
}
.backing-asset-detail .main-body .footer-progress .progress-wrapper .progress .ant-progress-inner {
  height: 10px;
}
.backing-asset-detail .main-body .footer-progress .progress-wrapper .progress .ant-progress-inner .ant-progress-bg {
  height: 10px !important;
}

.markets {
  background-color: black;
}
.markets .bottom-header {
  margin-bottom: 10px;
}
.markets .bottom-header .mymarkets-header {
  border-bottom: 1px solid;
  border-bottom-color: #ffc000;
  color: #ffc000;
  text-align: center;
}
.markets .bottom-header .mymarkets-header.inactive {
  border-bottom-color: transparent;
  color: white;
}
.markets .asset-selector-wrapper {
  width: 100%;
  text-align: left;
  padding: 0.75rem 0.5rem;
}
@media screen and (max-width: 576px) {
  .markets .asset-selector-wrapper table {
    width: 100% !important;
  }
}
.markets .asset-selector-wrapper table .asset-selector ul {
  text-align: left;
}
.markets .mymarkets-tabs {
  width: 100%;
  list-style: none;
  margin: 10px auto;
}
.markets .mymarkets-tabs > li {
  font-size: 15px;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.markets .mymarkets-tabs > li:hover {
  color: #ffc000;
}
.markets .mymarkets-tabs > li.active {
  color: #ffc000;
}
.markets .mymarkets-base-select {
  margin: 0;
  padding: 0;
  height: inherit;
  font-size: inherit;
}
.markets .mymarkets-list {
  padding: 0;
  font-size: 0.75rem;
}
.markets .mymarkets-list .table-wrapper {
  overflow: auto;
  border-radius: 4px 4px 0px 0px;
}
.markets .mymarkets-list .table-wrapper .table {
  border: 1px solid #15171b;
}
.markets .mymarkets-list .table > thead tr th {
  font-size: 0.75rem;
  height: 50px;
  background-color: #15171b;
}
.markets .mymarkets-list .table > tbody tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #15171b;
}
.markets .mymarkets-list .table > tbody tr:hover td {
  background-color: rgba(33, 32, 32, 0.1882352941) !important;
}
.markets .checkbox label::before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  border: 1px solid gray;
}
.markets .checkbox label::after {
  display: inline-block;
  height: 15px;
  width: 15px;
  background: #ffc000;
}
.markets .checkbox label {
  position: relative;
}
.markets .checkbox label::before,
.markets .checkbox label::after {
  position: absolute;
  left: -20px;
  top: 3px;
}
.markets .checkbox input[type=checkbox] + label::after {
  content: none;
}
.markets .checkbox input[type=checkbox]:checked + label::after {
  content: "";
}
.markets .checkbox input[type=checkbox] {
  opacity: 0;
}
.markets .mymarkets-search-container {
  display: flex;
  alignitems: center;
}
.markets .checkboxes-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

@media screen and (max-width: 576px) {
  .markets .search-wrapper {
    width: 100%;
  }
  .markets .filter {
    width: 100%;
  }
  .markets .mymarkets-search-container {
    display: block;
  }
  .markets .checkbox {
    margin: 0 0 0 20px !important;
  }
  .markets .checkbox label::before,
  .markets .checkbox label::after {
    height: 20px;
    width: 20px;
  }
  .markets .checkbox label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }
  .markets .grid-block {
    padding: 0 !important;
  }
  .markets .checkboxes-container {
    border-top: 1px solid rgba(234, 234, 234, 0.8);
    margin-top: 20px;
    padding-top: 20px;
  }
}
.order-book-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.order-book-panel .overflow-hidden {
  overflow: hidden !important;
  font-size: 14px !important;
}
.order-book-panel .header {
  background: #1c1f27;
  font-size: 14px;
  height: 46px;
  width: 100%;
  color: white;
}
.order-book-panel .header div {
  display: inline-block;
}
.order-book-panel .header div.title {
  margin-left: 10px;
  margin-top: 15px;
}
.order-book-panel .header div.tap {
  float: right;
  padding: 15px 20px;
}
.order-book-panel .header div.tap.active {
  background-color: black;
  border-top: 2px solid #ffc000;
  color: #ffc000;
}
.order-book-panel .header div.tap:hover {
  cursor: pointer;
}
.order-book-panel .orderbook-divider {
  border-top: 1px solid #1c1f27;
  border-bottom: 1px solid #1c1f27;
  display: flex;
  align-items: center;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 50px;
  padding-left: 10px;
}
.order-book-panel .table-height-auto {
  height: auto !important;
}

#top-order-table::-webkit-scrollbar {
  width: 6px;
}
#top-order-table::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 10px;
}
#top-order-table::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}

#bottom-order-table::-webkit-scrollbar {
  width: 6px;
}
#bottom-order-table::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 10px;
}
#bottom-order-table::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}

.amount_footer {
  display: flex;
  background: #21252f;
  border-radius: 4px;
  margin: -15px 0 0 0;
  display: flex;
  justify-content: space-between;
  padding: 5px 15px;
  border-top: 1px solid rgba(86, 97, 118, 0.3);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -10px;
}
.amount_footer .left_footer_sec {
  display: flex;
  align-items: center;
}
.amount_footer .left_footer_sec span {
  font-size: 12px;
  text-align: right;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(86, 97, 118, 0.3);
  padding-right: 10px;
}
.amount_footer .right_footer_sec span {
  font-size: 14px;
  text-align: right;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin: 0 0 0 8px;
}
.amount_footer .wallet_img {
  max-width: 15px;
  margin-right: 6px;
}
.amount_footer .per_item {
  cursor: pointer;
}
.amount_footer .active_item {
  color: #fff !important;
}

@media screen and (max-width: 1440px) {
  .order-book-panel .header .tap {
    padding: 15px 8px !important;
  }
}
.buy-sell-container .ant-row {
  padding: 5px;
}
.buy-sell-container .ant-row .ant-input-group-addon {
  padding: 0;
}

.market-history-custom .overflow-hidden {
  overflow: hidden !important;
  font-size: 14px !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;
}

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

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

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

.ant-form-item-control {
  line-height: 0px !important;
}

.asset-input.ant-form-item {
  background-color: #240000 !important;
}
.asset-input.ant-form-item .ant-form-item-control {
  max-width: none;
}

.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: 21px 26px;
  /* 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 #15171b;
  max-height: 400px;
  width: 250px;
}
.dropdown-wrapper ul.dropdown {
  /* Size & position */
  min-width: 200px;
  position: absolute;
  top: 3.1rem;
  right: 0;
  z-index: 999;
  margin-left: 0;
  /* Styles */
  background: #15171b;
  border-radius: 0 0 5px 5px;
  border: 1px solid #15171b;
  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;
  top: 0;
  bottom: 0;
  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;
}

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

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

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

button.red {
  background-color: rgb(245, 27, 27);
}

button.green {
  background-color: rgb(48, 185, 14);
}

button.blue {
  background-color: rgb(65, 116, 184);
}

button.disabled {
  background-color: rgb(77, 94, 116);
}

.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;
}

.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;
  }
}

.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;
}

.blockNotification {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 30px;
  cursor: pointer;
}
.blockNotification .notiIcon {
  width: 23px;
  height: 32px;
}
.blockNotification .badgeCount {
  position: absolute;
  width: 23px;
  height: 23px;
  background: #fc0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  top: 1px;
  right: -19px;
  text-shadow: 1px 1px 2px black;
}

.contentHtml {
  max-width: 350px;
}
.contentHtml img {
  max-width: 100% !important;
}

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

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

.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 p:last-of-type {
  margin-bottom: 0;
  color: white;
  font-size: 14px;
}

.menu {
  padding: 20px;
  height: 100%;
}
@media (max-width: 990px) {
  .menu {
    height: -moz-fit-content !important;
    height: fit-content !important;
    a-display: block;
  }
  .menu ul {
    height: 44px !important;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 0px;
  }
  .menu li {
    width: unset !important;
    border: 0px solid transparent !important;
  }
  .menu li div {
    width: -moz-fit-content !important;
    width: fit-content !important;
    display: flex !important;
    justify-content: center;
    padding: 6px 19px 6px !important;
  }
  .menu li div a {
    white-space: nowrap;
  }
  .menu li .selected {
    border-bottom: 2px solid yellow !important;
    border-right: 2px solid transparent !important;
  }
}
.menu ul {
  list-style: none !important;
  height: 100%;
}
.menu li {
  padding: 0;
  float: left;
  width: 100%;
}

.help-container {
  margin-bottom: 100px !important;
}

.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: 110px;
  background-color: rgb(255, 255, 255);
  opacity: 0.9;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  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;
}

.withdraw_modal_new .ant-modal-title {
  text-transform: uppercase;
  text-align: center;
}

.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 .show-balance,
.modal .show-balance {
  color: #ffc000;
}
.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;
}

.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body {
  padding-bottom: 0px;
  padding-top: 5px;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body .ant-tabs-nav-list {
  width: 100%;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body .ant-tabs-nav-list .ant-tabs-tab {
  width: 100%;
  border-bottom: 1px solid #1c1f27;
  margin: 0;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body .ant-tabs-nav-list .ant-tabs-tab > div {
  width: 100%;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form {
  padding-top: 0px;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper form {
  width: 100%;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .selector-label {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  height: 50px;
  background: #21252f;
  border: none;
  width: 100px;
  border-right: 1px solid #383b44;
  display: flex;
  align-items: center;
  padding-left: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: white;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item {
  margin-bottom: 0px;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item.amount-selector-field {
  width: 100%;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item .ant-select-selector {
  height: 50px;
  background: #21252f;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item .ant-select-selector .ant-select-selection-item {
  display: flex;
  align-items: center;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item .ant-select-selector .ant-select-selection-search {
  display: flex;
  align-items: center;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item .ant-select-selector .ant-select-selection-placeholder {
  display: flex;
  align-items: center;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item .ant-input {
  height: 50px;
  background: #21252f;
  border-right: 2px solid #383b44;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item.ant-form-item-with-help {
  width: 100%;
  margin-top: 10px;
}
.ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item.ant-form-item-with-help textarea {
  min-height: 100px;
  border: none;
  border-radius: 4px;
}
.ant-modal.select-fee-asset .ant-modal-content .ant-modal-footer div button {
  width: auto;
}
.ant-modal.auth-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20rem !important;
}
.ant-modal.auth-modal .providerHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-shadow: 0 2px 20px -20px black;
  padding-top: 0.5rem;
}
.ant-modal.auth-modal .closeBtnWrapper {
  display: flex;
  justify-content: right;
  width: 100%;
  padding-right: 0.5rem;
  cursor: pointer;
}
.ant-modal.auth-modal .welcomeText {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 0.8;
  margin-bottom: 10px;
  color: grey;
}
.ant-modal.auth-modal .descriptionText {
  font-size: 0.9rem;
  color: grey;
}
.ant-modal.auth-modal .contentWrapper {
  width: 100%;
}
.ant-modal.auth-modal .orText {
  margin: auto;
  text-align: center;
  color: white;
}
.ant-modal.auth-modal .ant-modal-content {
  width: 100%;
  padding-bottom: 30px;
}
.ant-modal.auth-modal .continueWithBtn {
  border-radius: 5px;
  background-color: #0464f1;
  height: 2rem;
  width: 100%;
  display: none;
}
.ant-modal.auth-modal .providersBlock {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.ant-modal.auth-modal .providersBlockMP {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ant-modal.auth-modal .providerBlockWrapper {
  box-shadow: 2px 2px 10px -10px black;
  width: 32%;
  height: 80px;
  background-color: white;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.ant-modal.auth-modal .providerBlockWrapperMP {
  box-shadow: 2px 2px 10px -10px black;
  width: 18%;
  height: 50px;
  background-color: white;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.ant-modal.auth-modal .providerContent {
  display: flex;
  justify-content: center;
  height: 100%;
  cursor: pointer;
}
.ant-modal.auth-modal .providerContentV {
  display: flex;
  align-items: center;
}
.ant-modal.auth-modal .phoneInputStyle {
  display: flex;
}
.ant-modal.auth-modal .phoneInputContainer {
  display: flex;
  width: 10px;
}
.ant-modal.auth-modal .emailProvider {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.ant-modal.auth-modal .smsProvider {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.ant-modal.auth-modal .providersButton {
  width: 100%;
  margin-top: 0.5rem;
  border: none;
  color: #fff;
  background-color: #ffc000;
  height: 2rem;
  border-radius: 5px;
  font-size: 1rem;
}
.ant-modal.auth-modal .providersInput {
  border: none;
  border-radius: 5px;
  width: 100%;
  height: 2rem;
  padding: 0.5rem;
  font-size: 1rem;
}
.ant-modal.auth-modal .formContainer {
  width: 100%;
}
.ant-modal.auth-modal .providersBlockBrand {
  background-color: #fff;
  color: #000;
  width: 80px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.ant-modal.auth-modal .phoneNumberInput {
  width: 400px;
}
.ant-modal.auth-modal .providersBlockBrandMP {
  background-color: #fff;
  color: #000;
  width: 70px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.ant-modal.auth-modal .providersCountWrapper {
  display: flex;
  justify-content: right;
  width: 100%;
}
.ant-modal.auth-modal .providersCount {
  background-color: #fff;
  margin-top: 0.5rem;
  width: 200px;
  border-radius: 20px;
  padding: 0.1rem;
  box-shadow: 2px 2px 10px -10px black;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 1.5rem;
}
.ant-modal.auth-modal .providersCount p {
  font-size: 13px;
}
.ant-modal.auth-modal .providersCount p img {
  margin-left: 5px;
}
.ant-modal.auth-modal .errorText {
  color: red;
  font-size: 0.8rem;
  width: 100%;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body {
  padding-bottom: 0px;
  padding-top: 0px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-nav {
  margin-bottom: 20px;
  margin-top: 10px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-nav .ant-tabs-tab {
  padding: 5px;
  margin: 0px 10px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .qr-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #15171b;
  border: 1px solid #262a32;
  border-radius: 6px;
  padding-bottom: 20px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .qr-wrapper span {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .qr-wrapper canvas {
  width: 200px !important;
  height: 200px !important;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .deposit-coin {
  color: #ffc000;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .minimum-deposit {
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 20px;
  margin-bottom: 20px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address {
  background: #15171b;
  border: 1px solid #262a32;
  border-radius: 6px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .address-text {
  word-break: break-all;
  font-size: 15px;
  color: rgba(194, 213, 225, 0.5);
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .address-text {
    font-size: 12px !important;
  }
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .address-text.error {
  color: red;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .copy-btn {
  display: flex;
  align-items: center;
  border-radius: 5px;
  background: #ffc000;
  height: 43px;
  margin-right: 2px;
  cursor: pointer;
  padding: 10px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .copy-btn .btn-text {
  color: white;
  font-size: 15px;
  font-weight: 600;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .copy-btn .copy-icon {
  background: transparent;
  transform: rotate(180deg);
  margin-left: 10px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .copy-btn .copy-icon svg {
  width: 20px;
  height: 21px;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .copy-btn .copy-icon svg path {
  fill: white;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper {
  display: flex;
  padding: 20px;
  align-items: center;
  border: 1px solid #ff2929;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  justify-content: space-between;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper .alert-icon {
  width: 66px;
  height: 66px;
  margin-right: 16px;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAYAAABRRIOnAAAJOUlEQVR4Ae2dzWobSRCARUzABEJ+cDCEhDiQ2D3ti2FfQA+wC7rmFJ/2bNgHiB8gYF99ck65yrAPoBdYcK570mnPBr9ALzXqllqlntF0j+anaspgWj0zPdJ0fVNVXf03GjH+M0odmSybmCy7MFl2bbJsarJsZrJsbv+NybLQvzsP10IZKAv3mBitzxhXGZ9Hs8K/MFrfmiy7LxB0SPipx+7z71LqXCDpAUfm6Oil0RqEcWu0fmgBgG3ggFaZGgBEqaMeVBH/n5BDsFDdoMq3Cajr8zOBoyEmjVJja/u7FnLq94MfMmmoeoZxW2sSvvXEHKSCgMvNRWtE8ssUhHUwwOcB30d8jWI6BgFCyO8RMDahMFpzMw3rGiEEwvqxOdTBZs0M7Ih1FqG5FluBXK/PfYyBYTAaWfMAnjdXwdZ7riGZEXN8DOHfPgSS6gmteZh5a4tcK2TZlWiFSK14enoFdcfKjNh+BvEV0rUKaAse4XCj1FcxEZFaIQzOAwS1SGsKo9Q3MRE7gWHl71Btntpu6NWDhKmX8yn1cnp6RUZTWOeRQm8kdRinvXc2cxiU+iVmYsdmoliL3PcWCoGhNQiwZusfFAJDZzA4OPoFhdFawtDFat0Jrel01gtH0xCMPv7z4YP5/vq1+f3pU/PbaJT/f9nfN5cvXhg4R9YH0vq2UyioxRn++/TJ/Pns2RICBwNOAQy4liQYXcUp8qFg3avJykIDAfsaAUOA83AtWSiU+tqqpsj7Jgj1WD6enETB4OAAKKAsQU0BYe52+j7yFsVi5hOZigIT4IQcm35/9YrMcyJw563EKKg5kaD2YyHA1xPVEsY0HeKm5jfAG/Pz8LA2EDcHB1S1BPzuZuaDUB3TUKVVgTUCzsM9kDqmlH9oxHSYLPtBsVLGT57U1hDjvT1KAIR+63SnrQ6KpsLBi9/21Ly7H9lUqfHOoNiylkKIyN4cSwUAlyMLwipWNN8JENSikVhwWLCpeXxfknmtL2tBQdWR9IWVCgAu59+T8Od6DiZVR9IXGBZsat6/J+nPqVrCaofe+AKpQkgFAJdL/f4elkvTEhy0AwgDCzY130PBpr+ssVoi1w6EOq/KhJUKAC5X9h0Ez8VpCcpxBywcLNjUPL4v+XyMlqAcd8CCSgUAl8P3ZZB/qNQEtQt9ptunVSCkF/fAgk3NMwBgUx5Vopcmy+44PXwqALgcpzrxnqV8YC6Xpqb3wNLK2Kaxy5Ya4ORMOijwm56ad/djmF4U+hLEFwfdtJEShwjWCYI6bDY4mgt48FSNgMuhSqxS0XSuCZkNjuZCgKg4xTC0EAm31oV7o/Gbnpp392OZKrU544tTMMoXWioAuJx/T4af14NU5vPnM4YPmdtwLNjUPNf6WT6XP7GHq/8AD5sKAC63rLht7Xq651fNTy5d3SGhYcGm5kP3ZnXM9yNa2qOqk2ZYKgC4HCvhh7SY1vfLABXnh8WCTc1zriP3bDkQnB1KeNBUAHA5V2msU3AsuXV3Y4Fhwabm8X2Z5icABGxQ2ol9b+N7UwHA5dr4rT34jgsAAnatFSDsWlMYBJfnXEfes10DEKwGxHgPJ4Gp+Bf9DoBgvQyxe8Prphg0pvkZAMF6H4u6ILjyTAHArsJcgNjiOwwRCEwJq7wTaN10IBrCgIZgBQB+nroguPL4vlzzAoSYjDWFIEAIEAKEMwMxKVcTgZ9LNIRoiA0NIXGIClDgN4lpXuIQVc0GUwDWtAMEKcFkSOhaNIQDIw9dS+eWAOGAyDu3pPtbgHBA5N3fMkBGgHBA5ANkJpwdJln8PKprYjLiOuvbQS7bI0QAofXZYuQ14w6umzdvao+8hi0dHWCcU39exj3XB308Pq4NBNnd+WJe9LWJOkqR3BylKsTwhlcNQOHrYAO3qt9D+jo0lY91SwO0RMyenQ4K0nt3xmgHuNZfNIS7Ywlv7qA2co2FAa53DqVzJAyTta3L1DZAUaXVAdcMwm9YgbO5245h7kf4oMzevTN/PX9u/BgFfIZjpDeDXwk41u+5c4phmXJeNMSHQT4H4hK+/+CIMGdnL6WyApWV/tbFvqXdXe8vJ+SAgJR7V7gAHwQ+vHCpBYJ181OACAARMhdOS4jZCFQYd5NRZC6WUDAfQSVaYg36zdaFA8GlRqnxECrt8eTE/P32rfl5eJj/z96/H1rsAZzYiZN7aco5SPXvx4+lwSnouxhIUGozGFVEhVHqkqOWAG3g+im2pTcHB901A9vwW8qcSQxG7lwyC2WnjItgDMUD9F9huZfmOWkJCEdv0whF51mGsv2u7lIKvJOctERK17cDBMqyM5+x2sFxwUFLQEeWE25qykpLpGiHJRDQv0Hcl4BWQyoIrhyjUVPzaN/BweBS6lriy/5+bSD+4GI2YrZ3dgCEUsor1bm3vG7KwI+oHncIQeAfoxy9rAuCK08eiJi4gy/8os9G6ynFSvFHRTnhxqbjvT3aLY06jmQhEEQdzCpjKLcBAveg+DLY31zfkSyEIsvIzQNNiVBiQCDkTRaIXZsKDAe11fMHPnPrGstv53k7iIbUulQDnbk1N6EtnHdOBIy9VOqIUsCqzswtGDdBzlxAMDE1PJ0KDLVh+4OaudW031AEDbUoJkBRJZRNeubWrqKRRULfdpziJrDQWQVg+GFt6NUEX4N4R1bzTuQ2IOC8zOdYG7jalc8xrSKrVq6xLQ+2i4703qlU6ldrLYqqRAkUHWmJPsLgoBEoWoaizzCsQUG0I6z3pmF9NPasd2bCQRBKqYW4icHwI1TnvT9GLU5BAoqu4wx1qcsjmsTHZfYClEU4+ryuPHpRPu/7YL5hbMPQNDemoStCbAuE9cr7DUFxTcp5jAXMdoqR6j5vSNDlEU0wEcfH1WZnxwqhb9dbE8J69dyaEE1Za4UiIEVbbASywFcYF9XXYI7b5ulwzciiBXE5GIFXedBBmhELwiDNQxUo4JolGFBZ66HacieM0rUCQlUcVtflYCh1Tnka4QbQAsJKwHU+weJYVGeOWShm4izWIaCgrKc1KGw+C7/xQvyDAmHu+vASjkVXe/ctFDAHWt8arc8Fgl1LO+F+sAGIjWtAwKuN4Xz3OQCgBdqeA5FQP1IEWiwAyWI+KqzhfW39EFDloFHKtIo7P7NloA8G7jHhLvz/AVup7oLtCggsAAAAAElFTkSuQmCC);
}
@media screen and (max-width: 576px) {
  .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper .alert-icon {
    width: 55px;
    height: 55px;
  }
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper .alert-body {
  width: 75%;
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper .alert-body > span {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 576px) {
  .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper .alert-body > span {
    font-size: 16px;
  }
}
.ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper .alert-body > div {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 576px) {
  .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper .alert-body > div {
    font-size: 12px;
  }
}
.ant-modal.quote_selection table .text-center {
  text-align: center;
}
.ant-modal.quote_selection table .text-center svg path {
  fill: #ffc000;
}
.ant-modal.notification-detail-modal {
  width: 800px !important;
}
.ant-modal.notification-detail-modal .ant-modal-content {
  padding: 0px !important;
}
.ant-modal.notification-detail-modal .ant-modal-body {
  padding: 10px !important;
}
.ant-modal.notification-detail-modal .notificationModalContent {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalHeader {
  display: flex;
  justify-content: space-between;
  background: #fc0;
  height: 105px;
  padding: 20px 40px;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalHeader .left {
  display: flex;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalHeader .left .iconWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #471300;
  border-radius: 50%;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalHeader .left .iconWrapper img {
  width: 30px;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalHeader .left .titleWrapper {
  margin-left: 20px;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalHeader .left .titleWrapper .title {
  color: #607383;
  font-family: sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalHeader .left .titleWrapper .time {
  padding: 5px;
  display: flex;
  border: none;
  border-radius: 3px;
  height: 25px;
  background: rgba(255, 255, 255, 0.7);
  color: #471300;
  text-align: center;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalHeader .cancelBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.2));
  color: #c60101;
  text-align: center;
  font-family: sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalBody {
  padding: 20px 40px;
  overflow-y: auto;
  margin-bottom: 30px;
}
.ant-modal.notification-detail-modal .notificationModalContent .modalBody p {
  color: white;
  font-family: sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  min-height: 100px;
  max-height: 500px;
  word-wrap: break-word;
}

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

@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;
}

.withdraw-modal-body .with-label {
  display: flex;
  flex-direction: column;
}
.withdraw-modal-body .label-up {
  margin-top: unset !important;
  margin-bottom: 12px;
}
.withdraw-modal-body .account-selector-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 12px;
  width: 100%;
}
.withdraw-modal-body .account-selector-wrapper .left-label {
  display: none;
}
.withdraw-modal-body .account-selector-wrapper .selector-label {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  height: 50px;
  background: #21252f;
  border: none;
  width: 120px;
  border-right: 1px solid #383b44;
  display: flex;
  align-items: center;
  padding-left: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: white;
}
.withdraw-modal-body .account-selector-wrapper .ant-select-selector {
  height: 50px;
  background: #21252f;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
@media screen and (max-width: 576px) {
  .withdraw-modal-body .account-selector-wrapper input {
    font-size: 12px;
  }
}
.withdraw-modal-body .quantity-label {
  font-size: 13;
  float: right;
  color: white;
  text-align: right;
}
.withdraw-modal-body .error-label {
  color: #e3745b !important;
  text-transform: uppercase;
  padding-left: 5px;
}
.withdraw-modal-body .address-form {
  margin-bottom: 1em;
  position: relative;
}
.withdraw-modal-body .address-form > span {
  color: white;
  text-transform: uppercase;
}
.withdraw-modal-body .address-form .error-qr-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.withdraw-modal-body .address-form .error-qr-wrapper .qr-address-scanner {
  cursor: pointer;
}
.withdraw-modal-body .address-form .ant-select {
  width: 100%;
}
.withdraw-modal-body .address-form .ant-select-single {
  width: 100% !important;
  max-width: calc(100% - 93px) !important;
}
.withdraw-modal-body .address-form .ant-select-single .ant-select-selector {
  padding-right: 30px !important;
}
@media screen and (max-width: 576px) {
  .withdraw-modal-body .address-form .ant-select-single .ant-select-selector .ant-select-selection-item {
    font-size: 12px;
  }
}
.withdraw-modal-body .fee-form {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .withdraw-modal-body .fee-form {
    flex-direction: column;
  }
}
.withdraw-modal-body .amount-selector-field .ant-row {
  display: flex;
  flex-direction: column;
}
.withdraw-modal-body .amount-selector-field .ant-form-item-label {
  text-align: left;
}
.withdraw-modal-body .amount-selector-field .ant-form-item-label label {
  margin-bottom: 0px !important;
}
.withdraw-modal-body .amount-selector-field .ant-form-item-control .ant-input-group-compact {
  border-radius: 5px;
  background-color: #21252f;
}
.withdraw-modal-body .amount-selector-field .ant-form-item-control .ant-input-group-compact .ant-input {
  border-right: 2px solid #383b44;
  background: transparent;
}
@media screen and (max-width: 576px) {
  .withdraw-modal-body .amount-selector-field .ant-form-item-control .ant-input-group-compact .ant-input {
    font-size: 12px;
  }
}
.withdraw-modal-body .withdraw-fee-selector.core-fee {
  width: 50%;
  padding-right: 5px;
}
@media screen and (max-width: 576px) {
  .withdraw-modal-body .withdraw-fee-selector.core-fee {
    width: 100%;
    padding-right: 0px;
  }
}
@media screen and (max-width: 576px) {
  .withdraw-modal-body .withdraw-fee-selector.gateway-fee {
    width: 100%;
    padding-top: 5px;
  }
}
.withdraw-modal-body .withdraw-fee-selector .ant-input-group-wrapper .ant-input-group-addon {
  border: none;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #21252f;
  border-left: 1px solid #383b44;
}
.withdraw-modal-body .ant-input {
  height: 50px !important;
  background: #21252f;
  border-right: 1px solid #383b44;
  margin: 0;
  border: none;
  outline: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.withdraw-modal-body #baseMarketFee {
  color: rgba(255, 255, 255, 0.5);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
@media screen and (max-width: 576px) {
  .withdraw-modal-body #baseMarketFee {
    font-size: 12px;
  }
}
.withdraw-modal-body .ant-select-selector {
  height: 50px !important;
  background: transparent;
  border-radius: 5px;
  border: none !important;
}
.withdraw-modal-body .ant-select-selector .ant-select-selection-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.withdraw-modal-body .ant-select-selector .ant-select-selection-search {
  display: flex;
  align-items: center;
}
.withdraw-modal-body .ant-select-selector .ant-select-selection-placeholder {
  display: flex;
  align-items: center;
}

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

.pagination > li {
  padding: 1rem;
  display: inline;
  border: 0px solid #ddd;
  -webkit-touch-callout: none;
  -webkit-user-select: 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 {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (max-width: 990px) {
  .settings {
    padding: 10px !important;
  }
}
.settings .ant-menu {
  background: black !important;
}
.settings .ant-menu .ant-menu-title-content {
  font-size: 15px;
  letter-spacing: 1px;
}
@media (max-width: 990px) {
  .settings .ant-menu .ant-menu-overflow-item {
    z-index: 2;
  }
  .settings .ant-menu .ant-menu-overflow-item .ant-menu-submenu-title span {
    height: 100%;
    display: inline-flex;
    align-items: center;
  }
}
.settings .general-tab .general-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #1c1f27;
}
.settings .general-tab .setting-entry {
  background: rgba(21, 23, 27, 0.4);
  padding: 20px 30px;
  border-radius: 6px;
  margin: 15px 30px;
}
@media (max-width: 990px) {
  .settings .general-tab .setting-entry {
    padding: 0px 5px !important;
  }
}
.settings .general-tab .setting-entry .ant-form-item-label > label {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}
.settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 990px) {
  .settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper {
    flex-direction: column !important;
    height: 80px;
    margin-top: 23px;
    align-items: inherit;
  }
}
@media (max-width: 400px) {
  .settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper {
    height: 92px !important;
    margin-top: 8px !important;
  }
}
.settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper .current-fee-asset {
  margin-right: 10px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 500px) {
  .settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper .current-fee-asset {
    margin-bottom: 19px;
    display: flex;
    line-height: 1;
  }
}
.settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper button {
  height: 52px;
  background: #ffc000;
  border: 1px solid #1c1f27;
  border-radius: 4px;
}
@media (max-width: 990px) {
  .settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper button {
    margin-top: 20px;
  }
}
.settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper button span {
  color: #0a0b0d;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  white-space: break-spaces;
}
.settings .general-tab .setting-entry .ant-form-item-control .settings-notifications {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}
.settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .settings-notifications-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 700px) {
  .settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .settings-notifications-item {
    line-height: 1.6 !important;
  }
}
.settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .settings-notifications-item .ant-checkbox-inner {
  background: #ffc000;
  border: none;
  width: 26px;
  height: 26px;
  border-radius: 3px;
}
.settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .settings-notifications-item .ant-checkbox-inner::after {
  border-color: black;
  left: 10px;
}
@media (max-width: 990px) {
  .settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .external-link {
    line-height: 1.6 !important;
  }
}
.settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .external-link .settings-notifications-no-browser-support {
  margin-top: 10px;
  color: darkred;
  font-size: 16px;
  margin-bottom: 3px;
}
.settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .external-link::after {
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.settings .general-tab .setting-entry .ant-select-selector {
  height: 50px;
  display: flex;
  align-items: center;
}
.settings .general-tab .setting-entry .ant-select-selector .ant-select-selection-item {
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}
.settings .general-tab .setting-entry .ant-select-selector .ant-select-selection-item span {
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}
.settings .ant-typography span {
  font-size: 15px;
  color: #cecece;
  font-weight: 400;
}
.settings .settings-notifications input[type=checkbox] {
  cursor: pointer;
}
.settings .settings-notifications .settings-notifications-group {
  margin: 15px 10px;
}
.settings .settings-notifications .settings-notifications-group .settings-notifications-item label {
  text-transform: none;
}
.settings .settings-notifications > .settings-notifications-group {
  margin-left: 0;
}
.settings .node-tab .nodes-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #1c1f27;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 990px) {
  .settings .node-tab .nodes-header {
    flex-direction: column !important;
  }
  .settings .node-tab .nodes-header div:nth-child(2) {
    flex-direction: row !important;
    gap: 30px !important;
    margin-top: 5px !important;
  }
}
.settings .node-tab .nodes-header .ant-typography {
  margin-bottom: 0;
}
.settings .node-tab .nodes-header .automatic {
  padding-right: 1rem;
  font-size: 15px;
  color: #cecece;
}
.settings .node-tab .node-content {
  padding: 1rem 1.5rem;
}
@media (max-width: 800px) {
  .settings .node-tab .node-content {
    padding: 10px !important;
  }
}
@media (max-width: 800px) {
  .settings .node-tab .node-content .nodes .grid-block {
    overflow: auto;
    overflow-y: hidden;
    height: 40px;
    flex-direction: row !important;
  }
}
@media (max-width: 700px) {
  .settings .node-tab .node-content div div {
    flex-direction: column !important;
  }
}
@media (max-width: 700px) {
  .settings .node-tab .node-content div:nth-child(3) {
    position: absolute;
    margin-top: 0px;
    display: flex !important;
    flex-direction: row !important;
    text-align: right;
    width: -webkit-fill-available;
    padding: 0px 19px;
  }
}
@media (max-width: 700px) {
  .settings .node-tab .node-content div:nth-child(2) span {
    height: 72px;
    margin-top: 4px;
  }
}
@media (max-width: 1050px) {
  .settings .node-tab div:has(> .api-node-url) {
    display: grid !important;
  }
}
@media (max-width: 990px) {
  .settings .ant-modal-content {
    padding: 0px;
  }
}
@media (max-width: 990px) {
  .settings .ant-modal-footer button {
    width: unset !important;
    height: 38px;
  }
}
.settings .ant-modal-footer {
  display: flex;
  justify-content: center;
}
.settings div.api-status a .default-icon {
  display: block;
}
.settings div.api-status a:hover .default-icon {
  display: none;
}
.settings div.api-status a .hover-icon {
  display: none;
}
.settings div.api-status a:hover .hover-icon {
  display: block;
}
.settings .auto-node {
  margin-left: 1rem;
  margin-bottom: 2rem;
}
.settings .auto-node > div {
  display: inline-flex;
  vertical-align: middle;
}
.settings .account-settings .ant-table-wrapper .ant-table-thead {
  height: 46px;
}
.settings .account-settings .ant-table-wrapper .ant-table-thead tr {
  font-size: 14px;
}
.settings .account-settings .ant-table-wrapper .ant-table-thead tr th:nth-child(1) {
  text-align: left;
  color: #969ba6;
}
.settings .account-settings .ant-table-wrapper .ant-table-thead tr th:nth-child(2) {
  text-align: center;
  color: #969ba6;
}
.settings .account-settings .ant-table-wrapper .ant-table-thead tr th:nth-child(3) {
  text-align: right;
  color: #969ba6;
}
.settings .account-settings .ant-table-wrapper .ant-table-tbody tr td:nth-child(1) {
  text-align: left;
  font-size: 14px;
}
.settings .account-settings .ant-table-wrapper .ant-table-tbody tr td:nth-child(1):hover div {
  color: white;
}
.settings .account-settings .ant-table-wrapper .ant-table-tbody tr td:nth-child(2) {
  text-align: center;
  font-size: 14px;
}
.settings .account-settings .ant-table-wrapper .ant-table-tbody tr td:nth-child(2) a {
  color: #ffc000;
}
.settings .account-settings .ant-table-wrapper .ant-table-tbody tr td:nth-child(3) {
  text-align: right;
  font-size: 14px;
}
.settings .account-settings .ant-table-wrapper .ant-table-tbody tr td:nth-child(3) a {
  color: #ffc000;
}
.settings .notificationTabWrapper {
  width: 100%;
}
.settings .notificationTabWrapper .changeNotifcationBlock {
  padding: 1rem 0;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent h5 {
  margin-left: 30px;
  color: gray;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  border-bottom: 1px solid rgba(80, 83, 97, 0.3);
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem .leftItem {
  display: flex;
  align-items: center;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem .leftItem div {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem .leftItem div img {
  width: 20px;
  height: 20px;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem .leftItem span {
  font-size: 16px;
  font-weight: 600;
  color: white;
  text-transform: capitalize;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem .rightItem .switch {
  margin: 0 0 0 2rem !important;
  height: 24px;
}
@media (max-width: 600px) {
  .settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem .rightItem .switch {
    margin: 0 !important;
  }
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinMovements {
  border-bottom: 1px solid rgba(80, 83, 97, 0.3);
  padding: 10px 30px;
  background-color: #222222;
  font-size: 20px;
  font-weight: 500;
  color: white;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  border-bottom: 1px solid rgba(80, 83, 97, 0.3);
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .leftItem {
  display: flex;
  align-items: center;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .leftItem img {
  width: 30px;
  height: 30px;
  margin-right: 30px;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .leftItem .coinSec {
  display: flex;
  flex-direction: column;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .leftItem .coinSec span {
  font-size: 16px;
  font-weight: 600;
  color: white;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .leftItem .coinSec span:last-child {
  color: gray;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .rightItem {
  display: flex;
  align-items: center;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .rightItem .switch {
  margin: 0 0 0 2rem !important;
  height: 24px;
}
.settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .rightItem .close-btn {
  background: #222222;
  border-radius: 50% !important;
  border: none !important;
  width: 30px;
  height: 30px;
  color: red;
  margin-right: 5px;
  margin-left: 5px;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom {
  margin: 30px;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid rgba(80, 83, 97, 0.3);
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom input {
  width: 100%;
  max-width: 100%;
  box-shadow: none !important;
  height: 50px;
  border-radius: 5px;
  padding-left: 15px;
  font-size: 18px;
  font-weight: 500;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom p.coin_p {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px 0;
  color: #fff;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin {
  margin: 0 0 20px 0;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin label.label_same {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px 0;
  display: block;
  color: #a7b4be;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin .select_same {
  width: 100%;
  max-width: 100%;
  height: 50px;
  padding: 0 15px;
  background: #0a0b0d !important;
  border: 1px solid rgba(80, 83, 97, 0.3) !important;
  color: #a7b4be;
  font-size: 18px !important;
  font-weight: 500 !important;
  border-radius: 5px;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin .ant-select {
  width: 100%;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin .ant-select .ant-select-selector {
  border-radius: 5px;
  height: 50px;
  background-color: #0a0b0d;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin .ant-select .ant-select-arrow svg {
  fill: #a7b4be;
  font-size: 15px;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .ant-select-selection-item {
  display: flex;
  align-items: center;
  outline: none !important;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .comparator-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .comparator-wrapper .left {
  width: 49%;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .comparator-wrapper .right {
  width: 49%;
}
.settings .notificationTabWrapper .changeNotifcationBlock .form_custom .btn_save_movment {
  width: 150px;
  background-color: #fdc000 !important;
  margin-top: 10px !important;
  height: 50px !important;
  color: black !important;
  border-radius: 8px;
  font-weight: bold;
  font-size: 18px;
}

.coin-movement {
  background-color: #222222;
}
.coin-movement .ant-select-item-option-content {
  display: flex;
  align-items: center;
  outline: none !important;
}
.coin-movement .ant-select-item-option-active {
  background: transparent;
}
.coin-movement .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: transparent;
}
.coin-movement .ant-select-item:hover {
  background-color: #070707 !important;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
}

.wallet-option-picture img {
  width: 40px;
  margin-right: 15px;
}

.wallet-option-content__currency {
  display: flex;
  align-items: center;
}

.wallet-option-content__name {
  font-size: 18px;
  margin-right: 5px;
  color: #a7b4be;
}

.table {
  width: 100%;
}

.table > tbody > tr > td {
  padding: 5px;
  text-align: left;
}

.table > thead > tr > th {
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: normal;
  color: #777;
  text-align: left;
}

.orders-trade-form .table.order-table > thead > tr > th {
  border-bottom: 1px solid #1c1f27;
  padding: 10px 10px !important;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  color: #777;
  text-align: left;
}
.orders-trade-form .table > tbody.orderbook > tr > td {
  padding: 0px 5px 4px 0px;
  font-size: 12px !important;
}
.orders-trade-form .table.order-table > tbody > tr > td {
  padding: 4px 5px 4px 0px;
  font-size: 12px !important;
  height: 30px;
}
.orders-trade-form table.order-table > tbody .time-class {
  padding: 4px 5px 4px 10px !important;
}
.orders-trade-form .table.order-table > tbody > tr > td.centric-items {
  border-left: 1px solid rgb(49, 49, 49);
  padding: 0px 5px 4px 0px;
  font-size: 12px !important;
  text-align: center !important;
}

.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;
}

.modal-header {
  padding: 1rem;
  text-align: center;
}

.modal-content {
  padding: 1rem;
}

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

.copy_password_modal {
  padding-left: 0;
  padding-right: 0;
  border-radius: 1px;
  height: 50% !important;
  width: 25% !important;
}
.copy_password_modal .ant-modal-title {
  text-transform: uppercase;
  text-align: center;
}
.copy_password_modal .ant-modal-header {
  text-align: center;
}
.copy_password_modal .header-title2 {
  font-size: 16px;
  color: #cecece;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.copy_password_modal .footer-wrapper .login-btn {
  height: 60px;
  width: 100%;
  background: #ffc000;
  font-size: 18px;
  font-weight: 600;
  border-radius: 6px;
  border: none;
}
.copy_password_modal .footer-wrapper .login-btn span {
  color: white !important;
  text-transform: capitalize;
}
.copy_password_modal .footer-wrapper .redirect {
  font-size: 15px;
  color: white;
  margin-top: 30px;
}
.copy_password_modal .footer-wrapper .redirect a {
  color: #ffc000;
  text-decoration: underline;
}

@media screen and (max-width: 1200px) {
  .copy_password_modal {
    width: auto !important;
  }
}
.preview_paper_wallet_modal {
  height: 50% !important;
  width: 80% !important;
}
.preview_paper_wallet_modal .ant-modal-title {
  text-transform: uppercase;
  text-align: center;
}
.preview_paper_wallet_modal .rpv-core__textbox {
  margin: 0 !important;
  font-size: inherit;
  background-color: #fff !important;
  border-radius: 0.25rem !important;
  border: inherit !important;
  height: inherit !important;
  color: inherit !important;
}
.preview_paper_wallet_modal .footer-wrapper .login-btn {
  height: 60px;
  width: 100%;
  background: #ffc000;
  font-size: 18px;
  font-weight: 600;
  border-radius: 6px;
  border: none;
}
.preview_paper_wallet_modal .footer-wrapper .login-btn span {
  color: white !important;
  text-transform: capitalize;
}
.preview_paper_wallet_modal .footer-wrapper .redirect {
  font-size: 15px;
  color: white;
  margin-top: 30px;
}
.preview_paper_wallet_modal .footer-wrapper .redirect a {
  color: #ffc000;
  text-decoration: underline;
}

.passwordless_unlock_modal,
.unlock_wallet_modal2 {
  padding-left: 0;
  padding-right: 0;
  border-radius: 1px;
  width: 650px !important;
}
.passwordless_unlock_modal .header-title1,
.unlock_wallet_modal2 .header-title1 {
  font-size: 30px;
  color: white;
  font-weight: 500;
  margin-bottom: 0;
  text-align: center;
}
.passwordless_unlock_modal .header-title2,
.unlock_wallet_modal2 .header-title2 {
  font-size: 14px;
  color: #cecece;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.passwordless_unlock_modal form #username,
.unlock_wallet_modal2 form #username {
  color: #919293 !important;
}
.passwordless_unlock_modal form .login-type-selector,
.unlock_wallet_modal2 form .login-type-selector {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  margin-top: 20px;
}
.passwordless_unlock_modal form .login-type-selector .login-btn,
.unlock_wallet_modal2 form .login-type-selector .login-btn {
  height: 50px;
  background: #232426;
  color: #ffc000;
  border-radius: 6px;
  font-size: 15px;
  border: none;
  display: flex;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  margin-right: 20px;
}
.passwordless_unlock_modal form .login-type-selector .login-btn.active,
.unlock_wallet_modal2 form .login-type-selector .login-btn.active {
  background: white;
  color: black;
}
.passwordless_unlock_modal form .login-type-selector .login-btn.active::after,
.unlock_wallet_modal2 form .login-type-selector .login-btn.active::after {
  content: "\a";
  border-style: solid;
  border-width: 15px 15px 15px 0px;
  border-color: transparent white transparent transparent;
  position: absolute;
  transform: rotate(-90deg);
  left: 25px;
  bottom: -19px;
}
.passwordless_unlock_modal form .info-form .ant-input-affix-wrapper,
.unlock_wallet_modal2 form .info-form .ant-input-affix-wrapper {
  height: 50px !important;
}
.passwordless_unlock_modal form .info-form .ant-input-affix-wrapper:hover,
.unlock_wallet_modal2 form .info-form .ant-input-affix-wrapper:hover {
  border: 1px solid #1c1f27;
}
.passwordless_unlock_modal form .info-form .ant-input-affix-wrapper:focus,
.unlock_wallet_modal2 form .info-form .ant-input-affix-wrapper:focus {
  border: 1px solid #1c1f27;
}
.passwordless_unlock_modal form .password-field,
.unlock_wallet_modal2 form .password-field {
  background: #0a0b0d;
  border: 1px solid #262a32;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding-right: 10px;
}
.passwordless_unlock_modal form .password-field .ant-input,
.unlock_wallet_modal2 form .password-field .ant-input {
  margin: 0 !important;
}
.passwordless_unlock_modal form .password-field svg,
.unlock_wallet_modal2 form .password-field svg {
  width: 24px;
  height: 20px;
  cursor: pointer;
}
.passwordless_unlock_modal form .password-field svg path,
.unlock_wallet_modal2 form .password-field svg path {
  fill: gray;
}
.passwordless_unlock_modal .control-wrapper,
.unlock_wallet_modal2 .control-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 40px;
}
.passwordless_unlock_modal .control-wrapper .remember-me,
.unlock_wallet_modal2 .control-wrapper .remember-me {
  font-size: 16px;
  color: #ffc000;
  display: flex;
  flex-direction: row;
}
.passwordless_unlock_modal .control-wrapper .remember-me span,
.unlock_wallet_modal2 .control-wrapper .remember-me span {
  margin-left: 10px;
  margin-right: 20px;
}
.passwordless_unlock_modal .control-wrapper .timeout,
.unlock_wallet_modal2 .control-wrapper .timeout {
  display: flex;
  flex-direction: row;
  height: 25px;
}
.passwordless_unlock_modal .control-wrapper .timeout svg path,
.unlock_wallet_modal2 .control-wrapper .timeout svg path {
  fill: #ffc000;
}
.passwordless_unlock_modal .control-wrapper .timeout .ant-input-number-input,
.unlock_wallet_modal2 .control-wrapper .timeout .ant-input-number-input {
  height: 25px;
}
.passwordless_unlock_modal .footer-wrapper .login-btn,
.unlock_wallet_modal2 .footer-wrapper .login-btn {
  height: 60px;
  width: 100%;
  background: #ffc000;
  font-size: 18px;
  font-weight: 600;
  border-radius: 6px;
  border: none;
}
.passwordless_unlock_modal .footer-wrapper .login-btn span,
.unlock_wallet_modal2 .footer-wrapper .login-btn span {
  color: white !important;
  text-transform: capitalize;
}
.passwordless_unlock_modal .footer-wrapper .redirect,
.unlock_wallet_modal2 .footer-wrapper .redirect {
  font-size: 15px;
  color: white;
  margin-top: 30px;
}
.passwordless_unlock_modal .footer-wrapper .redirect a,
.unlock_wallet_modal2 .footer-wrapper .redirect a {
  color: #ffc000;
  text-decoration: underline;
}
.passwordless_unlock_modal .upload-button,
.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;
}
.passwordless_unlock_modal .upload-button span,
.unlock_wallet_modal2 .upload-button span {
  text-transform: none;
}
.passwordless_unlock_modal .upload-button input,
.unlock_wallet_modal2 .upload-button input {
  opacity: 0;
  position: absolute;
  z-index: -1;
  height: 0;
}
.passwordless_unlock_modal .upload-button .upload-button-logo,
.unlock_wallet_modal2 .upload-button .upload-button-logo {
  height: 75%;
  margin-right: 0.15rem;
}
.passwordless_unlock_modal .upload-button .upload-button-logo path,
.unlock_wallet_modal2 .upload-button .upload-button-logo path {
  fill: #049cce;
  stroke-width: 0.35277775;
}
.passwordless_unlock_modal .has-error:not([class*=ant-]),
.unlock_wallet_modal2 .has-error:not([class*=ant-]) {
  display: block;
  height: 20px;
  margin-bottom: 1rem;
}
.passwordless_unlock_modal .login-hint,
.unlock_wallet_modal2 .login-hint {
  font-size: 14.4px;
}
.passwordless_unlock_modal .key-file-selector,
.unlock_wallet_modal2 .key-file-selector {
  margin-bottom: calc(2rem + 20px);
}
.passwordless_unlock_modal .key-file-selector .content-box,
.unlock_wallet_modal2 .key-file-selector .content-box {
  padding-top: 0.5rem;
  height: 2.4rem;
}
.passwordless_unlock_modal .key-file-selector.restoring,
.unlock_wallet_modal2 .key-file-selector.restoring {
  margin-bottom: 0;
}
.passwordless_unlock_modal .key-file-selector .label-container,
.unlock_wallet_modal2 .key-file-selector .label-container {
  height: 29px;
}
.passwordless_unlock_modal .key-file-selector .content-box,
.unlock_wallet_modal2 .key-file-selector .content-box {
  font-size: 14.4px;
}
.passwordless_unlock_modal .key-file-selector span,
.unlock_wallet_modal2 .key-file-selector span {
  font-size: 14.4px;
}
.passwordless_unlock_modal .key-file-selector .login-hint,
.unlock_wallet_modal2 .key-file-selector .login-hint {
  height: 20px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.passwordless_unlock_modal .key-file-selector .login-select,
.unlock_wallet_modal2 .key-file-selector .login-select {
  background: transparent;
  border: 1px solid #1c1f27;
  border-radius: 4px;
  color: #919293;
}
.passwordless_unlock_modal .key-file-selector .login-select option,
.unlock_wallet_modal2 .key-file-selector .login-select option {
  color: white;
  background: #0a0b0d !important;
}
.passwordless_unlock_modal .account-selector .form-group,
.unlock_wallet_modal2 .account-selector .form-group {
  margin-bottom: 0;
}
.passwordless_unlock_modal .content-block,
.unlock_wallet_modal2 .content-block {
  margin-bottom: 1rem;
}
.passwordless_unlock_modal .login-select,
.unlock_wallet_modal2 .login-select {
  padding: 0;
  padding-left: 0.2rem;
  height: 2.4rem;
  font-size: 14.4px;
}
.passwordless_unlock_modal .has-error:not([class*=ant-]),
.unlock_wallet_modal2 .has-error:not([class*=ant-]) {
  font-size: 14.4px;
}
.passwordless_unlock_modal .error-area,
.unlock_wallet_modal2 .error-area {
  font-size: 14.4px;
}
.passwordless_unlock_modal .modal-header,
.unlock_wallet_modal2 .modal-header {
  text-align: left;
  padding-left: 2rem;
  padding-right: 2rem;
}
.passwordless_unlock_modal .modal-header .close-button,
.unlock_wallet_modal2 .modal-header .close-button {
  color: #049cce;
  font-size: 1.5rem;
}
.passwordless_unlock_modal .modal-content,
.unlock_wallet_modal2 .modal-content {
  padding-left: 2rem;
  padding-right: 2rem;
}
.passwordless_unlock_modal .login-label,
.unlock_wallet_modal2 .login-label {
  display: inline-block;
  font-variant: normal;
  text-transform: none;
  font-size: 15px;
}
.passwordless_unlock_modal .login-label span,
.unlock_wallet_modal2 .login-label span {
  text-transform: none;
}
.passwordless_unlock_modal .backup-warning .checkbox,
.unlock_wallet_modal2 .backup-warning .checkbox {
  margin: 1rem 0 0;
}
.passwordless_unlock_modal .desc2,
.unlock_wallet_modal2 .desc2 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.009375em;
  margin-top: 1rem;
  color: #f5f5f5;
  text-align: center;
}

.hide-close-btn .ant-modal-content .ant-modal-close {
  display: none;
}

.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 {
  display: flex;
  justify-content: center;
  padding: 30px 10px;
}
@media screen and (max-width: 576px) {
  div.registration {
    padding: 10px;
  }
}
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: 650px;
  width: 100%;
  padding: 40px 50px;
  text-align: left;
  background: #0a0b0d;
  border: 1px solid #262a32;
  border-radius: 10px;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block {
    border: none;
    background: transparent;
    padding: 10px;
  }
}
div.registration .create-account-block .biometric-auth-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .biometric-auth-section {
    background-color: #0a0b0d;
    border: 1px solid #1c1f27;
    border-radius: 5px;
    padding: 10px;
  }
}
div.registration .create-account-block .biometric-auth-section h4 {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .biometric-auth-section h4 {
    font-size: 16px;
  }
}
div.registration .create-account-block .biometric-auth-section h5 {
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .biometric-auth-section h5 {
    font-size: 14px;
    max-width: 300px;
  }
}
div.registration .create-account-block .biometric-auth-section .ant-select {
  width: 100%;
  margin-top: 5px;
}
div.registration .create-account-block .registration-account-title {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 10px !important;
  color: white;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .registration-account-title {
    font-size: 16px;
  }
}
div.registration .create-account-block .registration-confirm {
  margin-bottom: 45px;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .registration-confirm {
    margin-bottom: 20px;
  }
}
div.registration .create-account-block .registration-confirm .passkey-alert-title p {
  color: #cecece;
  font-size: 16px;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .registration-confirm .passkey-alert-title p {
    text-align: center;
    font-size: 14px;
  }
}
div.registration .create-account-block .warn-tooltip {
  position: relative;
}
div.registration .create-account-block .warn-tooltip::before {
  content: "\a";
  border-style: solid;
  border-width: 6px 7px 6px 0px;
  border-color: transparent darkred transparent transparent;
  position: absolute;
  transform: rotate(90deg);
  left: 31px;
  top: -9px;
}
div.registration .create-account-block .warn-tooltip p {
  padding: 10px;
  background: darkred;
  border-radius: 10px;
  border: none;
  line-height: 1.4;
  color: #ffc000;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .warn-tooltip p {
    font-size: 14px;
  }
}
div.registration .create-account-block .warn-tooltip p a {
  text-decoration: underline;
}
div.registration .create-account-block .checkbox-group {
  margin-bottom: 50px;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .checkbox-group {
    margin-bottom: 20px;
  }
}
div.registration .create-account-block .checkbox-group .checkbox-item {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 15px;
}
div.registration .create-account-block .checkbox-group .checkbox-item .terms {
  line-height: 1;
}
@media screen and (max-width: 576px) {
  div.registration .create-account-block .checkbox-group .checkbox-item .terms {
    font-size: 14px;
  }
}
div.registration .create-account-block .checkbox-group .checkbox-text {
  font-size: 17px;
  color: white;
}
div.registration .create-account-block .checkbox-group .checkbox-text.active {
  color: rgba(206, 206, 206, 0.5);
}
div.registration .create-account-block .checkbox-group .reset-this {
  font-size: 17px;
  color: white;
}
div.registration .create-account-block .checkbox-group .reset-this.active {
  color: rgba(206, 206, 206, 0.5);
}
div.registration .create-account-block .checkbox-group .ant-checkbox-wrapper {
  margin-left: 0px !important;
  margin-right: 10px;
}
div.registration .create-account-block .checkbox-group .ant-checkbox-wrapper .ant-checkbox {
  top: 0 !important;
}
div.registration .create-account-block .checkbox-group .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-input {
  width: 100%;
  height: 100%;
}
div.registration .create-account-block .checkbox-group .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: #ffc000;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
div.registration .create-account-block .checkbox-group .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  left: 30% !important;
}
div.registration .create-account-block .button-wrapper .create-acc-btn {
  height: 50px;
  width: 200px;
  background: #ffc000;
  font-size: 18px;
  font-weight: 600;
  border-radius: 6px;
  border: none;
}
div.registration .create-account-block .button-wrapper .create-acc-btn span {
  color: white !important;
  text-transform: capitalize;
}
div.registration .create-account-block .registration-form .header-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.registration .create-account-block .registration-form .header-text p {
  font-size: 14px;
  line-height: 20px;
  color: #cecece;
}
div.registration .create-account-block .registration-form .form-body .info-form {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
div.registration .create-account-block .registration-form .form-body .info-form .form-blocks {
  display: flex;
  flex-direction: row;
  align-items: center;
}
div.registration .create-account-block .registration-form .form-body .info-form .form-blocks .ant-form-item {
  width: 50%;
}
div.registration .create-account-block .registration-form .form-body .info-form .form-blocks .ant-form-item .ant-input-affix-wrapper {
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid #262a32;
  height: 50px;
  display: flex;
  align-items: center;
}
div.registration .create-account-block .registration-form .form-body .info-form .form-blocks .ant-form-item .ant-input-affix-wrapper .ant-input-prefix {
  color: #cecece;
  padding-right: 8px;
  border-right: 1px solid #262a32;
  height: 30px;
  margin-right: 5px;
}
div.registration .create-account-block .registration-form .form-body .info-form .form-blocks .ant-form-item .ant-input-affix-wrapper input {
  height: 30px;
  border: none !important;
}
div.registration .create-account-block .registration-form .form-body .continue-btn {
  height: 60px;
  width: 100%;
  background: #ffc000;
  color: #440000;
  font-size: 18px;
  font-weight: 600;
  border-radius: 6px;
  border: none;
}
div.registration .create-account-block .registration-form .form-body .redirect {
  font-size: 15px;
  color: white;
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
div.registration .create-account-block .registration-form .form-body .redirect .btn {
  color: #ffc000;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 5px;
}
div.registration .create-account-block .registration-form .form-group select.bts-select {
  max-width: 100% !important;
}
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 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 .create-account-block .desc1,
div.registration .create-account-block .desc2 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.009375em;
  margin-top: 1rem;
  color: #f5f5f5;
  text-align: center;
}
div.registration .create-account-block .desc1 {
  color: #d5ba48;
  font-size: 1.4rem;
}
div.registration .create-account-block .btn-container {
  text-align: center;
  margin-top: 1rem;
}
div.registration .create-account-block .btn-container.dual-btns button {
  margin-bottom: 20px;
}
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;
}
div.registration .phone-display-flex {
  display: flex;
  align-items: center;
}
div.registration .phone-display-flex .phone-number-before-select {
  display: flex;
  align-items: center;
  padding: 14px 30px;
  padding-left: 10px !important;
  border-radius: 4px;
  margin-right: 6px;
  color: #bfbfbf;
  background: #21252f !important;
  cursor: pointer;
  height: 50px;
  width: 137px;
}
div.registration .phone-display-flex .phone-number-before-select span {
  padding-left: 10px;
}
div.registration .phone-display-flex .ant-select {
  height: 50px;
  width: 150px;
  margin-right: 6px;
}
div.registration .phone-display-flex .ant-select-arrow {
  display: none;
}
div.registration .phone-display-flex .phone-number-code {
  color: #fff;
  font-size: 15px;
  padding-left: 5px;
}
div.registration .phone-display-flex .ant-select-selector {
  height: 100%;
  border-radius: 4px;
  cursor: pointer !important;
  background-color: #21252f !important;
}
div.registration .phone-display-flex .ant-select-selection-item {
  line-height: 45px;
}
div.registration .phone-display-flex .ant-select-selection-item .selected-data-element {
  display: none;
}
div.registration .phone-display-flex .ant-select-selection-search input {
  display: none;
}
div.registration .webcam-wrapper {
  position: relative;
  border: 1px solid #1c1f27;
  border-radius: 3px;
}
div.registration video {
  border-radius: 5px;
}
div.registration .flex_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 0;
}
div.registration .flex-container-new {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: transparent;
}
div.registration .flex-container-first {
  z-index: 999;
  float: center;
  width: 100%;
}
div.registration .position-head {
  display: flex;
  justify-content: center;
  color: #ffc000;
  font-weight: 600;
  width: 100%;
  align-items: center;
  z-index: 999;
}
@media screen and (max-width: 576px) {
  div.registration .position-head {
    font-size: 14px;
  }
}
div.registration .btn-x {
  background-color: #262a32;
  color: red;
  width: 30px !important;
  height: 30px !important;
  font-size: 14px;
  font-weight: 600;
  z-index: 999;
  border: 1px solid #262a32;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.registration .flip-button {
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 300;
  opacity: 0.7;
  cursor: pointer;
  width: 30px;
}
div.registration .oval-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 200;
  opacity: 0.8;
}
div.registration .button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
div.registration .button-wrapper button {
  background: rgb(255, 204, 0);
  border: none;
  width: 110px;
  height: 45px;
  color: white;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
}
div.registration .span-class {
  width: 100%;
  z-index: 999;
  text-align: center;
}
@media screen and (max-width: 576px) {
  div.registration .span-class {
    font-size: 14px;
  }
}
div.registration .custom-margin-bottom-zero {
  margin-top: 0 !important;
}
div.registration .flex-padding {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ant-layout.layout {
  background: transparent !important;
  align-items: center;
  justify-content: center;
}

.registration-content {
  padding: 2rem 3rem;
  max-width: 520px;
  width: 30%;
  background-color: #2a2a2a;
  position: relative;
}
@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .registration-content {
    padding: 1rem 1.2rem;
    width: 100%;
  }
}
.registration-content label {
  display: flex !important;
}
.registration-content .logo-container {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.registration-content .desc1,
.registration-content .desc2 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.009375em;
  margin-top: 1rem;
  color: #f5f5f5;
  text-align: center;
}
.registration-content .desc1 {
  color: #d5ba48;
  font-size: 1.4rem;
}
.registration-content .btn-container {
  text-align: center;
  margin-top: 1rem;
}
.registration-content .btn-container.dual-btns button {
  margin-bottom: 20px;
}

.option-header-register {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.option-header-register .select-country-code {
  margin-left: 5px !important;
}
.option-header-register .countryFlag-img {
  margin-right: 5px;
}

.option-header-register:hover {
  color: #fff !important;
}

.select-box-country {
  background-color: #000;
  top: 55px !important;
  border: 1px solid #1c1f27;
  border-radius: 5px;
}
.select-box-country .ant-select-item-option {
  border-bottom: 1px solid #1c1f27;
}
.select-box-country .ant-select-item-option .ant-select-item-option-content .option-header-register {
  color: white;
}
.select-box-country .ant-select-item-option-selected {
  background-color: #ffc000 !important;
}
.select-box-country .ant-select-item-option-selected .option-header-register {
  color: #000 !important;
  font-weight: 700 !important;
}
.select-box-country .ant-select-item:hover {
  background-color: #ffc000;
}
.select-box-country .option-header-register:hover {
  background-color: #ffc000;
  color: #000 !important;
  font-weight: 700 !important;
}
.select-box-country .rc-virtual-list {
  min-width: 300px !important;
}

.phone-number .ant-form-item-explain-error {
  display: none;
}

.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;
}

.custom-auth-faceki {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  .custom-auth-faceki {
    padding: 10px;
  }
}
@media screen and (max-width: 375px) {
  .custom-auth-faceki {
    top: 70px !important;
  }
}
@media screen and (max-width: 576px) {
  .custom-auth-faceki {
    border-radius: 5px;
    padding: 10px;
  }
}
.custom-auth-faceki h4 {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 576px) {
  .custom-auth-faceki h4 {
    font-size: 16px;
  }
}
.custom-auth-faceki h5 {
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 576px) {
  .custom-auth-faceki h5 {
    font-size: 14px;
    max-width: 300px;
  }
}
.custom-auth-faceki .ant-select {
  width: 100%;
  margin-top: 5px;
}
.custom-auth-faceki .webcam-wrapper {
  position: relative;
  border: 1px solid #1c1f27;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.custom-auth-faceki .flex_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
}
.custom-auth-faceki .flex-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: transparent;
}
.custom-auth-faceki .flex-container-first {
  z-index: 999;
  float: center;
  width: 100%;
}
.custom-auth-faceki .btn-x {
  background-color: #262a32;
  color: red;
  width: 30px !important;
  height: 30px !important;
  font-size: 14px;
  font-weight: 600;
  z-index: 999;
  border: 1px solid #262a32;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-auth-faceki .position-head {
  display: flex;
  justify-content: center;
  color: #ffc000;
  font-weight: 600;
  width: 100%;
  align-items: center;
  z-index: 999;
}
@media screen and (max-width: 576px) {
  .custom-auth-faceki .position-head {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  .custom-auth-faceki .position-head {
    font-size: 12px;
  }
}
.custom-auth-faceki .span-class {
  width: 100%;
  z-index: 999;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 576px) {
  .custom-auth-faceki .span-class {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  .custom-auth-faceki .span-class {
    font-size: 12px;
  }
}
.custom-auth-faceki .flip-button {
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 300;
  opacity: 0.7;
  cursor: pointer;
  width: 30px;
}
.custom-auth-faceki .oval-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 200;
  opacity: 0.8;
}
.custom-auth-faceki .button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.custom-auth-faceki .button-wrapper button {
  background: rgb(255, 204, 0);
  border: none;
  width: 110px;
  height: 45px;
  color: white;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
}
.custom-auth-faceki video {
  border-radius: 5px;
}

.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 {
  text-align: left;
}
.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 .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;
}

.modal--transaction-confirm .ant-modal {
  background-color: #000 !important;
}
.modal--transaction-confirm .ant-modal .ant-modal-header {
  padding: 18px 0;
  background: transparent !important;
  border: unset !important;
}
.modal--transaction-confirm .ant-modal .ant-modal-header .ant-modal-title {
  text-align: center;
  margin: 0 auto;
  color: white;
  background: transparent;
  font-size: 22px;
  text-transform: uppercase;
}
.modal--transaction-confirm .ant-modal .ant-modal-body table td {
  padding: 15px 0;
  font-size: 16px;
}
.modal--transaction-confirm .ant-modal .ant-modal-body table td span {
  color: #cacaca;
}
.modal--transaction-confirm .ant-modal .ant-modal-body table td span.txtlabel.info {
  color: #cacaca !important;
}
.modal--transaction-confirm .ant-modal .ant-modal-body table td span.question-circle path {
  fill: white;
}
.modal--transaction-confirm .ant-modal .ant-modal-body .propose-from label span {
  text-transform: uppercase;
}
.modal--transaction-confirm .ant-modal .ant-modal-body .propose-from select {
  background-color: #21252f !important;
}
.modal--transaction-confirm .ant-modal .ant-modal-body .propose-toggle span {
  text-transform: uppercase;
  color: #ffc000;
}
.modal--transaction-confirm .ant-modal .ant-modal-footer .ant-btn-default {
  width: 48%;
  background-color: #ffc000;
  color: black;
  height: 50px;
  font-weight: bold;
  font-size: 16px;
  border: unset !important;
}
.modal--transaction-confirm .ant-modal .ant-modal-footer .ant-btn-danger {
  width: 48%;
  margin-left: 4%;
  color: white;
  height: 50px;
  font-weight: bold;
  font-size: 16px;
}

.add-contact {
  background: black;
  font-family: "Poppins", sans-serif;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.add-contact .contact-container {
  padding: 10px 30px !important;
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  width: 100%;
}
.add-contact .add-contact-div-title {
  border: 1px solid rgba(194, 213, 225, 0.08) !important;
  padding: 31px 0 23px 30px !important;
  width: 100%;
}
.add-contact .page-title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #ffffff;
}
.add-contact .input-box-search {
  max-width: 400px;
}
.add-contact .input-box-search input {
  background: rgba(21, 23, 27, 0.4);
  border: 1px solid rgba(28, 31, 39, 0.4);
  border-radius: 5px;
}
.add-contact table > thead {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  background: black !important;
}
.add-contact .ant-table-content table tr th {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid #1c1f27;
}
.add-contact span.span_1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}
.add-contact p.para_1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: rgba(255, 192, 0, 0.7);
  margin: 0;
}
.add-contact .ant-table-content table tr td {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.7);
  padding: 10px;
}
.add-contact .ant-table-content {
  background: #000000;
  overflow: auto;
}
.add-contact .ant-table-content .ant-table-thead {
  border-collapse: collapse !important;
  border-bottom: 1px solid #1c1f27;
}
.add-contact .ant-table-content .ant-table-tbody {
  border-collapse: collapse !important;
}
.add-contact .ant-table-content .ant-table-tbody tr {
  border-bottom: 1px solid #1c1f27;
}
.add-contact .ant-table-content .ant-table-tbody tr:last-child td {
  border-bottom: none;
}
.add-contact .ant-table-container {
  background: black;
}
.add-contact .ant-table-content table tr th:last-child {
  text-align: center;
  width: 200px;
}
.add-contact button.add-contact-btn {
  background: #ffc000;
  border: 1px solid #1c1f27;
  border-radius: 4px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
  margin: auto;
  display: block;
  width: 95px;
  height: 40px;
}
.add-contact .ant-table-content table tbody {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .add-contact .ant-pagination {
    justify-content: center;
  }
}

.explorer .ant-tabs-nav {
  padding-left: 30px;
  margin: 0;
}
.explorer .ant-table-thead tr th {
  text-transform: uppercase;
  font-size: 14px;
}
.explorer .ant-table-thead tr th .ant-table-column-sorters {
  text-transform: uppercase;
  font-size: 14px;
}
.explorer .ant-table-thead tr th .ant-table-column-sorters .ant-table-column-title {
  text-transform: uppercase;
  font-size: 14px;
}
.explorer .blockchain-tab .explorer-card canvas {
  border-radius: 10px;
}
.explorer .blockchain-tab .transactions-block {
  padding: 2rem;
  display: flex;
}
@media screen and (max-width: 768px) {
  .explorer .blockchain-tab .transactions-block {
    flex-direction: column;
  }
}
.explorer .blockchain-tab .transactions-block .recent-activity {
  margin-bottom: 3.5rem;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .explorer .blockchain-tab .transactions-block .recent-activity {
    width: 100%;
  }
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table {
  border-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table thead th span {
  font-weight: 500;
  font-size: 14px;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table thead > tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table thead > tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table tbody {
  overflow: auto;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table tbody tr td {
  padding: 0 !important;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table tbody tr td:first-child {
  width: 150px;
  padding-left: 15px;
}
@media screen and (max-width: 576px) {
  .explorer .blockchain-tab .transactions-block .recent-activity .ant-table tbody tr td:first-child {
    padding-left: 0;
  }
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table tbody tr td div {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table tbody tr:last-child .ant-table-cell:first-child {
  border-bottom-left-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table tbody tr:last-child .ant-table-cell:last-child {
  border-bottom-right-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-activity .ant-table tbody a {
  font-size: 0.875em;
  padding-right: 4px;
}
.explorer .blockchain-tab .transactions-block .recent-blocks {
  padding-bottom: 0;
  padding-left: 5;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .explorer .blockchain-tab .transactions-block .recent-blocks {
    width: 100%;
    padding-left: 0;
  }
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table {
  border-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table a {
  font-size: 0.875em;
  padding-left: 20px;
  padding-right: 4px;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table thead th span {
  font-weight: 500;
  font-size: 14px;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table thead > tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table thead > tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table tbody {
  overflow: auto;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table tbody td > span {
  font-size: 0.875em;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table tbody tr td {
  padding: 0 !important;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table tbody tr td:first-child {
  width: 100px;
  padding-left: 15px;
}
@media screen and (max-width: 576px) {
  .explorer .blockchain-tab .transactions-block .recent-blocks .ant-table tbody tr td:first-child {
    padding-left: 0;
  }
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table tbody tr:last-child .ant-table-cell:first-child {
  border-bottom-left-radius: 10px;
}
.explorer .blockchain-tab .transactions-block .recent-blocks .ant-table tbody tr:last-child .ant-table-cell:last-child {
  border-bottom-right-radius: 10px;
}
.explorer .assets-tab .assets-section-wrapper {
  display: flex;
  flex-direction: column;
  padding-right: 30px;
  padding-left: 30px;
}
.explorer .assets-tab .assets-section-wrapper .control-group {
  text-align: left;
  margin-top: 2rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .explorer .assets-tab .assets-section-wrapper .control-group {
    flex-direction: column;
    justify-content: center;
  }
}
.explorer .assets-tab .assets-section-wrapper .control-group .search-input {
  width: 300px !important;
}
@media screen and (max-width: 576px) {
  .explorer .assets-tab .assets-section-wrapper .control-group .search-input {
    margin-bottom: 15px;
    width: 100% !important;
  }
}
.explorer .assets-tab .assets-section-wrapper .control-group .ant-radio-group {
  margin-left: 24px;
}
@media screen and (max-width: 576px) {
  .explorer .assets-tab .assets-section-wrapper .control-group .ant-radio-group {
    margin-left: 0;
  }
}
.explorer .assets-tab .assets-section-wrapper .ant-table-wrapper {
  overflow: auto;
}
.explorer .accounts-tab .search-input {
  min-width: 300px;
}
@media screen and (max-width: 576px) {
  .explorer .accounts-tab .search-input {
    width: 100% !important;
  }
}
.explorer .witnesses-tab .search-input {
  min-width: 300px;
  margin-bottom: 10px;
}
@media screen and (max-width: 576px) {
  .explorer .witnesses-tab .search-input {
    width: 100% !important;
  }
}
.explorer .witnesses-tab .ant-table-cell {
  font-size: 14px;
  text-align: left !important;
  padding-left: 16px !important;
}
.explorer .committee-tab .search-input {
  min-width: 300px;
  margin-bottom: 10px;
}
@media screen and (max-width: 576px) {
  .explorer .committee-tab .search-input {
    width: 100% !important;
  }
}
.explorer .fees-tab {
  padding: 30px;
}
.explorer .fees-tab table th {
  font-size: 14px;
}
.explorer .fees-tab table tbody tr > td {
  padding: 16px 13px;
}
.explorer .fees-tab .ant-card {
  height: 45px;
  font-weight: 600;
}

.di-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: #080808;
}
.di-wrapper .left-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.di-wrapper .right-side {
  padding-left: 50px;
  padding-top: 50px;
}
.di-wrapper .text1 {
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 600;
  color: white;
}
.di-wrapper .text2 {
  font-size: 130px;
  text-transform: uppercase;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 2px;
  margin-left: -8px;
  color: white;
}
.di-wrapper .text3 {
  font-size: 23.5px;
  color: white;
}
.di-wrapper .text4 {
  font-size: 18px;
  margin-top: 30px;
  max-width: 350px;
  line-height: 1.2;
  color: white;
}
.di-wrapper .qr-code-wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
}
.di-wrapper .qr-code-card {
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.05);
  align-items: center;
  width: 190px;
  border-radius: 10px;
  background: white;
}
.di-wrapper .qr-code-text {
  color: #737373;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  text-transform: uppercase;
  color: #333333;
}
@media screen and (max-width: 901px) {
  .di-wrapper .right-side {
    display: none;
  }
}

.lifetime {
  background: url(fc1f145be2e198b7b253.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;
}

.darkTheme #content {
  display: block;
}
.darkTheme #content > .ant-layout {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.darkTheme #content > .ant-layout .ant-layout-header {
  height: 3rem;
  background-color: #0a0b0d;
}
.darkTheme #content > .ant-layout > .ant-layout-content {
  height: calc(100% - 5rem);
  overflow: hidden;
  margin-top: 3rem;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout {
  height: 100%;
  overflow: hidden;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-sider-children > .ant-menu {
  height: 100%;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content {
  margin-top: 0 !important;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper {
  height: 100%;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .grid-frame.vertical,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .grid-frame.vertical {
  height: 100%;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .grid-frame.vertical > div,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .grid-frame.vertical > div {
  overflow-y: auto;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .asset-page,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page {
  padding-top: 30px;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .asset-page .asset-card,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .asset-card {
  border: 1px solid #1c1f27;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .asset-page .asset-card .card-divider,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .asset-card .card-divider {
  margin-bottom: 0;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .asset-page .ant-collapse,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse {
  border: 1px solid #1c1f27;
  border-radius: 5px;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .asset-page .ant-collapse .ant-collapse-item,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse .ant-collapse-item {
  margin-bottom: 0;
  border-bottom: 1px solid #1c1f27;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .asset-page .ant-collapse .ant-collapse-item .ant-collapse-header,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse .ant-collapse-item .ant-collapse-header {
  border-radius: 0;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .asset-page .ant-collapse .ant-collapse-item .ant-collapse-content,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse .ant-collapse-item .ant-collapse-content {
  background-color: #15171b;
  border-top: 1px solid #1c1f27;
  color: white;
}
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .darkTheme .asset-page .ant-collapse .ant-collapse-item:last-child,
.darkTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse .ant-collapse-item:last-child {
  border-bottom: none;
}
.darkTheme #content > .ant-layout .ant-layout-footer {
  height: 2rem;
  position: "fixed";
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  background-color: #15171b !important;
  padding: 9px 50px !important;
  color: #566176 !important;
  border-top: 1px solid #1c1f27;
}
.darkTheme #content > .ant-layout .exchange-footer {
  position: relative;
  height: 60px;
  background-color: #ffc000 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px !important;
}
.darkTheme #content > .ant-layout .exchange-footer .icon-button {
  z-index: 100;
}
.darkTheme #content > .ant-layout .exchange-footer .icon-button .anticon {
  font-size: 24px;
  margin-bottom: 5px;
  color: black;
}
.darkTheme #content > .ant-layout .exchange-footer .icon-button .ant-typography {
  font-size: 16px;
}
.darkTheme #content > .ant-layout .exchange-footer .normal-button {
  width: 120px;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #470000;
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.darkTheme #content > .ant-layout .exchange-footer .normal-button .footer-logo {
  width: 24px;
  margin-top: 10px;
  margin-bottom: 7px;
}

.lightTheme #content {
  display: block;
}
.lightTheme #content > .ant-layout {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lightTheme #content > .ant-layout .ant-layout-header {
  height: 3rem;
  background-color: white;
}
.lightTheme #content > .ant-layout > .ant-layout-content {
  height: calc(100% - 5rem);
  overflow: hidden;
  margin-top: 3rem;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout {
  height: 100%;
  overflow: hidden;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-sider-children > .ant-menu {
  height: 100%;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content {
  margin-top: 0 !important;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper {
  height: 100%;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .grid-frame.vertical,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .grid-frame.vertical {
  height: 100%;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .grid-frame.vertical > div,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .grid-frame.vertical > div {
  overflow-y: auto;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .asset-page,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page {
  padding-top: 30px;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .asset-page .asset-card,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .asset-card {
  border: 1px solid #eaeaea;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .asset-page .asset-card .card-divider,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .asset-card .card-divider {
  margin-bottom: 0;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .asset-page .ant-collapse,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse {
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .asset-page .ant-collapse .ant-collapse-item,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse .ant-collapse-item {
  margin-bottom: 0;
  border-bottom: 1px solid #eaeaea;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .asset-page .ant-collapse .ant-collapse-item .ant-collapse-header,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse .ant-collapse-item .ant-collapse-header {
  border-radius: 0;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .asset-page .ant-collapse .ant-collapse-item .ant-collapse-content,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse .ant-collapse-item .ant-collapse-content {
  background-color: transparent;
  border-top: 1px solid #eaeaea;
  color: #666666;
}
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content .lightTheme .asset-page .ant-collapse .ant-collapse-item:last-child,
.lightTheme #content > .ant-layout > .ant-layout-content .ant-layout .ant-layout-content #content-wrapper .asset-page .ant-collapse .ant-collapse-item:last-child {
  border-bottom: none;
}
.lightTheme #content > .ant-layout .ant-layout-footer {
  height: 2rem;
  position: "fixed";
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  background-color: #f5fffa !important;
  padding: 9px 50px !important;
  color: #566176 !important;
  border-top: 1px solid #eaeaea;
}
.lightTheme #content > .ant-layout .exchange-footer {
  position: relative;
  height: 60px;
  background-color: #ffc000 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px !important;
}
.lightTheme #content > .ant-layout .exchange-footer .icon-button {
  z-index: 100;
}
.lightTheme #content > .ant-layout .exchange-footer .icon-button .anticon {
  font-size: 24px;
  margin-bottom: 5px;
  color: black;
}
.lightTheme #content > .ant-layout .exchange-footer .icon-button .ant-typography {
  font-size: 16px;
}
.lightTheme #content > .ant-layout .exchange-footer .normal-button {
  width: 120px;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #470000;
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.lightTheme #content > .ant-layout .exchange-footer .normal-button .footer-logo {
  width: 24px;
  margin-top: 10px;
  margin-bottom: 7px;
}

.page-layout > .grid-block > .grid-content,
.page-layout > .grid-block > .grid-block,
.page-layout > .grid-block > .grid-container {
  padding: 0 1px;
}
.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 {
  margin: 0;
}
.exchange-bordered#depth_chart {
  padding: 0px 6px 0px 6px;
}

.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;
}

.ant-layout-header .logo-wrapper {
  padding-top: 7px;
}

@media screen and (max-width: 768px) {
  .ant-dropdown {
    width: 100%;
  }
}
.ant-dropdown ul.header-menu {
  width: 245px;
  padding: 0;
  border-top: 4px solid #ffc000;
}
@media screen and (max-width: 768px) {
  .ant-dropdown ul.header-menu {
    width: 100%;
  }
}
.ant-dropdown ul.header-menu:before {
  content: "\a";
  border-style: solid;
  border-width: 6px 7px 6px 0px;
  border-color: transparent #ffc000 transparent transparent;
  position: absolute;
  transform: rotate(90deg);
  right: 31px;
  top: -12px;
}
@media screen and (max-width: 768px) {
  .ant-dropdown ul.header-menu:before {
    right: 3.5rem;
  }
}
.ant-dropdown ul.header-menu li {
  background: #2e3445;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ant-dropdown ul.header-menu li:first-of-type span {
  color: #ffc000;
}
.ant-dropdown ul.header-menu li.level-1 {
  background: #21252f;
}
.ant-dropdown ul.header-menu li.level-2 {
  background: #282d3a;
}
.ant-dropdown ul.header-menu li:hover {
  background: #f5f5f5;
  cursor: pointer;
}
.ant-dropdown ul.header-menu li:hover span {
  color: black;
}
.ant-dropdown ul.header-menu li:hover > div.ant-dropdown-menu-submenu-title span.ant-dropdown-menu-submenu-expand-icon > span {
  color: #282d3a;
}
.ant-dropdown ul.header-menu li span {
  color: white;
  font-size: 15px;
}
.ant-dropdown ul.header-menu li > div.ant-dropdown-menu-submenu-title {
  background-color: transparent !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.ant-dropdown ul.header-menu li > div.ant-dropdown-menu-submenu-title:hover {
  background-color: transparent !important;
}
.ant-dropdown ul.header-menu li > div.ant-dropdown-menu-submenu-title span.ant-dropdown-menu-submenu-expand-icon {
  top: 15px;
}
.ant-dropdown ul.header-menu li > div.ant-dropdown-menu-submenu-title span.ant-dropdown-menu-submenu-expand-icon > span {
  color: white;
  background-color: transparent !important;
}
.ant-dropdown ul.header-menu .disable-li-text span {
  color: #808080 !important;
}
.ant-dropdown ul.header-menu .claim-wallet-background {
  background-color: #ffc000 !important;
}
.ant-dropdown ul.header-notification-menu {
  position: absolute;
  z-index: 10;
  background: #0a0b0d;
  border: 1px solid #1c1f27;
  top: 8px;
  right: 0px;
  filter: drop-shadow(0px 30px 30px rgba(0, 0, 0, 0.2));
  border-top: 3px solid #e24c4d;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 440px;
  padding-bottom: 20px;
  overflow-y: auto;
}
@media (max-width: 600px) {
  .ant-dropdown ul.header-notification-menu {
    top: 110px;
    width: calc(100% - 50px);
    left: 25px;
  }
}
.ant-dropdown ul.header-notification-menu .notificationCard {
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.ant-dropdown ul.header-notification-menu .notificationCard:nth-child(even) {
  background: #1c1f27;
}
.ant-dropdown ul.header-notification-menu .notificationCard .info {
  width: 100%;
  margin-left: 15px;
  color: rgba(255, 255, 255, 0.7);
}
.ant-dropdown ul.header-notification-menu .notificationCard .info h4 {
  cursor: pointer;
  margin: 5px 0px;
}
.ant-dropdown ul.header-notification-menu .notificationCard .info h4:hover {
  text-decoration: underline;
}
.ant-dropdown ul.header-notification-menu .notificationCard .info p {
  color: rgba(255, 255, 255, 0.7);
  font-family: sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.ant-dropdown ul.header-notification-menu .notificationCard .contentHtml {
  max-width: 350px;
}
.ant-dropdown ul.header-notification-menu .notificationCard .contentHtml img {
  max-width: 100% !important;
}
.ant-dropdown ul.header-notification-menu .notificationCard .time {
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-family: sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  justify-content: space-between;
  align-items: center;
}
.ant-dropdown ul.header-notification-menu .notificationCard .time div:first-child {
  width: 100%;
}
.ant-dropdown ul.header-notification-menu .notificationCard .time div:first-child p {
  background: transparent;
}
.ant-dropdown ul.header-notification-menu .notificationCard .time div:first-child p table {
  background: transparent !important;
}
.ant-dropdown ul.header-notification-menu .notificationCard .time div:first-child p table td {
  background: transparent !important;
}
.ant-dropdown ul.header-notification-menu .notificationCard .time div:last-child {
  min-width: 150px;
  margin-left: 30px;
}
.ant-dropdown ul.header-notification-menu .notificationCard .logo {
  width: 40px;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 50%;
  background: white;
}
.ant-dropdown ul.header-notification-menu .viewAll {
  color: #ffc000;
  font-family: sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: capitalize;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
}

.advanced-submenu ul {
  padding: 0;
}
.advanced-submenu ul li {
  background: #2e3445;
  padding-top: 10px;
  padding-bottom: 10px;
}
.advanced-submenu ul li:hover span {
  color: black;
}
.advanced-submenu ul li span {
  color: white;
  font-size: 15px;
}
.advanced-submenu ul li.comment {
  background: #282d3a;
  font-size: 11px;
}
.advanced-submenu ul li.comment span {
  color: rgba(255, 255, 255, 0.5) !important;
}
.advanced-submenu ul li.comment:hover span {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Exchange Overrides */
.info-layout .ant-tabs {
  line-height: 1 !important;
}
.info-layout .ant-input:focus {
  box-shadow: 0 !important;
}
.info-layout .ant-tabs-bar {
  margin: 0 0 0 0 !important;
}
.info-layout .ant-tabs-nav,
.info-layout .ant-tabs-tab {
  margin: 0 12px 0 0 !important;
  padding: 5px 5px !important;
}
.info-layout .ant-tabs-nav.ant-tabs-nav-animated {
  margin-right: 0px !important;
}
.info-layout .ant-tabs.ant-tabs-top.ant-tabs-line {
  width: 100%;
}
.info-layout .inputAddon {
  padding-bottom: 0px !important;
}
.info-layout .inputAddon .ant-input-group-addon {
  width: 60% !important;
  text-align: left !important;
}
.info-layout .ant-select-dropdown-menu-vertical {
  margin-left: 0 !important;
}
.info-layout .ant-select-dropdown-menu-vertical > li {
  padding: 1px 1px 5px 5px !important;
}
.info-layout .ant-collapse {
  width: 100% !important;
}
.info-layout .ant-collapse-content > .ant-collapse-content-box {
  padding: 0px !important;
}

/* Modal Overrides */
label.ant-checkbox-wrapper > span {
  text-transform: none !important;
}

/* Often used styles */
.none {
  display: none !important;
}

.registration-layout .password-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  border: 1px solid #262a32;
  border-radius: 6px;
}
.registration-layout .password-wrapper input {
  border: none !important;
}
.registration-layout .password-wrapper .ant-input:disabled {
  margin-bottom: 0;
  padding-right: 5px;
  font-size: 14px;
  background: #0a0b0d;
  border: none;
  height: 50px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}
.registration-layout .password-wrapper .registration-layout--copy-password-btn {
  width: 42px;
  height: 42px;
  background: #ffc000;
  border-radius: 4px;
  margin-right: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.registration-layout .password-wrapper .registration-layout--copy-password-btn svg {
  width: 24;
  height: 24;
  margin-top: -5px;
  margin-left: -5px;
}
.registration-layout .password-wrapper .registration-layout--copy-password-btn svg path {
  fill: black;
}
.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;
  background: #0a0b0d;
  border: 1px solid #262a32 !important;
  border-radius: 6px;
  height: 50px;
}
.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-tabs .ant-tabs-bottom-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated {
  height: 100% !important;
}

.swal-modal {
  font-size: 15px;
  background-color: #2a2a2a;
}

.swal-title {
  color: white;
}

.swal-text {
  color: white;
}

.swal-button {
  color: #fff !important;
  background-color: #00a9e9;
  border-color: #00a9e9;
  border-radius: 0px !important;
  font-weight: 400px !important;
}

.search-wrapper {
  position: relative;
}

.market-filter-input,
.search-wrapper {
  position: relative;
}

#qr_scanner_modal > section {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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;
}

.back-btn {
  display: flex;
  margin-top: 30px;
  margin-left: 30px;
  cursor: pointer;
  align-items: center;
  color: #ffc000;
}
.back-btn > div {
  margin-left: 8px;
}

.generic-bordered-box {
  padding-right: 20px;
}
@media screen and (max-width: 900px) {
  .generic-bordered-box {
    padding: 0px;
  }
}

@media screen and (max-width: 900px) {
  .page-header {
    margin: 0px;
    padding: 15px !important;
    margin-bottom: unset !important;
  }
  .page-header h2 {
    font-size: 20px !important;
  }
  .page-header h3 {
    font-size: 20px !important;
    padding: unset !important;
  }
  .page-header h4 {
    font-size: 20px !important;
  }
}

.darkTheme .short-long-button span {
  width: 100% !important;
}
.darkTheme .short-long-button button {
  width: 100% !important;
}
.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 rgba(0, 0, 0, 0.0823529412);
}
.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: #fff;
  padding: 1rem;
  min-width: 350px;
  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: #000000;
  border: 1px solid #000000;
}
.darkTheme .showcases-grid--wrapper--item--wrapper:hover {
  background-color: #000000;
  border-color: #ffc000;
}
.darkTheme .showcases-grid--wrapper--item--wrapper:focus {
  border-color: rgba(255, 192, 0, 0.05);
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.15);
}
.darkTheme .showcases-grid--wrapper--item--wrapper--disabled {
  padding: 1rem;
  height: calc(320px - 2rem);
  transition: 0.3s;
  border-radius: 10px;
  background-color: #000000;
  border: 1px solid #000000;
}
.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: #000000;
}
@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: #ffc000;
}
.darkTheme .price-alert--notification--pair-name {
  font-weight: 600;
}
.darkTheme .price-alert--notification--icon.price-alert--notification--icon--up {
  color: #009d55;
}
.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: #009d55;
}
.darkTheme .price-alert--notification--actual-price.price-alert--notification--actual-price-down {
  color: #ff3950;
}
.darkTheme .explore-witness--info {
  width: 100%;
  border: 1px solid #08080a;
  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: #707070;
  font-size: 14px;
  padding-bottom: 8px;
}
.darkTheme .explore-witness--info table tbody td {
  color: #fff;
}
.darkTheme #incognito {
  background: #d5ba48;
}
.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: #270303;
  color: #cccccc;
}
.darkTheme .settings--select {
  width: 100%;
}
.darkTheme .settings-input, .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-]) {
  color: #cccccc !important;
  height: 36px !important;
  background-color: #270303 !important;
  border-bottom: 0 !important;
  max-width: 100% !important;
}
.darkTheme .modal-separator {
  border-color: #fff;
}
.darkTheme .positive {
  color: #009d55 !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: #ffc000;
}
.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: #fff;
}
.darkTheme .fz_12 {
  font-size: 12px;
}
.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: #fff;
}
.darkTheme svg > path {
  transition: all 0.3s ease 0s;
}
.darkTheme hr {
  background-color: rgba(80, 83, 97, 0.3) !important;
}
.darkTheme a {
  color: #ffc000;
}
.darkTheme a:hover, .darkTheme a:focus, .darkTheme a:active {
  color: #ffc514;
}
.darkTheme *:not([class*=ant-]) > label,
.darkTheme *:not([class*=ant-]) > label > span {
  color: #fff;
}
.darkTheme .label.success {
  color: white;
  background-color: #7bd500;
  border-color: #7bd500;
}
.darkTheme .label.info {
  color: white;
  border-color: #a0d3e8;
  background-color: #a0d3e8;
}
.darkTheme .label.warning {
  background-color: #fcab53;
  color: white;
  border-color: #fcab53;
}
.darkTheme .nested-approval-state .tooltip {
  -webkit-text-decoration: underline dotted #fff;
          text-decoration: underline dotted #fff;
}
.darkTheme .nested-approval-state .tooltip.error {
  color: #e3745b;
}
.darkTheme .nested-approval-state .tooltip.warning {
  color: #fcab53;
}
.darkTheme .label.cancel,
.darkTheme .label.alert {
  color: #e3745b;
  border-color: #e3745b;
}
.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: #e3745b;
}
.darkTheme .txtann.success {
  color: #7bd500;
}
.darkTheme .txtann.info {
  color: #a0d3e8;
}
.darkTheme .txtann.warning {
  color: #fcab53;
}
.darkTheme .txtann.error {
  color: #e3745b;
}
.darkTheme .notifications-tr {
  width: 100% !important;
  max-width: 425px !important;
}
.darkTheme .notifications-tr .notification {
  color: #fff !important;
  background-color: #000 !important;
  background-color: #0a0b0d !important;
  left: 0 !important;
  margin-top: -5px !important;
}
.darkTheme .notifications-tr .notification table tr {
  border: none !important;
  color: #fff;
}
.darkTheme .notifications-tr .notification-dismiss {
  color: white !important;
  background-color: red !important;
}
.darkTheme .notifications-tr .notification-success {
  border-left-color: #7bd500 !important;
}
.darkTheme .action-sheet {
  color: #fff;
  background-color: #b50f0f;
}
.darkTheme .action-sheet::after {
  border-bottom-color: #b50f0f;
}
.darkTheme .action-sheet > ul > li > a {
  color: #fff;
  border-top-color: #000000;
}
.darkTheme .action-sheet > ul > li > a:hover {
  color: #fff;
  background-color: #c71111;
}
.darkTheme .account-browsing-mode button {
  margin-right: 24px;
}
.darkTheme .__react_component_tooltip.type-light {
  color: #fff !important;
  background-color: #b50f0f !important;
  overflow: hidden !important;
}
.darkTheme .__react_component_tooltip.type-light.place-bottom:after {
  border-bottom-color: #b50f0f !important;
}
.darkTheme .__react_component_tooltip.type-light.place-top:after {
  border-top-color: #b50f0f !important;
}
.darkTheme .__react_component_tooltip.type-light.place-right:after {
  border-right-color: #b50f0f !important;
}
.darkTheme .__react_component_tooltip.type-light.place-left:after {
  border-left-color: #b50f0f !important;
}
.darkTheme .json-inspector__key {
  color: #fff !important;
}
.darkTheme h1,
.darkTheme h2,
.darkTheme h3,
.darkTheme h4,
.darkTheme h5,
.darkTheme h6 {
  color: #fff;
}
.darkTheme .copyIcon {
  background-color: #000000;
}
.darkTheme .copyIcon > button.copyIcon {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.darkTheme .modal#marketPicker,
.darkTheme .modal#settingsModal {
  background-color: #0a0b0d;
  border: 1px solid black;
}
.darkTheme .modal {
  color: #fff;
  background-color: black;
}
.darkTheme .modal .modal__highlight {
  color: #a0d3e8;
}
.darkTheme .modal .close-button {
  color: #fff;
}
.darkTheme .modal .close-button:hover {
  color: #fff;
}
.darkTheme .modal .modal-header > h6 {
  color: #fff;
}
.darkTheme .modal .modal-header.has-error > h6 {
  color: #e3745b;
}
.darkTheme .modal .circle-wrapper .circle:before {
  background-color: #fff;
}
.darkTheme .modal .table > thead > tr > th,
.darkTheme .modal .table > tbody > tr > td {
  text-align: center;
  border-bottom-color: #e6e6e6;
}
.darkTheme .modal span.send-name {
  color: #ffc000;
}
.darkTheme .footer {
  color: #fff;
  background-color: #000000;
}
.darkTheme .footer svg > path {
  fill: #fff;
}
.darkTheme .footer .logo .version {
  color: #e6e6e6;
}
.darkTheme .node-access-popup {
  color: #fff;
  background-color: #000000;
  border: 1px solid black;
}
.darkTheme .node-access-popup .nodes-list .api-status {
  border-bottom: 1px solid #131519;
}
.darkTheme .panel-left {
  color: #fff;
  background-color: #8f0c0c;
}
.darkTheme .panel-left .block-list li > a {
  color: #fff;
}
.darkTheme .panel-left .block-list li > a:hover {
  background-color: #7c0a0a;
}
.darkTheme .page-layout .column-header > ul {
  border-bottom: 1px solid #000000;
}
.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: #0a0b0d;
  border-bottom-color: #0a0b0d;
  background-color: #000000;
}
.darkTheme .page-layout .left-column-2 {
  border-top-color: #0a0b0d;
  border-bottom-color: #0a0b0d;
  background-color: #010101;
}
.darkTheme .page-layout .main-content {
  background-color: #0a0b0d;
}
.darkTheme .page-layout .main-content.margin-block {
  background-color: #ff0000;
}
.darkTheme .page-layout .right-column {
  border-top-color: #0a0b0d;
  border-bottom-color: #0a0b0d;
  background-color: #000000;
}
.darkTheme .asset-prefix {
  color: #fff !important;
}
.darkTheme .transfer-top {
  background-color: #8f0c0c;
}
.darkTheme .transfer-top label,
.darkTheme .transfer-top label > span {
  color: #fff;
}
.darkTheme .button {
  border-radius: 5px;
}
.darkTheme .button:hover, .darkTheme .button:focus, .darkTheme .button:active {
  opacity: 0.5;
}
.darkTheme .button.outline {
  color: white;
  border-color: #fff;
}
.darkTheme .button.outline span {
  color: white !important;
}
.darkTheme .button.outline:hover {
  color: white;
  border-color: #fff;
}
.darkTheme .button:disabled {
  opacity: 0.2 !important;
  cursor: not-allowed !important;
}
.darkTheme .button.secondary {
  color: #fff;
  background-color: #ff0f0f;
}
.darkTheme .button.secondary:hover, .darkTheme .button.secondary:focus, .darkTheme .button.secondary:active {
  color: white !important;
  background-color: #ff2323 !important;
}
.darkTheme .button.danger {
  color: white;
  background-color: #e3745b;
}
.darkTheme .button.danger:hover, .darkTheme .button.danger:focus, .darkTheme .button.danger:active {
  color: white !important;
  background-color: #e6836c !important;
}
.darkTheme .header .button,
.darkTheme .header .button:active {
  background-color: transparent !important;
}
.darkTheme .header .modal .button {
  background-color: #000000 !important;
}
.darkTheme .header .modal .button:hover, .darkTheme .header .modal .button:focus, .darkTheme .header .modal .button:active {
  background-color: #0a0a0a !important;
}
.darkTheme .header .modal .button.danger {
  background-color: #e3745b !important;
}
.darkTheme .header .modal .button.danger:hover, .darkTheme .header .modal .button.danger:focus, .darkTheme .header .modal .button.danger:active {
  background-color: #e6836c !important;
}
.darkTheme .header a.button.create-account {
  transition: color 0s !important;
  color: #000000 !important;
}
.darkTheme .header a.button.create-account > span > svg > path {
  fill: #000000;
}
.darkTheme .header a.button.create-account:hover {
  color: #1a1a1a !important;
}
.darkTheme .header a.button.create-account:hover > span > svg > path {
  fill: #1a1a1a;
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper.active ul {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.darkTheme .header div.account-drop-down div.dropdown-wrapper.active > li div.hamburger > .icon > svg rect {
  fill: #ffc000;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-menu > li > div:first-of-type > span.icon > svg > path {
  fill: #fff;
}
.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: #8f0c0c;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-menu > li.divider {
  border-bottom: 1px solid #d5ba48;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item {
  background-color: #ff0000;
  color: #fff;
}
.darkTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item:hover {
  color: white;
  background-color: #ff3333;
}
@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-dropdown-sub-link.enabled {
  color: #fff;
}
.darkTheme .header-dropdown-sub-link.enabled:hover {
  color: #ffc000;
}
.darkTheme .blue {
  color: #000000;
}
.darkTheme .grp-menu-item button:hover, .darkTheme .grp-menu-item button:focus, .darkTheme .grp-menu-item button:active {
  background-color: #8f0c0c !important;
}
.darkTheme .grp-menu-item > a,
.darkTheme .grp-menu-item .button {
  color: #fff !important;
}
.darkTheme .header .logo {
  color: #fff;
}
.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: #fff;
}
.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: #fff;
  background-color: #000000;
  background-color: #000000;
}
.darkTheme .card:hover {
  background-color: #0a0a0a;
}
.darkTheme .card:hover > h4 {
  background-color: #a20e0e;
}
.darkTheme .card a {
  color: #fff;
}
.darkTheme .card .card-divider {
  color: #fff;
  background-color: #8f0c0c;
}
.darkTheme .card > h4 {
  background-color: #8f0c0c;
}
.darkTheme .table > thead > tr > th {
  border-bottom-color: #fff;
  color: #fff;
}
.darkTheme .table > tbody > tr > td {
  text-align: left;
  border-bottom-color: #fff;
  font-size: 0.875rem;
  color: #fff;
}
.darkTheme .table.table-hover > tbody > tr:hover > td,
.darkTheme .table .table-hover > tbody > tr:hover > th {
  background-color: rgba(21, 23, 27, 0.9215686275);
}
.darkTheme .table > tbody > tr.table-empty > td {
  padding: 5rem 0;
  font-size: 1.5rem;
  text-align: center;
  color: #707070 !important;
  background-color: #0a0b0d !important;
}
.darkTheme div.sticky-table-row.order-row:hover {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.darkTheme .block-list {
  color: #fff;
}
.darkTheme .block-list li {
  border-bottom: 1px solid #1c1f27;
}
.darkTheme .block-list li > a {
  color: #fff;
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.darkTheme .block-list li:first-child {
  border-top: 1px solid #1c1f27;
}
.darkTheme .block-list header {
  margin-left: 0;
  margin-bottom: 1rem;
  color: #fff;
}
.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: #fff;
}
.darkTheme .right-label > span,
.darkTheme .left-label > span {
  color: inherit;
}
.darkTheme div.input-wrapper > div.input-right-symbol {
  color: #fff;
}
.darkTheme .dropdown-wrapper > div:first-of-type {
  color: #fff;
}
.darkTheme .dropdown-wrapper ul.dropdown {
  /* Hover state */
}
.darkTheme .dropdown-wrapper ul.dropdown::after {
  border-bottom-color: #b50f0f;
}
.darkTheme .dropdown-wrapper ul.dropdown > li > span {
  color: #fff;
}
.darkTheme .dropdown-wrapper ul.dropdown li:hover > span {
  color: #fff;
  background-color: white;
  color: #ffc000;
  background-color: black;
}
.darkTheme .dropdown-wrapper.active:after {
  border-color: #ffc000 transparent;
}
.darkTheme .dropdown-wrapper:after {
  /* Little arrow */
  border-color: #fff transparent;
}
.darkTheme .account-image .icon:hover svg path {
  fill: #f2f2f2;
}
.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: #fff;
}
.darkTheme .account-selector .account-image .icon:hover svg path,
.darkTheme .pubkey-input .account-image .icon:hover svg path {
  fill: #f2f2f2;
}
.darkTheme .has-error,
.darkTheme div.has-error > label,
.darkTheme div.has-error > label > span,
.darkTheme .error-msg {
  color: #e3745b !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: #e3745b;
}
.darkTheme .has-error input,
.darkTheme .has-error select,
.darkTheme .has-error textarea {
  border-color: #e3745b;
}
.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: #0a0b0d;
  border: 1px solid #1c1f27;
  color: #fff;
}
.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: #0a0b0d;
}
.darkTheme input[type=range] {
  /* These need to be independent selectors */
}
.darkTheme input[type=range]::-moz-range-thumb {
  background: #ffc000;
  outline: none;
  border: none;
  border-radius: 3px;
}
.darkTheme input[type=range]::-webkit-slider-thumb {
  background: #ffc000;
  outline: none;
  border: none;
  border-radius: 3px;
}
.darkTheme input[type=range]::-ms-thumb {
  background: #ffc000;
  outline: none;
  border: none;
  border-radius: 3px;
}
.darkTheme input[type=range]::-moz-range-track {
  background-color: #0c0d10;
  border-radius: 3px;
}
.darkTheme input[type=range]::-webkit-slider-runnable-track {
  background-color: #0c0d10;
  border-radius: 3px;
}
.darkTheme input[type=range]::-ms-track {
  background-color: #0c0d10;
  border-radius: 3px;
}
.darkTheme textarea {
  line-height: 22px;
}
.darkTheme .special-force:hover {
  background-color: black;
}
.darkTheme input[role=combobox] {
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
}
.darkTheme .typeahead > div > div {
  z-index: 1003;
  background-color: #0c0d10 !important;
}
.darkTheme .typeahead > div > div > div {
  color: #fff;
  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: black !important;
}
.darkTheme .typeahead .typeahead__input {
  background: #0c0d10;
}
.darkTheme .typeahead .typeahead__innerList {
  background: #000000;
}
.darkTheme .typeahead .typeahead__innerItem {
  color: #fff;
}
.darkTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__highlight {
  background-color: black !important;
}
.darkTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__disabled {
  color: rgba(0, 0, 0, 0.6);
}
.darkTheme ul.button-group.segmented > li.is-active > a {
  background: #0c0d10;
  color: #fff;
  border-bottom: 1px solid #000000;
}
.darkTheme .tabs {
  border-bottom-color: #fff;
}
.darkTheme .tabs > .tab-item {
  color: #fff;
}
.darkTheme .tabs > .tab-item.is-active {
  color: #fff;
  border-bottom-color: #000000;
}
.darkTheme .tabs > .tab-item:hover, .darkTheme .tabs > .tab-item:focus, .darkTheme .tabs > .tab-item:active {
  color: #fff;
}
.darkTheme .tab-content {
  background-color: #2a2a2a;
}
.darkTheme .tab-content div.header-selector .filter input {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.darkTheme .tab-content div.header-selector .selector .inactive {
  color: rgba(0, 0, 0, 0.6);
}
.darkTheme .tab-content.explorer-tab-content {
  background-color: #0a0b0d;
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.darkTheme .depthchart:hover {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #0a0b0d));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #0a0b0d 100%);
  background-color: #240000;
}
.darkTheme .depthchart.area {
  color: #fff;
}
.darkTheme .bid-total {
  color: #009d55 !important;
}
.darkTheme .stats .stat .negative {
  color: #ff3950 !important;
}
.darkTheme .stats .stat .positive {
  color: #009d55 !important;
}
.darkTheme .value.negative {
  color: #ff2929 !important;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .value.positive {
  color: #009d55 !important;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme .active-bucket {
  background-color: #c71111;
}
.darkTheme .bucket-option:hover {
  background-color: #000000;
}
.darkTheme .buy-sell-box {
  background-color: #c71111;
}
.darkTheme .buy-sell-box > select {
  background-color: #c71111;
  background: #c71111 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: #e3745b;
}
.darkTheme .account-left-panel h5 {
  color: #fff;
}
.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: #0a0b0d;
}
.darkTheme .account-left-panel .advanced-toggle > a {
  color: #fff;
}
.darkTheme .account-left-panel a.pay-button {
  background-color: #0a0b0d;
  color: #fff;
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.darkTheme .account-left-panel a.pay-button:hover {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.darkTheme .account-left-panel div.create-account-button {
  background: transparent;
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
  border: 2px solid #000000;
}
.darkTheme .account-left-panel div.create-account-button > a {
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #fff;
}
.darkTheme .account-info {
  color: #fff;
}
.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: #fff;
}
.darkTheme .account-info > div.secondary > span:last-of-type {
  color: #fff;
}
.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: #0d0d0d;
}
.darkTheme .account-left-menu > li > a.active {
  color: #fff;
  background-color: #0a0a0a;
  border-right-color: black;
}
.darkTheme .pagination {
  background-color: #000000;
}
.darkTheme .invoice .item-description {
  color: #fff;
}
.darkTheme .facolor-success {
  color: #7bd500;
}
.darkTheme .facolor-alert {
  color: #e3745b;
}
.darkTheme .facolor-warning {
  color: #fcab53;
}
.darkTheme .facolor-info {
  color: #a0d3e8;
}
.darkTheme .facolor-error {
  color: #e3745b;
}
.darkTheme .facolor-fee {
  color: #fff;
}
.darkTheme .error-area {
  color: #e3745b;
}
.darkTheme .account-selector .right-label {
  color: #fff;
}
.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: #fff;
}
.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: #0a0b0d;
  padding: 4px;
  opacity: 0.85;
  border-radius: 2px;
  color: #fff;
  font-size: 60%;
  width: 348px;
  height: 48px;
}
.darkTheme .remove {
  color: #e3745b;
  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: #e3745b;
  font-size: 120%;
  border-radius: 2px;
}
.darkTheme .memo {
  color: #fff;
}
.darkTheme .click-for-help {
  border-bottom-color: #fff !important;
}
.darkTheme section.block-list input[type=text]:not([class*=ant-]),
.darkTheme section.block-list input[type=password] {
  border-bottom: 1px solid #000000;
  background-color: transparent;
  color: #fff;
}
.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: #fff;
  background-color: transparent;
  border-bottom: 1px solid #000000;
}
.darkTheme .remove {
  color: #e3745b;
  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: #e3745b;
  font-size: 120%;
  border-radius: 2px;
}
.darkTheme .menu-group.primary,
.darkTheme .menu-group.primary .menu-bar {
  background-color: -moz-radial-gradient(center, circle farthest-corner, black 0%, #240000 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, black), color-stop(100%, #240000));
  background: -webkit-radial-gradient(center, circle farthest-corner, black 0%, #240000 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, black 0%, #240000 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, black 0%, #240000 100%);
  background-color: radial-gradient(center, circle farthest-corner, black 0%, #240000 100%);
  background-color: black;
}
.darkTheme .menu-group.primary li > a,
.darkTheme .menu-group.primary .menu-bar li > a {
  color: #707070;
}
.darkTheme .menu-group.primary li > a .icon > svg > path,
.darkTheme .menu-group.primary .menu-bar li > a .icon > svg > path {
  fill: #707070;
}
.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: #0a0b0d !important;
  color: #fff;
}
.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: #fff;
}
.darkTheme .asset-card .card-divider {
  background: #000000;
}
.darkTheme div.exchange-content-header {
  background-color: transparent !important;
}
.darkTheme .exchange-content-header {
  color: #fff;
  border-radius: 5px;
}
.darkTheme .exchange-content-header.bid {
  border-bottom: 1px solid #009d55;
}
.darkTheme .exchange-content-header.ask {
  border-bottom: 1px solid #ff2929;
}
.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: #009d55;
}
.darkTheme .orderHistoryBid > span.price-decimal,
.darkTheme .orderHistoryBid > span > span.price-decimal {
  color: #009d55;
  opacity: 1;
}
.darkTheme .orderHistoryBid {
  color: #009d55;
  background: #091613;
}
.darkTheme .orderHistoryBid > td {
  padding-left: 10px;
}
.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: #ff2929;
}
.darkTheme .orderHistoryAsk > span.price-decimal,
.darkTheme .orderHistoryAsk > span > span.price-decimal {
  color: #ff2929;
  opacity: 1;
}
.darkTheme .orderHistoryAsk {
  color: #ff2929;
  background: #1d0d0f;
}
.darkTheme .orderHistoryAsk > td {
  padding-left: 10px;
}
.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: #bbbf2b;
  opacity: 1;
}
.darkTheme .order-table .my-order > .vertical-order-table-cell,
.darkTheme .order-table .my-order span.price-integer,
.darkTheme .order-table .my-order span.price-decimal {
  opacity: 1;
}
.darkTheme .bid {
  background-color: #009d55 !important;
}
.darkTheme .ask {
  background-color: #ff2929 !important;
}
.darkTheme .orderbook-latest-price > div {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #000000 !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-header,
.darkTheme .sticky-table .sticky-table-corner {
  color: #fff;
  background-color: #0a0b0d;
}
.darkTheme .left-order-book {
  background-color: black;
}
.darkTheme .left-order-book .orderbook-center-title {
  color: rgba(0, 0, 0, 0.6);
}
.darkTheme .left-order-book .spread .spread-value {
  color: #fff;
}
.darkTheme .sticky-table-header {
  width: 100%;
  height: 32px;
  border-bottom: 1px solid grey;
}
.darkTheme .sticky-table-header .sticky-table-container {
  height: 100%;
  width: 100%;
}
.darkTheme .sticky-table-header #sticky-header-row {
  background-color: #000000;
}
.darkTheme .sticky-table-header .sticky-table-row {
  width: 100%;
  background-color: #0a0b0d;
}
.darkTheme .sticky-table-header .sticky-table-row.order-row:hover {
  background-color: #000000;
}
.darkTheme tr.activeMarket,
.darkTheme tr.activeMarket:hover {
  color: #4c85d8;
  background-color: #000000;
}
.darkTheme .market-stats .stat .value {
  color: #fff;
}
.darkTheme li.stat.input:hover {
  background-color: #0a0a0a;
}
.darkTheme .stats .stressed-stat {
  padding: 7px 0;
  font-size: 12px;
}
.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: #000000;
}
.darkTheme .buy-sell-box > select {
  padding: 0;
  margin: 0;
  height: 1.75rem;
  line-height: 1.75rem;
  border: none;
  color: #fff;
  background-size: 8px 8px;
  background-color: #000000;
  font-size: 12px;
}
.darkTheme .buy-sell-box > select > option {
  color: #fff;
  background-color: #000000;
}
.darkTheme .change-up {
  color: #009d55 !important;
}
.darkTheme .change-down {
  color: #ff2929 !important;
}
.darkTheme .header-sub-title {
  font-size: 12px;
  color: #fff;
}
.darkTheme .label {
  background-color: #000000;
}
.darkTheme .mymarkets-group-header {
  background-color: #000000;
  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: white;
  background-color: black;
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.darkTheme .bucket-option:hover {
  color: white;
  background-color: #1a1a1a;
}
.darkTheme .active-bucket {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.darkTheme li.stat.clickable {
  color: #fff;
}
.darkTheme select.bts-select,
.darkTheme select.native-coin-types,
.darkTheme select.external-coin-types {
  color: #fff;
  background-color: #8f0c0c;
  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: #8f0c0c;
}
.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: #fff;
  padding: 3px 11px;
  margin: 5px;
}
.darkTheme .settings-menu > ul > li:hover {
  color: #fff;
  background-color: #310404;
}
.darkTheme .settings-menu > ul > li.active {
  color: #fff;
  background-color: #310404;
}
.darkTheme .unstyled-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
@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: #009d55;
}
.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: #ce4323 !important;
  color: #d9d9d9;
}
.darkTheme .margin-ratio.warning {
  background-color: #fb8608 !important;
  color: #d9d9d9;
}
.darkTheme tr.margin-row > td.danger {
  background-color: #ce4323 !important;
  color: #fff;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme tr.margin-row > td.warning {
  background-color: #fb8608 !important;
  color: #fff;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.darkTheme div.custom-dropdown-content {
  background: #000000;
  color: #fff;
}
.darkTheme div.custom-dropdown-content > ul > li.clickable:hover {
  background-color: #0d0d0d;
}
.darkTheme div.custom-dropdown-content > ul > li > div.clickable:hover {
  background-color: #0d0d0d;
}
.darkTheme .blocktrades-bridge input,
.darkTheme .blocktrades-bridge select {
  color: #fff;
  border: 1px solid #fff;
  background-color: #000000 !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: #fff;
  background-color: #000000 !important;
}
.darkTheme .blocktrades-bridge input:hover, .darkTheme .blocktrades-bridge input:focus,
.darkTheme .blocktrades-bridge select:hover,
.darkTheme .blocktrades-bridge select:focus {
  color: #fff;
  border: 2px solid #fff;
}
.darkTheme .SimpleTrade__modal .Modal__header {
  background-color: #0d0d0d;
}
.darkTheme .SimpleTrade__modal .Modal__divider {
  border-bottom: 2px solid #020202;
}
.darkTheme ul.dashboard-links > li.active {
  color: #fff;
}
.darkTheme .switch input:checked + label {
  background-color: #006a39;
}
.darkTheme .switch input:checked + label::after {
  border: none;
  background-color: #00b763;
}
.darkTheme div.ok-indicator {
  color: #fff;
}
.darkTheme div.ok-indicator.success {
  color: #7bd500;
}
.darkTheme .login-selector > div.box {
  background-color: #000000;
}
.darkTheme .login-selector > div.box:hover {
  background-color: black;
}
.darkTheme .login-selector > div.box a {
  color: #fff;
}
.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: #e3745b;
}
.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 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: black;
}
.darkTheme ul.account-overview li.total-value > a:hover > span.tab-title {
  color: #707070;
}
.darkTheme ul.account-overview li.total-value .icon.locked > svg > path {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.darkTheme table.table.dashboard-table > thead > tr > th {
  background-color: #15171b;
  color: white;
  border-color: #d5ba48;
}
.darkTheme table.table.dashboard-table > tbody > tr.dashboard-table--hiddenAccounts > td {
  height: 20px;
  text-align: left;
  padding-left: 45px;
  background-color: #15171b;
  color: white;
}
.darkTheme table.table.dashboard-table > tbody > tr > td {
  color: white;
  border-color: #d5ba48;
}
.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 {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.darkTheme table.table.dashboard-table > tbody > tr > td .icon.unlocked > svg > path {
  fill: #000000;
}
.darkTheme table.table.dashboard-table > tbody > tr.total-value td {
  background-color: #15171b;
}
.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 table.table.dashboard-table > tbody > tr:hover {
  background-color: rgba(21, 23, 27, 0.9215686275);
}
.darkTheme .ant-table-content .ant-table-footer .total-value .value {
  color: #7ed321;
}
.darkTheme .ant-table-placeholder {
  min-height: 130px;
  z-index: 0;
}
.darkTheme div.account-creation {
  border: 1px solid black;
  border-radius: 6px;
  border-color: rgb(213, 186, 72);
}
.darkTheme div.account-creation div.button > a {
  color: #fff;
}
.darkTheme span.danger {
  color: #ce4323;
}
.darkTheme span.warning {
  color: #fb8608;
}
.darkTheme .api-status .low {
  color: #009d55;
}
.darkTheme .api-status .medium {
  color: #bbbf2b;
}
.darkTheme .api-status .high {
  color: #ff2929;
}
.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: #e3745b;
}
.darkTheme tr > td > a.primary-text {
  color: #fff;
}
.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: #d5ba48;
  }
}
@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 #0a0b0d;
  }
}
.darkTheme .footer {
  padding-right: 0;
}
.darkTheme .tab-no-background {
  background-color: transparent !important;
}
.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 {
  overflow-y: hidden;
}
.darkTheme .expiration-datetime-picker > div {
  float: left;
}
.darkTheme .expiration-datetime-picker input {
  padding: 0;
  margin: 0 5px 0 0;
  background: transparent;
  border-radius: 0 !important;
  border-bottom: 1px dotted rgb(160, 159, 159);
  display: inline-block;
  text-align: left;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
}
.darkTheme .expiration-datetime-picker select {
  width: auto;
  padding: 0;
  background-color: black;
  border: 0;
  color: #fff;
  border-bottom: 1px dotted rgb(160, 159, 159);
  margin: 0 0 1px;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.25rem;
}
.darkTheme .expiration-datetime-picker .expiration-datetime-picker--select--specific {
  float: right;
}
.darkTheme .marketPicker .results {
  background: #0c0d10;
  border: 1px solid #0a0b0d;
}
.darkTheme .qr-address-scanner svg path {
  fill: #ffc000;
}
.darkTheme .qr-address-scanner-btn {
  background: #d5ba48;
  height: 2.4rem;
  border-radius: 0 5px 5px 0;
  width: 40px;
}
.darkTheme .qr-address-scanner-divider {
  margin: 24px 0;
  height: 1px;
  width: 100%;
  background: #0a0b0d;
}
.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: #fff;
  border-bottom: 1px dotted rgb(160, 159, 159);
  font-size: 0.7rem;
  height: 17px;
  margin: 0 0 1px 10px;
}
.darkTheme .grouped_order select > option {
  background-color: #8f0c0c;
}
.darkTheme .login-selector--language-select .login-selector--language-select--icon {
  font-size: 18px;
  margin-top: 7px;
  margin-right: 7px;
  color: #ffc000;
}
.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: #000000;
  color: #fff;
}
.darkTheme .registration-layout .button-primary:hover {
  background-color: #1a1a1a !important;
}
.darkTheme .registration-layout .button-primary:active {
  background-color: #262626 !important;
}
.darkTheme .registration-layout .button-secondary {
  background-color: initial;
  color: #000000;
  border-color: #000000;
}
.darkTheme .registration-layout .button-secondary:hover {
  border-color: #1a1a1a !important;
  color: #1a1a1a !important;
}
.darkTheme .registration-layout .button-secondary:active {
  border-color: #262626 !important;
  color: #1a1a1a !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: slategray;
}
.darkTheme .registration-layout .plate.inactive-model-block {
  background-color: black;
}
.darkTheme .registration-layout .plate {
  background-color: darkred;
}
.darkTheme .registration-layout span.checkbox {
  border-color: gray;
  background-color: #ffc000;
}
.darkTheme .registration-layout span.checkbox-active {
  border-color: gray;
  background-color: #ffc000;
}
.darkTheme .registration-layout span.checkbox-active svg path {
  fill: #0a0b0d;
}
.darkTheme .registration-layout .file-input-container {
  background-color: #f2f2f2;
  border-color: rgba(0, 0, 0, 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: #000000;
  background-color: #e6e6e6;
}
.darkTheme .registration-layout .file-input-container.downloaded {
  border-color: #000000;
  background-color: rgba(0, 0, 0, 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: grey;
  }
  .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: black;
  }
  .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: black;
  }
  .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(255, 255, 255, 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: #000000;
  color: #fff !important;
  border: solid 1.2px #000000 !important;
}
.darkTheme .custom-dropdown-class {
  background-color: #15171b;
}
.darkTheme .react-datepicker-wrapper input {
  background-color: #15171b;
}
.darkTheme .account-trade .ant-table {
  background-color: #0a0b0d;
}
.darkTheme .account-trade .ant-table .ant-table-cell {
  background-color: #0a0b0d;
}
.darkTheme .onramper-wrapper {
  background: #0a0b0d;
  height: 100%;
}
.darkTheme .onramper-wrapper .onramper-wallet {
  width: 500px;
  margin: 0 auto;
  margin-top: 60px;
  border-radius: 4px;
  border: 1px solid rgba(28, 31, 39, 0.4);
}
.darkTheme .onramper-wrapper .onramper-wallet iframe {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .darkTheme .account-trade div.filter {
    border: 1px solid #1c1f27 !important;
    border-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 15px;
  }
  .darkTheme .account-trade div.filter .ant-select .ant-select-selector {
    background-color: #0a0b0d;
    color: #fff;
    border: 1px solid #1c1f27;
  }
  .darkTheme .account-trade div.filter .search-input .ant-input-wrapper {
    border: 1px solid #1c1f27;
    border-radius: 3px;
    background-color: #21252f;
  }
}
.darkTheme .ant-empty-image {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABkCAYAAAAG2CffAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAV7SURBVHgB7Z3LixRHHMd/MzGJ5qF5EWJCEhKQJEIIOSeXBPI8qQd3L+56EP8j8eTBx0FFBcEHiiiKKIoeFgV1FfWg+MAHvh+o6/frVov0dnXXTldXV1XXB2p7t7tnpuYz362tma6q7YkFJiYmfsHmb5T3xS8uo2zp9Xo3pWX6UhNInoPNf+KfZPIVyijqOFdaprZo8DHKTPGX2SjDkP2ZtIgN0ddRHojf8LduBLI/lZbo8Qsq8B42X6BcQ3s2bWm4/SfY/I7ygbTPN6L/DbuDshbP8YY4pgdJ32G7QCZf9ccoG1GR8xIoeD7Lsfmy5JS7KKtd/4Fk08EkzlE/MwmLUdmfJV7YZo+4brMp+u3cPspeiIp8L/HivM2m6OOa/bEk+xHKiYL9TpPdR1s1hu2egmNZsn+UsHmBsh3ldMExJnvUhexX3TvIPojNLs3xBajIDxIweH78I78J5VTB4Q9RljTdjPTfqMxh0Sd7KPRk4/k9w2ar6JO9tMlk93OVYbJ3a85Lya5Bv6AyhyQl23qy+5rKlLXZ7I38JAHDZKOsF32yR20nu19SGV2bzdsMhd6MKHTJpmyrXb/SD5VKkk2Cl12R7KzrZyXZlZ/eqWTr3tTElOxzBfutJdv0Y9KrJbePJdnrpMFk2/g8OiXbABuis/tJyS7BlujsvoYjSfZm0Sd72SDJriP6QsE+XrEZUhcTgkW9qdH1RmbJAMmeIYPDd5DjKP/k9vPFY3u2HhU+I+0zA3WZL4NB0V/L1Et0WbJXmV4WqyP6VdcPD/YOvv0jf0gmk83rcxekXd5FWSz2yZK9Es/xYdXJtdtoPMh+bHZo7nukhYsHE+IOJvs3kxOt/DGE7KPY7Cs6JJMXD1y22Y/ELbNMTrLW66hI9rDDZPNFfyLueG5yUq02Og+TDaF8hfNtNttJJvt+02027n8cj7MC336L8pbYhR8V/ysDYFU0YbLxRPnr+3/uUJbsbTjnhDQI7p9jN6w/Bur+kQwo2uYblteUtNlZsoPuZw9CI6KJR222FzQmmhgkO4a360Y0KpqoZO+U4sde1BXZjYsmkH1E9MmO5SPWUpyIJl1PtjPRpMvJdiqaVPRGFsXaG3EumnSxN9KKaFKR7IWxJbs10UQle3/BoWzIcDTJblU0gWw2IdEnu3XRRCU75sHwfogmaviZLtnBDxn2RjSpSHbQQ4a9Ek1UsnWjWINNtneiSYnsYJPtpWgSW7K9FU1iSrbXoonB1Lwg+tneiyYVU/OCmE4dhGhiMIHJ62QHI5qEnOygRJNQkx2caGKQbO96I0GKJqEtFBCsaBLSQgFBiyahLBQQvGgSwkIBUYgmBr2RVpMdjWji80IBUYkmFcmuK7tofswLMSA60UQle2/BobqyH8jU5UHPmdwwStEEsg+I5WSriZ6rULjS5RWUHdh31uS21qdW+ISaB8kFFP/MHcpkb5jupFOcfwubNTJNok10RhPJHoToRRPVZutkO1kooBOiiZKtm3Ta+EIBnRFN1MBKXbJHmkx2p0STtpLdOdGkjYUCOimauF4ooLOiictJp50WTVxNp+68aOIi2Um0oulkJ9Fv0GSyk+gcTU3NS6ILaGI6dRKtwfZ06iS6BINkG19dT6IrMEi2kewk2oCS3kj2dr2yN5JEG1K3N5JET48xzf7K6dRJtD1KFwpIou2iTXYSbZ/CwfBJdH1uF+ybMmQ4ia4Ph4RVDhlOoi1gMJ16XhJtiYrp1H8l0RYpkT07ibaMRvbJOqNJ56Pt+Vy6xUyTkygbbi7i23ky2SsZqyP6V0logexL2FzKfk5NhyNMRd+XhI57JieZiuao+HFJ5LmOcszkxJ4Ygsad7flcsf8vN0KF/+vlJtripyYnvwRKgXyUf25FVAAAAABJRU5ErkJggg==);
}
.darkTheme .ant-menu-submenu-popup {
  background-color: #2a2a2a;
}
@media screen and (max-width: 800px) {
  .darkTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table thead th:first-child {
    background-color: #15171b;
  }
  .darkTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table tbody td:first-child {
    background: #0a0b0d;
  }
}
.darkTheme .transaction-table .transaction-history-table .ant-table-wrapper .ant-table table tbody td {
  color: white;
}
@media screen and (max-width: 800px) {
  .darkTheme .transaction-table .transaction-history-table .ant-table-wrapper .ant-table table thead th {
    background-color: #15171b;
  }
  .darkTheme .transaction-table .transaction-history-table .ant-table-wrapper .ant-table table tbody td {
    background: #0a0b0d;
  }
}
.darkTheme .checkbox label {
  color: rgba(194, 213, 225, 0.08) !important;
}

.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated {
  height: 100% !important;
}

.swal-modal {
  font-size: 15px;
  background-color: #2a2a2a;
}

.swal-title {
  color: white;
}

.swal-text {
  color: white;
}

.swal-button {
  color: #fff !important;
  background-color: #00a9e9;
  border-color: #00a9e9;
  border-radius: 0px !important;
  font-weight: 400px !important;
}

.search-wrapper {
  position: relative;
}

.market-filter-input,
.search-wrapper {
  position: relative;
}

#qr_scanner_modal > section {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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;
}

.back-btn {
  display: flex;
  margin-top: 30px;
  margin-left: 30px;
  cursor: pointer;
  align-items: center;
  color: #ffc000;
}
.back-btn > div {
  margin-left: 8px;
}

.generic-bordered-box {
  padding-right: 20px;
}
@media screen and (max-width: 900px) {
  .generic-bordered-box {
    padding: 0px;
  }
}

@media screen and (max-width: 900px) {
  .page-header {
    margin: 0px;
    padding: 15px !important;
    margin-bottom: unset !important;
  }
  .page-header h2 {
    font-size: 20px !important;
  }
  .page-header h3 {
    font-size: 20px !important;
    padding: unset !important;
  }
  .page-header h4 {
    font-size: 20px !important;
  }
}

.lightTheme .short-long-button span {
  width: 100% !important;
}
.lightTheme .short-long-button button {
  width: 100% !important;
}
.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 rgba(0, 0, 0, 0.0823529412);
}
.lightTheme .menu-dropdown-wrapper.active ul.header-menu li:hover {
  background-color: #fff2cc;
}
.lightTheme .selector > .inline-block {
  border: 1px solid #e6e6e6 !important;
  border-right: 0 !important;
  color: #4d4d4d !important;
  line-height: 1.9rem;
}
.lightTheme .selector > .inline-block:last-child {
  border-right: 1px solid #e6e6e6 !important;
}
.lightTheme .selector > *:not(.inactive).inline-block {
  color: #ffc000 !important;
  border: 1px solid #ffc000 !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: #9e9e9e;
  padding: 1rem;
  min-width: 350px;
  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: #ffc000;
}
.lightTheme .showcases-grid--wrapper--item--wrapper:focus {
  border-color: rgba(255, 192, 0, 0.05);
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 192, 0, 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: #f5f6fa;
}
@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: #ffc000;
}
.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: rgb(225, 66, 74);
}
.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: rgb(225, 66, 74);
}
.lightTheme .explore-witness--info {
  width: 100%;
  border: 1px solid #e1e4f0;
  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: #dadada;
  font-size: 14px;
  padding-bottom: 8px;
}
.lightTheme .explore-witness--info table tbody td {
  color: #a7a7a7;
}
.lightTheme #incognito {
  background: #ea340b;
}
.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, .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-]) {
  color: #656565 !important;
  height: 36px !important;
  background-color: #e5e6e4 !important;
  border-bottom: 0 !important;
  max-width: 100% !important;
}
.lightTheme .modal-separator {
  border-color: #9e9e9e;
}
.lightTheme .positive {
  color: #528c0a !important;
}
.lightTheme .negative {
  color: rgb(225, 66, 74) !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: #ffc000;
}
.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: #a7a7a7;
}
.lightTheme .fz_12 {
  font-size: 12px;
}
.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: #9e9e9e;
}
.lightTheme svg > path {
  transition: all 0.3s ease 0s;
}
.lightTheme hr {
  background-color: rgba(80, 83, 97, 0.3) !important;
}
.lightTheme a {
  color: #ffc000;
}
.lightTheme a:hover, .lightTheme a:focus, .lightTheme a:active {
  color: #ffc514;
}
.lightTheme *:not([class*=ant-]) > label,
.lightTheme *:not([class*=ant-]) > label > span {
  color: #666666;
}
.lightTheme .label.success {
  color: white;
  background-color: #21d19f;
  border-color: #21d19f;
}
.lightTheme .label.info {
  color: white;
  border-color: #ce7925;
  background-color: #ce7925;
}
.lightTheme .label.warning {
  background-color: #f35b92;
  color: white;
  border-color: #f35b92;
}
.lightTheme .nested-approval-state .tooltip {
  -webkit-text-decoration: underline dotted #666666;
          text-decoration: underline dotted #666666;
}
.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 .notifications-tr {
  width: 100% !important;
  max-width: 425px !important;
}
.lightTheme .notifications-tr .notification {
  color: #666666 !important;
  background-color: #000 !important;
  background-color: #fff !important;
  left: 0 !important;
  margin-top: -5px !important;
}
.lightTheme .notifications-tr .notification table tr {
  border: none !important;
  color: #666666;
}
.lightTheme .notifications-tr .notification-dismiss {
  color: white !important;
  background-color: red !important;
}
.lightTheme .notifications-tr .notification-success {
  border-left-color: #21d19f !important;
}
.lightTheme .action-sheet {
  color: #888888;
  background-color: #fcfcfc;
}
.lightTheme .action-sheet::after {
  border-bottom-color: #fcfcfc;
}
.lightTheme .action-sheet > ul > li > a {
  color: #888888;
  border-top-color: #f5f6fa;
}
.lightTheme .action-sheet > ul > li > a:hover {
  color: #888888;
  background-color: white;
}
.lightTheme .account-browsing-mode button {
  margin-right: 24px;
}
.lightTheme .__react_component_tooltip.type-light {
  color: #888888 !important;
  background-color: #fcfcfc !important;
  overflow: hidden !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: #9e9e9e !important;
}
.lightTheme h1,
.lightTheme h2,
.lightTheme h3,
.lightTheme h4,
.lightTheme h5,
.lightTheme h6 {
  color: #666666;
}
.lightTheme .copyIcon {
  background-color: #2196f3;
}
.lightTheme .copyIcon > button.copyIcon {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.lightTheme .modal#marketPicker,
.lightTheme .modal#settingsModal {
  background-color: #fff;
  border: 1px solid black;
}
.lightTheme .modal {
  color: #888888;
  background-color: #dadada;
}
.lightTheme .modal .modal__highlight {
  color: #ce7925;
}
.lightTheme .modal .close-button {
  color: #9e9e9e;
}
.lightTheme .modal .close-button:hover {
  color: #666666;
}
.lightTheme .modal .modal-header > h6 {
  color: #9e9e9e;
}
.lightTheme .modal .modal-header.has-error > h6 {
  color: #e3745b;
}
.lightTheme .modal .circle-wrapper .circle:before {
  background-color: #666666;
}
.lightTheme .modal .table > thead > tr > th,
.lightTheme .modal .table > tbody > tr > td {
  text-align: center;
  border-bottom-color: #858585;
}
.lightTheme .modal span.send-name {
  color: #ffc000;
}
.lightTheme .footer {
  color: #9e9e9e;
  background-color: #f5f6fa;
}
.lightTheme .footer svg > path {
  fill: #9e9e9e;
}
.lightTheme .footer .logo .version {
  color: #858585;
}
.lightTheme .node-access-popup {
  color: #9e9e9e;
  background-color: #f5f6fa;
  border: 1px solid black;
}
.lightTheme .node-access-popup .nodes-list .api-status {
  border-bottom: 1px solid white;
}
.lightTheme .panel-left {
  color: #888888;
  background-color: #fff;
}
.lightTheme .panel-left .block-list li > a {
  color: #888888;
}
.lightTheme .panel-left .block-list li > a:hover {
  background-color: whitesmoke;
}
.lightTheme .page-layout .column-header > ul {
  border-bottom: 1px solid #f5f6fa;
}
.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: #f5f6fa;
}
.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: #f5f6fa;
}
.lightTheme .asset-prefix {
  color: #888888 !important;
}
.lightTheme .transfer-top {
  background-color: #fff;
}
.lightTheme .transfer-top label,
.lightTheme .transfer-top label > span {
  color: #888888;
}
.lightTheme .button {
  border-radius: 5px;
}
.lightTheme .button:hover, .lightTheme .button:focus, .lightTheme .button:active {
  opacity: 0.5;
}
.lightTheme .button.outline {
  color: white;
  border-color: #9e9e9e;
}
.lightTheme .button.outline span {
  color: white !important;
}
.lightTheme .button.outline:hover {
  color: white;
  border-color: #888888;
}
.lightTheme .button:disabled {
  opacity: 0.2 !important;
  cursor: not-allowed !important;
}
.lightTheme .button.secondary {
  color: #a7a7a7;
  background-color: #999999;
}
.lightTheme .button.secondary:hover, .lightTheme .button.secondary:focus, .lightTheme .button.secondary:active {
  color: #b1b1b1 !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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper.active ul {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.lightTheme .header div.account-drop-down div.dropdown-wrapper.active > li div.hamburger > .icon > svg rect {
  fill: #ffc000;
}
.lightTheme .header div.account-drop-down ul.dropdown.header-menu > li > div:first-of-type > span.icon > svg > path {
  fill: #666666;
}
.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);
}
.lightTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item {
  background-color: #f8f9f8;
  color: #a7a7a7;
}
.lightTheme .header div.account-drop-down ul.dropdown.header-submenu > li.parent-item:hover {
  color: silver;
  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-dropdown-sub-link.enabled {
  color: #9e9e9e;
}
.lightTheme .header-dropdown-sub-link.enabled:hover {
  color: #ffc000;
}
.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: #666666 !important;
}
.lightTheme .header .logo {
  color: #9e9e9e;
}
.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: #9e9e9e;
}
.lightTheme .card-section {
  color: black;
  padding-left: 0.5rem;
}
.lightTheme .card-section > ul {
  color: #888888;
  list-style: none;
  font-size: 85%;
  margin-left: 0;
}
.lightTheme .card {
  color: #666666;
  background-color: #f5f6fa;
  background-color: #f5f6fa;
}
.lightTheme .card:hover {
  background-color: white;
}
.lightTheme .card:hover > h4 {
  background-color: white;
}
.lightTheme .card a {
  color: #666666;
}
.lightTheme .card .card-divider {
  color: #666666;
  background-color: #fff;
}
.lightTheme .card > h4 {
  background-color: #fff;
}
.lightTheme .table > thead > tr > th {
  border-bottom-color: #a7a7a7;
  color: #666666;
}
.lightTheme .table > tbody > tr > td {
  text-align: left;
  border-bottom-color: #a7a7a7;
  font-size: 0.875rem;
  color: #666666;
}
.lightTheme .table.table-hover > tbody > tr:hover > td,
.lightTheme .table .table-hover > tbody > tr:hover > th {
  background-color: rgba(33, 32, 32, 0.1882352941);
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.lightTheme .block-list {
  color: #666666;
}
.lightTheme .block-list li {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .block-list li > a {
  color: #9e9e9e;
}
.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: #888888;
  background-color: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.lightTheme .block-list li:first-child {
  border-top: 1px solid #eaeaea;
}
.lightTheme .block-list header {
  margin-left: 0;
  margin-bottom: 1rem;
  color: #9e9e9e;
}
.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: #9e9e9e;
}
.lightTheme .right-label > span,
.lightTheme .left-label > span {
  color: inherit;
}
.lightTheme div.input-wrapper > div.input-right-symbol {
  color: #9e9e9e;
}
.lightTheme .dropdown-wrapper > div:first-of-type {
  color: #9e9e9e;
}
.lightTheme .dropdown-wrapper ul.dropdown {
  /* Hover state */
}
.lightTheme .dropdown-wrapper ul.dropdown::after {
  border-bottom-color: #fcfcfc;
}
.lightTheme .dropdown-wrapper ul.dropdown > li > span {
  color: #888888;
}
.lightTheme .dropdown-wrapper ul.dropdown li:hover > span {
  color: #888888;
  background-color: #707070;
  color: #ffc000;
  background-color: black;
}
.lightTheme .dropdown-wrapper.active:after {
  border-color: #ffc000 transparent;
}
.lightTheme .dropdown-wrapper:after {
  /* Little arrow */
  border-color: #9e9e9e transparent;
}
.lightTheme .account-image .icon:hover svg path {
  fill: #919191;
}
.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: #666666;
}
.lightTheme .account-selector .account-image .icon:hover svg path,
.lightTheme .pubkey-input .account-image .icon:hover svg path {
  fill: #919191;
}
.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: #fff;
  border: 1px solid #eaeaea;
  color: #666666;
}
.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: #fff;
}
.lightTheme input[type=range] {
  /* These need to be independent selectors */
}
.lightTheme input[type=range]::-moz-range-thumb {
  background: #ffc000;
  outline: none;
  border: none;
  border-radius: 3px;
}
.lightTheme input[type=range]::-webkit-slider-thumb {
  background: #ffc000;
  outline: none;
  border: none;
  border-radius: 3px;
}
.lightTheme input[type=range]::-ms-thumb {
  background: #ffc000;
  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 .special-force:hover {
  background-color: black;
}
.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: #666666;
  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: #f5f6fa;
}
.lightTheme .typeahead .typeahead__innerItem {
  color: #666666;
}
.lightTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__highlight {
  background-color: #d1d1d1 !important;
}
.lightTheme .typeahead .typeahead__innerItem > .typeahead__innerItem__disabled {
  color: #a6a6a6;
}
.lightTheme ul.button-group.segmented > li.is-active > a {
  background: #ebebeb;
  color: #666666;
  border-bottom: 1px solid #2196f3;
}
.lightTheme .tabs {
  border-bottom-color: #a7a7a7;
}
.lightTheme .tabs > .tab-item {
  color: #9e9e9e;
}
.lightTheme .tabs > .tab-item.is-active {
  color: #666666;
  border-bottom-color: #2196f3;
}
.lightTheme .tabs > .tab-item:hover, .lightTheme .tabs > .tab-item:focus, .lightTheme .tabs > .tab-item:active {
  color: #666666;
}
.lightTheme .tab-content {
  background-color: #fff;
}
.lightTheme .tab-content div.header-selector .filter input {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.lightTheme .tab-content div.header-selector .selector .inactive {
  color: #a6a6a6;
}
.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: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.lightTheme .depthchart:hover {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #240000), color-stop(100%, #fff));
  background: -webkit-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: radial-gradient(center, circle farthest-corner, #240000 0%, #fff 100%);
  background-color: #240000;
}
.lightTheme .depthchart.area {
  color: #fff;
}
.lightTheme .bid-total {
  color: #258a14 !important;
}
.lightTheme .stats .stat .negative {
  color: rgb(225, 66, 74) !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: #f5f6fa;
}
.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: #666666;
}
.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: #666666;
}
.lightTheme .account-left-panel a.pay-button {
  background-color: #fff;
  color: #666666;
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.lightTheme .account-left-panel a.pay-button:hover {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.lightTheme .account-left-panel div.create-account-button {
  background: transparent;
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
  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: #666666;
}
.lightTheme .account-info {
  color: #666666;
}
.lightTheme .account-info > p:first-of-type {
  color: #888888;
}
.lightTheme .account-info .account-title.flash {
  color: white;
}
.lightTheme .account-info > div.secondary > span:first-of-type {
  color: #666666;
}
.lightTheme .account-info > div.secondary > span:last-of-type {
  color: #9e9e9e;
}
.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: #888888;
  background-color: white;
}
.lightTheme .account-left-menu > li > a.active {
  color: #888888;
  background-color: white;
  border-right-color: #0e8df2;
}
.lightTheme .pagination {
  background-color: #f5f6fa;
}
.lightTheme .invoice .item-description {
  color: #9e9e9e;
}
.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: #9e9e9e;
}
.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: #9e9e9e;
}
.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: #888888;
  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: #888888;
  background-color: #e3745b;
  font-size: 120%;
  border-radius: 2px;
}
.lightTheme .memo {
  color: #9e9e9e;
}
.lightTheme .click-for-help {
  border-bottom-color: #9e9e9e !important;
}
.lightTheme section.block-list input[type=text]:not([class*=ant-]),
.lightTheme section.block-list input[type=password] {
  border-bottom: 1px solid #f5f6fa;
  background-color: transparent;
  color: #666666;
}
.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: #666666;
  background-color: transparent;
  border-bottom: 1px solid #f5f6fa;
}
.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: #888888;
  background-color: #e3745b;
  font-size: 120%;
  border-radius: 2px;
}
.lightTheme .menu-group.primary,
.lightTheme .menu-group.primary .menu-bar {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #e5e6e4 0%, #240000 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #e5e6e4), color-stop(100%, #240000));
  background: -webkit-radial-gradient(center, circle farthest-corner, #e5e6e4 0%, #240000 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #e5e6e4 0%, #240000 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #e5e6e4 0%, #240000 100%);
  background-color: radial-gradient(center, circle farthest-corner, #e5e6e4 0%, #240000 100%);
  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: #666666;
}
.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: #666666;
}
.lightTheme .asset-card .card-divider {
  background: #f5f6fa;
}
.lightTheme div.exchange-content-header {
  background-color: transparent !important;
}
.lightTheme .exchange-content-header {
  color: #888888;
  border-radius: 5px;
}
.lightTheme .exchange-content-header.bid {
  border-bottom: 1px solid #258a14;
}
.lightTheme .exchange-content-header.ask {
  border-bottom: 1px solid #ea340b;
}
.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: #258a14;
  opacity: 1;
}
.lightTheme .orderHistoryBid {
  color: #258a14;
  background: #091613;
}
.lightTheme .orderHistoryBid > td {
  padding-left: 10px;
}
.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: #ea340b;
  opacity: 1;
}
.lightTheme .orderHistoryAsk {
  color: #ea340b;
  background: #1d0d0f;
}
.lightTheme .orderHistoryAsk > td {
  padding-left: 10px;
}
.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: #bbbf2b;
  opacity: 1;
}
.lightTheme .order-table .my-order > .vertical-order-table-cell,
.lightTheme .order-table .my-order span.price-integer,
.lightTheme .order-table .my-order span.price-decimal {
  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: #f5f6fa !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-header,
.lightTheme .sticky-table .sticky-table-corner {
  color: #666666;
  background-color: #fff;
}
.lightTheme .left-order-book {
  background-color: black;
}
.lightTheme .left-order-book .orderbook-center-title {
  color: #a6a6a6;
}
.lightTheme .left-order-book .spread .spread-value {
  color: #666666;
}
.lightTheme .sticky-table-header {
  width: 100%;
  height: 32px;
  border-bottom: 1px solid grey;
}
.lightTheme .sticky-table-header .sticky-table-container {
  height: 100%;
  width: 100%;
}
.lightTheme .sticky-table-header #sticky-header-row {
  background-color: #f5f6fa;
}
.lightTheme .sticky-table-header .sticky-table-row {
  width: 100%;
  background-color: #fff;
}
.lightTheme .sticky-table-header .sticky-table-row.order-row:hover {
  background-color: #f5f6fa;
}
.lightTheme tr.activeMarket,
.lightTheme tr.activeMarket:hover {
  color: #4c85d8;
  background-color: #dcdcdc;
}
.lightTheme .market-stats .stat .value {
  color: #666666;
}
.lightTheme li.stat.input:hover {
  background-color: white;
}
.lightTheme .stats .stressed-stat {
  padding: 7px 0;
  font-size: 12px;
}
.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: rgb(225, 66, 74) !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: #666666;
  background-size: 8px 8px;
  background-color: #dcdcdc;
  font-size: 12px;
}
.lightTheme .buy-sell-box > select > option {
  color: #666666;
  background-color: #dcdcdc;
}
.lightTheme .change-up {
  color: #258a14 !important;
}
.lightTheme .change-down {
  color: #ea340b !important;
}
.lightTheme .header-sub-title {
  font-size: 12px;
  color: #888888;
}
.lightTheme .label {
  background-color: #f5f6fa;
}
.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: #9e9e9e;
  background-color: #f5f6fa;
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.lightTheme .bucket-option:hover {
  color: gray;
  background-color: white;
}
.lightTheme .active-bucket {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.lightTheme li.stat.clickable {
  color: #9e9e9e;
}
.lightTheme select.bts-select,
.lightTheme select.native-coin-types,
.lightTheme select.external-coin-types {
  color: #9e9e9e;
  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 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: #9e9e9e;
  padding: 3px 11px;
  margin: 5px;
}
.lightTheme .settings-menu > ul > li:hover {
  color: #666666;
  background-color: #e6e6e6;
}
.lightTheme .settings-menu > ul > li.active {
  color: #666666;
  background-color: #e6e6e6;
}
.lightTheme .unstyled-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .lightTheme .settings-menu {
    display: none;
  }
}
.lightTheme a.order-cancel > .icon > svg > path {
  fill: rgb(225, 66, 74);
}
.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: gray;
}
.lightTheme .margin-ratio.warning {
  background-color: #ee1463 !important;
  color: gray;
}
.lightTheme tr.margin-row > td.danger {
  background-color: #ce4323 !important;
  color: #a7a7a7;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme tr.margin-row > td.warning {
  background-color: #ee1463 !important;
  color: #a7a7a7;
  font-family: "Roboto-Medium", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lightTheme div.custom-dropdown-content {
  background: #f5f6fa;
  color: #666666;
}
.lightTheme div.custom-dropdown-content > ul > li.clickable:hover {
  background-color: white;
}
.lightTheme div.custom-dropdown-content > ul > li > div.clickable:hover {
  background-color: white;
}
.lightTheme .blocktrades-bridge input,
.lightTheme .blocktrades-bridge select {
  color: #9e9e9e;
  border: 1px solid #9e9e9e;
  background-color: #f5f6fa !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: #666666;
  background-color: #f5f6fa !important;
}
.lightTheme .blocktrades-bridge input:hover, .lightTheme .blocktrades-bridge input:focus,
.lightTheme .blocktrades-bridge select:hover,
.lightTheme .blocktrades-bridge select:focus {
  color: #666666;
  border: 2px solid #666666;
}
.lightTheme .SimpleTrade__modal .Modal__header {
  background-color: white;
}
.lightTheme .SimpleTrade__modal .Modal__divider {
  border-bottom: 2px solid #020202;
}
.lightTheme ul.dashboard-links > li.active {
  color: #666666;
}
.lightTheme .switch input:checked + label {
  background-color: #365c07;
}
.lightTheme .switch input:checked + label::after {
  border: none;
  background-color: #60a40c;
}
.lightTheme div.ok-indicator {
  color: #9e9e9e;
}
.lightTheme div.ok-indicator.success {
  color: #21d19f;
}
.lightTheme .login-selector > div.box {
  background-color: #f5f6fa;
}
.lightTheme .login-selector > div.box:hover {
  background-color: #eef0f7;
}
.lightTheme .login-selector > div.box a {
  color: #666666;
}
.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 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: rgb(0, 0, 0);
  border: none;
  transition: all 0.3s ease 0s;
}
.lightTheme ul.account-overview li > a:hover {
  color: #666666;
}
.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 #ffc000;
  background-color: #fff;
}
.lightTheme ul.account-overview li.is-active > a, .lightTheme ul.account-overview li:hover > a {
  color: #666666;
}
.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 {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.lightTheme table.table.dashboard-table > thead > tr > th {
  background-color: #f5f6fa;
  color: #666666;
  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: #f5f6fa;
  color: #666666;
}
.lightTheme table.table.dashboard-table > tbody > tr > td {
  color: #666666;
  border-color: rgba(50, 49, 49, 0.1);
}
.lightTheme table.table.dashboard-table > tbody > tr > td .icon > svg > path {
  fill: #666666;
}
.lightTheme table.table.dashboard-table > tbody > tr > td .icon.locked > svg > path {
  background-color: -moz-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d5ba48), color-stop(100%, #874002));
  background: -webkit-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -o-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: -ms-radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: radial-gradient(center, circle farthest-corner, #d5ba48 0%, #874002 100%);
  background-color: #d5ba48;
  border-radius: 5px;
}
.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: #f5f6fa;
}
.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 table.table.dashboard-table > tbody > tr:hover {
  background-color: rgba(33, 32, 32, 0.1882352941);
}
.lightTheme .ant-table-content .ant-table-footer .total-value .value {
  color: #488a00;
}
.lightTheme .ant-table-placeholder {
  min-height: 130px;
  z-index: 0;
}
.lightTheme div.account-creation {
  border: 1px solid #dadada;
  border-radius: 6px;
  border-color: rgb(213, 186, 72);
}
.lightTheme div.account-creation div.button > a {
  color: #666666;
}
.lightTheme span.danger {
  color: #ce4323;
}
.lightTheme span.warning {
  color: #ee1463;
}
.lightTheme .api-status .low {
  color: #258a14;
}
.lightTheme .api-status .medium {
  color: #bbbf2b;
}
.lightTheme .api-status .high {
  color: #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: #666666;
}
.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: rgb(225, 66, 74);
  }
  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 .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 {
  overflow-y: hidden;
}
.lightTheme .expiration-datetime-picker > div {
  float: left;
}
.lightTheme .expiration-datetime-picker input {
  padding: 0;
  margin: 0 5px 0 0;
  background: transparent;
  border-radius: 0 !important;
  border-bottom: 1px dotted rgb(160, 159, 159);
  display: inline-block;
  text-align: left;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.75rem;
}
.lightTheme .expiration-datetime-picker select {
  width: auto;
  padding: 0;
  background-color: black;
  border: 0;
  color: #666666;
  border-bottom: 1px dotted rgb(160, 159, 159);
  margin: 0 0 1px;
  font-size: 90%;
  line-height: 1.75rem;
  height: 1.25rem;
}
.lightTheme .expiration-datetime-picker .expiration-datetime-picker--select--specific {
  float: right;
}
.lightTheme .marketPicker .results {
  background: #ebebeb;
  border: 1px solid #fff;
}
.lightTheme .qr-address-scanner svg path {
  fill: #ffc000;
}
.lightTheme .qr-address-scanner-btn {
  background: #d5ba48;
  height: 2.4rem;
  border-radius: 0 5px 5px 0;
  width: 40px;
}
.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: #666666;
  border-bottom: 1px dotted rgb(160, 159, 159);
  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: #ffc000;
}
.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: #888888;
}
.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: #888888;
}
.lightTheme .registration-layout .selection-block .selection-title,
.lightTheme .registration-layout .selection-block .choice-model,
.lightTheme .registration-layout .selection-block .model-option {
  color: #888888;
}
.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: slategray;
}
.lightTheme .registration-layout .plate.inactive-model-block {
  background-color: black;
}
.lightTheme .registration-layout .plate {
  background-color: darkred;
}
.lightTheme .registration-layout span.checkbox {
  border-color: gray;
  background-color: #ffc000;
}
.lightTheme .registration-layout span.checkbox-active {
  border-color: gray;
  background-color: #ffc000;
}
.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(136, 136, 136, 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: grey;
  }
  .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: black;
  }
  .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: black;
  }
  .lightTheme .registration-layout .small-container {
    border: 1px solid rgba(136, 136, 136, 0.2);
    background-color: rgba(136, 136, 136, 0.1);
  }
  .lightTheme .registration-layout .small-container .active-upload-text {
    background-color: rgba(167, 167, 167, 0.1);
  }
}
.lightTheme i.anticon.icon-fill:hover {
  color: #049cce;
  cursor: pointer;
}
.lightTheme .icon-fill svg > path {
  fill: #888888;
}
.lightTheme .icon-fill svg > path:hover {
  fill: #049cce;
  cursor: pointer;
}
.lightTheme .modal--transaction-confirm {
  zindex: 10000;
}
.lightTheme .asset-collapse .ant-collapse-header {
  background: #f5f6fa;
  color: #666666 !important;
  border: solid 1.2px #f5f6fa !important;
}
.lightTheme hr {
  background-color: #e7eaef !important;
}
.lightTheme .button.outline {
  color: #666666;
}
.lightTheme .button.outline span {
  color: #666666 !important;
}
.lightTheme .button.outline:hover {
  color: #666666;
}
.lightTheme .grid-frame {
  background-color: #fff;
}
.lightTheme thead[class*=ant-table-thead] th {
  background-color: #f5f6fa !important;
}
.lightTheme div[class*=ant-table-footer] {
  background-color: #f5f6fa !important;
  color: #fff;
}
.lightTheme .custom-dropdown-class {
  background-color: #fff;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-overview {
  background-color: #fff;
}
.lightTheme div.account-overview .portfolio {
  background-color: #f5f6fa !important;
}
.lightTheme div.account-overview .portfolio .estimated-balance > p {
  color: #666666;
}
.lightTheme div.account-overview .portfolio .estimated-balance .total {
  color: rgb(0, 0, 0);
}
.lightTheme div.account-overview .portfolio .filter .ant-input,
.lightTheme div.account-overview .portfolio .filter .ant-input-group-addon {
  background-color: white;
}
.lightTheme div.account-overview .portfolio .filter .hide-switch {
  color: rgba(0, 0, 0, 0.6);
}
.lightTheme div.account-overview .tab-controller button.primary {
  color: #fff !important;
}
@media screen and (max-width: 900px) {
  .lightTheme div.account-overview .tab-controller button.primary {
    color: #ffc000 !important;
  }
}
.lightTheme div.account-overview .tab-controller button.transparent {
  background-color: #f5f6fa !important;
  color: rgb(0, 0, 0) !important;
}
.lightTheme div.account-overview .tab-controller button.ant-dropdown-trigger {
  background-color: #f5f6fa !important;
  color: rgb(0, 0, 0) !important;
}
.lightTheme div.account-overview .tab-controller .overview-settings .icon-class span.anticon.anticon-setting {
  color: rgb(0, 0, 0) !important;
}
.lightTheme div.account-overview .tab-controller .dropdown-btn-class {
  background-color: #f5f6fa !important;
}
.lightTheme div.account-overview .open-orders .open-orders-table-wrapper .ant-table-cell {
  color: #666666;
}
.lightTheme div.account-overview .open-orders .open-orders-table-wrapper .ant-table-cell span {
  color: #666666 !important;
}
.lightTheme div.account-overview .open-orders .open-orders-table-wrapper .ant-table-cell button span {
  color: white !important;
}
.lightTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table {
  background: transparent;
}
.lightTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-thead th span {
  color: #666666;
}
.lightTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell {
  color: #666666;
}
.lightTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell span.value {
  color: white !important;
  background: gray !important;
}
.lightTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell span.value.change-up {
  background-color: #009d55 !important;
}
.lightTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table .ant-table-cell span.value.change-down {
  background-color: #ff2929 !important;
}
@media screen and (max-width: 800px) {
  .lightTheme div.account-overview .portfolio-table-wrapper .ant-table-wrapper .ant-table table tbody td:first-child {
    background-color: white;
  }
}
.lightTheme div.account-overview .portfolio-table-wrapper .asset-name div a span {
  color: #666666 !important;
}
@media screen and (max-width: 800px) {
  .lightTheme .transaction-table .transaction-history-table .ant-table-wrapper .ant-table table tbody td {
    background-color: #fff;
  }
}
.lightTheme .dropdown-menu-sec .ant-dropdown-menu {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
}
.lightTheme .dropdown-menu-sec .ant-dropdown-menu .ant-dropdown-menu-item-only-child {
  margin: 8px 0px;
}
.lightTheme .dropdown-menu-sec .ant-dropdown-menu .ant-dropdown-menu-item-only-child .ant-dropdown-menu-title-content a {
  color: #ffc900;
}
.lightTheme .dropdown-menu-sec .ant-dropdown-menu .ant-dropdown-menu-item-only-child .ant-dropdown-menu-title-content a:hover {
  color: #fff;
}
.lightTheme .dropdown-menu-sec .ant-dropdown-menu .ant-dropdown-menu-item-only-child:hover {
  opacity: 0.5;
}
.lightTheme .dropdown-menu-sec .ant-dropdown-menu-item.ant-dropdown-menu-item-active {
  background: #ffc000;
}
.lightTheme ul.header-notification-menu {
  background: #fff;
  border: 1px solid #eaeaea;
  border-top: 3px solid #e24c4d;
}
.lightTheme ul.header-notification-menu .notificationCard .info p {
  color: #666666;
}
.lightTheme ul.header-notification-menu .notificationCard .time {
  color: #666666;
}
.lightTheme ul.header-notification-menu .notificationCard:nth-child(even) {
  background: #f7f8fa;
}
.lightTheme .account-trade div.filter {
  border: 1px solid #eaeaea !important;
  border-radius: 3px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 15px;
}
.lightTheme .account-trade div.filter div.ant-select {
  margin-top: 7px;
}
.lightTheme .account-trade div.select {
  border-left: 1px solid #eaeaea !important;
  border-right: 1px solid #eaeaea !important;
  background-color: #f5f6fa !important;
}
.lightTheme .account-trade div.select .toggle-box.selected {
  border-top: 2px #dea702 solid;
  color: #dea702;
  background-color: #fff;
}
.lightTheme .account-trade .ant-table-container {
  padding-bottom: 100px;
  border: none !important;
}
.lightTheme .account-trade .ant-table-container table > thead th {
  border-bottom: 1px solid #eaeaea !important;
  padding-left: 15px;
}
.lightTheme .account-trade .ant-table-container table > thead th .header-text .anticon {
  float: right;
}
.lightTheme .account-trade .ant-table-container table > thead span {
  text-transform: uppercase;
}
.lightTheme .account-trade .ant-table {
  background-color: white;
}
.lightTheme .account-trade .ant-table .ant-table-cell div.asset-name span.quote {
  color: #666666;
}
.lightTheme .account-trade .ant-table .ant-table-cell div.asset-name span.base {
  color: #666666;
}
.lightTheme .account-trade .ant-table .ant-table-cell span {
  color: #666666;
}
.lightTheme .account-trade .ant-table .ant-table-cell div {
  color: #666666;
}
.lightTheme .control-layout .buy-sell-wrapper::-webkit-scrollbar-thumb {
  background-color: lightgray;
}
.lightTheme .orders-and-trade .orders-trade-form {
  border: 1px solid #eaeaea;
}
.lightTheme .orders-and-trade .orders-trade-form .table.order-table > thead > tr > th {
  border-bottom: 1px solid #eaeaea !important;
}
.lightTheme .orders-and-trade .orders-trade-form .ask-order-tr {
  background-color: rgb(217, 248, 240);
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .orders-and-trade .orders-trade-form .ask-order-tr:hover td {
  background-color: lightgray;
}
.lightTheme .orders-and-trade .orders-trade-form .bid-order-tr {
  background-color: rgb(255, 234, 236);
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .orders-and-trade .orders-trade-form .bid-order-tr:hover td {
  background-color: lightgray;
}
.lightTheme .open-orders-section {
  border: 1px solid #eaeaea;
}
.lightTheme .action-cards::-webkit-scrollbar-thumb {
  background-color: lightgray;
}
@media screen and (max-width: 768px) {
  .lightTheme .buy-sell-tab {
    border: 1px solid #eaeaea;
  }
}
.lightTheme .buy-sell-tab .ant-tabs-nav {
  background-color: #f5f6fa;
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .buy-sell-tab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  background-color: white;
}
.lightTheme .buy-sell-tab .ant-tabs-tabpane {
  background-color: #fff !important;
}
.lightTheme .buy-sell-tab .buy-sell-container .order-form .ant-form-item {
  background: #f5f6fa !important;
}
.lightTheme .buy-sell-tab .buy-sell-container .order-form .ant-form-item .ant-input-wrapper input {
  color: #666666 !important;
}
.lightTheme .buy-sell-tab .buy-sell-container .order-form .ant-form-item .ant-input-wrapper span {
  color: #888888 !important;
}
.lightTheme .buy-sell-tab .buy-sell-container .order-form .limit-order-input-wrapper {
  background: #f5f6fa !important;
}
.lightTheme .buy-sell-tab .buy-sell-container .order-form .limit-order-input-wrapper .limit-order-input .ant-input-group-addon {
  background-color: transparent;
}
.lightTheme .buy-sell-tab .buy-sell-container .order-form .limit-order-input-wrapper .limit-order-input .ant-input-group-addon .limit-order-text {
  color: rgba(0, 0, 0, 0.5);
}
.lightTheme .buy-sell-tab .buy-sell-container .order-form .ant-input[disabled] {
  background: #f5f6fa !important;
  border-left: 1px solid rgba(86, 97, 118, 0.3);
}
.lightTheme .buy-form .ant-tabs-nav {
  background: transparent !important;
}
.lightTheme .sell-form .ant-tabs-nav {
  background: transparent !important;
}
.lightTheme .amount_footer {
  background-color: transparent;
}
.lightTheme .amount_footer .left_footer_sec span {
  color: #666666 !important;
}
.lightTheme .amount_footer .right_footer_sec span {
  color: #888888 !important;
}
.lightTheme .fund-tab-wrapper .total-balance-title {
  background: #f5f6fa;
}
.lightTheme .fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content thead {
  background: transparent;
}
.lightTheme .fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content thead th {
  background-color: transparent !important;
}
.lightTheme .fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content thead th:last-child {
  color: rgba(0, 0, 0, 0.7);
}
.lightTheme .fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody {
  background: transparent;
}
.lightTheme .fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr:first-child td {
  border-top: 1px solid #eaeaea;
}
.lightTheme .fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr td {
  color: #666666;
}
.lightTheme .fund-tab-wrapper .ant-table-wrapper .ant-table .ant-table-content tbody tr td:last-child .fund-action-wrapper button {
  background: transparent;
  border: 1px solid #eaeaea;
  color: #666666;
}
.lightTheme .market-order-table-container .ant-table-wrapper table .ant-table-tbody .ant-table-cell div.td-content {
  color: #666666 !important;
}
.lightTheme .market-order-table-container .ant-table-wrapper table .ant-table-tbody .ant-table-row {
  background-color: transparent;
}
.lightTheme .market-order-table-cancel-button {
  background: #f5f6fa;
  border: 1px solid #eaeaea;
}
.lightTheme .td-content-common-text {
  color: #666666;
}
.lightTheme .order-book-panel .header {
  background-color: #f5f6fa !important;
}
.lightTheme .order-book-panel .header .title {
  color: rgb(0, 0, 0) !important;
}
.lightTheme .order-book-panel .header div.tap.active {
  background-color: white;
  color: #ffc000 !important;
}
.lightTheme .order-book-panel .orderbook-divider {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .assets-layout .asset-pair-tabs-wrapper {
  border: 1px solid #eaeaea !important;
  border-radius: 5px;
}
.lightTheme .assets-layout .asset-select {
  background-color: transparent !important;
}
.lightTheme .assets-layout .asset-select .react-horizontal-scrolling-menu--inner-wrapper .react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-thumb {
  background-color: lightgray;
}
.lightTheme .assets-layout .asset-select .react-horizontal-scrolling-menu--inner-wrapper button {
  border: 1px solid #eaeaea;
  background-color: #f5f6fa !important;
}
.lightTheme .assets-layout .asset-select .toggle-box.selected {
  background-color: transparent !important;
}
.lightTheme .assets-layout .asset-select .toggle-box {
  background-color: #f5f6fa !important;
  border: 1px solid #eaeaea !important;
}
.lightTheme .assets-layout .filter {
  background-color: transparent !important;
}
.lightTheme .assets-layout .filter .search-input .ant-input-group-addon {
  background-color: transparent !important;
}
.lightTheme .info-layout .chart-section {
  border: 1px solid #eaeaea;
}
.lightTheme .info-layout .top-bar {
  border-bottom: 1px solid #eaeaea;
}
@media only screen and (max-width: 576px) {
  .lightTheme .info-layout .top-bar .first-section {
    border-bottom: 1px solid #eaeaea;
  }
}
.lightTheme .info-layout .market-picker {
  border-right: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}
.lightTheme .recent-transactions .react-datepicker-wrapper input,
.lightTheme .recent-transactions .react-datepicker-wrapper input:hover,
.lightTheme .recent-transactions .react-datepicker-wrapper input:focus {
  background-color: #fff !important;
  border: 1px solid #eaeaea !important;
}
.lightTheme .recent-transactions .paginated-list .ant-table-cell {
  color: #666666;
}
.lightTheme .recent-transactions .paginated-list .ant-table-cell .info-class {
  color: #666666 !important;
}
.lightTheme .recent-transactions .paginated-list .ant-table-cell .info-class a {
  color: #666666 !important;
}
.lightTheme .backing-assets .content-body {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme .backing-assets .list-wrapper .search-input {
  background: transparent;
}
.lightTheme .backing-assets .list-wrapper .search-input .ant-input-wrapper {
  background-color: white;
}
.lightTheme .backing-assets .list-wrapper .search-input .ant-input-affix-wrapper {
  background: #21252f;
}
.lightTheme .backing-assets .list-wrapper .search-input .ant-input-affix-wrapper input {
  background: white;
}
.lightTheme .backing-assets .list-wrapper .search-input .ant-input-group-addon {
  background: transparent;
}
.lightTheme .backing-assets .list-wrapper .ant-tabs .ant-tabs-nav {
  background: #f5f6fa;
  border-top: 1px solid #eaeaea;
}
.lightTheme .backing-assets .list-wrapper .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  color: black;
}
.lightTheme .backing-assets .list-wrapper .ant-tabs .ant-list-items .ant-list-item {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .backing-asset-detail .main-body .title-wrapper {
  background-color: transparent;
}
.lightTheme .backing-asset-detail .main-body .info-content-value {
  color: #888888;
}
.lightTheme .backing-asset-detail .main-body .info-body {
  background: transparent;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.lightTheme .backing-asset-detail .main-body .info-body .info-text {
  color: #888888;
}
.lightTheme div.account-activity div.content div.section {
  background: #fff;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-activity div.content div.section .header-title {
  background: #f5f6fa;
  color: rgb(0, 0, 0);
}
@media screen and (max-width: 900px) {
  .lightTheme div.account-activity div.content div.section .subsection-title1 {
    background-color: #f5f6fa;
  }
}
@media screen and (max-width: 900px) {
  .lightTheme div.account-activity div.content div.section .subsection-title2 {
    background-color: #f5f6fa;
  }
}
@media screen and (max-width: 900px) {
  .lightTheme div.account-activity div.content div.section .card .ant-card-body {
    background-color: transparent;
    border-bottom: 1px solid #eaeaea;
  }
}
.lightTheme div.account-activity div.content div.section .close-text {
  color: #666666;
}
.lightTheme div.account-activity div.content div.table .ant-table-wrapper .ant-table-container table > thead {
  background: transparent;
}
.lightTheme div.account-activity div.content div.table .ant-table-wrapper .ant-table {
  background-color: transparent;
}
.lightTheme div.account-activity div.content div.table .ant-table-wrapper td.ant-table-cell {
  color: #666666;
}
.lightTheme div.messages {
  background-color: transparent !important;
}
.lightTheme div.messages .service-selector ul.account-overview li {
  background-color: transparent;
}
.lightTheme div.messages .service-selector ul.account-overview li a {
  background-color: transparent !important;
}
.lightTheme div.messages .service-selector ul.account-overview li.is-active {
  border-bottom: 3px solid #ffc000 !important;
}
.lightTheme div.messages .service-selector ul.account-overview li.is-active a {
  color: #ffc000 !important;
}
.lightTheme div.messages .tab-content {
  background-color: transparent !important;
  border: 1px solid #eaeaea;
}
.lightTheme div.messages .tab-content textarea {
  background-color: transparent !important;
  border: 1px solid #eaeaea;
}
.lightTheme div.messages .tab-content button.button {
  color: white;
}
.lightTheme .member-stats {
  background-color: transparent !important;
}
.lightTheme .member-stats .tabs-container hr {
  border-color: #eaeaea !important;
  background-color: transparent !important;
}
.lightTheme .member-stats .tabs-container div.button {
  color: black !important;
  border: 2px solid black;
}
.lightTheme .member-stats .tabs-container .content-block .left {
  border: 1px solid #eaeaea;
}
.lightTheme .member-stats .tabs-container .content-block .left .grid-content > h4,
.lightTheme .member-stats .tabs-container .content-block .left .grid-content > div > h4 {
  background-color: #f5f6fa !important;
  border: none;
}
.lightTheme .account-whitelist {
  background: transparent;
}
.lightTheme .account-whitelist .ant-tabs .ant-tabs-nav-list {
  background: transparent !important;
}
.lightTheme .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .table-wrapper {
  border: 1px solid #eaeaea;
}
.lightTheme .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .table-wrapper .table thead tr th {
  background-color: #f5f6fa;
}
.lightTheme .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .table-wrapper .table button {
  color: white;
}
.lightTheme .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper {
  background: #f5f6fa;
  border: 1px solid #eaeaea;
}
@media screen and (max-width: 576px) {
  .lightTheme .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper {
    padding: 10px;
  }
}
.lightTheme .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control button span {
  color: white;
}
.lightTheme .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control .ant-select-selector {
  background: white;
}
.lightTheme .account-whitelist .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .account-selector-wrapper .ant-form-item-control .ant-select-selection-placeholder {
  color: #666666;
}
.lightTheme .account-vesting .content-body .description-search p {
  color: #666666;
}
.lightTheme .account-vesting .content-body .description-search .header-selector .ant-input-group-wrapper {
  background: transparent;
}
.lightTheme .account-vesting .content-body .description-search .header-selector .ant-input-group-wrapper .ant-input-group-addon {
  background: transparent;
}
.lightTheme .account-vesting .content-body .ant-table-wrapper {
  background: transparent;
}
.lightTheme .account-vesting .content-body .ant-table-wrapper .ant-table .ant-table-content {
  background: transparent;
}
.lightTheme .account-vesting .content-body .ant-table-wrapper .ant-table .ant-table-content .ant-table-thead .ant-table-cell {
  font-size: 14px;
  color: #969ba6;
  text-transform: uppercase;
  text-align: center !important;
}
.lightTheme .account-vesting .content-body .ant-table-wrapper .ant-table .ant-table-content .ant-table-row .ant-table-cell button {
  color: white;
}
.lightTheme div.account-notification .content-body .list-wrapper {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item:nth-child(even) {
  background: #f7f8fa;
}
.lightTheme div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .info {
  color: #666666;
}
.lightTheme div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .time {
  color: #666666;
}
.lightTheme div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .time p {
  color: #666666;
}
.lightTheme div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .description {
  color: #666666;
}
.lightTheme div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item .footer {
  background: transparent;
  color: rgb(0, 0, 0);
}
.lightTheme div.account-notification .content-body .list-wrapper .ant-list-items .ant-list-item:last-child {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .settings .ant-menu {
  background: transparent !important;
}
.lightTheme .settings .ant-typography span {
  color: #666666;
}
.lightTheme .settings .general-tab .general-header {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .settings .general-tab .setting-entry {
  background: #f5f6fa;
}
.lightTheme .settings .general-tab .setting-entry .ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.7);
}
.lightTheme .settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper .current-fee-asset {
  color: #999999;
}
.lightTheme .settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper button {
  border: 1px solid #eaeaea;
}
.lightTheme .settings .general-tab .setting-entry .ant-form-item-control .fee-asset-wrapper button span {
  color: white;
}
.lightTheme .settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .settings-notifications-item {
  color: rgba(0, 0, 0, 0.5);
}
.lightTheme .settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .settings-notifications-item .ant-checkbox-inner::after {
  border-color: black;
}
.lightTheme .settings .general-tab .setting-entry .ant-form-item-control .settings-notifications .external-link .settings-notifications-no-browser-support {
  color: darkred;
}
.lightTheme .settings .general-tab .setting-entry .ant-select-selector .ant-select-selection-item {
  color: rgba(0, 0, 0, 0.4);
}
.lightTheme .settings .general-tab .setting-entry .ant-select-selector .ant-select-selection-item span {
  color: rgba(0, 0, 0, 0.4);
}
.lightTheme .settings .node-tab .nodes-header {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .settings .node-tab .nodes-header .automatic {
  color: #666666;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem {
  border-bottom: 1px solid #e7eaef;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .notificationItem .leftItem span {
  color: black;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinMovements {
  border-bottom: 1px solid #e7eaef;
  background-color: #f8fafb;
  color: black;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem {
  border-bottom: 1px solid #e7eaef;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .leftItem .coinSec span {
  color: black;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .notificationPrefContent .coinNotificationItem .rightItem .close-btn {
  background: #f2f4f8;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .form_custom {
  border: 1px solid #e7eaef;
  background: #f7f9fb;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .form_custom p.coin_p {
  color: black;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin label.label_same {
  color: black;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin .select_same {
  background-color: white !important;
  border: 1px solid #e7eaef !important;
  color: black;
}
.lightTheme .settings .notificationTabWrapper .changeNotifcationBlock .form_custom .common_margin .ant-select .ant-select-selector {
  background-color: white;
  border: 1px solid #e7eaef !important;
}
.lightTheme .coin-movement {
  background-color: white;
}
.lightTheme .coin-movement .ant-select-item:hover {
  background-color: #f7f9fb !important;
  border-top: 1px solid #dde7e3;
  border-bottom: 1px solid #dde7e3;
}
.lightTheme .wallet-option-content__name {
  color: black;
}
.lightTheme div.account-permissions .content {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-header {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-header p {
  color: #666666 !important;
}
.lightTheme div.account-permissions .content .tab-content {
  background: transparent;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper {
  background: white;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .threshold {
  color: rgba(0, 0, 0, 0.7);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .threshold input {
  background: white;
  border: 1px solid #eaeaea;
  color: rgba(0, 0, 0, 0.4);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .pubkey-input .content-area .header-area label {
  color: rgba(0, 0, 0, 0.7);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .pubkey-input .input-area {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .pubkey-input .input-area input {
  background: white;
  color: rgba(0, 0, 0, 0.6);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list label {
  color: rgba(0, 0, 0, 0.7);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper input {
  background: white;
  border: 1px solid #eaeaea;
  color: rgba(0, 0, 0, 0.4);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content .input-wrapper input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list .ant-form-item-control-input-content button span {
  color: white;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper {
  border: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table thead {
  background: #f5f6fa;
  border-bottom: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table thead th {
  color: rgba(0, 0, 0, 0.6);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .permission-list .table-wrapper .table tr td {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section label > span {
  color: rgba(0, 0, 0, 0.7);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .gen-password-field {
  background: white;
  border: 1px solid #ffc000;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .generated-password-section input {
  background: white;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .account-selector .confirm-password-section input {
  background: white;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper .key-name {
  color: rgba(0, 0, 0, 0.7);
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper button {
  background: transparent !important;
  color: black;
  border: 1px solid black !important;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .key-stats-wrapper button:focus {
  background: #ffc000 !important;
  border: none !important;
}
.lightTheme div.account-permissions .content .tab-content .content-wrapper .cloud-wallet-key-section .key-status .in-not-use {
  background: transparent;
}
.lightTheme div.account-permissions .content .divider {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme div.account-permissions .content .recent-activity .ant-table-wrapper .ant-table-content table thead {
  background: transparent;
}
.lightTheme div.account-permissions .content .recent-activity .ant-table-wrapper .ant-table-empty {
  background: transparent;
}
.lightTheme .add-contact {
  background: transparent;
}
.lightTheme .add-contact .add-contact-div-title {
  border: 1px solid #eaeaea !important;
}
.lightTheme .add-contact .page-title {
  color: #666666;
}
.lightTheme .add-contact .input-box-search input {
  background: white;
  border: none;
}
.lightTheme .add-contact table > thead {
  background: transparent !important;
}
.lightTheme .add-contact span.span_1 {
  color: #666666;
}
.lightTheme .add-contact .ant-table-content table tr th {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .add-contact .ant-table-content table tr td {
  color: #666666;
}
.lightTheme .add-contact .ant-table-content {
  background: transparent;
}
.lightTheme .add-contact .ant-table-content .ant-table-tbody tr {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .add-contact .ant-table-content .ant-table-tbody tr:last-child {
  border-bottom: none;
}
.lightTheme .add-contact .ant-table-container {
  background: transparent;
}
.lightTheme .add-contact button.add-contact-btn {
  color: white;
  border: none;
}
.lightTheme .ant-modal.send-propose-modal .ant-modal-content .ant-modal-body .ant-tabs-nav-list .ant-tabs-tab {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper {
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.lightTheme .ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .selector-label {
  background: transparent;
  border-right: 1px solid #eaeaea;
  color: #666666;
}
.lightTheme .ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item .ant-select-selector {
  background: transparent;
  border: none;
}
.lightTheme .ant-modal.send-propose-modal .ant-modal-content .ant-modal-body form .account-selector-wrapper .ant-form-item .ant-input {
  background: transparent;
  border-right: 1px solid #eaeaea;
  color: rgb(0, 0, 0);
}
.lightTheme .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .qr-wrapper {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .minimum-deposit {
  color: rgba(0, 0, 0, 0.8);
}
.lightTheme .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .address-text {
  color: #666666;
}
.lightTheme .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .copy-btn .btn-text {
  color: white;
}
.lightTheme .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .address .copy-btn .copy-icon path {
  fill: white;
}
.lightTheme .ant-modal.deposit-modal .ant-modal-content .ant-modal-body .ant-tabs-tabpane .alert-wrapper .alert-body > div {
  color: rgba(0, 0, 0, 0.8);
}
.lightTheme .ant-modal.passwordless_unlock_modal .header-title1, .lightTheme .ant-modal.unlock_wallet_modal2 .header-title1 {
  color: rgb(0, 0, 0);
}
.lightTheme .ant-modal.passwordless_unlock_modal .header-title2, .lightTheme .ant-modal.unlock_wallet_modal2 .header-title2 {
  color: #666666;
  margin-bottom: 15px;
  margin-top: 15px;
}
.lightTheme .ant-modal.passwordless_unlock_modal form #username, .lightTheme .ant-modal.unlock_wallet_modal2 form #username {
  color: rgb(68, 67, 67) !important;
}
.lightTheme .ant-modal.passwordless_unlock_modal form .info-form .ant-input-affix-wrapper, .lightTheme .ant-modal.unlock_wallet_modal2 form .info-form .ant-input-affix-wrapper {
  height: 50px !important;
}
.lightTheme .ant-modal.passwordless_unlock_modal form .info-form .ant-input-affix-wrapper:hover, .lightTheme .ant-modal.unlock_wallet_modal2 form .info-form .ant-input-affix-wrapper:hover {
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.passwordless_unlock_modal form .info-form .ant-input-affix-wrapper:focus, .lightTheme .ant-modal.unlock_wallet_modal2 form .info-form .ant-input-affix-wrapper:focus {
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.passwordless_unlock_modal form .password-field, .lightTheme .ant-modal.unlock_wallet_modal2 form .password-field {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.passwordless_unlock_modal .footer-wrapper .login-btn span, .lightTheme .ant-modal.unlock_wallet_modal2 .footer-wrapper .login-btn span {
  color: white !important;
}
.lightTheme .ant-modal.passwordless_unlock_modal .footer-wrapper .redirect, .lightTheme .ant-modal.unlock_wallet_modal2 .footer-wrapper .redirect {
  color: rgb(0, 0, 0);
}
.lightTheme .ant-modal.passwordless_unlock_modal .desc2, .lightTheme .ant-modal.unlock_wallet_modal2 .desc2 {
  color: #666666;
}
.lightTheme .ant-modal.auth-modal .providerHeader {
  box-shadow: none;
}
.lightTheme .ant-modal.auth-modal .orText {
  color: #666666;
}
.lightTheme .ant-modal.auth-modal .providerBlockWrapper {
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.auth-modal .providerBlockWrapperMP {
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.auth-modal .providersInput {
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.auth-modal .providersBlockBrand {
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.auth-modal .providersBlockBrandMP {
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.auth-modal .providersCount {
  border: 1px solid #eaeaea;
}
.lightTheme .ant-modal.notification-detail-modal .modalBody p {
  color: #666666;
}
.lightTheme .modal--transaction-confirm .ant-modal {
  background-color: transparent !important;
}
.lightTheme .modal--transaction-confirm .ant-modal-header .ant-modal-title {
  color: #171a25;
}
.lightTheme .modal--transaction-confirm .ant-modal-body table td span {
  color: #666666;
}
.lightTheme .modal--transaction-confirm .ant-modal-body table td span.txtlabel.info {
  color: #666666 !important;
}
.lightTheme .modal--transaction-confirm .ant-modal-body table td span.question-circle path {
  fill: black;
}
.lightTheme .modal--transaction-confirm .ant-modal-body .propose-from select {
  background-color: transparent !important;
}
.lightTheme .withdraw_modal_new .ant-modal-title {
  color: #ffc000 !important;
}
.lightTheme .withdraw-modal-body .account-selector-wrapper {
  background: transparent;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.lightTheme .withdraw-modal-body .account-selector-wrapper .selector-label {
  background: transparent;
  border-right: 1px solid #eaeaea;
  color: #666666;
}
.lightTheme .withdraw-modal-body .account-selector-wrapper .ant-select-selector {
  background: transparent;
  border: none !important;
}
.lightTheme .withdraw-modal-body .quantity-label {
  color: #666666;
}
.lightTheme .withdraw-modal-body .address-form > span {
  color: #666666;
}
.lightTheme .withdraw-modal-body .amount-selector-field .ant-form-item-control .ant-input-group-compact {
  border: 1px solid #eaeaea;
  border-radius: 5px;
  background-color: transparent;
}
.lightTheme .withdraw-modal-body .amount-selector-field .ant-form-item-control .ant-input-group-compact .ant-input {
  border-right: 2px solid #eaeaea;
}
.lightTheme .withdraw-modal-body .withdraw-fee-selector .ant-input-group-wrapper {
  border: 1px solid #eaeaea;
  border-radius: 5px;
  background-color: transparent;
}
.lightTheme .withdraw-modal-body .withdraw-fee-selector .ant-input-group-wrapper .ant-input-group-addon {
  background: transparent;
  border: none;
}
.lightTheme .withdraw-modal-body .ant-input {
  background: transparent;
  color: #666666;
}
.lightTheme .withdraw-modal-body #baseMarketFee {
  color: #666666;
}
.lightTheme .withdraw-modal-body .ant-select-selector {
  background: transparent;
  border: none !important;
}
.lightTheme div.registration .create-account-block {
  background: transparent;
  border: 1px solid #eaeaea;
}
@media screen and (max-width: 576px) {
  .lightTheme div.registration .create-account-block {
    border: none;
  }
}
@media screen and (max-width: 576px) {
  .lightTheme div.registration .create-account-block .biometric-auth-section {
    background-color: transparent;
    border: 1px solid #eaeaea;
  }
}
.lightTheme div.registration .create-account-block .biometric-auth-section h4 {
  color: #666666;
}
.lightTheme div.registration .create-account-block .biometric-auth-section h5 {
  color: #666666;
}
.lightTheme div.registration .create-account-block .registration-account-title {
  color: black;
}
@media screen and (max-width: 576px) {
  .lightTheme div.registration .create-account-block .registration-confirm {
    margin-bottom: 20px;
  }
}
.lightTheme div.registration .create-account-block .registration-confirm .passkey-alert-title p {
  color: #666666;
}
.lightTheme div.registration .create-account-block .checkbox-group .checkbox-text {
  color: rgb(0, 0, 0);
}
.lightTheme div.registration .create-account-block .checkbox-group .checkbox-text.active {
  color: rgba(0, 0, 0, 0.5);
}
.lightTheme div.registration .create-account-block .checkbox-group .reset-this {
  color: rgb(0, 0, 0);
}
.lightTheme div.registration .create-account-block .checkbox-group .reset-this.active {
  color: rgba(0, 0, 0, 0.5);
}
.lightTheme div.registration .create-account-block .registration-form .header-text p {
  color: #666666;
}
.lightTheme div.registration .create-account-block .registration-form .form-body .info-form .form-blocks .ant-form-item .ant-input-affix-wrapper {
  border: 1px solid #eaeaea;
}
.lightTheme div.registration .create-account-block .registration-form .form-body .info-form .form-blocks .ant-form-item .ant-input-affix-wrapper .ant-input-prefix {
  color: #666666;
  border-right: 1px solid #eaeaea;
}
.lightTheme div.registration .create-account-block .registration-form .form-body .continue-btn {
  color: white;
}
.lightTheme div.registration .create-account-block .registration-form .form-body .redirect {
  color: rgb(0, 0, 0);
}
.lightTheme div.registration .phone-display-flex .ant-select {
  border: 1px solid #eaeaea;
  border-radius: 4px;
}
.lightTheme div.registration .phone-display-flex .phone-number-before-select {
  color: #bfbfbf;
  background: transparent !important;
  cursor: pointer;
  border: 1px solid #eaeaea;
}
.lightTheme div.registration .phone-display-flex .phone-number-code {
  color: rgb(0, 0, 0);
}
.lightTheme div.registration .phone-display-flex .ant-select-selector {
  background-color: transparent !important;
}
.lightTheme div.registration .select-box-country {
  background-color: white;
}
.lightTheme div.registration .select-box-country .ant-select-item-option {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme div.registration .select-box-country .ant-select-item-option .ant-select-item-option-content .option-header-register {
  color: #666666;
}
.lightTheme div.registration .flex_container {
  color: #666666;
}
.lightTheme div.registration .webcam-wrapper {
  border: 1px solid #eaeaea;
}
.lightTheme div.registration .btn-x {
  background-color: #f5f6fa;
  color: red;
  border: 1px solid #eaeaea;
}
.lightTheme .onramper-wrapper {
  background: transparent;
  height: 100%;
}
.lightTheme .onramper-wrapper .onramper-wallet {
  width: 500px;
  margin: 0 auto;
  margin-top: 60px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
}
.lightTheme .onramper-wrapper .onramper-wallet iframe {
  width: 100%;
}
.lightTheme .registration-layout .password-wrapper {
  border: 1px solid #eaeaea;
}
.lightTheme .registration-layout .password-wrapper input {
  border: none !important;
}
.lightTheme .registration-layout .password-wrapper .ant-input:disabled {
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
}
.lightTheme .registration-layout input {
  background: transparent;
  border: 1px solid #eaeaea !important;
}
@media screen and (max-width: 576px) {
  .lightTheme .custom-auth-faceki {
    padding: 10px;
  }
}
@media screen and (max-width: 375px) {
  .lightTheme .custom-auth-faceki {
    top: 70px !important;
  }
}
.lightTheme .custom-auth-faceki .ant-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  .lightTheme .custom-auth-faceki .ant-modal-body {
    border-radius: 5px;
    padding: 10px;
  }
}
.lightTheme .custom-auth-faceki .ant-modal-body h5 {
  color: #666666;
}
.lightTheme .custom-auth-faceki .ant-modal-body .webcam-wrapper {
  border: 1px solid #eaeaea;
}
.lightTheme .custom-auth-faceki .ant-modal-body .btn-x {
  background-color: #f5f6fa;
  color: red;
  border: 1px solid #eaeaea;
}
.lightTheme .custom-auth-faceki .ant-modal-body .span-class {
  color: #666666;
}
.lightTheme .explorer .markets {
  background-color: transparent;
}
.lightTheme .explorer .markets .bottom-header .mymarkets-header.inactive {
  color: rgb(0, 0, 0);
}
.lightTheme .explorer .markets .mymarkets-list .table {
  border: 1px solid #eaeaea;
}
.lightTheme .explorer .markets .mymarkets-list .table > thead tr th {
  background-color: #f5f6fa;
}
.lightTheme .explorer .markets .mymarkets-list .table > tbody tr td {
  border-bottom: 1px solid #eaeaea;
  color: #666666;
}
.lightTheme .explorer .markets .dropdown-wrapper ul.dropdown {
  background: white;
  border: none;
}
.lightTheme .explorer .markets .dropdown-wrapper ul.dropdown li {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .explorer .markets .dropdown-wrapper ul.dropdown li:hover span {
  background: rgba(33, 32, 32, 0.1882352941);
}
.lightTheme .explorer .markets .dropdown-wrapper ul.dropdown li:last-child {
  border-bottom: none;
}
.lightTheme .explorer .markets .dropdown-wrapper.active ul.dropdown {
  background: white;
  border: 1px solid #eaeaea;
}
.lightTheme .explorer .ant-tabs-content-holder {
  background: #fafbfd;
}
.lightTheme .explorer .ant-input-group-wrapper {
  background: white;
}
.lightTheme .explorer .asset-card {
  border: 1px solid #eaeaea;
}
.lightTheme .explorer .asset-card .ant-card {
  background-color: transparent;
  border-bottom: 1px solid #eaeaea;
  color: #666666;
}
.lightTheme .explorer .asset-card table thead {
  border-bottom: 1px solid #eaeaea;
  background-color: #f5f6fa;
}
.lightTheme .explorer .asset-card table tbody {
  border-bottom: 1px solid #eaeaea;
  background-color: #fff;
}
.lightTheme .explorer .asset-card table tbody:last-child {
  border-bottom: none;
}
.lightTheme .explorer .mymarkets-list table tbody {
  background-color: #fff;
}
.lightTheme .explorer .assets-tab .assets-section-wrapper .ant-table-wrapper .ant-table-cell span {
  color: #666666;
}
.lightTheme .explorer .witnesses-tab .ant-table thead th {
  color: #666666;
}
.lightTheme .explorer .witnesses-tab .ant-table tbody td {
  color: #666666;
}
.lightTheme ul.header-menu li {
  background: transparent;
}
.lightTheme ul.header-menu li.level-1 {
  background: transparent;
}
.lightTheme ul.header-menu li.level-2 {
  background: transparent;
}
.lightTheme ul.header-menu li:hover {
  background: #f5f6fa;
}
.lightTheme ul.header-menu li span {
  color: #666666;
}
.lightTheme ul.header-menu li > div.ant-dropdown-menu-submenu-title span.ant-dropdown-menu-submenu-expand-icon > span {
  color: #666666;
}
.lightTheme ul.header-menu .disable-li-text span {
  color: #808080 !important;
}
.lightTheme .marketPicker .marketPicker__subHeader {
  color: #666666;
}
.lightTheme .marketPicker .results li {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .dashboard-wallets .content {
  background: transparent;
  border: 1px solid #eaeaea;
}
.lightTheme .dashboard-wallets .content .dashboard-wallets-tabs .ant-tabs-nav {
  border-bottom: 1px solid #eaeaea;
}
.lightTheme .dashboard-wallets .content .table-wrapper {
  border: 1px solid #eaeaea;
}
.lightTheme .advanced-submenu ul li {
  background: transparent;
}
.lightTheme .advanced-submenu ul li:hover {
  background: #f5f6fa;
}
.lightTheme .advanced-submenu ul li span {
  color: #666666;
}
.lightTheme .white-star > svg > path {
  fill: #ffc000 !important;
}
.lightTheme .ant-empty-image {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABkAQMAAAA8FrWcAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAAAAApWe5zwAAAAJ0Uk5TAICbK04YAAABQ0lEQVR4nI3UsZGDMBCFYd04cKgSXIpbugos3Vzg0CW4FFOKSyAkYNBp33srrbMjWPgC5keIIaVUWj9q4mHXbYl4R6y4/OY9G8CZd5w484ETZ268XUCoVAKhK2Z+IXTBzE+EMucDiTNmviNxwsw/SHwdRAjlWmaoAwnMXJkobwKJsgJMlI1AouzACYly4KkbErcmWOJmoQFb0YDlBmxFZwdz6QJwRQJXJOjVCVyXwFcncF0CX53AkMCQwJDAkAMhB0IOhBwIORByIORAyIHQgIUGLDRgoQELDVhowEIDFhqw0EQPTfTQRA9N9NBED0300EQP5eTQHgncI4F7JHCPBO6RoI+B0MdA6GMgFBIYEhgSGBIYEhgSGBIYEhhylBqAkAOhgTVii9gjjoj2gRrwWgKeEY+I+6KfmB2/EfbU/8TVkdIfy4QYGqMXWEkAAAAASUVORK5CYII=);
}
.lightTheme .ant-menu-submenu-popup {
  background-color: #fff;
}
.lightTheme .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  display: none;
}
.lightTheme .checkbox label {
  color: #dddddd !important;
}
.lightTheme .di-wrapper {
  background: white;
}
.lightTheme .di-wrapper .text1 {
  color: #041a3a;
}
.lightTheme .di-wrapper .text2 {
  color: #1a2e35;
}
.lightTheme .di-wrapper .text3 {
  color: #2a2a2a;
}
.lightTheme .di-wrapper .text4 {
  color: #2a2a2a;
}
.lightTheme .di-wrapper .qr-code-card {
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.05);
  align-items: center;
  width: 190px;
  border-radius: 10px;
}
.lightTheme .di-wrapper .qr-code-text {
  color: #737373;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  text-transform: uppercase;
}
@media screen and (max-width: 901px) {
  .lightTheme .di-wrapper .right-side {
    display: none;
  }
}

#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: hsl(0, 0%, 32%);
  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: hsl(0, 0%, 32%);
}

.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;
  -webkit-appearance: menulist;
  -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 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;
}

/* The Modal (background) */
.custom-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.custom-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  color: black;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.reset-this {
  animation: none;
  animation-delay: 0;
  animation-direction: normal;
  animation-duration: 0;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-name: none;
  animation-play-state: running;
  animation-timing-function: ease;
  backface-visibility: visible;
  background: 0;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  border: 0;
  border-style: none;
  border-width: medium;
  border-color: inherit;
  border-bottom: 0;
  border-bottom-color: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-collapse: separate;
  -o-border-image: none;
     border-image: none;
  border-left: 0;
  border-left-color: inherit;
  border-left-style: none;
  border-left-width: medium;
  border-radius: 0;
  border-right: 0;
  border-right-color: inherit;
  border-right-style: none;
  border-right-width: medium;
  border-spacing: 0;
  border-top: 0;
  border-top-color: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-style: none;
  border-top-width: medium;
  bottom: auto;
  box-shadow: none;
  box-sizing: content-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: inherit;
  -moz-columns: auto;
       columns: auto;
  -moz-column-count: auto;
       column-count: auto;
  -moz-column-fill: balance;
       column-fill: balance;
  -moz-column-gap: normal;
       column-gap: normal;
  -moz-column-rule: medium none currentColor;
       column-rule: medium none currentColor;
  -moz-column-rule-color: currentColor;
       column-rule-color: currentColor;
  -moz-column-rule-style: none;
       column-rule-style: none;
  -moz-column-rule-width: none;
       column-rule-width: none;
  -moz-column-span: 1;
       column-span: 1;
  -moz-column-width: auto;
       column-width: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  display: inline;
  empty-cells: show;
  float: none;
  font: normal;
  font-family: inherit;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  -webkit-hyphens: none;
          hyphens: none;
  left: auto;
  letter-spacing: normal;
  line-height: normal;
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 0;
  outline: 0;
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  perspective: none;
  perspective-origin: 50% 50%;
  position: static;
  /* May need to alter quotes for different locales (e.g fr) */
  quotes: "“" "”" "‘" "’";
  right: auto;
  -moz-tab-size: 8;
    -o-tab-size: 8;
       tab-size: 8;
  table-layout: auto;
  text-align: inherit;
  -moz-text-align-last: auto;
       text-align-last: auto;
  text-decoration: none;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transform-style: flat;
  transition: none;
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: none;
  transition-timing-function: ease;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 0;
  word-spacing: normal;
  z-index: auto;
  /* basic modern patch */
  all: initial;
  all: unset;
}

/* basic modern patch */
#reset-this-root {
  all: initial;
}
#reset-this-root * {
  all: unset;
}

.terms {
  cursor: pointer;
  /* color: #00a9e9 !important; */
}
.claimWallet-mainContainer {
  padding: 1rem;
}
.claimWallet-mainContainer .error-msg {
  color: red;
  display: block;
  margin-bottom: 0.5rem;
}

.claim-wallet-modal-body {
  min-height: 23px;
}
tr.active-witness {
  background-color: rgba(80, 210, 194, 0.4) !important;
  transition: background-color 0.6s ease;
}

.clickable {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.view-switcher {
  padding-top: 1rem;
  text-align: right;
}

.explore-witness--info {
  margin-top: 0px;
  margin-bottom: 18px;
}
.period-row {
  margin-left: 10px;
}

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

.period-row.is-active {
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
}

.preimage-row {
  margin-top: 10px !important;
}
.preimage-row .button {
  height: 32px;
}
.preimage-row .icon {
  top: -5px;
}
div > div.asset-list:first-child {
  padding-top: 0.25rem;
}

div > div.asset-list {
  padding-bottom: 0.25rem;
}

.importError {
  margin-bottom: 16px;
}
.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);
}
.paginated-list .ant-table-body {
  overflow: auto;
  width: 100%;
  height: 100%;
}
.paginated-list .ant-table td {
  white-space: nowrap;
}
.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";
}
#notification-container > .ant-message.ant-message-top {
	position: static !important;
	transform: translateY(10px) !important;
}

ant-message *,
ant-message-top *,
.ant-message-notice-content * {
	animation-duration: 0s !important;
	transition-duration: 0s !important;
}

.btn_refresh {
  position: absolute;
  z-index: 10;
  right: 42px;
  top: 6px;
}

.btn_close {
    position: absolute;
    z-index: 10;
    right: 6px;
    top: 6px;
}

/*// Notification.css*/
.hud-notification {
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease-in-out;
	/*opacity: 0;*/
}

.hud-notification > .ant-alert {
	transition: opacity 0.3s ease-in-out;
}

.hud-notification > .ant-alert {
	opacity: 1;
}

/*// Notification.css*/
.hud-user-guidance-text {
	position: absolute;
	bottom: 2%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease-in-out;
	width: 100%;
	/*opacity: 0;*/
}

.ant-alert {
	background: transparent !important;
	border: none;
}

.ant-alert-message {
	color: white;
}

@keyframes zoomIn {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(20);
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.bitrate-monitor {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border-radius: 1px;
    z-index: 1000;
    color: white;
}

div.prediction-markets tr.selected-row a {
  color: white;
}
div.prediction-markets div.header-selector {
  padding: 1rem;
}
div.prediction-markets span.search-input {
  width: 220px;
}
div.prediction-markets div.ant-table-selection {
  display: none;
}
div.prediction-markets span.supsub {
  position: absolute;
}
div.prediction-markets span.supsub .subscript {
  color: red;
  display: block;
  position: relative;
  left: 2px;
  top: 1rem;
}
div.prediction-markets span.supsub .superscript {
  color: green;
  display: block;
  position: relative;
  left: 2px;
  top: 3px;
}

div.prediction-markets--add-prediction-offer .ant-form-item {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

div.prediction-markets--resolve-prediction-market-asset .ant-form-item {
  padding-bottom: 0px;
  margin-bottom: 0px;
}