@charset "UTF-8";
@import url("css2.css");
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: initial;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: initial;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: initial;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: initial;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: Glyphicons Halflings;
  src: url("glyphicons-halflings-regular.f4769f9b.eot");
  src: url("glyphicons-halflings-regular.f4769f9b.eot")
      format("embedded-opentype"),
    url("glyphicons-halflings-regular.448c34a5.woff2") format("woff2"),
    url("glyphicons-halflings-regular.fa277232.woff") format("woff"),
    url("glyphicons-halflings-regular.e18bbf61.ttf") format("truetype"),
    url("glyphicons-halflings-regular.89889688.svg") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: Glyphicons Halflings;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-eur:before,
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before,
.glyphicon-btc:before,
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-jpy:before,
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-rub:before,
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333;
  background-color: #fff;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%;
}
.h1,
h1 {
  font-size: 36px;
}
.h2,
h2 {
  font-size: 30px;
}
.h3,
h3 {
  font-size: 24px;
}
.h4,
h4 {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 14px;
}
.h6,
h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
.small,
small {
  font-size: 85%;
}
.mark,
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.initialism,
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:focus,
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:focus,
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #f44336;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #ea1c0d;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:focus,
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:focus,
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dd,
dt {
  line-height: 1.42857;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
.dl-horizontal dd:after,
.dl-horizontal dd:before {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 991px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[data-original-title],
abbr[title] {
  cursor: help;
}
.initialism {
  font-size: 90%;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0;
}
blockquote .small,
blockquote footer,
blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857;
  color: #777;
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content: "";
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
  content: "\00A0 \2014";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, Courier New, monospace;
}
code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
code,
kbd {
  padding: 2px 4px;
  font-size: 90%;
}
kbd {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: initial;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:after,
.container:before {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:after,
.container-fluid:before {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:after,
.row:before {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-13,
.col-md-14,
.col-md-15,
.col-md-16,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-13,
.col-sm-14,
.col-sm-15,
.col-sm-16,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16 {
  float: left;
}
.col-xs-1 {
  width: 6.25%;
}
.col-xs-2 {
  width: 12.5%;
}
.col-xs-3 {
  width: 18.75%;
}
.col-xs-4 {
  width: 25%;
}
.col-xs-5 {
  width: 31.25%;
}
.col-xs-6 {
  width: 37.5%;
}
.col-xs-7 {
  width: 43.75%;
}
.col-xs-8 {
  width: 50%;
}
.col-xs-9 {
  width: 56.25%;
}
.col-xs-10 {
  width: 62.5%;
}
.col-xs-11 {
  width: 68.75%;
}
.col-xs-12 {
  width: 75%;
}
.col-xs-13 {
  width: 81.25%;
}
.col-xs-14 {
  width: 87.5%;
}
.col-xs-15 {
  width: 93.75%;
}
.col-xs-16 {
  width: 100%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-pull-1 {
  right: 6.25%;
}
.col-xs-pull-2 {
  right: 12.5%;
}
.col-xs-pull-3 {
  right: 18.75%;
}
.col-xs-pull-4 {
  right: 25%;
}
.col-xs-pull-5 {
  right: 31.25%;
}
.col-xs-pull-6 {
  right: 37.5%;
}
.col-xs-pull-7 {
  right: 43.75%;
}
.col-xs-pull-8 {
  right: 50%;
}
.col-xs-pull-9 {
  right: 56.25%;
}
.col-xs-pull-10 {
  right: 62.5%;
}
.col-xs-pull-11 {
  right: 68.75%;
}
.col-xs-pull-12 {
  right: 75%;
}
.col-xs-pull-13 {
  right: 81.25%;
}
.col-xs-pull-14 {
  right: 87.5%;
}
.col-xs-pull-15 {
  right: 93.75%;
}
.col-xs-pull-16 {
  right: 100%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-push-1 {
  left: 6.25%;
}
.col-xs-push-2 {
  left: 12.5%;
}
.col-xs-push-3 {
  left: 18.75%;
}
.col-xs-push-4 {
  left: 25%;
}
.col-xs-push-5 {
  left: 31.25%;
}
.col-xs-push-6 {
  left: 37.5%;
}
.col-xs-push-7 {
  left: 43.75%;
}
.col-xs-push-8 {
  left: 50%;
}
.col-xs-push-9 {
  left: 56.25%;
}
.col-xs-push-10 {
  left: 62.5%;
}
.col-xs-push-11 {
  left: 68.75%;
}
.col-xs-push-12 {
  left: 75%;
}
.col-xs-push-13 {
  left: 81.25%;
}
.col-xs-push-14 {
  left: 87.5%;
}
.col-xs-push-15 {
  left: 93.75%;
}
.col-xs-push-16 {
  left: 100%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-offset-1 {
  margin-left: 6.25%;
}
.col-xs-offset-2 {
  margin-left: 12.5%;
}
.col-xs-offset-3 {
  margin-left: 18.75%;
}
.col-xs-offset-4 {
  margin-left: 25%;
}
.col-xs-offset-5 {
  margin-left: 31.25%;
}
.col-xs-offset-6 {
  margin-left: 37.5%;
}
.col-xs-offset-7 {
  margin-left: 43.75%;
}
.col-xs-offset-8 {
  margin-left: 50%;
}
.col-xs-offset-9 {
  margin-left: 56.25%;
}
.col-xs-offset-10 {
  margin-left: 62.5%;
}
.col-xs-offset-11 {
  margin-left: 68.75%;
}
.col-xs-offset-12 {
  margin-left: 75%;
}
.col-xs-offset-13 {
  margin-left: 81.25%;
}
.col-xs-offset-14 {
  margin-left: 87.5%;
}
.col-xs-offset-15 {
  margin-left: 93.75%;
}
.col-xs-offset-16 {
  margin-left: 100%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-13,
  .col-sm-14,
  .col-sm-15,
  .col-sm-16 {
    float: left;
  }
  .col-sm-1 {
    width: 6.25%;
  }
  .col-sm-2 {
    width: 12.5%;
  }
  .col-sm-3 {
    width: 18.75%;
  }
  .col-sm-4 {
    width: 25%;
  }
  .col-sm-5 {
    width: 31.25%;
  }
  .col-sm-6 {
    width: 37.5%;
  }
  .col-sm-7 {
    width: 43.75%;
  }
  .col-sm-8 {
    width: 50%;
  }
  .col-sm-9 {
    width: 56.25%;
  }
  .col-sm-10 {
    width: 62.5%;
  }
  .col-sm-11 {
    width: 68.75%;
  }
  .col-sm-12 {
    width: 75%;
  }
  .col-sm-13 {
    width: 81.25%;
  }
  .col-sm-14 {
    width: 87.5%;
  }
  .col-sm-15 {
    width: 93.75%;
  }
  .col-sm-16 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 6.25%;
  }
  .col-sm-pull-2 {
    right: 12.5%;
  }
  .col-sm-pull-3 {
    right: 18.75%;
  }
  .col-sm-pull-4 {
    right: 25%;
  }
  .col-sm-pull-5 {
    right: 31.25%;
  }
  .col-sm-pull-6 {
    right: 37.5%;
  }
  .col-sm-pull-7 {
    right: 43.75%;
  }
  .col-sm-pull-8 {
    right: 50%;
  }
  .col-sm-pull-9 {
    right: 56.25%;
  }
  .col-sm-pull-10 {
    right: 62.5%;
  }
  .col-sm-pull-11 {
    right: 68.75%;
  }
  .col-sm-pull-12 {
    right: 75%;
  }
  .col-sm-pull-13 {
    right: 81.25%;
  }
  .col-sm-pull-14 {
    right: 87.5%;
  }
  .col-sm-pull-15 {
    right: 93.75%;
  }
  .col-sm-pull-16 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 6.25%;
  }
  .col-sm-push-2 {
    left: 12.5%;
  }
  .col-sm-push-3 {
    left: 18.75%;
  }
  .col-sm-push-4 {
    left: 25%;
  }
  .col-sm-push-5 {
    left: 31.25%;
  }
  .col-sm-push-6 {
    left: 37.5%;
  }
  .col-sm-push-7 {
    left: 43.75%;
  }
  .col-sm-push-8 {
    left: 50%;
  }
  .col-sm-push-9 {
    left: 56.25%;
  }
  .col-sm-push-10 {
    left: 62.5%;
  }
  .col-sm-push-11 {
    left: 68.75%;
  }
  .col-sm-push-12 {
    left: 75%;
  }
  .col-sm-push-13 {
    left: 81.25%;
  }
  .col-sm-push-14 {
    left: 87.5%;
  }
  .col-sm-push-15 {
    left: 93.75%;
  }
  .col-sm-push-16 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 6.25%;
  }
  .col-sm-offset-2 {
    margin-left: 12.5%;
  }
  .col-sm-offset-3 {
    margin-left: 18.75%;
  }
  .col-sm-offset-4 {
    margin-left: 25%;
  }
  .col-sm-offset-5 {
    margin-left: 31.25%;
  }
  .col-sm-offset-6 {
    margin-left: 37.5%;
  }
  .col-sm-offset-7 {
    margin-left: 43.75%;
  }
  .col-sm-offset-8 {
    margin-left: 50%;
  }
  .col-sm-offset-9 {
    margin-left: 56.25%;
  }
  .col-sm-offset-10 {
    margin-left: 62.5%;
  }
  .col-sm-offset-11 {
    margin-left: 68.75%;
  }
  .col-sm-offset-12 {
    margin-left: 75%;
  }
  .col-sm-offset-13 {
    margin-left: 81.25%;
  }
  .col-sm-offset-14 {
    margin-left: 87.5%;
  }
  .col-sm-offset-15 {
    margin-left: 93.75%;
  }
  .col-sm-offset-16 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-13,
  .col-md-14,
  .col-md-15,
  .col-md-16 {
    float: left;
  }
  .col-md-1 {
    width: 6.25%;
  }
  .col-md-2 {
    width: 12.5%;
  }
  .col-md-3 {
    width: 18.75%;
  }
  .col-md-4 {
    width: 25%;
  }
  .col-md-5 {
    width: 31.25%;
  }
  .col-md-6 {
    width: 37.5%;
  }
  .col-md-7 {
    width: 43.75%;
  }
  .col-md-8 {
    width: 50%;
  }
  .col-md-9 {
    width: 56.25%;
  }
  .col-md-10 {
    width: 62.5%;
  }
  .col-md-11 {
    width: 68.75%;
  }
  .col-md-12 {
    width: 75%;
  }
  .col-md-13 {
    width: 81.25%;
  }
  .col-md-14 {
    width: 87.5%;
  }
  .col-md-15 {
    width: 93.75%;
  }
  .col-md-16 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 6.25%;
  }
  .col-md-pull-2 {
    right: 12.5%;
  }
  .col-md-pull-3 {
    right: 18.75%;
  }
  .col-md-pull-4 {
    right: 25%;
  }
  .col-md-pull-5 {
    right: 31.25%;
  }
  .col-md-pull-6 {
    right: 37.5%;
  }
  .col-md-pull-7 {
    right: 43.75%;
  }
  .col-md-pull-8 {
    right: 50%;
  }
  .col-md-pull-9 {
    right: 56.25%;
  }
  .col-md-pull-10 {
    right: 62.5%;
  }
  .col-md-pull-11 {
    right: 68.75%;
  }
  .col-md-pull-12 {
    right: 75%;
  }
  .col-md-pull-13 {
    right: 81.25%;
  }
  .col-md-pull-14 {
    right: 87.5%;
  }
  .col-md-pull-15 {
    right: 93.75%;
  }
  .col-md-pull-16 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 6.25%;
  }
  .col-md-push-2 {
    left: 12.5%;
  }
  .col-md-push-3 {
    left: 18.75%;
  }
  .col-md-push-4 {
    left: 25%;
  }
  .col-md-push-5 {
    left: 31.25%;
  }
  .col-md-push-6 {
    left: 37.5%;
  }
  .col-md-push-7 {
    left: 43.75%;
  }
  .col-md-push-8 {
    left: 50%;
  }
  .col-md-push-9 {
    left: 56.25%;
  }
  .col-md-push-10 {
    left: 62.5%;
  }
  .col-md-push-11 {
    left: 68.75%;
  }
  .col-md-push-12 {
    left: 75%;
  }
  .col-md-push-13 {
    left: 81.25%;
  }
  .col-md-push-14 {
    left: 87.5%;
  }
  .col-md-push-15 {
    left: 93.75%;
  }
  .col-md-push-16 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 6.25%;
  }
  .col-md-offset-2 {
    margin-left: 12.5%;
  }
  .col-md-offset-3 {
    margin-left: 18.75%;
  }
  .col-md-offset-4 {
    margin-left: 25%;
  }
  .col-md-offset-5 {
    margin-left: 31.25%;
  }
  .col-md-offset-6 {
    margin-left: 37.5%;
  }
  .col-md-offset-7 {
    margin-left: 43.75%;
  }
  .col-md-offset-8 {
    margin-left: 50%;
  }
  .col-md-offset-9 {
    margin-left: 56.25%;
  }
  .col-md-offset-10 {
    margin-left: 62.5%;
  }
  .col-md-offset-11 {
    margin-left: 68.75%;
  }
  .col-md-offset-12 {
    margin-left: 75%;
  }
  .col-md-offset-13 {
    margin-left: 81.25%;
  }
  .col-md-offset-14 {
    margin-left: 87.5%;
  }
  .col-md-offset-15 {
    margin-left: 93.75%;
  }
  .col-md-offset-16 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-13,
  .col-lg-14,
  .col-lg-15,
  .col-lg-16 {
    float: left;
  }
  .col-lg-1 {
    width: 6.25%;
  }
  .col-lg-2 {
    width: 12.5%;
  }
  .col-lg-3 {
    width: 18.75%;
  }
  .col-lg-4 {
    width: 25%;
  }
  .col-lg-5 {
    width: 31.25%;
  }
  .col-lg-6 {
    width: 37.5%;
  }
  .col-lg-7 {
    width: 43.75%;
  }
  .col-lg-8 {
    width: 50%;
  }
  .col-lg-9 {
    width: 56.25%;
  }
  .col-lg-10 {
    width: 62.5%;
  }
  .col-lg-11 {
    width: 68.75%;
  }
  .col-lg-12 {
    width: 75%;
  }
  .col-lg-13 {
    width: 81.25%;
  }
  .col-lg-14 {
    width: 87.5%;
  }
  .col-lg-15 {
    width: 93.75%;
  }
  .col-lg-16 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 6.25%;
  }
  .col-lg-pull-2 {
    right: 12.5%;
  }
  .col-lg-pull-3 {
    right: 18.75%;
  }
  .col-lg-pull-4 {
    right: 25%;
  }
  .col-lg-pull-5 {
    right: 31.25%;
  }
  .col-lg-pull-6 {
    right: 37.5%;
  }
  .col-lg-pull-7 {
    right: 43.75%;
  }
  .col-lg-pull-8 {
    right: 50%;
  }
  .col-lg-pull-9 {
    right: 56.25%;
  }
  .col-lg-pull-10 {
    right: 62.5%;
  }
  .col-lg-pull-11 {
    right: 68.75%;
  }
  .col-lg-pull-12 {
    right: 75%;
  }
  .col-lg-pull-13 {
    right: 81.25%;
  }
  .col-lg-pull-14 {
    right: 87.5%;
  }
  .col-lg-pull-15 {
    right: 93.75%;
  }
  .col-lg-pull-16 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 6.25%;
  }
  .col-lg-push-2 {
    left: 12.5%;
  }
  .col-lg-push-3 {
    left: 18.75%;
  }
  .col-lg-push-4 {
    left: 25%;
  }
  .col-lg-push-5 {
    left: 31.25%;
  }
  .col-lg-push-6 {
    left: 37.5%;
  }
  .col-lg-push-7 {
    left: 43.75%;
  }
  .col-lg-push-8 {
    left: 50%;
  }
  .col-lg-push-9 {
    left: 56.25%;
  }
  .col-lg-push-10 {
    left: 62.5%;
  }
  .col-lg-push-11 {
    left: 68.75%;
  }
  .col-lg-push-12 {
    left: 75%;
  }
  .col-lg-push-13 {
    left: 81.25%;
  }
  .col-lg-push-14 {
    left: 87.5%;
  }
  .col-lg-push-15 {
    left: 93.75%;
  }
  .col-lg-push-16 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 6.25%;
  }
  .col-lg-offset-2 {
    margin-left: 12.5%;
  }
  .col-lg-offset-3 {
    margin-left: 18.75%;
  }
  .col-lg-offset-4 {
    margin-left: 25%;
  }
  .col-lg-offset-5 {
    margin-left: 31.25%;
  }
  .col-lg-offset-6 {
    margin-left: 37.5%;
  }
  .col-lg-offset-7 {
    margin-left: 43.75%;
  }
  .col-lg-offset-8 {
    margin-left: 50%;
  }
  .col-lg-offset-9 {
    margin-left: 56.25%;
  }
  .col-lg-offset-10 {
    margin-left: 62.5%;
  }
  .col-lg-offset-11 {
    margin-left: 68.75%;
  }
  .col-lg-offset-12 {
    margin-left: 75%;
  }
  .col-lg-offset-13 {
    margin-left: 81.25%;
  }
  .col-lg-offset-14 {
    margin-left: 87.5%;
  }
  .col-lg-offset-15 {
    margin-left: 93.75%;
  }
  .col-lg-offset-16 {
    margin-left: 100%;
  }
}
table {
  background-color: initial;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
}
caption,
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: #dff0d8;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #d9edf7;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: #f2dede;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  margin: 0;
}
fieldset,
legend {
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type="search"] {
  box-sizing: border-box;
  appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  padding-top: 7px;
}
.form-control,
output {
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
}
.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: initial;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control,
  input[type="time"].form-control {
    line-height: 34px;
  }
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm input[type="date"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"],
  .input-group-sm input[type="time"],
  input[type="date"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  input[type="time"].input-sm {
    line-height: 30px;
  }
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg input[type="date"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"],
  .input-group-lg input[type="time"],
  input[type="date"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  input[type="time"].input-lg {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed;
}
.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.checkbox-inline input[type="checkbox"],
.checkbox input[type="checkbox"],
.radio-inline input[type="radio"],
.radio input[type="radio"] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px;
}
.checkbox + .checkbox,
.radio + .radio {
  margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.input-group-sm > .input-group-btn > select.btn,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
select.input-sm {
  height: 30px;
  line-height: 30px;
}
.input-group-sm > .input-group-btn > select.btn[multiple],
.input-group-sm > .input-group-btn > textarea.btn,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
select[multiple].input-sm,
textarea.input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}
.input-group-lg > .input-group-btn > select.btn,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
select.input-lg {
  height: 46px;
  line-height: 46px;
}
.input-group-lg > .input-group-btn > select.btn[multiple],
.input-group-lg > .input-group-btn > textarea.btn,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
select[multiple].input-lg,
textarea.input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
  color: #f44336;
}
.has-error .form-control {
  border-color: #f44336;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #ea1c0d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f99d97;
}
.has-error .input-group-addon {
  color: #f44336;
  background-color: #f2dede;
  border-color: #f44336;
}
.has-error .form-control-feedback {
  color: #f44336;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }
  .form-inline .checkbox input[type="checkbox"],
  .form-inline .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  user-select: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.focus,
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.active,
.btn-default:active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .btn-default.dropdown-toggle.focus,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary.active,
.btn-primary:active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.active,
.btn-success:active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .btn-success.dropdown-toggle.focus,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.active,
.btn-info:active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .btn-info.dropdown-toggle.focus,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.focus,
.btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.active,
.btn-warning:active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .btn-warning.dropdown-toggle.focus,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #f44336;
  border-color: #f32c1e;
}
.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #ea1c0d;
  border-color: #891008;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ea1c0d;
  border-color: #c8180b;
}
.btn-danger.active,
.btn-danger:active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ea1c0d;
  background-image: none;
  border-color: #c8180b;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .btn-danger.dropdown-toggle.focus,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #c8180b;
  border-color: #891008;
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #f44336;
  border-color: #f32c1e;
}
.btn-danger .badge {
  color: #f44336;
  background-color: #fff;
}
.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: initial;
  box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: initial;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown,
.dropup {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: initial;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 991px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:after,
.btn-toolbar:before {
  display: table;
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group-lg.btn-group > .btn + .dropdown-toggle,
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-group-lg > .btn .caret,
.btn-lg .caret {
  border-width: 5px 5px 0;
}
.dropup .btn-group-lg > .btn .caret,
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical
  > .btn-group:first-child:not(:last-child)
  > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical
  > .btn-group:last-child:not(:first-child)
  > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: initial;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: initial;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="checkbox"],
.input-group-addon input[type="radio"] {
  margin-top: 0;
}
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group .form-control:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn,
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:after,
.nav:before {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}
.nav > li,
.nav > li > a {
  position: relative;
  display: block;
}
.nav > li > a {
  padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: initial;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid;
  border-color: #ddd #ddd transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified,
.nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li,
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:after,
.navbar:before {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: 991px) {
  .navbar {
    border-radius: 4px;
  }
}
.navbar-header:after,
.navbar-header:before {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 991px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:after,
.navbar-collapse:before {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 991px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 991px) {
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 991px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 991px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 991px) {
  .navbar > .container-fluid .navbar-brand,
  .navbar > .container .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: initial;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 991px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 990px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: initial;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }
}
@media (min-width: 991px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1),
    0 1px 0 hsla(0, 0%, 100%, 0.1);
  margin: 8px -15px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0;
  }
  .navbar-form .checkbox input[type="checkbox"],
  .navbar-form .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 990px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 991px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.btn-group-sm > .navbar-btn.btn,
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-group-xs > .navbar-btn.btn,
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 991px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 991px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: initial;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: initial;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: initial;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 990px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: initial;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: initial;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
  color: #333;
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: initial;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: initial;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: initial;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #090909;
}
@media (max-width: 990px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: initial;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: initial;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager:after,
.pager:before {
  display: table;
  content: " ";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:focus,
.pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: initial;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label-default {
  background-color: #777;
}
.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f;
}
.label-danger {
  background-color: #f44336;
}
.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #ea1c0d;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-group-xs > .btn .badge,
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  background-color: #eee;
}
.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container-fluid .jumbotron,
.container .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container-fluid .jumbotron,
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron .h1,
  .jumbotron h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
  border-color: #337ab7;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: 700;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #f44336;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #ea1c0d;
}
@keyframes progress-bar-stripes {
  0% {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.progress-bar-striped,
.progress-striped .progress-bar {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
  background-size: 40px 40px;
}
.progress-bar.active,
.progress.active .progress-bar {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
}
.progress-bar-danger {
  background-color: #f44336;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #f44336;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #f44336;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #f44336;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #f44336;
  border-color: #f44336;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-body:after,
.panel-body:before {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle,
.panel-title {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel
  > .panel-collapse
  > .list-group:first-child
  .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel
  > .panel-heading
  + .panel-collapse
  > .list-group
  .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group + .panel-footer,
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .panel-collapse > .table caption,
.panel > .table-responsive > .table caption,
.panel > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table-responsive:first-child > .table:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child,
.panel > .table:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child {
  border-top-left-radius: 3px;
}
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child,
.panel > .table:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0;
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0;
}
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #f44336;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #f44336;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  appearance: none;
}
.modal,
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translateY(-25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:after,
.modal-header:before {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:after,
.modal-footer:before {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
}
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  left: 5px;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.carousel,
.carousel-inner {
  position: relative;
}
.carousel-inner {
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  transition: left 0.6s ease-in-out;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media (-webkit-transform-3d), (transform-3d) {
  .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    transform: translateZ(0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: initial;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  td.visible-sm,
  th.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  td.visible-md,
  th.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  td.visible-lg,
  th.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
h6 {
  margin: 0;
}
@font-face {
  font-family: Material Design Icons;
  src: url("materialdesignicons-webfont.3bd364e5.eot");
  src: url("materialdesignicons-webfont.3bd364e5.eot")
      format("embedded-opentype"),
    url("materialdesignicons-webfont.9b9f2c44.woff2") format("woff2"),
    url("materialdesignicons-webfont.eec7f0f7.woff") format("woff"),
    url("materialdesignicons-webfont.3ef6639a.ttf") format("truetype"),
    url("materialdesignicons-webfont.f89ba2d8.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
.mdi-set,
.mdi:before {
  display: inline-block;
  font: normal normal normal 24px/1 Material Design Icons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0);
}
.mdi-access-point:before {
  content: "\F002";
}
.mdi-access-point-network:before {
  content: "\F003";
}
.mdi-account:before {
  content: "\F004";
}
.mdi-account-alert:before {
  content: "\F005";
}
.mdi-account-box:before {
  content: "\F006";
}
.mdi-account-box-outline:before {
  content: "\F007";
}
.mdi-account-card-details:before {
  content: "\F5D2";
}
.mdi-account-check:before {
  content: "\F008";
}
.mdi-account-circle:before {
  content: "\F009";
}
.mdi-account-convert:before {
  content: "\F00A";
}
.mdi-account-edit:before {
  content: "\F6BB";
}
.mdi-account-key:before {
  content: "\F00B";
}
.mdi-account-location:before {
  content: "\F00C";
}
.mdi-account-minus:before {
  content: "\F00D";
}
.mdi-account-multiple:before {
  content: "\F00E";
}
.mdi-account-multiple-minus:before {
  content: "\F5D3";
}
.mdi-account-multiple-outline:before {
  content: "\F00F";
}
.mdi-account-multiple-plus:before {
  content: "\F010";
}
.mdi-account-network:before {
  content: "\F011";
}
.mdi-account-off:before {
  content: "\F012";
}
.mdi-account-outline:before {
  content: "\F013";
}
.mdi-account-plus:before {
  content: "\F014";
}
.mdi-account-remove:before {
  content: "\F015";
}
.mdi-account-search:before {
  content: "\F016";
}
.mdi-account-settings:before {
  content: "\F630";
}
.mdi-account-settings-variant:before {
  content: "\F631";
}
.mdi-account-star:before {
  content: "\F017";
}
.mdi-account-switch:before {
  content: "\F019";
}
.mdi-adjust:before {
  content: "\F01A";
}
.mdi-air-conditioner:before {
  content: "\F01B";
}
.mdi-airballoon:before {
  content: "\F01C";
}
.mdi-airplane:before {
  content: "\F01D";
}
.mdi-airplane-landing:before {
  content: "\F5D4";
}
.mdi-airplane-off:before {
  content: "\F01E";
}
.mdi-airplane-takeoff:before {
  content: "\F5D5";
}
.mdi-airplay:before {
  content: "\F01F";
}
.mdi-alarm:before {
  content: "\F020";
}
.mdi-alarm-bell:before {
  content: "\F78D";
}
.mdi-alarm-check:before {
  content: "\F021";
}
.mdi-alarm-light:before {
  content: "\F78E";
}
.mdi-alarm-multiple:before {
  content: "\F022";
}
.mdi-alarm-off:before {
  content: "\F023";
}
.mdi-alarm-plus:before {
  content: "\F024";
}
.mdi-alarm-snooze:before {
  content: "\F68D";
}
.mdi-album:before {
  content: "\F025";
}
.mdi-alert:before {
  content: "\F026";
}
.mdi-alert-box:before {
  content: "\F027";
}
.mdi-alert-circle:before {
  content: "\F028";
}
.mdi-alert-circle-outline:before {
  content: "\F5D6";
}
.mdi-alert-decagram:before {
  content: "\F6BC";
}
.mdi-alert-octagon:before {
  content: "\F029";
}
.mdi-alert-octagram:before {
  content: "\F766";
}
.mdi-alert-outline:before {
  content: "\F02A";
}
.mdi-all-inclusive:before {
  content: "\F6BD";
}
.mdi-alpha:before {
  content: "\F02B";
}
.mdi-alphabetical:before {
  content: "\F02C";
}
.mdi-altimeter:before {
  content: "\F5D7";
}
.mdi-amazon:before {
  content: "\F02D";
}
.mdi-amazon-clouddrive:before {
  content: "\F02E";
}
.mdi-ambulance:before {
  content: "\F02F";
}
.mdi-amplifier:before {
  content: "\F030";
}
.mdi-anchor:before {
  content: "\F031";
}
.mdi-android:before {
  content: "\F032";
}
.mdi-android-debug-bridge:before {
  content: "\F033";
}
.mdi-android-head:before {
  content: "\F78F";
}
.mdi-android-studio:before {
  content: "\F034";
}
.mdi-angular:before {
  content: "\F6B1";
}
.mdi-angularjs:before {
  content: "\F6BE";
}
.mdi-animation:before {
  content: "\F5D8";
}
.mdi-apple:before {
  content: "\F035";
}
.mdi-apple-finder:before {
  content: "\F036";
}
.mdi-apple-ios:before {
  content: "\F037";
}
.mdi-apple-keyboard-caps:before {
  content: "\F632";
}
.mdi-apple-keyboard-command:before {
  content: "\F633";
}
.mdi-apple-keyboard-control:before {
  content: "\F634";
}
.mdi-apple-keyboard-option:before {
  content: "\F635";
}
.mdi-apple-keyboard-shift:before {
  content: "\F636";
}
.mdi-apple-mobileme:before {
  content: "\F038";
}
.mdi-apple-safari:before {
  content: "\F039";
}
.mdi-application:before {
  content: "\F614";
}
.mdi-approval:before {
  content: "\F790";
}
.mdi-apps:before {
  content: "\F03B";
}
.mdi-archive:before {
  content: "\F03C";
}
.mdi-arrange-bring-forward:before {
  content: "\F03D";
}
.mdi-arrange-bring-to-front:before {
  content: "\F03E";
}
.mdi-arrange-send-backward:before {
  content: "\F03F";
}
.mdi-arrange-send-to-back:before {
  content: "\F040";
}
.mdi-arrow-all:before {
  content: "\F041";
}
.mdi-arrow-bottom-left:before {
  content: "\F042";
}
.mdi-arrow-bottom-right:before {
  content: "\F043";
}
.mdi-arrow-collapse:before {
  content: "\F615";
}
.mdi-arrow-collapse-all:before {
  content: "\F044";
}
.mdi-arrow-collapse-down:before {
  content: "\F791";
}
.mdi-arrow-collapse-left:before {
  content: "\F792";
}
.mdi-arrow-collapse-right:before {
  content: "\F793";
}
.mdi-arrow-collapse-up:before {
  content: "\F794";
}
.mdi-arrow-down:before {
  content: "\F045";
}
.mdi-arrow-down-bold:before {
  content: "\F72D";
}
.mdi-arrow-down-bold-box:before {
  content: "\F72E";
}
.mdi-arrow-down-bold-box-outline:before {
  content: "\F72F";
}
.mdi-arrow-down-bold-circle:before {
  content: "\F047";
}
.mdi-arrow-down-bold-circle-outline:before {
  content: "\F048";
}
.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\F049";
}
.mdi-arrow-down-box:before {
  content: "\F6BF";
}
.mdi-arrow-down-drop-circle:before {
  content: "\F04A";
}
.mdi-arrow-down-drop-circle-outline:before {
  content: "\F04B";
}
.mdi-arrow-down-thick:before {
  content: "\F046";
}
.mdi-arrow-expand:before {
  content: "\F616";
}
.mdi-arrow-expand-all:before {
  content: "\F04C";
}
.mdi-arrow-expand-down:before {
  content: "\F795";
}
.mdi-arrow-expand-left:before {
  content: "\F796";
}
.mdi-arrow-expand-right:before {
  content: "\F797";
}
.mdi-arrow-expand-up:before {
  content: "\F798";
}
.mdi-arrow-left:before {
  content: "\F04D";
}
.mdi-arrow-left-bold:before {
  content: "\F730";
}
.mdi-arrow-left-bold-box:before {
  content: "\F731";
}
.mdi-arrow-left-bold-box-outline:before {
  content: "\F732";
}
.mdi-arrow-left-bold-circle:before {
  content: "\F04F";
}
.mdi-arrow-left-bold-circle-outline:before {
  content: "\F050";
}
.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\F051";
}
.mdi-arrow-left-box:before {
  content: "\F6C0";
}
.mdi-arrow-left-drop-circle:before {
  content: "\F052";
}
.mdi-arrow-left-drop-circle-outline:before {
  content: "\F053";
}
.mdi-arrow-left-thick:before {
  content: "\F04E";
}
.mdi-arrow-right:before {
  content: "\F054";
}
.mdi-arrow-right-bold:before {
  content: "\F733";
}
.mdi-arrow-right-bold-box:before {
  content: "\F734";
}
.mdi-arrow-right-bold-box-outline:before {
  content: "\F735";
}
.mdi-arrow-right-bold-circle:before {
  content: "\F056";
}
.mdi-arrow-right-bold-circle-outline:before {
  content: "\F057";
}
.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\F058";
}
.mdi-arrow-right-box:before {
  content: "\F6C1";
}
.mdi-arrow-right-drop-circle:before {
  content: "\F059";
}
.mdi-arrow-right-drop-circle-outline:before {
  content: "\F05A";
}
.mdi-arrow-right-thick:before {
  content: "\F055";
}
.mdi-arrow-top-left:before {
  content: "\F05B";
}
.mdi-arrow-top-right:before {
  content: "\F05C";
}
.mdi-arrow-up:before {
  content: "\F05D";
}
.mdi-arrow-up-bold:before {
  content: "\F736";
}
.mdi-arrow-up-bold-box:before {
  content: "\F737";
}
.mdi-arrow-up-bold-box-outline:before {
  content: "\F738";
}
.mdi-arrow-up-bold-circle:before {
  content: "\F05F";
}
.mdi-arrow-up-bold-circle-outline:before {
  content: "\F060";
}
.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\F061";
}
.mdi-arrow-up-box:before {
  content: "\F6C2";
}
.mdi-arrow-up-drop-circle:before {
  content: "\F062";
}
.mdi-arrow-up-drop-circle-outline:before {
  content: "\F063";
}
.mdi-arrow-up-thick:before {
  content: "\F05E";
}
.mdi-assistant:before {
  content: "\F064";
}
.mdi-asterisk:before {
  content: "\F6C3";
}
.mdi-at:before {
  content: "\F065";
}
.mdi-atom:before {
  content: "\F767";
}
.mdi-attachment:before {
  content: "\F066";
}
.mdi-audiobook:before {
  content: "\F067";
}
.mdi-auto-fix:before {
  content: "\F068";
}
.mdi-auto-upload:before {
  content: "\F069";
}
.mdi-autorenew:before {
  content: "\F06A";
}
.mdi-av-timer:before {
  content: "\F06B";
}
.mdi-baby:before {
  content: "\F06C";
}
.mdi-baby-buggy:before {
  content: "\F68E";
}
.mdi-backburger:before {
  content: "\F06D";
}
.mdi-backspace:before {
  content: "\F06E";
}
.mdi-backup-restore:before {
  content: "\F06F";
}
.mdi-bandcamp:before {
  content: "\F674";
}
.mdi-bank:before {
  content: "\F070";
}
.mdi-barcode:before {
  content: "\F071";
}
.mdi-barcode-scan:before {
  content: "\F072";
}
.mdi-barley:before {
  content: "\F073";
}
.mdi-barrel:before {
  content: "\F074";
}
.mdi-basecamp:before {
  content: "\F075";
}
.mdi-basket:before {
  content: "\F076";
}
.mdi-basket-fill:before {
  content: "\F077";
}
.mdi-basket-unfill:before {
  content: "\F078";
}
.mdi-battery:before {
  content: "\F079";
}
.mdi-battery-10:before {
  content: "\F07A";
}
.mdi-battery-20:before {
  content: "\F07B";
}
.mdi-battery-30:before {
  content: "\F07C";
}
.mdi-battery-40:before {
  content: "\F07D";
}
.mdi-battery-50:before {
  content: "\F07E";
}
.mdi-battery-60:before {
  content: "\F07F";
}
.mdi-battery-70:before {
  content: "\F080";
}
.mdi-battery-80:before {
  content: "\F081";
}
.mdi-battery-90:before {
  content: "\F082";
}
.mdi-battery-alert:before {
  content: "\F083";
}
.mdi-battery-charging:before {
  content: "\F084";
}
.mdi-battery-charging-100:before {
  content: "\F085";
}
.mdi-battery-charging-20:before {
  content: "\F086";
}
.mdi-battery-charging-30:before {
  content: "\F087";
}
.mdi-battery-charging-40:before {
  content: "\F088";
}
.mdi-battery-charging-60:before {
  content: "\F089";
}
.mdi-battery-charging-80:before {
  content: "\F08A";
}
.mdi-battery-charging-90:before {
  content: "\F08B";
}
.mdi-battery-minus:before {
  content: "\F08C";
}
.mdi-battery-negative:before {
  content: "\F08D";
}
.mdi-battery-outline:before {
  content: "\F08E";
}
.mdi-battery-plus:before {
  content: "\F08F";
}
.mdi-battery-positive:before {
  content: "\F090";
}
.mdi-battery-unknown:before {
  content: "\F091";
}
.mdi-beach:before {
  content: "\F092";
}
.mdi-beaker:before {
  content: "\F68F";
}
.mdi-beats:before {
  content: "\F097";
}
.mdi-beer:before {
  content: "\F098";
}
.mdi-behance:before {
  content: "\F099";
}
.mdi-bell:before {
  content: "\F09A";
}
.mdi-bell-off:before {
  content: "\F09B";
}
.mdi-bell-outline:before {
  content: "\F09C";
}
.mdi-bell-plus:before {
  content: "\F09D";
}
.mdi-bell-ring:before {
  content: "\F09E";
}
.mdi-bell-ring-outline:before {
  content: "\F09F";
}
.mdi-bell-sleep:before {
  content: "\F0A0";
}
.mdi-beta:before {
  content: "\F0A1";
}
.mdi-bible:before {
  content: "\F0A2";
}
.mdi-bike:before {
  content: "\F0A3";
}
.mdi-bing:before {
  content: "\F0A4";
}
.mdi-binoculars:before {
  content: "\F0A5";
}
.mdi-bio:before {
  content: "\F0A6";
}
.mdi-biohazard:before {
  content: "\F0A7";
}
.mdi-bitbucket:before {
  content: "\F0A8";
}
.mdi-black-mesa:before {
  content: "\F0A9";
}
.mdi-blackberry:before {
  content: "\F0AA";
}
.mdi-blender:before {
  content: "\F0AB";
}
.mdi-blinds:before {
  content: "\F0AC";
}
.mdi-block-helper:before {
  content: "\F0AD";
}
.mdi-blogger:before {
  content: "\F0AE";
}
.mdi-bluetooth:before {
  content: "\F0AF";
}
.mdi-bluetooth-audio:before {
  content: "\F0B0";
}
.mdi-bluetooth-connect:before {
  content: "\F0B1";
}
.mdi-bluetooth-off:before {
  content: "\F0B2";
}
.mdi-bluetooth-settings:before {
  content: "\F0B3";
}
.mdi-bluetooth-transfer:before {
  content: "\F0B4";
}
.mdi-blur:before {
  content: "\F0B5";
}
.mdi-blur-linear:before {
  content: "\F0B6";
}
.mdi-blur-off:before {
  content: "\F0B7";
}
.mdi-blur-radial:before {
  content: "\F0B8";
}
.mdi-bomb:before {
  content: "\F690";
}
.mdi-bomb-off:before {
  content: "\F6C4";
}
.mdi-bone:before {
  content: "\F0B9";
}
.mdi-book:before {
  content: "\F0BA";
}
.mdi-book-minus:before {
  content: "\F5D9";
}
.mdi-book-multiple:before {
  content: "\F0BB";
}
.mdi-book-multiple-variant:before {
  content: "\F0BC";
}
.mdi-book-open:before {
  content: "\F0BD";
}
.mdi-book-open-page-variant:before {
  content: "\F5DA";
}
.mdi-book-open-variant:before {
  content: "\F0BE";
}
.mdi-book-plus:before {
  content: "\F5DB";
}
.mdi-book-secure:before {
  content: "\F799";
}
.mdi-book-unsecure:before {
  content: "\F79A";
}
.mdi-book-variant:before {
  content: "\F0BF";
}
.mdi-bookmark:before {
  content: "\F0C0";
}
.mdi-bookmark-check:before {
  content: "\F0C1";
}
.mdi-bookmark-music:before {
  content: "\F0C2";
}
.mdi-bookmark-outline:before {
  content: "\F0C3";
}
.mdi-bookmark-plus:before {
  content: "\F0C5";
}
.mdi-bookmark-plus-outline:before {
  content: "\F0C4";
}
.mdi-bookmark-remove:before {
  content: "\F0C6";
}
.mdi-boombox:before {
  content: "\F5DC";
}
.mdi-bootstrap:before {
  content: "\F6C5";
}
.mdi-border-all:before {
  content: "\F0C7";
}
.mdi-border-bottom:before {
  content: "\F0C8";
}
.mdi-border-color:before {
  content: "\F0C9";
}
.mdi-border-horizontal:before {
  content: "\F0CA";
}
.mdi-border-inside:before {
  content: "\F0CB";
}
.mdi-border-left:before {
  content: "\F0CC";
}
.mdi-border-none:before {
  content: "\F0CD";
}
.mdi-border-outside:before {
  content: "\F0CE";
}
.mdi-border-right:before {
  content: "\F0CF";
}
.mdi-border-style:before {
  content: "\F0D0";
}
.mdi-border-top:before {
  content: "\F0D1";
}
.mdi-border-vertical:before {
  content: "\F0D2";
}
.mdi-bow-tie:before {
  content: "\F677";
}
.mdi-bowl:before {
  content: "\F617";
}
.mdi-bowling:before {
  content: "\F0D3";
}
.mdi-box:before {
  content: "\F0D4";
}
.mdi-box-cutter:before {
  content: "\F0D5";
}
.mdi-box-shadow:before {
  content: "\F637";
}
.mdi-bridge:before {
  content: "\F618";
}
.mdi-briefcase:before {
  content: "\F0D6";
}
.mdi-briefcase-check:before {
  content: "\F0D7";
}
.mdi-briefcase-download:before {
  content: "\F0D8";
}
.mdi-briefcase-upload:before {
  content: "\F0D9";
}
.mdi-brightness-1:before {
  content: "\F0DA";
}
.mdi-brightness-2:before {
  content: "\F0DB";
}
.mdi-brightness-3:before {
  content: "\F0DC";
}
.mdi-brightness-4:before {
  content: "\F0DD";
}
.mdi-brightness-5:before {
  content: "\F0DE";
}
.mdi-brightness-6:before {
  content: "\F0DF";
}
.mdi-brightness-7:before {
  content: "\F0E0";
}
.mdi-brightness-auto:before {
  content: "\F0E1";
}
.mdi-broom:before {
  content: "\F0E2";
}
.mdi-brush:before {
  content: "\F0E3";
}
.mdi-buffer:before {
  content: "\F619";
}
.mdi-bug:before {
  content: "\F0E4";
}
.mdi-bulletin-board:before {
  content: "\F0E5";
}
.mdi-bullhorn:before {
  content: "\F0E6";
}
.mdi-bullseye:before {
  content: "\F5DD";
}
.mdi-burst-mode:before {
  content: "\F5DE";
}
.mdi-bus:before {
  content: "\F0E7";
}
.mdi-bus-articulated-end:before {
  content: "\F79B";
}
.mdi-bus-articulated-front:before {
  content: "\F79C";
}
.mdi-bus-double-decker:before {
  content: "\F79D";
}
.mdi-bus-school:before {
  content: "\F79E";
}
.mdi-bus-side:before {
  content: "\F79F";
}
.mdi-cached:before {
  content: "\F0E8";
}
.mdi-cake:before {
  content: "\F0E9";
}
.mdi-cake-layered:before {
  content: "\F0EA";
}
.mdi-cake-variant:before {
  content: "\F0EB";
}
.mdi-calculator:before {
  content: "\F0EC";
}
.mdi-calendar:before {
  content: "\F0ED";
}
.mdi-calendar-blank:before {
  content: "\F0EE";
}
.mdi-calendar-check:before {
  content: "\F0EF";
}
.mdi-calendar-clock:before {
  content: "\F0F0";
}
.mdi-calendar-multiple:before {
  content: "\F0F1";
}
.mdi-calendar-multiple-check:before {
  content: "\F0F2";
}
.mdi-calendar-plus:before {
  content: "\F0F3";
}
.mdi-calendar-question:before {
  content: "\F691";
}
.mdi-calendar-range:before {
  content: "\F678";
}
.mdi-calendar-remove:before {
  content: "\F0F4";
}
.mdi-calendar-text:before {
  content: "\F0F5";
}
.mdi-calendar-today:before {
  content: "\F0F6";
}
.mdi-call-made:before {
  content: "\F0F7";
}
.mdi-call-merge:before {
  content: "\F0F8";
}
.mdi-call-missed:before {
  content: "\F0F9";
}
.mdi-call-received:before {
  content: "\F0FA";
}
.mdi-call-split:before {
  content: "\F0FB";
}
.mdi-camcorder:before {
  content: "\F0FC";
}
.mdi-camcorder-box:before {
  content: "\F0FD";
}
.mdi-camcorder-box-off:before {
  content: "\F0FE";
}
.mdi-camcorder-off:before {
  content: "\F0FF";
}
.mdi-camera:before {
  content: "\F100";
}
.mdi-camera-burst:before {
  content: "\F692";
}
.mdi-camera-enhance:before {
  content: "\F101";
}
.mdi-camera-front:before {
  content: "\F102";
}
.mdi-camera-front-variant:before {
  content: "\F103";
}
.mdi-camera-gopro:before {
  content: "\F7A0";
}
.mdi-camera-iris:before {
  content: "\F104";
}
.mdi-camera-metering-center:before {
  content: "\F7A1";
}
.mdi-camera-metering-matrix:before {
  content: "\F7A2";
}
.mdi-camera-metering-partial:before {
  content: "\F7A3";
}
.mdi-camera-metering-spot:before {
  content: "\F7A4";
}
.mdi-camera-off:before {
  content: "\F5DF";
}
.mdi-camera-party-mode:before {
  content: "\F105";
}
.mdi-camera-rear:before {
  content: "\F106";
}
.mdi-camera-rear-variant:before {
  content: "\F107";
}
.mdi-camera-switch:before {
  content: "\F108";
}
.mdi-camera-timer:before {
  content: "\F109";
}
.mdi-cancel:before {
  content: "\F739";
}
.mdi-candle:before {
  content: "\F5E2";
}
.mdi-candycane:before {
  content: "\F10A";
}
.mdi-cannabis:before {
  content: "\F7A5";
}
.mdi-car:before {
  content: "\F10B";
}
.mdi-car-battery:before {
  content: "\F10C";
}
.mdi-car-connected:before {
  content: "\F10D";
}
.mdi-car-convertable:before {
  content: "\F7A6";
}
.mdi-car-estate:before {
  content: "\F7A7";
}
.mdi-car-hatchback:before {
  content: "\F7A8";
}
.mdi-car-pickup:before {
  content: "\F7A9";
}
.mdi-car-side:before {
  content: "\F7AA";
}
.mdi-car-sports:before {
  content: "\F7AB";
}
.mdi-car-wash:before {
  content: "\F10E";
}
.mdi-caravan:before {
  content: "\F7AC";
}
.mdi-cards:before {
  content: "\F638";
}
.mdi-cards-outline:before {
  content: "\F639";
}
.mdi-cards-playing-outline:before {
  content: "\F63A";
}
.mdi-cards-variant:before {
  content: "\F6C6";
}
.mdi-carrot:before {
  content: "\F10F";
}
.mdi-cart:before {
  content: "\F110";
}
.mdi-cart-off:before {
  content: "\F66B";
}
.mdi-cart-outline:before {
  content: "\F111";
}
.mdi-cart-plus:before {
  content: "\F112";
}
.mdi-case-sensitive-alt:before {
  content: "\F113";
}
.mdi-cash:before {
  content: "\F114";
}
.mdi-cash-100:before {
  content: "\F115";
}
.mdi-cash-multiple:before {
  content: "\F116";
}
.mdi-cash-usd:before {
  content: "\F117";
}
.mdi-cast:before {
  content: "\F118";
}
.mdi-cast-connected:before {
  content: "\F119";
}
.mdi-cast-off:before {
  content: "\F789";
}
.mdi-castle:before {
  content: "\F11A";
}
.mdi-cat:before {
  content: "\F11B";
}
.mdi-cctv:before {
  content: "\F7AD";
}
.mdi-ceiling-light:before {
  content: "\F768";
}
.mdi-cellphone:before {
  content: "\F11C";
}
.mdi-cellphone-android:before {
  content: "\F11D";
}
.mdi-cellphone-basic:before {
  content: "\F11E";
}
.mdi-cellphone-dock:before {
  content: "\F11F";
}
.mdi-cellphone-iphone:before {
  content: "\F120";
}
.mdi-cellphone-link:before {
  content: "\F121";
}
.mdi-cellphone-link-off:before {
  content: "\F122";
}
.mdi-cellphone-settings:before {
  content: "\F123";
}
.mdi-certificate:before {
  content: "\F124";
}
.mdi-chair-school:before {
  content: "\F125";
}
.mdi-chart-arc:before {
  content: "\F126";
}
.mdi-chart-areaspline:before {
  content: "\F127";
}
.mdi-chart-bar:before {
  content: "\F128";
}
.mdi-chart-bar-stacked:before {
  content: "\F769";
}
.mdi-chart-bubble:before {
  content: "\F5E3";
}
.mdi-chart-donut:before {
  content: "\F7AE";
}
.mdi-chart-donut-variant:before {
  content: "\F7AF";
}
.mdi-chart-gantt:before {
  content: "\F66C";
}
.mdi-chart-histogram:before {
  content: "\F129";
}
.mdi-chart-line:before {
  content: "\F12A";
}
.mdi-chart-line-stacked:before {
  content: "\F76A";
}
.mdi-chart-line-variant:before {
  content: "\F7B0";
}
.mdi-chart-pie:before {
  content: "\F12B";
}
.mdi-chart-scatterplot-hexbin:before {
  content: "\F66D";
}
.mdi-chart-timeline:before {
  content: "\F66E";
}
.mdi-check:before {
  content: "\F12C";
}
.mdi-check-all:before {
  content: "\F12D";
}
.mdi-check-circle:before {
  content: "\F5E0";
}
.mdi-check-circle-outline:before {
  content: "\F5E1";
}
.mdi-checkbox-blank:before {
  content: "\F12E";
}
.mdi-checkbox-blank-circle:before {
  content: "\F12F";
}
.mdi-checkbox-blank-circle-outline:before {
  content: "\F130";
}
.mdi-checkbox-blank-outline:before {
  content: "\F131";
}
.mdi-checkbox-marked:before {
  content: "\F132";
}
.mdi-checkbox-marked-circle:before {
  content: "\F133";
}
.mdi-checkbox-marked-circle-outline:before {
  content: "\F134";
}
.mdi-checkbox-marked-outline:before {
  content: "\F135";
}
.mdi-checkbox-multiple-blank:before {
  content: "\F136";
}
.mdi-checkbox-multiple-blank-circle:before {
  content: "\F63B";
}
.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "\F63C";
}
.mdi-checkbox-multiple-blank-outline:before {
  content: "\F137";
}
.mdi-checkbox-multiple-marked:before {
  content: "\F138";
}
.mdi-checkbox-multiple-marked-circle:before {
  content: "\F63D";
}
.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "\F63E";
}
.mdi-checkbox-multiple-marked-outline:before {
  content: "\F139";
}
.mdi-checkerboard:before {
  content: "\F13A";
}
.mdi-chemical-weapon:before {
  content: "\F13B";
}
.mdi-chevron-double-down:before {
  content: "\F13C";
}
.mdi-chevron-double-left:before {
  content: "\F13D";
}
.mdi-chevron-double-right:before {
  content: "\F13E";
}
.mdi-chevron-double-up:before {
  content: "\F13F";
}
.mdi-chevron-down:before {
  content: "\F140";
}
.mdi-chevron-left:before {
  content: "\F141";
}
.mdi-chevron-right:before {
  content: "\F142";
}
.mdi-chevron-up:before {
  content: "\F143";
}
.mdi-chili-hot:before {
  content: "\F7B1";
}
.mdi-chili-medium:before {
  content: "\F7B2";
}
.mdi-chili-mild:before {
  content: "\F7B3";
}
.mdi-chip:before {
  content: "\F61A";
}
.mdi-church:before {
  content: "\F144";
}
.mdi-circle:before {
  content: "\F764";
}
.mdi-circle-outline:before {
  content: "\F765";
}
.mdi-cisco-webex:before {
  content: "\F145";
}
.mdi-city:before {
  content: "\F146";
}
.mdi-clipboard:before {
  content: "\F147";
}
.mdi-clipboard-account:before {
  content: "\F148";
}
.mdi-clipboard-alert:before {
  content: "\F149";
}
.mdi-clipboard-arrow-down:before {
  content: "\F14A";
}
.mdi-clipboard-arrow-left:before {
  content: "\F14B";
}
.mdi-clipboard-check:before {
  content: "\F14C";
}
.mdi-clipboard-flow:before {
  content: "\F6C7";
}
.mdi-clipboard-outline:before {
  content: "\F14D";
}
.mdi-clipboard-plus:before {
  content: "\F750";
}
.mdi-clipboard-text:before {
  content: "\F14E";
}
.mdi-clippy:before {
  content: "\F14F";
}
.mdi-clock:before {
  content: "\F150";
}
.mdi-clock-alert:before {
  content: "\F5CE";
}
.mdi-clock-end:before {
  content: "\F151";
}
.mdi-clock-fast:before {
  content: "\F152";
}
.mdi-clock-in:before {
  content: "\F153";
}
.mdi-clock-out:before {
  content: "\F154";
}
.mdi-clock-start:before {
  content: "\F155";
}
.mdi-close:before {
  content: "\F156";
}
.mdi-close-box:before {
  content: "\F157";
}
.mdi-close-box-outline:before {
  content: "\F158";
}
.mdi-close-circle:before {
  content: "\F159";
}
.mdi-close-circle-outline:before {
  content: "\F15A";
}
.mdi-close-network:before {
  content: "\F15B";
}
.mdi-close-octagon:before {
  content: "\F15C";
}
.mdi-close-octagon-outline:before {
  content: "\F15D";
}
.mdi-close-outline:before {
  content: "\F6C8";
}
.mdi-closed-caption:before {
  content: "\F15E";
}
.mdi-cloud:before {
  content: "\F15F";
}
.mdi-cloud-braces:before {
  content: "\F7B4";
}
.mdi-cloud-check:before {
  content: "\F160";
}
.mdi-cloud-circle:before {
  content: "\F161";
}
.mdi-cloud-download:before {
  content: "\F162";
}
.mdi-cloud-off-outline:before {
  content: "\F164";
}
.mdi-cloud-outline:before {
  content: "\F163";
}
.mdi-cloud-print:before {
  content: "\F165";
}
.mdi-cloud-print-outline:before {
  content: "\F166";
}
.mdi-cloud-sync:before {
  content: "\F63F";
}
.mdi-cloud-tags:before {
  content: "\F7B5";
}
.mdi-cloud-upload:before {
  content: "\F167";
}
.mdi-code-array:before {
  content: "\F168";
}
.mdi-code-braces:before {
  content: "\F169";
}
.mdi-code-brackets:before {
  content: "\F16A";
}
.mdi-code-equal:before {
  content: "\F16B";
}
.mdi-code-greater-than:before {
  content: "\F16C";
}
.mdi-code-greater-than-or-equal:before {
  content: "\F16D";
}
.mdi-code-less-than:before {
  content: "\F16E";
}
.mdi-code-less-than-or-equal:before {
  content: "\F16F";
}
.mdi-code-not-equal:before {
  content: "\F170";
}
.mdi-code-not-equal-variant:before {
  content: "\F171";
}
.mdi-code-parentheses:before {
  content: "\F172";
}
.mdi-code-string:before {
  content: "\F173";
}
.mdi-code-tags:before {
  content: "\F174";
}
.mdi-code-tags-check:before {
  content: "\F693";
}
.mdi-codepen:before {
  content: "\F175";
}
.mdi-coffee:before {
  content: "\F176";
}
.mdi-coffee-outline:before {
  content: "\F6C9";
}
.mdi-coffee-to-go:before {
  content: "\F177";
}
.mdi-coin:before {
  content: "\F178";
}
.mdi-coins:before {
  content: "\F694";
}
.mdi-collage:before {
  content: "\F640";
}
.mdi-color-helper:before {
  content: "\F179";
}
.mdi-comment:before {
  content: "\F17A";
}
.mdi-comment-account:before {
  content: "\F17B";
}
.mdi-comment-account-outline:before {
  content: "\F17C";
}
.mdi-comment-alert:before {
  content: "\F17D";
}
.mdi-comment-alert-outline:before {
  content: "\F17E";
}
.mdi-comment-check:before {
  content: "\F17F";
}
.mdi-comment-check-outline:before {
  content: "\F180";
}
.mdi-comment-multiple-outline:before {
  content: "\F181";
}
.mdi-comment-outline:before {
  content: "\F182";
}
.mdi-comment-plus-outline:before {
  content: "\F183";
}
.mdi-comment-processing:before {
  content: "\F184";
}
.mdi-comment-processing-outline:before {
  content: "\F185";
}
.mdi-comment-question-outline:before {
  content: "\F186";
}
.mdi-comment-remove-outline:before {
  content: "\F187";
}
.mdi-comment-text:before {
  content: "\F188";
}
.mdi-comment-text-outline:before {
  content: "\F189";
}
.mdi-compare:before {
  content: "\F18A";
}
.mdi-compass:before {
  content: "\F18B";
}
.mdi-compass-outline:before {
  content: "\F18C";
}
.mdi-console:before {
  content: "\F18D";
}
.mdi-console-line:before {
  content: "\F7B6";
}
.mdi-contact-mail:before {
  content: "\F18E";
}
.mdi-contacts:before {
  content: "\F6CA";
}
.mdi-content-copy:before {
  content: "\F18F";
}
.mdi-content-cut:before {
  content: "\F190";
}
.mdi-content-duplicate:before {
  content: "\F191";
}
.mdi-content-paste:before {
  content: "\F192";
}
.mdi-content-save:before {
  content: "\F193";
}
.mdi-content-save-all:before {
  content: "\F194";
}
.mdi-content-save-settings:before {
  content: "\F61B";
}
.mdi-contrast:before {
  content: "\F195";
}
.mdi-contrast-box:before {
  content: "\F196";
}
.mdi-contrast-circle:before {
  content: "\F197";
}
.mdi-cookie:before {
  content: "\F198";
}
.mdi-copyright:before {
  content: "\F5E6";
}
.mdi-corn:before {
  content: "\F7B7";
}
.mdi-counter:before {
  content: "\F199";
}
.mdi-cow:before {
  content: "\F19A";
}
.mdi-creation:before {
  content: "\F1C9";
}
.mdi-credit-card:before {
  content: "\F19B";
}
.mdi-credit-card-multiple:before {
  content: "\F19C";
}
.mdi-credit-card-off:before {
  content: "\F5E4";
}
.mdi-credit-card-plus:before {
  content: "\F675";
}
.mdi-credit-card-scan:before {
  content: "\F19D";
}
.mdi-crop:before {
  content: "\F19E";
}
.mdi-crop-free:before {
  content: "\F19F";
}
.mdi-crop-landscape:before {
  content: "\F1A0";
}
.mdi-crop-portrait:before {
  content: "\F1A1";
}
.mdi-crop-rotate:before {
  content: "\F695";
}
.mdi-crop-square:before {
  content: "\F1A2";
}
.mdi-crosshairs:before {
  content: "\F1A3";
}
.mdi-crosshairs-gps:before {
  content: "\F1A4";
}
.mdi-crown:before {
  content: "\F1A5";
}
.mdi-cube:before {
  content: "\F1A6";
}
.mdi-cube-outline:before {
  content: "\F1A7";
}
.mdi-cube-send:before {
  content: "\F1A8";
}
.mdi-cube-unfolded:before {
  content: "\F1A9";
}
.mdi-cup:before {
  content: "\F1AA";
}
.mdi-cup-off:before {
  content: "\F5E5";
}
.mdi-cup-water:before {
  content: "\F1AB";
}
.mdi-currency-btc:before {
  content: "\F1AC";
}
.mdi-currency-chf:before {
  content: "\F7B8";
}
.mdi-currency-cny:before {
  content: "\F7B9";
}
.mdi-currency-eth:before {
  content: "\F7BA";
}
.mdi-currency-eur:before {
  content: "\F1AD";
}
.mdi-currency-gbp:before {
  content: "\F1AE";
}
.mdi-currency-inr:before {
  content: "\F1AF";
}
.mdi-currency-jpy:before {
  content: "\F7BB";
}
.mdi-currency-krw:before {
  content: "\F7BC";
}
.mdi-currency-ngn:before {
  content: "\F1B0";
}
.mdi-currency-rub:before {
  content: "\F1B1";
}
.mdi-currency-sign:before {
  content: "\F7BD";
}
.mdi-currency-try:before {
  content: "\F1B2";
}
.mdi-currency-twd:before {
  content: "\F7BE";
}
.mdi-currency-usd:before {
  content: "\F1B3";
}
.mdi-currency-usd-off:before {
  content: "\F679";
}
.mdi-cursor-default:before {
  content: "\F1B4";
}
.mdi-cursor-default-outline:before {
  content: "\F1B5";
}
.mdi-cursor-move:before {
  content: "\F1B6";
}
.mdi-cursor-pointer:before {
  content: "\F1B7";
}
.mdi-cursor-text:before {
  content: "\F5E7";
}
.mdi-database:before {
  content: "\F1B8";
}
.mdi-database-minus:before {
  content: "\F1B9";
}
.mdi-database-plus:before {
  content: "\F1BA";
}
.mdi-debug-step-into:before {
  content: "\F1BB";
}
.mdi-debug-step-out:before {
  content: "\F1BC";
}
.mdi-debug-step-over:before {
  content: "\F1BD";
}
.mdi-decagram:before {
  content: "\F76B";
}
.mdi-decagram-outline:before {
  content: "\F76C";
}
.mdi-decimal-decrease:before {
  content: "\F1BE";
}
.mdi-decimal-increase:before {
  content: "\F1BF";
}
.mdi-delete:before {
  content: "\F1C0";
}
.mdi-delete-circle:before {
  content: "\F682";
}
.mdi-delete-empty:before {
  content: "\F6CB";
}
.mdi-delete-forever:before {
  content: "\F5E8";
}
.mdi-delete-sweep:before {
  content: "\F5E9";
}
.mdi-delete-variant:before {
  content: "\F1C1";
}
.mdi-delta:before {
  content: "\F1C2";
}
.mdi-deskphone:before {
  content: "\F1C3";
}
.mdi-desktop-classic:before {
  content: "\F7BF";
}
.mdi-desktop-mac:before {
  content: "\F1C4";
}
.mdi-desktop-tower:before {
  content: "\F1C5";
}
.mdi-details:before {
  content: "\F1C6";
}
.mdi-developer-board:before {
  content: "\F696";
}
.mdi-deviantart:before {
  content: "\F1C7";
}
.mdi-dialpad:before {
  content: "\F61C";
}
.mdi-diamond:before {
  content: "\F1C8";
}
.mdi-dice-1:before {
  content: "\F1CA";
}
.mdi-dice-2:before {
  content: "\F1CB";
}
.mdi-dice-3:before {
  content: "\F1CC";
}
.mdi-dice-4:before {
  content: "\F1CD";
}
.mdi-dice-5:before {
  content: "\F1CE";
}
.mdi-dice-6:before {
  content: "\F1CF";
}
.mdi-dice-d10:before {
  content: "\F76E";
}
.mdi-dice-d20:before {
  content: "\F5EA";
}
.mdi-dice-d4:before {
  content: "\F5EB";
}
.mdi-dice-d6:before {
  content: "\F5EC";
}
.mdi-dice-d8:before {
  content: "\F5ED";
}
.mdi-dice-multiple:before {
  content: "\F76D";
}
.mdi-dictionary:before {
  content: "\F61D";
}
.mdi-dip-switch:before {
  content: "\F7C0";
}
.mdi-directions:before {
  content: "\F1D0";
}
.mdi-directions-fork:before {
  content: "\F641";
}
.mdi-discord:before {
  content: "\F66F";
}
.mdi-disk:before {
  content: "\F5EE";
}
.mdi-disk-alert:before {
  content: "\F1D1";
}
.mdi-disqus:before {
  content: "\F1D2";
}
.mdi-disqus-outline:before {
  content: "\F1D3";
}
.mdi-division:before {
  content: "\F1D4";
}
.mdi-division-box:before {
  content: "\F1D5";
}
.mdi-dna:before {
  content: "\F683";
}
.mdi-dns:before {
  content: "\F1D6";
}
.mdi-do-not-disturb:before {
  content: "\F697";
}
.mdi-do-not-disturb-off:before {
  content: "\F698";
}
.mdi-dolby:before {
  content: "\F6B2";
}
.mdi-domain:before {
  content: "\F1D7";
}
.mdi-donkey:before {
  content: "\F7C1";
}
.mdi-dots-horizontal:before {
  content: "\F1D8";
}
.mdi-dots-horizontal-circle:before {
  content: "\F7C2";
}
.mdi-dots-vertical:before {
  content: "\F1D9";
}
.mdi-dots-vertical-circle:before {
  content: "\F7C3";
}
.mdi-douban:before {
  content: "\F699";
}
.mdi-download:before {
  content: "\F1DA";
}
.mdi-download-network:before {
  content: "\F6F3";
}
.mdi-drag:before {
  content: "\F1DB";
}
.mdi-drag-horizontal:before {
  content: "\F1DC";
}
.mdi-drag-vertical:before {
  content: "\F1DD";
}
.mdi-drawing:before {
  content: "\F1DE";
}
.mdi-drawing-box:before {
  content: "\F1DF";
}
.mdi-dribbble:before {
  content: "\F1E0";
}
.mdi-dribbble-box:before {
  content: "\F1E1";
}
.mdi-drone:before {
  content: "\F1E2";
}
.mdi-dropbox:before {
  content: "\F1E3";
}
.mdi-drupal:before {
  content: "\F1E4";
}
.mdi-duck:before {
  content: "\F1E5";
}
.mdi-dumbbell:before {
  content: "\F1E6";
}
.mdi-ear-hearing:before {
  content: "\F7C4";
}
.mdi-earth:before {
  content: "\F1E7";
}
.mdi-earth-box:before {
  content: "\F6CC";
}
.mdi-earth-box-off:before {
  content: "\F6CD";
}
.mdi-earth-off:before {
  content: "\F1E8";
}
.mdi-edge:before {
  content: "\F1E9";
}
.mdi-eject:before {
  content: "\F1EA";
}
.mdi-elephant:before {
  content: "\F7C5";
}
.mdi-elevation-decline:before {
  content: "\F1EB";
}
.mdi-elevation-rise:before {
  content: "\F1EC";
}
.mdi-elevator:before {
  content: "\F1ED";
}
.mdi-email:before {
  content: "\F1EE";
}
.mdi-email-alert:before {
  content: "\F6CE";
}
.mdi-email-open:before {
  content: "\F1EF";
}
.mdi-email-open-outline:before {
  content: "\F5EF";
}
.mdi-email-outline:before {
  content: "\F1F0";
}
.mdi-email-secure:before {
  content: "\F1F1";
}
.mdi-email-variant:before {
  content: "\F5F0";
}
.mdi-emby:before {
  content: "\F6B3";
}
.mdi-emoticon:before {
  content: "\F1F2";
}
.mdi-emoticon-cool:before {
  content: "\F1F3";
}
.mdi-emoticon-dead:before {
  content: "\F69A";
}
.mdi-emoticon-devil:before {
  content: "\F1F4";
}
.mdi-emoticon-excited:before {
  content: "\F69B";
}
.mdi-emoticon-happy:before {
  content: "\F1F5";
}
.mdi-emoticon-neutral:before {
  content: "\F1F6";
}
.mdi-emoticon-poop:before {
  content: "\F1F7";
}
.mdi-emoticon-sad:before {
  content: "\F1F8";
}
.mdi-emoticon-tongue:before {
  content: "\F1F9";
}
.mdi-engine:before {
  content: "\F1FA";
}
.mdi-engine-outline:before {
  content: "\F1FB";
}
.mdi-equal:before {
  content: "\F1FC";
}
.mdi-equal-box:before {
  content: "\F1FD";
}
.mdi-eraser:before {
  content: "\F1FE";
}
.mdi-eraser-variant:before {
  content: "\F642";
}
.mdi-escalator:before {
  content: "\F1FF";
}
.mdi-ethernet:before {
  content: "\F200";
}
.mdi-ethernet-cable:before {
  content: "\F201";
}
.mdi-ethernet-cable-off:before {
  content: "\F202";
}
.mdi-etsy:before {
  content: "\F203";
}
.mdi-ev-station:before {
  content: "\F5F1";
}
.mdi-eventbrite:before {
  content: "\F7C6";
}
.mdi-evernote:before {
  content: "\F204";
}
.mdi-exclamation:before {
  content: "\F205";
}
.mdi-exit-to-app:before {
  content: "\F206";
}
.mdi-export:before {
  content: "\F207";
}
.mdi-eye:before {
  content: "\F208";
}
.mdi-eye-off:before {
  content: "\F209";
}
.mdi-eye-off-outline:before {
  content: "\F6D0";
}
.mdi-eye-outline:before {
  content: "\F6CF";
}
.mdi-eyedropper:before {
  content: "\F20A";
}
.mdi-eyedropper-variant:before {
  content: "\F20B";
}
.mdi-face:before {
  content: "\F643";
}
.mdi-face-profile:before {
  content: "\F644";
}
.mdi-facebook:before {
  content: "\F20C";
}
.mdi-facebook-box:before {
  content: "\F20D";
}
.mdi-facebook-messenger:before {
  content: "\F20E";
}
.mdi-factory:before {
  content: "\F20F";
}
.mdi-fan:before {
  content: "\F210";
}
.mdi-fast-forward:before {
  content: "\F211";
}
.mdi-fast-forward-outline:before {
  content: "\F6D1";
}
.mdi-fax:before {
  content: "\F212";
}
.mdi-feather:before {
  content: "\F6D2";
}
.mdi-ferry:before {
  content: "\F213";
}
.mdi-file:before {
  content: "\F214";
}
.mdi-file-account:before {
  content: "\F73A";
}
.mdi-file-chart:before {
  content: "\F215";
}
.mdi-file-check:before {
  content: "\F216";
}
.mdi-file-cloud:before {
  content: "\F217";
}
.mdi-file-delimited:before {
  content: "\F218";
}
.mdi-file-document:before {
  content: "\F219";
}
.mdi-file-document-box:before {
  content: "\F21A";
}
.mdi-file-excel:before {
  content: "\F21B";
}
.mdi-file-excel-box:before {
  content: "\F21C";
}
.mdi-file-export:before {
  content: "\F21D";
}
.mdi-file-find:before {
  content: "\F21E";
}
.mdi-file-hidden:before {
  content: "\F613";
}
.mdi-file-image:before {
  content: "\F21F";
}
.mdi-file-import:before {
  content: "\F220";
}
.mdi-file-lock:before {
  content: "\F221";
}
.mdi-file-multiple:before {
  content: "\F222";
}
.mdi-file-music:before {
  content: "\F223";
}
.mdi-file-outline:before {
  content: "\F224";
}
.mdi-file-pdf:before {
  content: "\F225";
}
.mdi-file-pdf-box:before {
  content: "\F226";
}
.mdi-file-plus:before {
  content: "\F751";
}
.mdi-file-powerpoint:before {
  content: "\F227";
}
.mdi-file-powerpoint-box:before {
  content: "\F228";
}
.mdi-file-presentation-box:before {
  content: "\F229";
}
.mdi-file-restore:before {
  content: "\F670";
}
.mdi-file-send:before {
  content: "\F22A";
}
.mdi-file-tree:before {
  content: "\F645";
}
.mdi-file-video:before {
  content: "\F22B";
}
.mdi-file-word:before {
  content: "\F22C";
}
.mdi-file-word-box:before {
  content: "\F22D";
}
.mdi-file-xml:before {
  content: "\F22E";
}
.mdi-film:before {
  content: "\F22F";
}
.mdi-filmstrip:before {
  content: "\F230";
}
.mdi-filmstrip-off:before {
  content: "\F231";
}
.mdi-filter:before {
  content: "\F232";
}
.mdi-filter-outline:before {
  content: "\F233";
}
.mdi-filter-remove:before {
  content: "\F234";
}
.mdi-filter-remove-outline:before {
  content: "\F235";
}
.mdi-filter-variant:before {
  content: "\F236";
}
.mdi-find-replace:before {
  content: "\F6D3";
}
.mdi-fingerprint:before {
  content: "\F237";
}
.mdi-fire:before {
  content: "\F238";
}
.mdi-firefox:before {
  content: "\F239";
}
.mdi-fish:before {
  content: "\F23A";
}
.mdi-flag:before {
  content: "\F23B";
}
.mdi-flag-checkered:before {
  content: "\F23C";
}
.mdi-flag-outline:before {
  content: "\F23D";
}
.mdi-flag-outline-variant:before {
  content: "\F23E";
}
.mdi-flag-triangle:before {
  content: "\F23F";
}
.mdi-flag-variant:before {
  content: "\F240";
}
.mdi-flash:before {
  content: "\F241";
}
.mdi-flash-auto:before {
  content: "\F242";
}
.mdi-flash-off:before {
  content: "\F243";
}
.mdi-flash-outline:before {
  content: "\F6D4";
}
.mdi-flash-red-eye:before {
  content: "\F67A";
}
.mdi-flashlight:before {
  content: "\F244";
}
.mdi-flashlight-off:before {
  content: "\F245";
}
.mdi-flask:before {
  content: "\F093";
}
.mdi-flask-empty:before {
  content: "\F094";
}
.mdi-flask-empty-outline:before {
  content: "\F095";
}
.mdi-flask-outline:before {
  content: "\F096";
}
.mdi-flattr:before {
  content: "\F246";
}
.mdi-flip-to-back:before {
  content: "\F247";
}
.mdi-flip-to-front:before {
  content: "\F248";
}
.mdi-floppy:before {
  content: "\F249";
}
.mdi-flower:before {
  content: "\F24A";
}
.mdi-folder:before {
  content: "\F24B";
}
.mdi-folder-account:before {
  content: "\F24C";
}
.mdi-folder-download:before {
  content: "\F24D";
}
.mdi-folder-google-drive:before {
  content: "\F24E";
}
.mdi-folder-image:before {
  content: "\F24F";
}
.mdi-folder-lock:before {
  content: "\F250";
}
.mdi-folder-lock-open:before {
  content: "\F251";
}
.mdi-folder-move:before {
  content: "\F252";
}
.mdi-folder-multiple:before {
  content: "\F253";
}
.mdi-folder-multiple-image:before {
  content: "\F254";
}
.mdi-folder-multiple-outline:before {
  content: "\F255";
}
.mdi-folder-open:before {
  content: "\F76F";
}
.mdi-folder-outline:before {
  content: "\F256";
}
.mdi-folder-plus:before {
  content: "\F257";
}
.mdi-folder-remove:before {
  content: "\F258";
}
.mdi-folder-star:before {
  content: "\F69C";
}
.mdi-folder-upload:before {
  content: "\F259";
}
.mdi-font-awesome:before {
  content: "\F03A";
}
.mdi-food:before {
  content: "\F25A";
}
.mdi-food-apple:before {
  content: "\F25B";
}
.mdi-food-croissant:before {
  content: "\F7C7";
}
.mdi-food-fork-drink:before {
  content: "\F5F2";
}
.mdi-food-off:before {
  content: "\F5F3";
}
.mdi-food-variant:before {
  content: "\F25C";
}
.mdi-football:before {
  content: "\F25D";
}
.mdi-football-australian:before {
  content: "\F25E";
}
.mdi-football-helmet:before {
  content: "\F25F";
}
.mdi-forklift:before {
  content: "\F7C8";
}
.mdi-format-align-bottom:before {
  content: "\F752";
}
.mdi-format-align-center:before {
  content: "\F260";
}
.mdi-format-align-justify:before {
  content: "\F261";
}
.mdi-format-align-left:before {
  content: "\F262";
}
.mdi-format-align-middle:before {
  content: "\F753";
}
.mdi-format-align-right:before {
  content: "\F263";
}
.mdi-format-align-top:before {
  content: "\F754";
}
.mdi-format-annotation-plus:before {
  content: "\F646";
}
.mdi-format-bold:before {
  content: "\F264";
}
.mdi-format-clear:before {
  content: "\F265";
}
.mdi-format-color-fill:before {
  content: "\F266";
}
.mdi-format-color-text:before {
  content: "\F69D";
}
.mdi-format-float-center:before {
  content: "\F267";
}
.mdi-format-float-left:before {
  content: "\F268";
}
.mdi-format-float-none:before {
  content: "\F269";
}
.mdi-format-float-right:before {
  content: "\F26A";
}
.mdi-format-font:before {
  content: "\F6D5";
}
.mdi-format-header-1:before {
  content: "\F26B";
}
.mdi-format-header-2:before {
  content: "\F26C";
}
.mdi-format-header-3:before {
  content: "\F26D";
}
.mdi-format-header-4:before {
  content: "\F26E";
}
.mdi-format-header-5:before {
  content: "\F26F";
}
.mdi-format-header-6:before {
  content: "\F270";
}
.mdi-format-header-decrease:before {
  content: "\F271";
}
.mdi-format-header-equal:before {
  content: "\F272";
}
.mdi-format-header-increase:before {
  content: "\F273";
}
.mdi-format-header-pound:before {
  content: "\F274";
}
.mdi-format-horizontal-align-center:before {
  content: "\F61E";
}
.mdi-format-horizontal-align-left:before {
  content: "\F61F";
}
.mdi-format-horizontal-align-right:before {
  content: "\F620";
}
.mdi-format-indent-decrease:before {
  content: "\F275";
}
.mdi-format-indent-increase:before {
  content: "\F276";
}
.mdi-format-italic:before {
  content: "\F277";
}
.mdi-format-line-spacing:before {
  content: "\F278";
}
.mdi-format-line-style:before {
  content: "\F5C8";
}
.mdi-format-line-weight:before {
  content: "\F5C9";
}
.mdi-format-list-bulleted:before {
  content: "\F279";
}
.mdi-format-list-bulleted-type:before {
  content: "\F27A";
}
.mdi-format-list-checks:before {
  content: "\F755";
}
.mdi-format-list-numbers:before {
  content: "\F27B";
}
.mdi-format-page-break:before {
  content: "\F6D6";
}
.mdi-format-paint:before {
  content: "\F27C";
}
.mdi-format-paragraph:before {
  content: "\F27D";
}
.mdi-format-pilcrow:before {
  content: "\F6D7";
}
.mdi-format-quote-close:before {
  content: "\F27E";
}
.mdi-format-quote-open:before {
  content: "\F756";
}
.mdi-format-rotate-90:before {
  content: "\F6A9";
}
.mdi-format-section:before {
  content: "\F69E";
}
.mdi-format-size:before {
  content: "\F27F";
}
.mdi-format-strikethrough:before {
  content: "\F280";
}
.mdi-format-strikethrough-variant:before {
  content: "\F281";
}
.mdi-format-subscript:before {
  content: "\F282";
}
.mdi-format-superscript:before {
  content: "\F283";
}
.mdi-format-text:before {
  content: "\F284";
}
.mdi-format-textdirection-l-to-r:before {
  content: "\F285";
}
.mdi-format-textdirection-r-to-l:before {
  content: "\F286";
}
.mdi-format-title:before {
  content: "\F5F4";
}
.mdi-format-underline:before {
  content: "\F287";
}
.mdi-format-vertical-align-bottom:before {
  content: "\F621";
}
.mdi-format-vertical-align-center:before {
  content: "\F622";
}
.mdi-format-vertical-align-top:before {
  content: "\F623";
}
.mdi-format-wrap-inline:before {
  content: "\F288";
}
.mdi-format-wrap-square:before {
  content: "\F289";
}
.mdi-format-wrap-tight:before {
  content: "\F28A";
}
.mdi-format-wrap-top-bottom:before {
  content: "\F28B";
}
.mdi-forum:before {
  content: "\F28C";
}
.mdi-forward:before {
  content: "\F28D";
}
.mdi-foursquare:before {
  content: "\F28E";
}
.mdi-fridge:before {
  content: "\F28F";
}
.mdi-fridge-filled:before {
  content: "\F290";
}
.mdi-fridge-filled-bottom:before {
  content: "\F291";
}
.mdi-fridge-filled-top:before {
  content: "\F292";
}
.mdi-fuel:before {
  content: "\F7C9";
}
.mdi-fullscreen:before {
  content: "\F293";
}
.mdi-fullscreen-exit:before {
  content: "\F294";
}
.mdi-function:before {
  content: "\F295";
}
.mdi-gamepad:before {
  content: "\F296";
}
.mdi-gamepad-variant:before {
  content: "\F297";
}
.mdi-garage:before {
  content: "\F6D8";
}
.mdi-garage-open:before {
  content: "\F6D9";
}
.mdi-gas-cylinder:before {
  content: "\F647";
}
.mdi-gas-station:before {
  content: "\F298";
}
.mdi-gate:before {
  content: "\F299";
}
.mdi-gauge:before {
  content: "\F29A";
}
.mdi-gavel:before {
  content: "\F29B";
}
.mdi-gender-female:before {
  content: "\F29C";
}
.mdi-gender-male:before {
  content: "\F29D";
}
.mdi-gender-male-female:before {
  content: "\F29E";
}
.mdi-gender-transgender:before {
  content: "\F29F";
}
.mdi-gesture:before {
  content: "\F7CA";
}
.mdi-gesture-double-tap:before {
  content: "\F73B";
}
.mdi-gesture-swipe-down:before {
  content: "\F73C";
}
.mdi-gesture-swipe-left:before {
  content: "\F73D";
}
.mdi-gesture-swipe-right:before {
  content: "\F73E";
}
.mdi-gesture-swipe-up:before {
  content: "\F73F";
}
.mdi-gesture-tap:before {
  content: "\F740";
}
.mdi-gesture-two-double-tap:before {
  content: "\F741";
}
.mdi-gesture-two-tap:before {
  content: "\F742";
}
.mdi-ghost:before {
  content: "\F2A0";
}
.mdi-gift:before {
  content: "\F2A1";
}
.mdi-git:before {
  content: "\F2A2";
}
.mdi-github-box:before {
  content: "\F2A3";
}
.mdi-github-circle:before {
  content: "\F2A4";
}
.mdi-github-face:before {
  content: "\F6DA";
}
.mdi-glass-flute:before {
  content: "\F2A5";
}
.mdi-glass-mug:before {
  content: "\F2A6";
}
.mdi-glass-stange:before {
  content: "\F2A7";
}
.mdi-glass-tulip:before {
  content: "\F2A8";
}
.mdi-glassdoor:before {
  content: "\F2A9";
}
.mdi-glasses:before {
  content: "\F2AA";
}
.mdi-gmail:before {
  content: "\F2AB";
}
.mdi-gnome:before {
  content: "\F2AC";
}
.mdi-gondola:before {
  content: "\F685";
}
.mdi-google:before {
  content: "\F2AD";
}
.mdi-google-analytics:before {
  content: "\F7CB";
}
.mdi-google-assistant:before {
  content: "\F7CC";
}
.mdi-google-cardboard:before {
  content: "\F2AE";
}
.mdi-google-chrome:before {
  content: "\F2AF";
}
.mdi-google-circles:before {
  content: "\F2B0";
}
.mdi-google-circles-communities:before {
  content: "\F2B1";
}
.mdi-google-circles-extended:before {
  content: "\F2B2";
}
.mdi-google-circles-group:before {
  content: "\F2B3";
}
.mdi-google-controller:before {
  content: "\F2B4";
}
.mdi-google-controller-off:before {
  content: "\F2B5";
}
.mdi-google-drive:before {
  content: "\F2B6";
}
.mdi-google-earth:before {
  content: "\F2B7";
}
.mdi-google-glass:before {
  content: "\F2B8";
}
.mdi-google-keep:before {
  content: "\F6DB";
}
.mdi-google-maps:before {
  content: "\F5F5";
}
.mdi-google-nearby:before {
  content: "\F2B9";
}
.mdi-google-pages:before {
  content: "\F2BA";
}
.mdi-google-photos:before {
  content: "\F6DC";
}
.mdi-google-physical-web:before {
  content: "\F2BB";
}
.mdi-google-play:before {
  content: "\F2BC";
}
.mdi-google-plus:before {
  content: "\F2BD";
}
.mdi-google-plus-box:before {
  content: "\F2BE";
}
.mdi-google-translate:before {
  content: "\F2BF";
}
.mdi-google-wallet:before {
  content: "\F2C0";
}
.mdi-gradient:before {
  content: "\F69F";
}
.mdi-grease-pencil:before {
  content: "\F648";
}
.mdi-grid:before {
  content: "\F2C1";
}
.mdi-grid-large:before {
  content: "\F757";
}
.mdi-grid-off:before {
  content: "\F2C2";
}
.mdi-group:before {
  content: "\F2C3";
}
.mdi-guitar-acoustic:before {
  content: "\F770";
}
.mdi-guitar-electric:before {
  content: "\F2C4";
}
.mdi-guitar-pick:before {
  content: "\F2C5";
}
.mdi-guitar-pick-outline:before {
  content: "\F2C6";
}
.mdi-hackernews:before {
  content: "\F624";
}
.mdi-hamburger:before {
  content: "\F684";
}
.mdi-hand-pointing-right:before {
  content: "\F2C7";
}
.mdi-hanger:before {
  content: "\F2C8";
}
.mdi-hangouts:before {
  content: "\F2C9";
}
.mdi-harddisk:before {
  content: "\F2CA";
}
.mdi-headphones:before {
  content: "\F2CB";
}
.mdi-headphones-box:before {
  content: "\F2CC";
}
.mdi-headphones-off:before {
  content: "\F7CD";
}
.mdi-headphones-settings:before {
  content: "\F2CD";
}
.mdi-headset:before {
  content: "\F2CE";
}
.mdi-headset-dock:before {
  content: "\F2CF";
}
.mdi-headset-off:before {
  content: "\F2D0";
}
.mdi-heart:before {
  content: "\F2D1";
}
.mdi-heart-box:before {
  content: "\F2D2";
}
.mdi-heart-box-outline:before {
  content: "\F2D3";
}
.mdi-heart-broken:before {
  content: "\F2D4";
}
.mdi-heart-half:before {
  content: "\F6DE";
}
.mdi-heart-half-full:before {
  content: "\F6DD";
}
.mdi-heart-half-outline:before {
  content: "\F6DF";
}
.mdi-heart-off:before {
  content: "\F758";
}
.mdi-heart-outline:before {
  content: "\F2D5";
}
.mdi-heart-pulse:before {
  content: "\F5F6";
}
.mdi-help:before {
  content: "\F2D6";
}
.mdi-help-box:before {
  content: "\F78A";
}
.mdi-help-circle:before {
  content: "\F2D7";
}
.mdi-help-circle-outline:before {
  content: "\F625";
}
.mdi-help-network:before {
  content: "\F6F4";
}
.mdi-hexagon:before {
  content: "\F2D8";
}
.mdi-hexagon-multiple:before {
  content: "\F6E0";
}
.mdi-hexagon-outline:before {
  content: "\F2D9";
}
.mdi-high-definition:before {
  content: "\F7CE";
}
.mdi-highway:before {
  content: "\F5F7";
}
.mdi-history:before {
  content: "\F2DA";
}
.mdi-hololens:before {
  content: "\F2DB";
}
.mdi-home:before {
  content: "\F2DC";
}
.mdi-home-assistant:before {
  content: "\F7CF";
}
.mdi-home-automation:before {
  content: "\F7D0";
}
.mdi-home-circle:before {
  content: "\F7D1";
}
.mdi-home-map-marker:before {
  content: "\F5F8";
}
.mdi-home-modern:before {
  content: "\F2DD";
}
.mdi-home-outline:before {
  content: "\F6A0";
}
.mdi-home-variant:before {
  content: "\F2DE";
}
.mdi-hook:before {
  content: "\F6E1";
}
.mdi-hook-off:before {
  content: "\F6E2";
}
.mdi-hops:before {
  content: "\F2DF";
}
.mdi-hospital:before {
  content: "\F2E0";
}
.mdi-hospital-building:before {
  content: "\F2E1";
}
.mdi-hospital-marker:before {
  content: "\F2E2";
}
.mdi-hotel:before {
  content: "\F2E3";
}
.mdi-houzz:before {
  content: "\F2E4";
}
.mdi-houzz-box:before {
  content: "\F2E5";
}
.mdi-human:before {
  content: "\F2E6";
}
.mdi-human-child:before {
  content: "\F2E7";
}
.mdi-human-female:before {
  content: "\F649";
}
.mdi-human-greeting:before {
  content: "\F64A";
}
.mdi-human-handsdown:before {
  content: "\F64B";
}
.mdi-human-handsup:before {
  content: "\F64C";
}
.mdi-human-male:before {
  content: "\F64D";
}
.mdi-human-male-female:before {
  content: "\F2E8";
}
.mdi-human-pregnant:before {
  content: "\F5CF";
}
.mdi-humble-bundle:before {
  content: "\F743";
}
.mdi-image:before {
  content: "\F2E9";
}
.mdi-image-album:before {
  content: "\F2EA";
}
.mdi-image-area:before {
  content: "\F2EB";
}
.mdi-image-area-close:before {
  content: "\F2EC";
}
.mdi-image-broken:before {
  content: "\F2ED";
}
.mdi-image-broken-variant:before {
  content: "\F2EE";
}
.mdi-image-filter:before {
  content: "\F2EF";
}
.mdi-image-filter-black-white:before {
  content: "\F2F0";
}
.mdi-image-filter-center-focus:before {
  content: "\F2F1";
}
.mdi-image-filter-center-focus-weak:before {
  content: "\F2F2";
}
.mdi-image-filter-drama:before {
  content: "\F2F3";
}
.mdi-image-filter-frames:before {
  content: "\F2F4";
}
.mdi-image-filter-hdr:before {
  content: "\F2F5";
}
.mdi-image-filter-none:before {
  content: "\F2F6";
}
.mdi-image-filter-tilt-shift:before {
  content: "\F2F7";
}
.mdi-image-filter-vintage:before {
  content: "\F2F8";
}
.mdi-image-multiple:before {
  content: "\F2F9";
}
.mdi-import:before {
  content: "\F2FA";
}
.mdi-inbox:before {
  content: "\F686";
}
.mdi-inbox-arrow-down:before {
  content: "\F2FB";
}
.mdi-inbox-arrow-up:before {
  content: "\F3D1";
}
.mdi-incognito:before {
  content: "\F5F9";
}
.mdi-infinity:before {
  content: "\F6E3";
}
.mdi-information:before {
  content: "\F2FC";
}
.mdi-information-outline:before {
  content: "\F2FD";
}
.mdi-information-variant:before {
  content: "\F64E";
}
.mdi-instagram:before {
  content: "\F2FE";
}
.mdi-instapaper:before {
  content: "\F2FF";
}
.mdi-internet-explorer:before {
  content: "\F300";
}
.mdi-invert-colors:before {
  content: "\F301";
}
.mdi-itunes:before {
  content: "\F676";
}
.mdi-jeepney:before {
  content: "\F302";
}
.mdi-jira:before {
  content: "\F303";
}
.mdi-jsfiddle:before {
  content: "\F304";
}
.mdi-json:before {
  content: "\F626";
}
.mdi-keg:before {
  content: "\F305";
}
.mdi-kettle:before {
  content: "\F5FA";
}
.mdi-key:before {
  content: "\F306";
}
.mdi-key-change:before {
  content: "\F307";
}
.mdi-key-minus:before {
  content: "\F308";
}
.mdi-key-plus:before {
  content: "\F309";
}
.mdi-key-remove:before {
  content: "\F30A";
}
.mdi-key-variant:before {
  content: "\F30B";
}
.mdi-keyboard:before {
  content: "\F30C";
}
.mdi-keyboard-backspace:before {
  content: "\F30D";
}
.mdi-keyboard-caps:before {
  content: "\F30E";
}
.mdi-keyboard-close:before {
  content: "\F30F";
}
.mdi-keyboard-off:before {
  content: "\F310";
}
.mdi-keyboard-return:before {
  content: "\F311";
}
.mdi-keyboard-tab:before {
  content: "\F312";
}
.mdi-keyboard-variant:before {
  content: "\F313";
}
.mdi-kickstarter:before {
  content: "\F744";
}
.mdi-kodi:before {
  content: "\F314";
}
.mdi-label:before {
  content: "\F315";
}
.mdi-label-outline:before {
  content: "\F316";
}
.mdi-lambda:before {
  content: "\F627";
}
.mdi-lamp:before {
  content: "\F6B4";
}
.mdi-lan:before {
  content: "\F317";
}
.mdi-lan-connect:before {
  content: "\F318";
}
.mdi-lan-disconnect:before {
  content: "\F319";
}
.mdi-lan-pending:before {
  content: "\F31A";
}
.mdi-language-c:before {
  content: "\F671";
}
.mdi-language-cpp:before {
  content: "\F672";
}
.mdi-language-csharp:before {
  content: "\F31B";
}
.mdi-language-css3:before {
  content: "\F31C";
}
.mdi-language-go:before {
  content: "\F7D2";
}
.mdi-language-html5:before {
  content: "\F31D";
}
.mdi-language-javascript:before {
  content: "\F31E";
}
.mdi-language-php:before {
  content: "\F31F";
}
.mdi-language-python:before {
  content: "\F320";
}
.mdi-language-python-text:before {
  content: "\F321";
}
.mdi-language-r:before {
  content: "\F7D3";
}
.mdi-language-swift:before {
  content: "\F6E4";
}
.mdi-language-typescript:before {
  content: "\F6E5";
}
.mdi-laptop:before {
  content: "\F322";
}
.mdi-laptop-chromebook:before {
  content: "\F323";
}
.mdi-laptop-mac:before {
  content: "\F324";
}
.mdi-laptop-off:before {
  content: "\F6E6";
}
.mdi-laptop-windows:before {
  content: "\F325";
}
.mdi-lastfm:before {
  content: "\F326";
}
.mdi-launch:before {
  content: "\F327";
}
.mdi-lava-lamp:before {
  content: "\F7D4";
}
.mdi-layers:before {
  content: "\F328";
}
.mdi-layers-off:before {
  content: "\F329";
}
.mdi-lead-pencil:before {
  content: "\F64F";
}
.mdi-leaf:before {
  content: "\F32A";
}
.mdi-led-off:before {
  content: "\F32B";
}
.mdi-led-on:before {
  content: "\F32C";
}
.mdi-led-outline:before {
  content: "\F32D";
}
.mdi-led-strip:before {
  content: "\F7D5";
}
.mdi-led-variant-off:before {
  content: "\F32E";
}
.mdi-led-variant-on:before {
  content: "\F32F";
}
.mdi-led-variant-outline:before {
  content: "\F330";
}
.mdi-library:before {
  content: "\F331";
}
.mdi-library-books:before {
  content: "\F332";
}
.mdi-library-music:before {
  content: "\F333";
}
.mdi-library-plus:before {
  content: "\F334";
}
.mdi-lightbulb:before {
  content: "\F335";
}
.mdi-lightbulb-on:before {
  content: "\F6E7";
}
.mdi-lightbulb-on-outline:before {
  content: "\F6E8";
}
.mdi-lightbulb-outline:before {
  content: "\F336";
}
.mdi-link:before {
  content: "\F337";
}
.mdi-link-off:before {
  content: "\F338";
}
.mdi-link-variant:before {
  content: "\F339";
}
.mdi-link-variant-off:before {
  content: "\F33A";
}
.mdi-linkedin:before {
  content: "\F33B";
}
.mdi-linkedin-box:before {
  content: "\F33C";
}
.mdi-linux:before {
  content: "\F33D";
}
.mdi-loading:before {
  content: "\F771";
}
.mdi-lock:before {
  content: "\F33E";
}
.mdi-lock-open:before {
  content: "\F33F";
}
.mdi-lock-open-outline:before {
  content: "\F340";
}
.mdi-lock-outline:before {
  content: "\F341";
}
.mdi-lock-pattern:before {
  content: "\F6E9";
}
.mdi-lock-plus:before {
  content: "\F5FB";
}
.mdi-lock-reset:before {
  content: "\F772";
}
.mdi-locker:before {
  content: "\F7D6";
}
.mdi-locker-multiple:before {
  content: "\F7D7";
}
.mdi-login:before {
  content: "\F342";
}
.mdi-login-variant:before {
  content: "\F5FC";
}
.mdi-logout:before {
  content: "\F343";
}
.mdi-logout-variant:before {
  content: "\F5FD";
}
.mdi-looks:before {
  content: "\F344";
}
.mdi-loop:before {
  content: "\F6EA";
}
.mdi-loupe:before {
  content: "\F345";
}
.mdi-lumx:before {
  content: "\F346";
}
.mdi-magnet:before {
  content: "\F347";
}
.mdi-magnet-on:before {
  content: "\F348";
}
.mdi-magnify:before {
  content: "\F349";
}
.mdi-magnify-minus:before {
  content: "\F34A";
}
.mdi-magnify-minus-outline:before {
  content: "\F6EB";
}
.mdi-magnify-plus:before {
  content: "\F34B";
}
.mdi-magnify-plus-outline:before {
  content: "\F6EC";
}
.mdi-mail-ru:before {
  content: "\F34C";
}
.mdi-mailbox:before {
  content: "\F6ED";
}
.mdi-map:before {
  content: "\F34D";
}
.mdi-map-marker:before {
  content: "\F34E";
}
.mdi-map-marker-circle:before {
  content: "\F34F";
}
.mdi-map-marker-minus:before {
  content: "\F650";
}
.mdi-map-marker-multiple:before {
  content: "\F350";
}
.mdi-map-marker-off:before {
  content: "\F351";
}
.mdi-map-marker-outline:before {
  content: "\F7D8";
}
.mdi-map-marker-plus:before {
  content: "\F651";
}
.mdi-map-marker-radius:before {
  content: "\F352";
}
.mdi-margin:before {
  content: "\F353";
}
.mdi-markdown:before {
  content: "\F354";
}
.mdi-marker:before {
  content: "\F652";
}
.mdi-marker-check:before {
  content: "\F355";
}
.mdi-martini:before {
  content: "\F356";
}
.mdi-material-ui:before {
  content: "\F357";
}
.mdi-math-compass:before {
  content: "\F358";
}
.mdi-matrix:before {
  content: "\F628";
}
.mdi-maxcdn:before {
  content: "\F359";
}
.mdi-medical-bag:before {
  content: "\F6EE";
}
.mdi-medium:before {
  content: "\F35A";
}
.mdi-memory:before {
  content: "\F35B";
}
.mdi-menu:before {
  content: "\F35C";
}
.mdi-menu-down:before {
  content: "\F35D";
}
.mdi-menu-down-outline:before {
  content: "\F6B5";
}
.mdi-menu-left:before {
  content: "\F35E";
}
.mdi-menu-right:before {
  content: "\F35F";
}
.mdi-menu-up:before {
  content: "\F360";
}
.mdi-menu-up-outline:before {
  content: "\F6B6";
}
.mdi-message:before {
  content: "\F361";
}
.mdi-message-alert:before {
  content: "\F362";
}
.mdi-message-bulleted:before {
  content: "\F6A1";
}
.mdi-message-bulleted-off:before {
  content: "\F6A2";
}
.mdi-message-draw:before {
  content: "\F363";
}
.mdi-message-image:before {
  content: "\F364";
}
.mdi-message-outline:before {
  content: "\F365";
}
.mdi-message-plus:before {
  content: "\F653";
}
.mdi-message-processing:before {
  content: "\F366";
}
.mdi-message-reply:before {
  content: "\F367";
}
.mdi-message-reply-text:before {
  content: "\F368";
}
.mdi-message-settings:before {
  content: "\F6EF";
}
.mdi-message-settings-variant:before {
  content: "\F6F0";
}
.mdi-message-text:before {
  content: "\F369";
}
.mdi-message-text-outline:before {
  content: "\F36A";
}
.mdi-message-video:before {
  content: "\F36B";
}
.mdi-meteor:before {
  content: "\F629";
}
.mdi-metronome:before {
  content: "\F7D9";
}
.mdi-metronome-tick:before {
  content: "\F7DA";
}
.mdi-micro-sd:before {
  content: "\F7DB";
}
.mdi-microphone:before {
  content: "\F36C";
}
.mdi-microphone-off:before {
  content: "\F36D";
}
.mdi-microphone-outline:before {
  content: "\F36E";
}
.mdi-microphone-settings:before {
  content: "\F36F";
}
.mdi-microphone-variant:before {
  content: "\F370";
}
.mdi-microphone-variant-off:before {
  content: "\F371";
}
.mdi-microscope:before {
  content: "\F654";
}
.mdi-microsoft:before {
  content: "\F372";
}
.mdi-minecraft:before {
  content: "\F373";
}
.mdi-minus:before {
  content: "\F374";
}
.mdi-minus-box:before {
  content: "\F375";
}
.mdi-minus-box-outline:before {
  content: "\F6F1";
}
.mdi-minus-circle:before {
  content: "\F376";
}
.mdi-minus-circle-outline:before {
  content: "\F377";
}
.mdi-minus-network:before {
  content: "\F378";
}
.mdi-mixcloud:before {
  content: "\F62A";
}
.mdi-mixer:before {
  content: "\F7DC";
}
.mdi-monitor:before {
  content: "\F379";
}
.mdi-monitor-multiple:before {
  content: "\F37A";
}
.mdi-more:before {
  content: "\F37B";
}
.mdi-motorbike:before {
  content: "\F37C";
}
.mdi-mouse:before {
  content: "\F37D";
}
.mdi-mouse-off:before {
  content: "\F37E";
}
.mdi-mouse-variant:before {
  content: "\F37F";
}
.mdi-mouse-variant-off:before {
  content: "\F380";
}
.mdi-move-resize:before {
  content: "\F655";
}
.mdi-move-resize-variant:before {
  content: "\F656";
}
.mdi-movie:before {
  content: "\F381";
}
.mdi-movie-roll:before {
  content: "\F7DD";
}
.mdi-multiplication:before {
  content: "\F382";
}
.mdi-multiplication-box:before {
  content: "\F383";
}
.mdi-mushroom:before {
  content: "\F7DE";
}
.mdi-mushroom-outline:before {
  content: "\F7DF";
}
.mdi-music:before {
  content: "\F759";
}
.mdi-music-box:before {
  content: "\F384";
}
.mdi-music-box-outline:before {
  content: "\F385";
}
.mdi-music-circle:before {
  content: "\F386";
}
.mdi-music-note:before {
  content: "\F387";
}
.mdi-music-note-bluetooth:before {
  content: "\F5FE";
}
.mdi-music-note-bluetooth-off:before {
  content: "\F5FF";
}
.mdi-music-note-eighth:before {
  content: "\F388";
}
.mdi-music-note-half:before {
  content: "\F389";
}
.mdi-music-note-off:before {
  content: "\F38A";
}
.mdi-music-note-quarter:before {
  content: "\F38B";
}
.mdi-music-note-sixteenth:before {
  content: "\F38C";
}
.mdi-music-note-whole:before {
  content: "\F38D";
}
.mdi-music-off:before {
  content: "\F75A";
}
.mdi-nature:before {
  content: "\F38E";
}
.mdi-nature-people:before {
  content: "\F38F";
}
.mdi-navigation:before {
  content: "\F390";
}
.mdi-near-me:before {
  content: "\F5CD";
}
.mdi-needle:before {
  content: "\F391";
}
.mdi-nest-protect:before {
  content: "\F392";
}
.mdi-nest-thermostat:before {
  content: "\F393";
}
.mdi-netflix:before {
  content: "\F745";
}
.mdi-network:before {
  content: "\F6F2";
}
.mdi-new-box:before {
  content: "\F394";
}
.mdi-newspaper:before {
  content: "\F395";
}
.mdi-nfc:before {
  content: "\F396";
}
.mdi-nfc-tap:before {
  content: "\F397";
}
.mdi-nfc-variant:before {
  content: "\F398";
}
.mdi-ninja:before {
  content: "\F773";
}
.mdi-nintendo-switch:before {
  content: "\F7E0";
}
.mdi-nodejs:before {
  content: "\F399";
}
.mdi-note:before {
  content: "\F39A";
}
.mdi-note-multiple:before {
  content: "\F6B7";
}
.mdi-note-multiple-outline:before {
  content: "\F6B8";
}
.mdi-note-outline:before {
  content: "\F39B";
}
.mdi-note-plus:before {
  content: "\F39C";
}
.mdi-note-plus-outline:before {
  content: "\F39D";
}
.mdi-note-text:before {
  content: "\F39E";
}
.mdi-notification-clear-all:before {
  content: "\F39F";
}
.mdi-npm:before {
  content: "\F6F6";
}
.mdi-nuke:before {
  content: "\F6A3";
}
.mdi-null:before {
  content: "\F7E1";
}
.mdi-numeric:before {
  content: "\F3A0";
}
.mdi-numeric-0-box:before {
  content: "\F3A1";
}
.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2";
}
.mdi-numeric-0-box-outline:before {
  content: "\F3A3";
}
.mdi-numeric-1-box:before {
  content: "\F3A4";
}
.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5";
}
.mdi-numeric-1-box-outline:before {
  content: "\F3A6";
}
.mdi-numeric-2-box:before {
  content: "\F3A7";
}
.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8";
}
.mdi-numeric-2-box-outline:before {
  content: "\F3A9";
}
.mdi-numeric-3-box:before {
  content: "\F3AA";
}
.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB";
}
.mdi-numeric-3-box-outline:before {
  content: "\F3AC";
}
.mdi-numeric-4-box:before {
  content: "\F3AD";
}
.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE";
}
.mdi-numeric-4-box-outline:before {
  content: "\F3AF";
}
.mdi-numeric-5-box:before {
  content: "\F3B0";
}
.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1";
}
.mdi-numeric-5-box-outline:before {
  content: "\F3B2";
}
.mdi-numeric-6-box:before {
  content: "\F3B3";
}
.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4";
}
.mdi-numeric-6-box-outline:before {
  content: "\F3B5";
}
.mdi-numeric-7-box:before {
  content: "\F3B6";
}
.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7";
}
.mdi-numeric-7-box-outline:before {
  content: "\F3B8";
}
.mdi-numeric-8-box:before {
  content: "\F3B9";
}
.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA";
}
.mdi-numeric-8-box-outline:before {
  content: "\F3BB";
}
.mdi-numeric-9-box:before {
  content: "\F3BC";
}
.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD";
}
.mdi-numeric-9-box-outline:before {
  content: "\F3BE";
}
.mdi-numeric-9-plus-box:before {
  content: "\F3BF";
}
.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0";
}
.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1";
}
.mdi-nut:before {
  content: "\F6F7";
}
.mdi-nutrition:before {
  content: "\F3C2";
}
.mdi-oar:before {
  content: "\F67B";
}
.mdi-octagon:before {
  content: "\F3C3";
}
.mdi-octagon-outline:before {
  content: "\F3C4";
}
.mdi-octagram:before {
  content: "\F6F8";
}
.mdi-octagram-outline:before {
  content: "\F774";
}
.mdi-odnoklassniki:before {
  content: "\F3C5";
}
.mdi-office:before {
  content: "\F3C6";
}
.mdi-oil:before {
  content: "\F3C7";
}
.mdi-oil-temperature:before {
  content: "\F3C8";
}
.mdi-omega:before {
  content: "\F3C9";
}
.mdi-onedrive:before {
  content: "\F3CA";
}
.mdi-onenote:before {
  content: "\F746";
}
.mdi-opacity:before {
  content: "\F5CC";
}
.mdi-open-in-app:before {
  content: "\F3CB";
}
.mdi-open-in-new:before {
  content: "\F3CC";
}
.mdi-openid:before {
  content: "\F3CD";
}
.mdi-opera:before {
  content: "\F3CE";
}
.mdi-orbit:before {
  content: "\F018";
}
.mdi-ornament:before {
  content: "\F3CF";
}
.mdi-ornament-variant:before {
  content: "\F3D0";
}
.mdi-owl:before {
  content: "\F3D2";
}
.mdi-package:before {
  content: "\F3D3";
}
.mdi-package-down:before {
  content: "\F3D4";
}
.mdi-package-up:before {
  content: "\F3D5";
}
.mdi-package-variant:before {
  content: "\F3D6";
}
.mdi-package-variant-closed:before {
  content: "\F3D7";
}
.mdi-page-first:before {
  content: "\F600";
}
.mdi-page-last:before {
  content: "\F601";
}
.mdi-page-layout-body:before {
  content: "\F6F9";
}
.mdi-page-layout-footer:before {
  content: "\F6FA";
}
.mdi-page-layout-header:before {
  content: "\F6FB";
}
.mdi-page-layout-sidebar-left:before {
  content: "\F6FC";
}
.mdi-page-layout-sidebar-right:before {
  content: "\F6FD";
}
.mdi-palette:before {
  content: "\F3D8";
}
.mdi-palette-advanced:before {
  content: "\F3D9";
}
.mdi-panda:before {
  content: "\F3DA";
}
.mdi-pandora:before {
  content: "\F3DB";
}
.mdi-panorama:before {
  content: "\F3DC";
}
.mdi-panorama-fisheye:before {
  content: "\F3DD";
}
.mdi-panorama-horizontal:before {
  content: "\F3DE";
}
.mdi-panorama-vertical:before {
  content: "\F3DF";
}
.mdi-panorama-wide-angle:before {
  content: "\F3E0";
}
.mdi-paper-cut-vertical:before {
  content: "\F3E1";
}
.mdi-paperclip:before {
  content: "\F3E2";
}
.mdi-parking:before {
  content: "\F3E3";
}
.mdi-passport:before {
  content: "\F7E2";
}
.mdi-pause:before {
  content: "\F3E4";
}
.mdi-pause-circle:before {
  content: "\F3E5";
}
.mdi-pause-circle-outline:before {
  content: "\F3E6";
}
.mdi-pause-octagon:before {
  content: "\F3E7";
}
.mdi-pause-octagon-outline:before {
  content: "\F3E8";
}
.mdi-paw:before {
  content: "\F3E9";
}
.mdi-paw-off:before {
  content: "\F657";
}
.mdi-pen:before {
  content: "\F3EA";
}
.mdi-pencil:before {
  content: "\F3EB";
}
.mdi-pencil-box:before {
  content: "\F3EC";
}
.mdi-pencil-box-outline:before {
  content: "\F3ED";
}
.mdi-pencil-circle:before {
  content: "\F6FE";
}
.mdi-pencil-circle-outline:before {
  content: "\F775";
}
.mdi-pencil-lock:before {
  content: "\F3EE";
}
.mdi-pencil-off:before {
  content: "\F3EF";
}
.mdi-pentagon:before {
  content: "\F6FF";
}
.mdi-pentagon-outline:before {
  content: "\F700";
}
.mdi-percent:before {
  content: "\F3F0";
}
.mdi-periodic-table-co2:before {
  content: "\F7E3";
}
.mdi-periscope:before {
  content: "\F747";
}
.mdi-pharmacy:before {
  content: "\F3F1";
}
.mdi-phone:before {
  content: "\F3F2";
}
.mdi-phone-bluetooth:before {
  content: "\F3F3";
}
.mdi-phone-classic:before {
  content: "\F602";
}
.mdi-phone-forward:before {
  content: "\F3F4";
}
.mdi-phone-hangup:before {
  content: "\F3F5";
}
.mdi-phone-in-talk:before {
  content: "\F3F6";
}
.mdi-phone-incoming:before {
  content: "\F3F7";
}
.mdi-phone-locked:before {
  content: "\F3F8";
}
.mdi-phone-log:before {
  content: "\F3F9";
}
.mdi-phone-minus:before {
  content: "\F658";
}
.mdi-phone-missed:before {
  content: "\F3FA";
}
.mdi-phone-outgoing:before {
  content: "\F3FB";
}
.mdi-phone-paused:before {
  content: "\F3FC";
}
.mdi-phone-plus:before {
  content: "\F659";
}
.mdi-phone-settings:before {
  content: "\F3FD";
}
.mdi-phone-voip:before {
  content: "\F3FE";
}
.mdi-pi:before {
  content: "\F3FF";
}
.mdi-pi-box:before {
  content: "\F400";
}
.mdi-piano:before {
  content: "\F67C";
}
.mdi-pig:before {
  content: "\F401";
}
.mdi-pill:before {
  content: "\F402";
}
.mdi-pillar:before {
  content: "\F701";
}
.mdi-pin:before {
  content: "\F403";
}
.mdi-pin-off:before {
  content: "\F404";
}
.mdi-pine-tree:before {
  content: "\F405";
}
.mdi-pine-tree-box:before {
  content: "\F406";
}
.mdi-pinterest:before {
  content: "\F407";
}
.mdi-pinterest-box:before {
  content: "\F408";
}
.mdi-pipe:before {
  content: "\F7E4";
}
.mdi-pipe-disconnected:before {
  content: "\F7E5";
}
.mdi-pistol:before {
  content: "\F702";
}
.mdi-pizza:before {
  content: "\F409";
}
.mdi-plane-shield:before {
  content: "\F6BA";
}
.mdi-play:before {
  content: "\F40A";
}
.mdi-play-box-outline:before {
  content: "\F40B";
}
.mdi-play-circle:before {
  content: "\F40C";
}
.mdi-play-circle-outline:before {
  content: "\F40D";
}
.mdi-play-pause:before {
  content: "\F40E";
}
.mdi-play-protected-content:before {
  content: "\F40F";
}
.mdi-playlist-check:before {
  content: "\F5C7";
}
.mdi-playlist-minus:before {
  content: "\F410";
}
.mdi-playlist-play:before {
  content: "\F411";
}
.mdi-playlist-plus:before {
  content: "\F412";
}
.mdi-playlist-remove:before {
  content: "\F413";
}
.mdi-playstation:before {
  content: "\F414";
}
.mdi-plex:before {
  content: "\F6B9";
}
.mdi-plus:before {
  content: "\F415";
}
.mdi-plus-box:before {
  content: "\F416";
}
.mdi-plus-box-outline:before {
  content: "\F703";
}
.mdi-plus-circle:before {
  content: "\F417";
}
.mdi-plus-circle-multiple-outline:before {
  content: "\F418";
}
.mdi-plus-circle-outline:before {
  content: "\F419";
}
.mdi-plus-network:before {
  content: "\F41A";
}
.mdi-plus-one:before {
  content: "\F41B";
}
.mdi-plus-outline:before {
  content: "\F704";
}
.mdi-pocket:before {
  content: "\F41C";
}
.mdi-pokeball:before {
  content: "\F41D";
}
.mdi-polaroid:before {
  content: "\F41E";
}
.mdi-poll:before {
  content: "\F41F";
}
.mdi-poll-box:before {
  content: "\F420";
}
.mdi-polymer:before {
  content: "\F421";
}
.mdi-pool:before {
  content: "\F606";
}
.mdi-popcorn:before {
  content: "\F422";
}
.mdi-pot:before {
  content: "\F65A";
}
.mdi-pot-mix:before {
  content: "\F65B";
}
.mdi-pound:before {
  content: "\F423";
}
.mdi-pound-box:before {
  content: "\F424";
}
.mdi-power:before {
  content: "\F425";
}
.mdi-power-plug:before {
  content: "\F6A4";
}
.mdi-power-plug-off:before {
  content: "\F6A5";
}
.mdi-power-settings:before {
  content: "\F426";
}
.mdi-power-socket:before {
  content: "\F427";
}
.mdi-power-socket-eu:before {
  content: "\F7E6";
}
.mdi-power-socket-uk:before {
  content: "\F7E7";
}
.mdi-power-socket-us:before {
  content: "\F7E8";
}
.mdi-prescription:before {
  content: "\F705";
}
.mdi-presentation:before {
  content: "\F428";
}
.mdi-presentation-play:before {
  content: "\F429";
}
.mdi-printer:before {
  content: "\F42A";
}
.mdi-printer-3d:before {
  content: "\F42B";
}
.mdi-printer-alert:before {
  content: "\F42C";
}
.mdi-printer-settings:before {
  content: "\F706";
}
.mdi-priority-high:before {
  content: "\F603";
}
.mdi-priority-low:before {
  content: "\F604";
}
.mdi-professional-hexagon:before {
  content: "\F42D";
}
.mdi-projector:before {
  content: "\F42E";
}
.mdi-projector-screen:before {
  content: "\F42F";
}
.mdi-publish:before {
  content: "\F6A6";
}
.mdi-pulse:before {
  content: "\F430";
}
.mdi-puzzle:before {
  content: "\F431";
}
.mdi-qqchat:before {
  content: "\F605";
}
.mdi-qrcode:before {
  content: "\F432";
}
.mdi-qrcode-scan:before {
  content: "\F433";
}
.mdi-quadcopter:before {
  content: "\F434";
}
.mdi-quality-high:before {
  content: "\F435";
}
.mdi-quicktime:before {
  content: "\F436";
}
.mdi-radar:before {
  content: "\F437";
}
.mdi-radiator:before {
  content: "\F438";
}
.mdi-radio:before {
  content: "\F439";
}
.mdi-radio-handheld:before {
  content: "\F43A";
}
.mdi-radio-tower:before {
  content: "\F43B";
}
.mdi-radioactive:before {
  content: "\F43C";
}
.mdi-radiobox-blank:before {
  content: "\F43D";
}
.mdi-radiobox-marked:before {
  content: "\F43E";
}
.mdi-raspberrypi:before {
  content: "\F43F";
}
.mdi-ray-end:before {
  content: "\F440";
}
.mdi-ray-end-arrow:before {
  content: "\F441";
}
.mdi-ray-start:before {
  content: "\F442";
}
.mdi-ray-start-arrow:before {
  content: "\F443";
}
.mdi-ray-start-end:before {
  content: "\F444";
}
.mdi-ray-vertex:before {
  content: "\F445";
}
.mdi-rdio:before {
  content: "\F446";
}
.mdi-react:before {
  content: "\F707";
}
.mdi-read:before {
  content: "\F447";
}
.mdi-readability:before {
  content: "\F448";
}
.mdi-receipt:before {
  content: "\F449";
}
.mdi-record:before {
  content: "\F44A";
}
.mdi-record-rec:before {
  content: "\F44B";
}
.mdi-recycle:before {
  content: "\F44C";
}
.mdi-reddit:before {
  content: "\F44D";
}
.mdi-redo:before {
  content: "\F44E";
}
.mdi-redo-variant:before {
  content: "\F44F";
}
.mdi-refresh:before {
  content: "\F450";
}
.mdi-regex:before {
  content: "\F451";
}
.mdi-relative-scale:before {
  content: "\F452";
}
.mdi-reload:before {
  content: "\F453";
}
.mdi-remote:before {
  content: "\F454";
}
.mdi-rename-box:before {
  content: "\F455";
}
.mdi-reorder-horizontal:before {
  content: "\F687";
}
.mdi-reorder-vertical:before {
  content: "\F688";
}
.mdi-repeat:before {
  content: "\F456";
}
.mdi-repeat-off:before {
  content: "\F457";
}
.mdi-repeat-once:before {
  content: "\F458";
}
.mdi-replay:before {
  content: "\F459";
}
.mdi-reply:before {
  content: "\F45A";
}
.mdi-reply-all:before {
  content: "\F45B";
}
.mdi-reproduction:before {
  content: "\F45C";
}
.mdi-resize-bottom-right:before {
  content: "\F45D";
}
.mdi-responsive:before {
  content: "\F45E";
}
.mdi-restart:before {
  content: "\F708";
}
.mdi-restore:before {
  content: "\F6A7";
}
.mdi-rewind:before {
  content: "\F45F";
}
.mdi-rewind-outline:before {
  content: "\F709";
}
.mdi-rhombus:before {
  content: "\F70A";
}
.mdi-rhombus-outline:before {
  content: "\F70B";
}
.mdi-ribbon:before {
  content: "\F460";
}
.mdi-rice:before {
  content: "\F7E9";
}
.mdi-ring:before {
  content: "\F7EA";
}
.mdi-road:before {
  content: "\F461";
}
.mdi-road-variant:before {
  content: "\F462";
}
.mdi-robot:before {
  content: "\F6A8";
}
.mdi-rocket:before {
  content: "\F463";
}
.mdi-roomba:before {
  content: "\F70C";
}
.mdi-rotate-3d:before {
  content: "\F464";
}
.mdi-rotate-left:before {
  content: "\F465";
}
.mdi-rotate-left-variant:before {
  content: "\F466";
}
.mdi-rotate-right:before {
  content: "\F467";
}
.mdi-rotate-right-variant:before {
  content: "\F468";
}
.mdi-rounded-corner:before {
  content: "\F607";
}
.mdi-router-wireless:before {
  content: "\F469";
}
.mdi-routes:before {
  content: "\F46A";
}
.mdi-rowing:before {
  content: "\F608";
}
.mdi-rss:before {
  content: "\F46B";
}
.mdi-rss-box:before {
  content: "\F46C";
}
.mdi-ruler:before {
  content: "\F46D";
}
.mdi-run:before {
  content: "\F70D";
}
.mdi-run-fast:before {
  content: "\F46E";
}
.mdi-sale:before {
  content: "\F46F";
}
.mdi-sass:before {
  content: "\F7EB";
}
.mdi-satellite:before {
  content: "\F470";
}
.mdi-satellite-variant:before {
  content: "\F471";
}
.mdi-saxophone:before {
  content: "\F609";
}
.mdi-scale:before {
  content: "\F472";
}
.mdi-scale-balance:before {
  content: "\F5D1";
}
.mdi-scale-bathroom:before {
  content: "\F473";
}
.mdi-scanner:before {
  content: "\F6AA";
}
.mdi-school:before {
  content: "\F474";
}
.mdi-screen-rotation:before {
  content: "\F475";
}
.mdi-screen-rotation-lock:before {
  content: "\F476";
}
.mdi-screwdriver:before {
  content: "\F477";
}
.mdi-script:before {
  content: "\F478";
}
.mdi-sd:before {
  content: "\F479";
}
.mdi-seal:before {
  content: "\F47A";
}
.mdi-search-web:before {
  content: "\F70E";
}
.mdi-seat-flat:before {
  content: "\F47B";
}
.mdi-seat-flat-angled:before {
  content: "\F47C";
}
.mdi-seat-individual-suite:before {
  content: "\F47D";
}
.mdi-seat-legroom-extra:before {
  content: "\F47E";
}
.mdi-seat-legroom-normal:before {
  content: "\F47F";
}
.mdi-seat-legroom-reduced:before {
  content: "\F480";
}
.mdi-seat-recline-extra:before {
  content: "\F481";
}
.mdi-seat-recline-normal:before {
  content: "\F482";
}
.mdi-security:before {
  content: "\F483";
}
.mdi-security-home:before {
  content: "\F689";
}
.mdi-security-network:before {
  content: "\F484";
}
.mdi-select:before {
  content: "\F485";
}
.mdi-select-all:before {
  content: "\F486";
}
.mdi-select-inverse:before {
  content: "\F487";
}
.mdi-select-off:before {
  content: "\F488";
}
.mdi-selection:before {
  content: "\F489";
}
.mdi-selection-off:before {
  content: "\F776";
}
.mdi-send:before {
  content: "\F48A";
}
.mdi-send-secure:before {
  content: "\F7EC";
}
.mdi-serial-port:before {
  content: "\F65C";
}
.mdi-server:before {
  content: "\F48B";
}
.mdi-server-minus:before {
  content: "\F48C";
}
.mdi-server-network:before {
  content: "\F48D";
}
.mdi-server-network-off:before {
  content: "\F48E";
}
.mdi-server-off:before {
  content: "\F48F";
}
.mdi-server-plus:before {
  content: "\F490";
}
.mdi-server-remove:before {
  content: "\F491";
}
.mdi-server-security:before {
  content: "\F492";
}
.mdi-set-all:before {
  content: "\F777";
}
.mdi-set-center:before {
  content: "\F778";
}
.mdi-set-center-right:before {
  content: "\F779";
}
.mdi-set-left:before {
  content: "\F77A";
}
.mdi-set-left-center:before {
  content: "\F77B";
}
.mdi-set-left-right:before {
  content: "\F77C";
}
.mdi-set-none:before {
  content: "\F77D";
}
.mdi-set-right:before {
  content: "\F77E";
}
.mdi-settings:before {
  content: "\F493";
}
.mdi-settings-box:before {
  content: "\F494";
}
.mdi-shape-circle-plus:before {
  content: "\F65D";
}
.mdi-shape-plus:before {
  content: "\F495";
}
.mdi-shape-polygon-plus:before {
  content: "\F65E";
}
.mdi-shape-rectangle-plus:before {
  content: "\F65F";
}
.mdi-shape-square-plus:before {
  content: "\F660";
}
.mdi-share:before {
  content: "\F496";
}
.mdi-share-variant:before {
  content: "\F497";
}
.mdi-shield:before {
  content: "\F498";
}
.mdi-shield-half-full:before {
  content: "\F77F";
}
.mdi-shield-outline:before {
  content: "\F499";
}
.mdi-shopping:before {
  content: "\F49A";
}
.mdi-shopping-music:before {
  content: "\F49B";
}
.mdi-shovel:before {
  content: "\F70F";
}
.mdi-shovel-off:before {
  content: "\F710";
}
.mdi-shredder:before {
  content: "\F49C";
}
.mdi-shuffle:before {
  content: "\F49D";
}
.mdi-shuffle-disabled:before {
  content: "\F49E";
}
.mdi-shuffle-variant:before {
  content: "\F49F";
}
.mdi-sigma:before {
  content: "\F4A0";
}
.mdi-sigma-lower:before {
  content: "\F62B";
}
.mdi-sign-caution:before {
  content: "\F4A1";
}
.mdi-sign-direction:before {
  content: "\F780";
}
.mdi-sign-text:before {
  content: "\F781";
}
.mdi-signal:before {
  content: "\F4A2";
}
.mdi-signal-2g:before {
  content: "\F711";
}
.mdi-signal-3g:before {
  content: "\F712";
}
.mdi-signal-4g:before {
  content: "\F713";
}
.mdi-signal-hspa:before {
  content: "\F714";
}
.mdi-signal-hspa-plus:before {
  content: "\F715";
}
.mdi-signal-off:before {
  content: "\F782";
}
.mdi-signal-variant:before {
  content: "\F60A";
}
.mdi-silverware:before {
  content: "\F4A3";
}
.mdi-silverware-fork:before {
  content: "\F4A4";
}
.mdi-silverware-spoon:before {
  content: "\F4A5";
}
.mdi-silverware-variant:before {
  content: "\F4A6";
}
.mdi-sim:before {
  content: "\F4A7";
}
.mdi-sim-alert:before {
  content: "\F4A8";
}
.mdi-sim-off:before {
  content: "\F4A9";
}
.mdi-sitemap:before {
  content: "\F4AA";
}
.mdi-skip-backward:before {
  content: "\F4AB";
}
.mdi-skip-forward:before {
  content: "\F4AC";
}
.mdi-skip-next:before {
  content: "\F4AD";
}
.mdi-skip-next-circle:before {
  content: "\F661";
}
.mdi-skip-next-circle-outline:before {
  content: "\F662";
}
.mdi-skip-previous:before {
  content: "\F4AE";
}
.mdi-skip-previous-circle:before {
  content: "\F663";
}
.mdi-skip-previous-circle-outline:before {
  content: "\F664";
}
.mdi-skull:before {
  content: "\F68B";
}
.mdi-skype:before {
  content: "\F4AF";
}
.mdi-skype-business:before {
  content: "\F4B0";
}
.mdi-slack:before {
  content: "\F4B1";
}
.mdi-sleep:before {
  content: "\F4B2";
}
.mdi-sleep-off:before {
  content: "\F4B3";
}
.mdi-smoking:before {
  content: "\F4B4";
}
.mdi-smoking-off:before {
  content: "\F4B5";
}
.mdi-snapchat:before {
  content: "\F4B6";
}
.mdi-snowflake:before {
  content: "\F716";
}
.mdi-snowman:before {
  content: "\F4B7";
}
.mdi-soccer:before {
  content: "\F4B8";
}
.mdi-sofa:before {
  content: "\F4B9";
}
.mdi-solid:before {
  content: "\F68C";
}
.mdi-sort:before {
  content: "\F4BA";
}
.mdi-sort-alphabetical:before {
  content: "\F4BB";
}
.mdi-sort-ascending:before {
  content: "\F4BC";
}
.mdi-sort-descending:before {
  content: "\F4BD";
}
.mdi-sort-numeric:before {
  content: "\F4BE";
}
.mdi-sort-variant:before {
  content: "\F4BF";
}
.mdi-soundcloud:before {
  content: "\F4C0";
}
.mdi-source-branch:before {
  content: "\F62C";
}
.mdi-source-commit:before {
  content: "\F717";
}
.mdi-source-commit-end:before {
  content: "\F718";
}
.mdi-source-commit-end-local:before {
  content: "\F719";
}
.mdi-source-commit-local:before {
  content: "\F71A";
}
.mdi-source-commit-next-local:before {
  content: "\F71B";
}
.mdi-source-commit-start:before {
  content: "\F71C";
}
.mdi-source-commit-start-next-local:before {
  content: "\F71D";
}
.mdi-source-fork:before {
  content: "\F4C1";
}
.mdi-source-merge:before {
  content: "\F62D";
}
.mdi-source-pull:before {
  content: "\F4C2";
}
.mdi-soy-sauce:before {
  content: "\F7ED";
}
.mdi-speaker:before {
  content: "\F4C3";
}
.mdi-speaker-off:before {
  content: "\F4C4";
}
.mdi-speaker-wireless:before {
  content: "\F71E";
}
.mdi-speedometer:before {
  content: "\F4C5";
}
.mdi-spellcheck:before {
  content: "\F4C6";
}
.mdi-spotify:before {
  content: "\F4C7";
}
.mdi-spotlight:before {
  content: "\F4C8";
}
.mdi-spotlight-beam:before {
  content: "\F4C9";
}
.mdi-spray:before {
  content: "\F665";
}
.mdi-square:before {
  content: "\F763";
}
.mdi-square-inc:before {
  content: "\F4CA";
}
.mdi-square-inc-cash:before {
  content: "\F4CB";
}
.mdi-square-outline:before {
  content: "\F762";
}
.mdi-square-root:before {
  content: "\F783";
}
.mdi-stackexchange:before {
  content: "\F60B";
}
.mdi-stackoverflow:before {
  content: "\F4CC";
}
.mdi-stadium:before {
  content: "\F71F";
}
.mdi-stairs:before {
  content: "\F4CD";
}
.mdi-standard-definition:before {
  content: "\F7EE";
}
.mdi-star:before {
  content: "\F4CE";
}
.mdi-star-circle:before {
  content: "\F4CF";
}
.mdi-star-half:before {
  content: "\F4D0";
}
.mdi-star-off:before {
  content: "\F4D1";
}
.mdi-star-outline:before {
  content: "\F4D2";
}
.mdi-steam:before {
  content: "\F4D3";
}
.mdi-steering:before {
  content: "\F4D4";
}
.mdi-step-backward:before {
  content: "\F4D5";
}
.mdi-step-backward-2:before {
  content: "\F4D6";
}
.mdi-step-forward:before {
  content: "\F4D7";
}
.mdi-step-forward-2:before {
  content: "\F4D8";
}
.mdi-stethoscope:before {
  content: "\F4D9";
}
.mdi-sticker:before {
  content: "\F5D0";
}
.mdi-sticker-emoji:before {
  content: "\F784";
}
.mdi-stocking:before {
  content: "\F4DA";
}
.mdi-stop:before {
  content: "\F4DB";
}
.mdi-stop-circle:before {
  content: "\F666";
}
.mdi-stop-circle-outline:before {
  content: "\F667";
}
.mdi-store:before {
  content: "\F4DC";
}
.mdi-store-24-hour:before {
  content: "\F4DD";
}
.mdi-stove:before {
  content: "\F4DE";
}
.mdi-subdirectory-arrow-left:before {
  content: "\F60C";
}
.mdi-subdirectory-arrow-right:before {
  content: "\F60D";
}
.mdi-subway:before {
  content: "\F6AB";
}
.mdi-subway-variant:before {
  content: "\F4DF";
}
.mdi-summit:before {
  content: "\F785";
}
.mdi-sunglasses:before {
  content: "\F4E0";
}
.mdi-surround-sound:before {
  content: "\F5C5";
}
.mdi-surround-sound-2-0:before {
  content: "\F7EF";
}
.mdi-surround-sound-3-1:before {
  content: "\F7F0";
}
.mdi-surround-sound-5-1:before {
  content: "\F7F1";
}
.mdi-surround-sound-7-1:before {
  content: "\F7F2";
}
.mdi-svg:before {
  content: "\F720";
}
.mdi-swap-horizontal:before {
  content: "\F4E1";
}
.mdi-swap-vertical:before {
  content: "\F4E2";
}
.mdi-swim:before {
  content: "\F4E3";
}
.mdi-switch:before {
  content: "\F4E4";
}
.mdi-sword:before {
  content: "\F4E5";
}
.mdi-sword-cross:before {
  content: "\F786";
}
.mdi-sync:before {
  content: "\F4E6";
}
.mdi-sync-alert:before {
  content: "\F4E7";
}
.mdi-sync-off:before {
  content: "\F4E8";
}
.mdi-tab:before {
  content: "\F4E9";
}
.mdi-tab-plus:before {
  content: "\F75B";
}
.mdi-tab-unselected:before {
  content: "\F4EA";
}
.mdi-table:before {
  content: "\F4EB";
}
.mdi-table-column-plus-after:before {
  content: "\F4EC";
}
.mdi-table-column-plus-before:before {
  content: "\F4ED";
}
.mdi-table-column-remove:before {
  content: "\F4EE";
}
.mdi-table-column-width:before {
  content: "\F4EF";
}
.mdi-table-edit:before {
  content: "\F4F0";
}
.mdi-table-large:before {
  content: "\F4F1";
}
.mdi-table-row-height:before {
  content: "\F4F2";
}
.mdi-table-row-plus-after:before {
  content: "\F4F3";
}
.mdi-table-row-plus-before:before {
  content: "\F4F4";
}
.mdi-table-row-remove:before {
  content: "\F4F5";
}
.mdi-tablet:before {
  content: "\F4F6";
}
.mdi-tablet-android:before {
  content: "\F4F7";
}
.mdi-tablet-ipad:before {
  content: "\F4F8";
}
.mdi-taco:before {
  content: "\F761";
}
.mdi-tag:before {
  content: "\F4F9";
}
.mdi-tag-faces:before {
  content: "\F4FA";
}
.mdi-tag-heart:before {
  content: "\F68A";
}
.mdi-tag-multiple:before {
  content: "\F4FB";
}
.mdi-tag-outline:before {
  content: "\F4FC";
}
.mdi-tag-plus:before {
  content: "\F721";
}
.mdi-tag-remove:before {
  content: "\F722";
}
.mdi-tag-text-outline:before {
  content: "\F4FD";
}
.mdi-target:before {
  content: "\F4FE";
}
.mdi-taxi:before {
  content: "\F4FF";
}
.mdi-teamviewer:before {
  content: "\F500";
}
.mdi-telegram:before {
  content: "\F501";
}
.mdi-television:before {
  content: "\F502";
}
.mdi-television-classic:before {
  content: "\F7F3";
}
.mdi-television-guide:before {
  content: "\F503";
}
.mdi-temperature-celsius:before {
  content: "\F504";
}
.mdi-temperature-fahrenheit:before {
  content: "\F505";
}
.mdi-temperature-kelvin:before {
  content: "\F506";
}
.mdi-tennis:before {
  content: "\F507";
}
.mdi-tent:before {
  content: "\F508";
}
.mdi-terrain:before {
  content: "\F509";
}
.mdi-test-tube:before {
  content: "\F668";
}
.mdi-text-shadow:before {
  content: "\F669";
}
.mdi-text-to-speech:before {
  content: "\F50A";
}
.mdi-text-to-speech-off:before {
  content: "\F50B";
}
.mdi-textbox:before {
  content: "\F60E";
}
.mdi-textbox-password:before {
  content: "\F7F4";
}
.mdi-texture:before {
  content: "\F50C";
}
.mdi-theater:before {
  content: "\F50D";
}
.mdi-theme-light-dark:before {
  content: "\F50E";
}
.mdi-thermometer:before {
  content: "\F50F";
}
.mdi-thermometer-lines:before {
  content: "\F510";
}
.mdi-thought-bubble:before {
  content: "\F7F5";
}
.mdi-thought-bubble-outline:before {
  content: "\F7F6";
}
.mdi-thumb-down:before {
  content: "\F511";
}
.mdi-thumb-down-outline:before {
  content: "\F512";
}
.mdi-thumb-up:before {
  content: "\F513";
}
.mdi-thumb-up-outline:before {
  content: "\F514";
}
.mdi-thumbs-up-down:before {
  content: "\F515";
}
.mdi-ticket:before {
  content: "\F516";
}
.mdi-ticket-account:before {
  content: "\F517";
}
.mdi-ticket-confirmation:before {
  content: "\F518";
}
.mdi-ticket-percent:before {
  content: "\F723";
}
.mdi-tie:before {
  content: "\F519";
}
.mdi-tilde:before {
  content: "\F724";
}
.mdi-timelapse:before {
  content: "\F51A";
}
.mdi-timer:before {
  content: "\F51B";
}
.mdi-timer-10:before {
  content: "\F51C";
}
.mdi-timer-3:before {
  content: "\F51D";
}
.mdi-timer-off:before {
  content: "\F51E";
}
.mdi-timer-sand:before {
  content: "\F51F";
}
.mdi-timer-sand-empty:before {
  content: "\F6AC";
}
.mdi-timer-sand-full:before {
  content: "\F78B";
}
.mdi-timetable:before {
  content: "\F520";
}
.mdi-toggle-switch:before {
  content: "\F521";
}
.mdi-toggle-switch-off:before {
  content: "\F522";
}
.mdi-tooltip:before {
  content: "\F523";
}
.mdi-tooltip-edit:before {
  content: "\F524";
}
.mdi-tooltip-image:before {
  content: "\F525";
}
.mdi-tooltip-outline:before {
  content: "\F526";
}
.mdi-tooltip-outline-plus:before {
  content: "\F527";
}
.mdi-tooltip-text:before {
  content: "\F528";
}
.mdi-tooth:before {
  content: "\F529";
}
.mdi-tor:before {
  content: "\F52A";
}
.mdi-tower-beach:before {
  content: "\F680";
}
.mdi-tower-fire:before {
  content: "\F681";
}
.mdi-trackpad:before {
  content: "\F7F7";
}
.mdi-traffic-light:before {
  content: "\F52B";
}
.mdi-train:before {
  content: "\F52C";
}
.mdi-tram:before {
  content: "\F52D";
}
.mdi-transcribe:before {
  content: "\F52E";
}
.mdi-transcribe-close:before {
  content: "\F52F";
}
.mdi-transfer:before {
  content: "\F530";
}
.mdi-transit-transfer:before {
  content: "\F6AD";
}
.mdi-translate:before {
  content: "\F5CA";
}
.mdi-treasure-chest:before {
  content: "\F725";
}
.mdi-tree:before {
  content: "\F531";
}
.mdi-trello:before {
  content: "\F532";
}
.mdi-trending-down:before {
  content: "\F533";
}
.mdi-trending-neutral:before {
  content: "\F534";
}
.mdi-trending-up:before {
  content: "\F535";
}
.mdi-triangle:before {
  content: "\F536";
}
.mdi-triangle-outline:before {
  content: "\F537";
}
.mdi-trophy:before {
  content: "\F538";
}
.mdi-trophy-award:before {
  content: "\F539";
}
.mdi-trophy-outline:before {
  content: "\F53A";
}
.mdi-trophy-variant:before {
  content: "\F53B";
}
.mdi-trophy-variant-outline:before {
  content: "\F53C";
}
.mdi-truck:before {
  content: "\F53D";
}
.mdi-truck-delivery:before {
  content: "\F53E";
}
.mdi-truck-fast:before {
  content: "\F787";
}
.mdi-truck-trailer:before {
  content: "\F726";
}
.mdi-tshirt-crew:before {
  content: "\F53F";
}
.mdi-tshirt-v:before {
  content: "\F540";
}
.mdi-tumblr:before {
  content: "\F541";
}
.mdi-tumblr-reblog:before {
  content: "\F542";
}
.mdi-tune:before {
  content: "\F62E";
}
.mdi-tune-vertical:before {
  content: "\F66A";
}
.mdi-twitch:before {
  content: "\F543";
}
.mdi-twitter:before {
  content: "\F544";
}
.mdi-twitter-box:before {
  content: "\F545";
}
.mdi-twitter-circle:before {
  content: "\F546";
}
.mdi-twitter-retweet:before {
  content: "\F547";
}
.mdi-uber:before {
  content: "\F748";
}
.mdi-ubuntu:before {
  content: "\F548";
}
.mdi-ultra-high-definition:before {
  content: "\F7F8";
}
.mdi-umbraco:before {
  content: "\F549";
}
.mdi-umbrella:before {
  content: "\F54A";
}
.mdi-umbrella-outline:before {
  content: "\F54B";
}
.mdi-undo:before {
  content: "\F54C";
}
.mdi-undo-variant:before {
  content: "\F54D";
}
.mdi-unfold-less-horizontal:before {
  content: "\F54E";
}
.mdi-unfold-less-vertical:before {
  content: "\F75F";
}
.mdi-unfold-more-horizontal:before {
  content: "\F54F";
}
.mdi-unfold-more-vertical:before {
  content: "\F760";
}
.mdi-ungroup:before {
  content: "\F550";
}
.mdi-unity:before {
  content: "\F6AE";
}
.mdi-untappd:before {
  content: "\F551";
}
.mdi-update:before {
  content: "\F6AF";
}
.mdi-upload:before {
  content: "\F552";
}
.mdi-upload-network:before {
  content: "\F6F5";
}
.mdi-usb:before {
  content: "\F553";
}
.mdi-van-passenger:before {
  content: "\F7F9";
}
.mdi-van-utility:before {
  content: "\F7FA";
}
.mdi-vanish:before {
  content: "\F7FB";
}
.mdi-vector-arrange-above:before {
  content: "\F554";
}
.mdi-vector-arrange-below:before {
  content: "\F555";
}
.mdi-vector-circle:before {
  content: "\F556";
}
.mdi-vector-circle-variant:before {
  content: "\F557";
}
.mdi-vector-combine:before {
  content: "\F558";
}
.mdi-vector-curve:before {
  content: "\F559";
}
.mdi-vector-difference:before {
  content: "\F55A";
}
.mdi-vector-difference-ab:before {
  content: "\F55B";
}
.mdi-vector-difference-ba:before {
  content: "\F55C";
}
.mdi-vector-intersection:before {
  content: "\F55D";
}
.mdi-vector-line:before {
  content: "\F55E";
}
.mdi-vector-point:before {
  content: "\F55F";
}
.mdi-vector-polygon:before {
  content: "\F560";
}
.mdi-vector-polyline:before {
  content: "\F561";
}
.mdi-vector-radius:before {
  content: "\F749";
}
.mdi-vector-rectangle:before {
  content: "\F5C6";
}
.mdi-vector-selection:before {
  content: "\F562";
}
.mdi-vector-square:before {
  content: "\F001";
}
.mdi-vector-triangle:before {
  content: "\F563";
}
.mdi-vector-union:before {
  content: "\F564";
}
.mdi-verified:before {
  content: "\F565";
}
.mdi-vibrate:before {
  content: "\F566";
}
.mdi-video:before {
  content: "\F567";
}
.mdi-video-3d:before {
  content: "\F7FC";
}
.mdi-video-off:before {
  content: "\F568";
}
.mdi-video-switch:before {
  content: "\F569";
}
.mdi-view-agenda:before {
  content: "\F56A";
}
.mdi-view-array:before {
  content: "\F56B";
}
.mdi-view-carousel:before {
  content: "\F56C";
}
.mdi-view-column:before {
  content: "\F56D";
}
.mdi-view-dashboard:before {
  content: "\F56E";
}
.mdi-view-day:before {
  content: "\F56F";
}
.mdi-view-grid:before {
  content: "\F570";
}
.mdi-view-headline:before {
  content: "\F571";
}
.mdi-view-list:before {
  content: "\F572";
}
.mdi-view-module:before {
  content: "\F573";
}
.mdi-view-parallel:before {
  content: "\F727";
}
.mdi-view-quilt:before {
  content: "\F574";
}
.mdi-view-sequential:before {
  content: "\F728";
}
.mdi-view-stream:before {
  content: "\F575";
}
.mdi-view-week:before {
  content: "\F576";
}
.mdi-vimeo:before {
  content: "\F577";
}
.mdi-vine:before {
  content: "\F578";
}
.mdi-violin:before {
  content: "\F60F";
}
.mdi-visualstudio:before {
  content: "\F610";
}
.mdi-vk:before {
  content: "\F579";
}
.mdi-vk-box:before {
  content: "\F57A";
}
.mdi-vk-circle:before {
  content: "\F57B";
}
.mdi-vlc:before {
  content: "\F57C";
}
.mdi-voice:before {
  content: "\F5CB";
}
.mdi-voicemail:before {
  content: "\F57D";
}
.mdi-volume-high:before {
  content: "\F57E";
}
.mdi-volume-low:before {
  content: "\F57F";
}
.mdi-volume-medium:before {
  content: "\F580";
}
.mdi-volume-minus:before {
  content: "\F75D";
}
.mdi-volume-mute:before {
  content: "\F75E";
}
.mdi-volume-off:before {
  content: "\F581";
}
.mdi-volume-plus:before {
  content: "\F75C";
}
.mdi-vpn:before {
  content: "\F582";
}
.mdi-walk:before {
  content: "\F583";
}
.mdi-wall:before {
  content: "\F7FD";
}
.mdi-wallet:before {
  content: "\F584";
}
.mdi-wallet-giftcard:before {
  content: "\F585";
}
.mdi-wallet-membership:before {
  content: "\F586";
}
.mdi-wallet-travel:before {
  content: "\F587";
}
.mdi-wan:before {
  content: "\F588";
}
.mdi-washing-machine:before {
  content: "\F729";
}
.mdi-watch:before {
  content: "\F589";
}
.mdi-watch-export:before {
  content: "\F58A";
}
.mdi-watch-import:before {
  content: "\F58B";
}
.mdi-watch-vibrate:before {
  content: "\F6B0";
}
.mdi-water:before {
  content: "\F58C";
}
.mdi-water-off:before {
  content: "\F58D";
}
.mdi-water-percent:before {
  content: "\F58E";
}
.mdi-water-pump:before {
  content: "\F58F";
}
.mdi-watermark:before {
  content: "\F612";
}
.mdi-waves:before {
  content: "\F78C";
}
.mdi-weather-cloudy:before {
  content: "\F590";
}
.mdi-weather-fog:before {
  content: "\F591";
}
.mdi-weather-hail:before {
  content: "\F592";
}
.mdi-weather-lightning:before {
  content: "\F593";
}
.mdi-weather-lightning-rainy:before {
  content: "\F67D";
}
.mdi-weather-night:before {
  content: "\F594";
}
.mdi-weather-partlycloudy:before {
  content: "\F595";
}
.mdi-weather-pouring:before {
  content: "\F596";
}
.mdi-weather-rainy:before {
  content: "\F597";
}
.mdi-weather-snowy:before {
  content: "\F598";
}
.mdi-weather-snowy-rainy:before {
  content: "\F67E";
}
.mdi-weather-sunny:before {
  content: "\F599";
}
.mdi-weather-sunset:before {
  content: "\F59A";
}
.mdi-weather-sunset-down:before {
  content: "\F59B";
}
.mdi-weather-sunset-up:before {
  content: "\F59C";
}
.mdi-weather-windy:before {
  content: "\F59D";
}
.mdi-weather-windy-variant:before {
  content: "\F59E";
}
.mdi-web:before {
  content: "\F59F";
}
.mdi-webcam:before {
  content: "\F5A0";
}
.mdi-webhook:before {
  content: "\F62F";
}
.mdi-webpack:before {
  content: "\F72A";
}
.mdi-wechat:before {
  content: "\F611";
}
.mdi-weight:before {
  content: "\F5A1";
}
.mdi-weight-kilogram:before {
  content: "\F5A2";
}
.mdi-whatsapp:before {
  content: "\F5A3";
}
.mdi-wheelchair-accessibility:before {
  content: "\F5A4";
}
.mdi-white-balance-auto:before {
  content: "\F5A5";
}
.mdi-white-balance-incandescent:before {
  content: "\F5A6";
}
.mdi-white-balance-iridescent:before {
  content: "\F5A7";
}
.mdi-white-balance-sunny:before {
  content: "\F5A8";
}
.mdi-widgets:before {
  content: "\F72B";
}
.mdi-wifi:before {
  content: "\F5A9";
}
.mdi-wifi-off:before {
  content: "\F5AA";
}
.mdi-wii:before {
  content: "\F5AB";
}
.mdi-wiiu:before {
  content: "\F72C";
}
.mdi-wikipedia:before {
  content: "\F5AC";
}
.mdi-window-close:before {
  content: "\F5AD";
}
.mdi-window-closed:before {
  content: "\F5AE";
}
.mdi-window-maximize:before {
  content: "\F5AF";
}
.mdi-window-minimize:before {
  content: "\F5B0";
}
.mdi-window-open:before {
  content: "\F5B1";
}
.mdi-window-restore:before {
  content: "\F5B2";
}
.mdi-windows:before {
  content: "\F5B3";
}
.mdi-wordpress:before {
  content: "\F5B4";
}
.mdi-worker:before {
  content: "\F5B5";
}
.mdi-wrap:before {
  content: "\F5B6";
}
.mdi-wrench:before {
  content: "\F5B7";
}
.mdi-wunderlist:before {
  content: "\F5B8";
}
.mdi-xaml:before {
  content: "\F673";
}
.mdi-xbox:before {
  content: "\F5B9";
}
.mdi-xbox-controller:before {
  content: "\F5BA";
}
.mdi-xbox-controller-battery-alert:before {
  content: "\F74A";
}
.mdi-xbox-controller-battery-empty:before {
  content: "\F74B";
}
.mdi-xbox-controller-battery-full:before {
  content: "\F74C";
}
.mdi-xbox-controller-battery-low:before {
  content: "\F74D";
}
.mdi-xbox-controller-battery-medium:before {
  content: "\F74E";
}
.mdi-xbox-controller-battery-unknown:before {
  content: "\F74F";
}
.mdi-xbox-controller-off:before {
  content: "\F5BB";
}
.mdi-xda:before {
  content: "\F5BC";
}
.mdi-xing:before {
  content: "\F5BD";
}
.mdi-xing-box:before {
  content: "\F5BE";
}
.mdi-xing-circle:before {
  content: "\F5BF";
}
.mdi-xml:before {
  content: "\F5C0";
}
.mdi-xmpp:before {
  content: "\F7FE";
}
.mdi-yammer:before {
  content: "\F788";
}
.mdi-yeast:before {
  content: "\F5C1";
}
.mdi-yelp:before {
  content: "\F5C2";
}
.mdi-yin-yang:before {
  content: "\F67F";
}
.mdi-youtube-play:before {
  content: "\F5C3";
}
.mdi-zip-box:before {
  content: "\F5C4";
}
.mdi-blank:before {
  content: "\F68C";
  visibility: hidden;
}
.mdi-18px.mdi-set,
.mdi-18px.mdi:before {
  font-size: 18px;
}
.mdi-24px.mdi-set,
.mdi-24px.mdi:before {
  font-size: 24px;
}
.mdi-36px.mdi-set,
.mdi-36px.mdi:before {
  font-size: 36px;
}
.mdi-48px.mdi-set,
.mdi-48px.mdi:before {
  font-size: 48px;
}
.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}
.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}
.mdi-light:before {
  color: #fff;
}
.mdi-light.mdi-inactive:before {
  color: hsla(0, 0%, 100%, 0.3);
}
.mdi-rotate-45:before {
  transform: rotate(45deg);
}
.mdi-rotate-90:before {
  transform: rotate(90deg);
}
.mdi-rotate-135:before {
  transform: rotate(135deg);
}
.mdi-rotate-180:before {
  transform: rotate(180deg);
}
.mdi-rotate-225:before {
  transform: rotate(225deg);
}
.mdi-rotate-270:before {
  transform: rotate(270deg);
}
.mdi-rotate-315:before {
  transform: rotate(315deg);
}
.mdi-flip-h:before {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.mdi-flip-v:before {
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.mdi-spin:before {
  animation: mdi-spin 2s linear infinite;
}
@keyframes mdi-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.form-input {
  padding: 12px 16px;
  border: 1px solid var(--color-divider);
  width: 100%;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: var(--color-text-l1);
  transition: all 0.4s;
  border-radius: 4px;
}
.form-input,
.form-input:focus {
  background-color: var(--color-background-input);
}
.form-input:focus {
  border: 1px solid var(--color-primary);
  outline: 0;
  border-radius: 4px;
}
.form-input.country-code {
  padding-left: 22px;
}
.form-input.country-code:disabled {
  background: var(--color-divider);
}
.dropzone {
  cursor: pointer;
  min-height: 98px;
  margin-bottom: 16px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  border: 1px dashed var(--color-divider);
  position: relative;
  transition: all 0.3s;
}
.dropzone:hover {
  border-left-color: var(--color-divider);
  border-bottom-color: 1px;
  border-right-color: var(--color-divider);
  border-top-color: 1px;
}
.dropzone:active,
.dropzone:focus {
  border-left-color: var(--color-primary);
  border-bottom-color: 1px;
  border-right-color: var(--color-primary);
  border-top-color: 1px;
}
.dropzone:active .file-upload-icon,
.dropzone:focus .file-upload-icon {
  box-shadow: inset 1px 1px 2px 0 1px var(--color-shadow);
}
.dropzone .note {
  position: absolute;
  bottom: 5px;
  left: 15px;
  font-size: 10px;
  margin-top: 8px;
  font-weight: 700;
}
.dropzone .file-upload-icon {
  display: flex;
  font-size: 40px;
  height: 64px;
  width: 64px;
  justify-content: center;
  align-items: center;
  background: 1px var(--color-background-l1);
  color: 1px var(--color-text-l2);
  border-radius: 2px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid var(--color-divider);
  box-shadow: 1px 1px 2px 0 1px var(--color-shadow);
}
.dropzone .file-upload-icon:active,
.dropzone .file-upload-icon:focus {
  box-shadow: inset 1px 1px 2px 0 1px var(--color-divider);
}
.m-t-3x {
  margin-top: 24px;
}
.m-b-3x {
  margin-bottom: 24px;
}
.m-b-2x {
  margin-bottom: 16px;
}
.m-b-4x {
  margin-bottom: 32px;
}
.cur-ptr {
  cursor: pointer;
}
::placeholder {
  color: var(--color-text-l3);
  opacity: 1;
}
:-ms-input-placeholder {
  color: var(--color-text-l3);
}
::-ms-input-placeholder {
  color: var(--color-text-l3);
}
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.danger {
  color: 1px var(--color-red);
}
.text-large {
  font-size: 14px !important;
  line-height: 1.43;
}
.text-bold {
  font-weight: 700;
}
.not-selectable {
  -webkit-touch-callout: none;
  user-select: none;
}
.currency-input {
  overflow: hidden;
  font-weight: 600;
  padding: 10px 35px 10px 75px;
  width: 100%;
  font-size: 14px;
  line-height: 1.25;
  -webkit-letter-spacing: 0.2px;
  -moz-letter-spacing: 0.2px;
  -ms-letter-spacing: 0.2px;
  letter-spacing: 0.2px;
  color: 1px var(--color-text-l1);
  transition: all 0.4s;
}
.currency-input,
.currency-input:focus {
  border-radius: 4px;
  border: 1px solid var(--color-divider);
}
.currency-input:focus {
  background-color: 1px var(--color-background-input);
  outline: 0;
}
.dummy-css {
  position: relative;
}
.infield-link:active {
  opacity: 0.7;
}
.notificationContainer {
  position: absolute;
  z-index: 1000;
  right: 50%;
  transform: translateX(50%);
  pointer-events: none;
  padding: 0;
  transition: top 0.3s ease-in;
}
.notificationContainer--show {
  top: 0;
}
.notificationContainer--hide {
  top: -56px;
}
.notificationContainer .notification {
  background: var(--color-gray);
  color: var(--color-white);
  font-weight: 700;
  text-align: center;
  min-height: 56px;
  pointer-events: auto;
}
.notificationContainer .notification--success {
  background: var(--color-green);
}
.notificationContainer .notification--error {
  background: var(--color-red);
}
.notificationContainer .notification__toastr {
  padding: 5px 50px;
  max-width: 450px;
}
.close-popover {
  background: var(--color-black);
  border-radius: 4px;
}
.close-popover .popover-content {
  padding: 2px 16px;
  background: var(--color-black);
  color: var(--color-white);
}
.close-popover.top > .arrow {
  bottom: -7px;
  border-top-color: transparent;
}
.close-popover.top > .arrow:after {
  border-top-color: var(--color-black);
  margin-left: 0;
}
.close-popover.left > .arrow {
  border-left-color: transparent;
  right: -8px;
}
.close-popover.left > .arrow:after {
  border-left-color: var(--color-black);
  margin-left: -6px;
}
.close-popover.bottom > .arrow {
  border-bottom-color: transparent;
  top: -8px;
}
.close-popover.bottom > .arrow:after {
  border-bottom-color: var(--color-black);
  margin-left: 0;
}
.trade-history {
  background-color: var(--color-background-l0);
  color: var(--color-text-l1);
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .trade-history {
    overflow-y: auto;
  }
}
@media screen and (max-width: 767px) {
  .trade-history thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
.trade-history thead tr th > h6 {
  height: 20px;
  color: var(--color-text-l3);
  font-weight: 700;
  font-size: 10px;
  line-height: 1.2;
  border-bottom: 1px solid var(--color-border);
  padding: 4px 14px;
  text-align: center;
  text-transform: uppercase;
}
.trade-history thead tr th > h6.right {
  text-align: right;
}
.trade-history tbody > tr {
  height: 30px;
}
@media screen and (max-width: 767px) {
  .trade-history tbody > tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
.trade-history tbody > tr:hover {
  cursor: pointer;
}
.trade-history tbody > tr:hover td {
  background-color: var(--color-table-row-hover);
}
.trade-history tbody > tr > td {
  vertical-align: middle;
  padding: 2px 4px !important;
  font-size: 12px;
  letter-spacing: 0.4px;
  font-weight: 600;
  line-height: 1.33;
  text-align: center;
  position: relative;
  z-index: 5;
}
.trade-history tbody > tr.fadeInGreen {
  animation: fadeInGreen 1s ease-out 1;
  background-color: var(--color-table-row-green-overlay);
}
.trade-history tbody > tr.fadeInGreen td:first-child {
  color: var(--color-green);
}
.trade-history tbody > tr.fadeInRed {
  animation: fadeInRed 1s ease-out 1;
  background-color: var(--color-table-row-red-overlay);
}
.trade-history tbody > tr.fadeInRed td:first-child {
  color: var(--color-red);
}
table.order-history {
  background-color: var(--color-background-l0);
  margin-bottom: 0;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table.order-history thead {
  border-top: 1px solid var(--color-divider);
}
table.order-history thead tr th {
  color: var(--color-text-l3);
  font-size: 10px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid var(--color-divider);
  padding: 4px;
}
table.order-history tbody tr td {
  padding: 2px 0;
  font-size: 12px;
  line-height: 1.67;
  -webkit-letter-spacing: 0.4px;
  -moz-letter-spacing: 0.4px;
  -ms-letter-spacing: 0.4px;
  letter-spacing: 0.4px;
  color: var(--color-text-l2);
  font-weight: 400;
}
table.order-history tbody tr td .subtext {
  color: var(--color-text-l2);
  font-size: 10px;
}
table.order-history tbody tr td.hero-marker {
  font-weight: 700;
}
table.order-history tbody tr td.hero-marker.sell {
  color: var(--color-red);
}
table.order-history tbody tr td.hero-marker.buy {
  color: var(--color-green);
}
.transact-table-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  width: 100%;
}
.transact-table-confirmation-title,
.transact-table-confirmation-warning {
  display: flex;
  justify-content: center;
}
.transact-table-confirmation-title {
  margin: 8px 0 14px;
}
.transact-table-confirmation-title-text {
  font-size: 16px;
  text-align: center;
  color: var(--color-red);
  font-weight: 700;
}
.transact-table-confirmation-message {
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 4px;
  background: var(--color-divider);
  padding: 14px;
  cursor: pointer;
}
.transact-table-confirmation-message-text {
  flex-grow: 1;
}
.transact-table-confirmation-message-text,
.transact-table-confirmation-message-text a {
  font-size: 12px;
  letter-spacing: 0.25px;
  font-weight: 500;
}
.transact-table-confirmation-message-chevron {
  flex-shrink: 0;
}
.transact-table-confirmation-check {
  display: flex;
  border-top: 1px solid var(--color-divider);
}
.transact-table-confirmation-check .checkbox {
  margin: 14px 0;
}
.transact-table-confirmation-check-label {
  font-size: 12px;
  font-weight: 600 !important;
}
.transact-table-wrapper {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid var(--color-divider);
}
.transact-table-box {
  background-color: var(--color-background-default);
  margin-bottom: 0;
  width: 100%;
  padding: 0 1px 16px;
  border-collapse: initial;
  border-spacing: 0;
}
.transact-table-box thead > tr {
  box-shadow: 0 1px 2px 0 var(--color-divider);
  background: var(--color-background-l1);
}
.transact-table-box thead > tr th {
  vertical-align: middle;
  color: var(--color-text-l2);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  padding: 8px 14px !important;
  border-bottom: 1px solid var(--color-divider);
  text-transform: uppercase;
}
.transact-table-box thead > tr th:first-child {
  padding: 2px 2px 2px 16px;
}
.transact-table-box tbody > tr.record {
  box-shadow: 0 1px 2px 0 var(--color-divider);
}
.transact-table-box tbody > tr.record.active td {
  background-color: var(--color-background-l0);
  border-top: 1px solid var(--color-divider);
}
.transact-table-box tbody > tr.record:nth-child(2n) {
  background: var(--color-table-row-even);
}
.transact-table-box tbody > tr.record:nth-child(odd) {
  background: var(--color-table-row-odd);
}
.transact-table-box tbody > tr.record:hover {
  background: var(--color-table-row-hover);
}
.transact-table-box tbody > tr.record td {
  vertical-align: middle;
  color: var(--color-text-l1);
  padding: 10px 14px;
  font-size: 12px;
}
.transact-table-box tbody > tr.record td:first-child {
  padding: 2px 2px 2px 16px;
  text-align: left;
}
.transact-table-box tbody > tr.record td:not(:nth-child(2)) {
  text-align: right;
}
.transact-table-box tbody > tr.record td.align-top {
  vertical-align: top;
}
.transact-table-box tbody > tr.spacer {
  display: table-row;
}
.transact-table-box tbody > tr.spacer,
.transact-table-box tbody > tr.spacer td {
  background: var(--color-background-default);
}
.transact-table-box tbody > tr.spacer.top-spacer td {
  padding: 4px 0;
  border-top: 1px solid var(--color-divider);
}
.transact-table-box tbody > tr.form-row td {
  background: var(--color-background-default);
}
.transact-table-box tbody > tr.form-row + tr.record td {
  border-top: 1px solid var(--color-divider);
}
.transact-history-container {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 1px 2px 0 var(--color-shadow);
  border: 1px solid var(--color-divider);
}
.transact-history-table {
  background-color: var(--color-background-l0);
  margin-bottom: 0;
}
.transact-history-table thead > tr th {
  color: var(--color-text-l1);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  padding: 8px 14px !important;
  border-bottom: 1px solid var(--color-divider);
  text-transform: uppercase;
}
.transact-history-table tbody > tr:nth-child(2n) {
  background: var(--color-table-row-even);
}
.transact-history-table tbody > tr:nth-child(odd) {
  background: var(--color-table-row-odd);
}
.transact-history-table tbody > tr:hover {
  background: var(--color-table-row-hover);
  cursor: pointer;
}
.transact-history-table tbody > tr td {
  font-size: 12px;
  vertical-align: middle;
  height: 48px;
  color: var(--color-text-l1);
}
.transact-history-table tbody > tr td .rupee-symbol {
  font-size: 22px;
  color: var(--color-text-l2);
}
.transact-history-table tbody > tr td:first-child {
  padding: 2px 2px 2px 14px;
  width: 35px;
}
.transact-history-table tbody > tr td:last-child {
  color: var(--color-text-l1);
}
.transact-history-table tbody > tr td.deposit,
.transact-history-table tbody > tr td.green {
  color: var(--color-green);
}
.transact-history-table tbody > tr td.red,
.transact-history-table tbody > tr td.withdraw {
  color: var(--color-red);
}
.funds-ad {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(395px, 1fr));
  column-gap: 15px;
  row-gap: 15px;
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .funds-ad {
    grid-template-columns: auto;
  }
}
.funds-ad-box {
  display: grid;
  position: relative;
  background-color: var(--color-background-l0);
  box-shadow: 0 1px 3px var(--color-shadow), 0 1px 2px var(--color-shadow);
  overflow: hidden;
  cursor: pointer;
  border-radius: 6px;
  row-gap: 6px;
  grid-template-columns: minmax(70px, max-content) auto;
  grid-template-rows: max-content auto;
}
.funds-ad-box:hover {
  box-shadow: 0 3px 6px var(--color-shadow), 0 3px 6px var(--color-shadow);
}
@media screen and (max-width: 767px) {
  .funds-ad-box {
    grid-template-rows: minmax(70px, max-content) max-content auto;
    grid-template-columns: auto;
  }
}
.funds-ad-box-title {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 12px;
  align-items: center;
  grid-column: 2/3;
  padding: 20px 20px 0;
}
@media screen and (max-width: 767px) {
  .funds-ad-box-title {
    justify-content: space-between;
    grid-column: 1/3;
    grid-row: 2;
    padding: 4px 16px 0;
  }
}
.funds-ad-box-title-label {
  font-size: 16px;
  font-weight: 800;
  color: var(--color-text-l1);
  line-height: 1.71;
}
@media screen and (max-width: 767px) {
  .funds-ad-box-title-label {
    font-size: 14px;
    line-height: 1.3;
  }
}
.funds-ad-box-title-arrow {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
}
.funds-ad-box-title-arrow svg {
  height: 18px;
  width: 18px;
}
@media screen and (max-width: 767px) {
  .funds-ad-box-title-arrow svg {
    height: 14px;
    width: 14px;
  }
}
.funds-ad-box-description {
  color: var(--color-text-l2);
  font-size: 14px;
  line-height: 1.83;
  grid-column: 2/3;
  grid-row: 2;
  padding: 0 20px 20px;
}
@media screen and (max-width: 767px) {
  .funds-ad-box-description {
    font-size: 12px;
    line-height: 1.5;
    grid-row: 3/4;
    grid-column: 1/3;
    padding: 0 16px 16px;
  }
}
.funds-ad-box-artwork {
  background-color: var(--color-background-hover);
  grid-column: 1/2;
  grid-row: 1/3;
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .funds-ad-box-artwork {
    grid-row: 1/2;
    grid-column: 1/3;
  }
}
.funds-p2p {
  background-color: var(--color-background-default);
  border-top: 1px solid var(--color-divider);
  border-right: 1px solid var(--color-divider);
  padding: 16px;
  margin-bottom: 16px;
}
.funds-p2p.whitewash {
  background-color: var(--color-background-l0);
  box-shadow: 2px 2px 4px 0 var(--color-shadow);
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .funds-p2p {
    border: 1px solid var(--color-divider);
  }
  .funds-p2p .row {
    display: flex;
  }
}
.funds-p2p-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .funds-p2p-logo {
    height: 100%;
  }
}
.funds-p2p-logo-group {
  width: 52px;
  height: 52px;
  margin: auto;
  position: relative;
}
.funds-p2p-logo-box {
  background: var(--color-primary);
  height: 34px;
  border-radius: 50%;
  width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: 2px solid var(--color-divider);
}
.funds-p2p-logo-box.base {
  transform-origin: top right;
  position: absolute;
  transform: translate(50%);
}
.funds-p2p-logo-box.quote {
  transform-origin: bottom left;
  position: absolute;
  transform: translateY(50%);
}
.funds-p2p-logo-box img {
  height: 16px;
  width: 16px;
  filter: brightness(0) invert(1);
}
.funds-p2p-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
@media screen and (max-width: 767px) {
  .funds-p2p-wrapper {
    align-items: center;
  }
}
.funds-p2p-wrapper-title {
  color: var(--color-text-l1);
  display: flex;
}
@media screen and (max-width: 767px) {
  .funds-p2p-wrapper-title {
    padding: 4px 0;
  }
}
.funds-p2p-wrapper-title-text {
  font-size: 18px;
  font-weight: 700;
}
.funds-p2p-wrapper-description {
  display: flex;
}
@media screen and (max-width: 767px) {
  .funds-p2p-wrapper-description {
    padding: 4px 0;
  }
}
.funds-p2p-wrapper-description-text {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-l2);
}
@media screen and (max-width: 767px) {
  .funds-p2p-wrapper-description-text {
    text-align: center;
  }
}
.funds-wrapper {
  padding: 48px 0 0;
}
@media screen and (max-width: 767px) {
  .funds-wrapper {
    padding: 32px 0 0;
  }
}
.funds-portfolio {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  color: var(--color-text-l2);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .funds-portfolio {
    margin: 0 auto 10px;
  }
}
@media screen and (min-width: 768px) {
  .funds-portfolio {
    margin-left: auto;
    margin-bottom: -30px;
  }
}
.funds-tablist {
  display: grid;
  position: relative;
  grid-template-columns: auto max-content max-content;
}
@media screen and (min-width: 768px) {
  .funds-tablist {
    justify-content: start;
  }
}
@media screen and (max-width: 767px) {
  .funds-tablist {
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }
}
.funds-tablist:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: var(--color-divider);
}
.funds-tablist-title {
  font-weight: 700;
  padding: 8px 0 16px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--color-text-l0);
}
@media screen and (max-width: 767px) {
  .funds-tablist-title {
    padding: 8px 0 4px;
    grid-row: 1;
    grid-column: 1/3;
    text-align: center;
  }
}
.funds-tablist-item {
  background-color: initial;
  padding: 8px 16px;
  position: relative;
  text-transform: uppercase;
  color: var(--color-text-l2);
  font-size: 14px;
  letter-spacing: 0.5px;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
}
.funds-tablist-item.selected:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.funds-tablist-item.selected {
  color: var(--color-primary);
}
.funds-tablist-item.selected:after {
  background-color: var(--color-primary);
}
.funds-tablist-deposit-box {
  padding: 8px 16px;
  position: relative;
  text-transform: uppercase;
  color: var(--color-text-l2);
  font-size: 14px;
  letter-spacing: 0.5px;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
}
.funds-tablist-deposit-box.selected {
  color: var(--color-primary);
}
.funds-tablist-deposit-box.selected:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: var(--color-primary);
}
.funds-tablist-deposit-box.selected {
  color: var(--color-green);
}
.funds-tablist-deposit-box.selected:after {
  background-color: var(--color-green);
}
.funds-container-body {
  padding: 8px 0;
}
.funds-table-settings-popover {
  background-color: var(--color-background-l0);
  border: 0;
}
.funds-table-settings-popover .popover-content {
  padding: 0;
}
.funds-table-settings-popover.bottom > .arrow {
  border-bottom-color: transparent;
  top: -8px;
}
.funds-table-settings-popover.bottom > .arrow:after {
  border-bottom-color: var(--color-background-l0);
  margin-left: 0;
}
@keyframes blinkRed {
  0% {
    background-color: var(--color-red);
  }
  to {
    background-color: initial;
  }
}
@keyframes blinkGreen {
  0% {
    background-color: var(--color-green);
  }
  to {
    background-color: initial;
  }
}
@keyframes fadeInRed {
  0% {
    background-color: var(--color-red);
  }
  to {
    background-color: rgba(255, 61, 0, 0.2);
  }
}
@keyframes fadeInGreen {
  0% {
    background-color: var(--color-green);
  }
  to {
    background-color: rgba(43, 205, 118, 0.2);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(50%);
  }
}
@keyframes flash {
  0%,
  40%,
  80%,
  to {
    opacity: 1;
  }
  20%,
  60% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
@keyframes bounceInLeft {
  0%,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(-3px, 0, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(-2px, 0, 0);
  }
  90% {
    transform: translate3d(-0.5px, 0, 0);
  }
}
.pagination {
  margin: 2px auto;
}
.pagination > li > a,
.pagination > li > span {
  padding: 0;
}
.pagination > .active > a,
.pagination > .active > span {
  padding: 1px 8px;
  font-size: 12px;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: var(--color-background-l1);
  border-color: var(--color-divider);
  color: var(--color-text-l1);
}
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  background-color: var(--color-background-l0);
  border-color: var(--color-divider);
  color: var(--color-text-l2);
}
.toggle-group {
  position: absolute;
  right: 0;
  top: 0;
}
.toggle-group.full-width {
  display: flex;
  width: 100%;
}
.toggle-group.full-width .btn {
  flex-grow: 1;
}
.toggle-group .btn.btn-default {
  border: 0;
  border-radius: 0;
  font-size: 11px;
  font-weight: 700;
  padding: 8px 12px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: var(--color-text-l2);
  text-transform: uppercase;
  background: var(--color-background-l1);
  position: relative;
}
.toggle-group .btn.btn-default.preventTextOverlap {
  background: var(--color-background-l1);
  box-shadow: inset 0 -1px 0 0 var(--color-shadow);
}
.toggle-group .btn.btn-default.active,
.toggle-group .btn.btn-default:active,
.toggle-group .btn.btn-default:focus,
.toggle-group .btn.btn-default:hover {
  background-color: var(--color-background-l0);
  border: none;
}
.toggle-group .btn.btn-default:last-child {
  box-shadow: 0 0 2px 0 var(--color-shadow);
}
.toggle-group .btn.btn-default:last-child.active:before {
  border-right: 0;
}
.toggle-group .btn.btn-default:last-child.active:after {
  border-top-right-radius: 4px;
}
.toggle-group .btn.btn-default.active {
  color: var(--color-text-l1);
  background: var(--color-background-l0);
  border-bottom: none;
}
.toggle-group .btn.btn-default.active:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 4px;
  background-color: var(--color-green);
  left: 0;
  right: 0;
}
.toggle-group .btn.btn-default.active:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: transparent;
  bottom: -1px;
  left: 0;
  right: 0;
  border-left: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-background-l0);
  border-right: 1px solid var(--color-divider);
  border-top: 0;
}
.toggle-group .btn.btn-primary {
  position: relative;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 2px 7px;
  text-transform: uppercase;
  background: var(--color-background-l1);
  color: var(--color-text-l3);
  border-bottom: 1px solid var(--color-divider);
}
.toggle-group .btn.btn-primary:not(:first-child) {
  border-left: 1px solid var(--color-divider);
}
.toggle-group .btn.btn-primary.active,
.toggle-group .btn.btn-primary:active,
.toggle-group .btn.btn-primary:focus,
.toggle-group .btn.btn-primary:hover {
  box-shadow: none;
  color: var(--color-text-l1);
}
.toggle-group .btn.btn-primary.active {
  color: var(--color-text-l1);
  background: var(--color-background-l0);
  border-bottom: none;
}
.toggle-group .btn.btn-primary.active:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 4px;
  background-color: var(--color-green);
  left: 0;
  right: 0;
}
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label:before {
  content: "";
  width: 17px;
  height: 17px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  outline: none !important;
}
.checkbox label:after,
.checkbox label:before {
  display: inline-block;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.checkbox label:after {
  width: 16px;
  height: 16px;
  top: 0;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555;
  line-height: 1.4;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label:before,
.checkbox input[type="radio"]:focus + label:before {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label:after,
.checkbox input[type="radio"]:checked + label:after {
  font-family: Material Design Icons;
  content: "";
}
.checkbox input[type="checkbox"]:indeterminate + label:after,
.checkbox input[type="radio"]:indeterminate + label:after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: --color-gray;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
  cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label:before,
.checkbox input[type="radio"]:disabled + label:before {
  background-color: #eee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label:before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label:before,
.checkbox-primary input[type="radio"]:checked + label:before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label:after,
.checkbox-primary input[type="radio"]:checked + label:after {
  color: --color-white;
}
.checkbox-danger input[type="checkbox"]:checked + label:before,
.checkbox-danger input[type="radio"]:checked + label:before {
  background-color: #f44336;
  border-color: #f44336;
}
.checkbox-danger input[type="checkbox"]:checked + label:after,
.checkbox-danger input[type="radio"]:checked + label:after {
  color: --color-white;
}
.checkbox-info input[type="checkbox"]:checked + label:before,
.checkbox-info input[type="radio"]:checked + label:before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label:after,
.checkbox-info input[type="radio"]:checked + label:after {
  color: --color-white;
}
.checkbox-warning input[type="checkbox"]:checked + label:before,
.checkbox-warning input[type="radio"]:checked + label:before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label:after,
.checkbox-warning input[type="radio"]:checked + label:after {
  color: --color-white;
}
.checkbox-success input[type="checkbox"]:checked + label:before,
.checkbox-success input[type="radio"]:checked + label:before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label:after,
.checkbox-success input[type="radio"]:checked + label:after {
  color: --color-white;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label:before,
.checkbox-primary input[type="radio"]:indeterminate + label:before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label:after,
.checkbox-primary input[type="radio"]:indeterminate + label:after {
  background-color: --color-white;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label:before,
.checkbox-danger input[type="radio"]:indeterminate + label:before {
  background-color: #f44336;
  border-color: #f44336;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label:after,
.checkbox-danger input[type="radio"]:indeterminate + label:after {
  background-color: --color-white;
}
.checkbox-info input[type="checkbox"]:indeterminate + label:before,
.checkbox-info input[type="radio"]:indeterminate + label:before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:indeterminate + label:after,
.checkbox-info input[type="radio"]:indeterminate + label:after {
  background-color: --color-white;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label:before,
.checkbox-warning input[type="radio"]:indeterminate + label:before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label:after,
.checkbox-warning input[type="radio"]:indeterminate + label:after {
  background-color: --color-white;
}
.checkbox-success input[type="checkbox"]:indeterminate + label:before,
.checkbox-success input[type="radio"]:indeterminate + label:before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:indeterminate + label:after,
.checkbox-success input[type="radio"]:indeterminate + label:after {
  background-color: --color-white;
}
.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label:before {
  content: "";
  width: 17px;
  height: 17px;
  left: 0;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  outline: none !important;
  transition: border 0.15s ease-in-out;
}
.radio label:after,
.radio label:before {
  display: inline-block;
  position: absolute;
  margin-left: -20px;
}
.radio label:after {
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background-color: #555;
  transform: scale(0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.radio input[type="radio"]:focus + label:before {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label:after {
  transform: scale(1);
}
.radio input[type="radio"]:disabled {
  cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label:before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-primary input[type="radio"] + label:after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label:before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label:after {
  background-color: #337ab7;
}
.radio-danger input[type="radio"] + label:after {
  background-color: #f44336;
}
.radio-danger input[type="radio"]:checked + label:before {
  border-color: #f44336;
}
.radio-danger input[type="radio"]:checked + label:after {
  background-color: #f44336;
}
.radio-info input[type="radio"] + label:after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label:before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label:after {
  background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label:after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label:before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label:after {
  background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label:after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label:before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label:after {
  background-color: #5cb85c;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: Material Design Icons;
  content: "";
}
input[type="checkbox"] .styled:checked + label:after,
input[type="checkbox"] .styled:checked + label:before,
input[type="radio"] .styled:checked + label:after,
input[type="radio"] .styled:checked + label:before {
  color: var(--color-white);
}
.toggle-container {
  cursor: pointer;
}
.toggle-container,
.toggle-container .toggle {
  display: flex;
  align-items: center;
}
.toggle-container .toggle input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  visibility: visible;
  white-space: nowrap;
}
.toggle-container .toggle input[type="checkbox"] + label {
  position: relative;
  display: block;
  width: 30px;
  height: 20px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}
.toggle-container .toggle input[type="checkbox"] + label:before {
  content: "";
  position: relative;
  top: 4px;
  left: 3px;
  width: 25px;
  height: 11px;
  display: block;
  background: var(--color-text-l2);
  border-radius: 8px;
  transition: background 0.2s ease;
}
.toggle-container .toggle input[type="checkbox"] + label span {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  display: block;
  background: var(--color-white);
  border-radius: 10px;
  box-shadow: 0 3px 8px var(--color-shadow);
  transition: all 0.2s ease;
}
.toggle-container .toggle input[type="checkbox"] + label span:before {
  content: "";
  position: absolute;
  display: block;
  margin: -18px;
  width: 56px;
  height: 56px;
  background: var(--color-background-toggle);
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}
.toggle-container .toggle input[type="checkbox"]:checked + label:before {
  background: var(--color-background-toggle);
}
.toggle-container .toggle input[type="checkbox"]:checked + label span {
  background: var(--color-primary);
  transform: translateX(15px);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
  box-shadow: 0 3px 8px var(--color-shadow);
}
.toggle-container
  .toggle
  input[type="checkbox"]:checked
  + label
  + .toggle-label {
  color: var(--color-text-l1);
}
.toggle-container .toggle input[type="checkbox"]:disabled + label {
  filter: grayscale(1);
  cursor: not-allowed;
}
.toggle-container .toggle .center {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 20px);
}
.toggle-container .toggle-label {
  font-size: 11px;
  line-height: 1em;
  font-weight: 600;
  padding: 0 3px;
  color: var(--color-text-l2);
}
.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
  position: relative;
  display: block;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .slick-list {
  background: var(--color-background-l0) 50% no-repeat;
}
.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  border: none;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
  font-size: 20px;
  line-height: 1;
  color: var(--color-white);
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: var(--color-black);
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: var(--color-black);
  opacity: 0.75;
}
.react-tel-input {
  position: relative;
  width: 100%;
}
.react-tel-input .ad {
  background-position: -16px 0;
}
.react-tel-input .ae {
  background-position: -32px 0;
}
.react-tel-input .af {
  background-position: -48px 0;
}
.react-tel-input .ag {
  background-position: -64px 0;
}
.react-tel-input .ai {
  background-position: -80px 0;
}
.react-tel-input .al {
  background-position: -96px 0;
}
.react-tel-input .am {
  background-position: -112px 0;
}
.react-tel-input .ao {
  background-position: -128px 0;
}
.react-tel-input .ar {
  background-position: -144px 0;
}
.react-tel-input .as {
  background-position: -160px 0;
}
.react-tel-input .at {
  background-position: -176px 0;
}
.react-tel-input .au {
  background-position: -192px 0;
}
.react-tel-input .aw {
  background-position: -208px 0;
}
.react-tel-input .az {
  background-position: -224px 0;
}
.react-tel-input .ba {
  background-position: -240px 0;
}
.react-tel-input .bb {
  background-position: 0 -11px;
}
.react-tel-input .bd {
  background-position: -16px -11px;
}
.react-tel-input .be {
  background-position: -32px -11px;
}
.react-tel-input .bf {
  background-position: -48px -11px;
}
.react-tel-input .bg {
  background-position: -64px -11px;
}
.react-tel-input .bh {
  background-position: -80px -11px;
}
.react-tel-input .bi {
  background-position: -96px -11px;
}
.react-tel-input .bj {
  background-position: -112px -11px;
}
.react-tel-input .bm {
  background-position: -128px -11px;
}
.react-tel-input .bn {
  background-position: -144px -11px;
}
.react-tel-input .bo {
  background-position: -160px -11px;
}
.react-tel-input .br {
  background-position: -176px -11px;
}
.react-tel-input .bs {
  background-position: -192px -11px;
}
.react-tel-input .bt {
  background-position: -208px -11px;
}
.react-tel-input .bw {
  background-position: -224px -11px;
}
.react-tel-input .by {
  background-position: -240px -11px;
}
.react-tel-input .bz {
  background-position: 0 -22px;
}
.react-tel-input .ca {
  background-position: -16px -22px;
}
.react-tel-input .cd {
  background-position: -32px -22px;
}
.react-tel-input .cf {
  background-position: -48px -22px;
}
.react-tel-input .cg {
  background-position: -64px -22px;
}
.react-tel-input .ch {
  background-position: -80px -22px;
}
.react-tel-input .ci {
  background-position: -96px -22px;
}
.react-tel-input .ck {
  background-position: -112px -22px;
}
.react-tel-input .cl {
  background-position: -128px -22px;
}
.react-tel-input .cm {
  background-position: -144px -22px;
}
.react-tel-input .cn {
  background-position: -160px -22px;
}
.react-tel-input .co {
  background-position: -176px -22px;
}
.react-tel-input .cr {
  background-position: -192px -22px;
}
.react-tel-input .cu {
  background-position: -208px -22px;
}
.react-tel-input .cv {
  background-position: -224px -22px;
}
.react-tel-input .cw {
  background-position: -240px -22px;
}
.react-tel-input .cy {
  background-position: 0 -33px;
}
.react-tel-input .cz {
  background-position: -16px -33px;
}
.react-tel-input .de {
  background-position: -32px -33px;
}
.react-tel-input .dj {
  background-position: -48px -33px;
}
.react-tel-input .dk {
  background-position: -64px -33px;
}
.react-tel-input .dm {
  background-position: -80px -33px;
}
.react-tel-input .do {
  background-position: -96px -33px;
}
.react-tel-input .dz {
  background-position: -112px -33px;
}
.react-tel-input .ec {
  background-position: -128px -33px;
}
.react-tel-input .ee {
  background-position: -144px -33px;
}
.react-tel-input .eg {
  background-position: -160px -33px;
}
.react-tel-input .er {
  background-position: -176px -33px;
}
.react-tel-input .es {
  background-position: -192px -33px;
}
.react-tel-input .et {
  background-position: -208px -33px;
}
.react-tel-input .fi {
  background-position: -224px -33px;
}
.react-tel-input .fj {
  background-position: -240px -33px;
}
.react-tel-input .fk {
  background-position: 0 -44px;
}
.react-tel-input .fm {
  background-position: -16px -44px;
}
.react-tel-input .fo {
  background-position: -32px -44px;
}
.react-tel-input .bl,
.react-tel-input .fr,
.react-tel-input .mf {
  background-position: -48px -44px;
}
.react-tel-input .ga {
  background-position: -64px -44px;
}
.react-tel-input .gb {
  background-position: -80px -44px;
}
.react-tel-input .gd {
  background-position: -96px -44px;
}
.react-tel-input .ge {
  background-position: -112px -44px;
}
.react-tel-input .gf {
  background-position: -128px -44px;
}
.react-tel-input .gh {
  background-position: -144px -44px;
}
.react-tel-input .gi {
  background-position: -160px -44px;
}
.react-tel-input .gl {
  background-position: -176px -44px;
}
.react-tel-input .gm {
  background-position: -192px -44px;
}
.react-tel-input .gn {
  background-position: -208px -44px;
}
.react-tel-input .gp {
  background-position: -224px -44px;
}
.react-tel-input .gq {
  background-position: -240px -44px;
}
.react-tel-input .gr {
  background-position: 0 -55px;
}
.react-tel-input .gt {
  background-position: -16px -55px;
}
.react-tel-input .gu {
  background-position: -32px -55px;
}
.react-tel-input .gw {
  background-position: -48px -55px;
}
.react-tel-input .gy {
  background-position: -64px -55px;
}
.react-tel-input .hk {
  background-position: -80px -55px;
}
.react-tel-input .hn {
  background-position: -96px -55px;
}
.react-tel-input .hr {
  background-position: -112px -55px;
}
.react-tel-input .ht {
  background-position: -128px -55px;
}
.react-tel-input .hu {
  background-position: -144px -55px;
}
.react-tel-input .id {
  background-position: -160px -55px;
}
.react-tel-input .ie {
  background-position: -176px -55px;
}
.react-tel-input .il {
  background-position: -192px -55px;
}
.react-tel-input .in {
  background-position: -208px -55px;
}
.react-tel-input .io {
  background-position: -224px -55px;
}
.react-tel-input .iq {
  background-position: -240px -55px;
}
.react-tel-input .ir {
  background-position: 0 -66px;
}
.react-tel-input .is {
  background-position: -16px -66px;
}
.react-tel-input .it {
  background-position: -32px -66px;
}
.react-tel-input .jm {
  background-position: -48px -66px;
}
.react-tel-input .jo {
  background-position: -64px -66px;
}
.react-tel-input .jp {
  background-position: -80px -66px;
}
.react-tel-input .ke {
  background-position: -96px -66px;
}
.react-tel-input .kg {
  background-position: -112px -66px;
}
.react-tel-input .kh {
  background-position: -128px -66px;
}
.react-tel-input .ki {
  background-position: -144px -66px;
}
.react-tel-input .km {
  background-position: -160px -66px;
}
.react-tel-input .kn {
  background-position: -176px -66px;
}
.react-tel-input .kp {
  background-position: -192px -66px;
}
.react-tel-input .kr {
  background-position: -208px -66px;
}
.react-tel-input .kw {
  background-position: -224px -66px;
}
.react-tel-input .ky {
  background-position: -240px -66px;
}
.react-tel-input .kz {
  background-position: 0 -77px;
}
.react-tel-input .la {
  background-position: -16px -77px;
}
.react-tel-input .lb {
  background-position: -32px -77px;
}
.react-tel-input .lc {
  background-position: -48px -77px;
}
.react-tel-input .li {
  background-position: -64px -77px;
}
.react-tel-input .lk {
  background-position: -80px -77px;
}
.react-tel-input .lr {
  background-position: -96px -77px;
}
.react-tel-input .ls {
  background-position: -112px -77px;
}
.react-tel-input .lt {
  background-position: -128px -77px;
}
.react-tel-input .lu {
  background-position: -144px -77px;
}
.react-tel-input .lv {
  background-position: -160px -77px;
}
.react-tel-input .ly {
  background-position: -176px -77px;
}
.react-tel-input .ma {
  background-position: -192px -77px;
}
.react-tel-input .mc {
  background-position: -208px -77px;
}
.react-tel-input .md {
  background-position: -224px -77px;
}
.react-tel-input .me {
  background-position: -112px -154px;
  height: 12px;
}
.react-tel-input .mg {
  background-position: 0 -88px;
}
.react-tel-input .mh {
  background-position: -16px -88px;
}
.react-tel-input .mk {
  background-position: -32px -88px;
}
.react-tel-input .ml {
  background-position: -48px -88px;
}
.react-tel-input .mm {
  background-position: -64px -88px;
}
.react-tel-input .mn {
  background-position: -80px -88px;
}
.react-tel-input .mo {
  background-position: -96px -88px;
}
.react-tel-input .mp {
  background-position: -112px -88px;
}
.react-tel-input .mq {
  background-position: -128px -88px;
}
.react-tel-input .mr {
  background-position: -144px -88px;
}
.react-tel-input .ms {
  background-position: -160px -88px;
}
.react-tel-input .mt {
  background-position: -176px -88px;
}
.react-tel-input .mu {
  background-position: -192px -88px;
}
.react-tel-input .mv {
  background-position: -208px -88px;
}
.react-tel-input .mw {
  background-position: -224px -88px;
}
.react-tel-input .mx {
  background-position: -240px -88px;
}
.react-tel-input .my {
  background-position: 0 -99px;
}
.react-tel-input .mz {
  background-position: -16px -99px;
}
.react-tel-input .na {
  background-position: -32px -99px;
}
.react-tel-input .nc {
  background-position: -48px -99px;
}
.react-tel-input .ne {
  background-position: -64px -99px;
}
.react-tel-input .nf {
  background-position: -80px -99px;
}
.react-tel-input .ng {
  background-position: -96px -99px;
}
.react-tel-input .ni {
  background-position: -112px -99px;
}
.react-tel-input .bq,
.react-tel-input .nl {
  background-position: -128px -99px;
}
.react-tel-input .no {
  background-position: -144px -99px;
}
.react-tel-input .np {
  background-position: -160px -99px;
}
.react-tel-input .nr {
  background-position: -176px -99px;
}
.react-tel-input .nu {
  background-position: -192px -99px;
}
.react-tel-input .nz {
  background-position: -208px -99px;
}
.react-tel-input .om {
  background-position: -224px -99px;
}
.react-tel-input .pa {
  background-position: -240px -99px;
}
.react-tel-input .pe {
  background-position: 0 -110px;
}
.react-tel-input .pf {
  background-position: -16px -110px;
}
.react-tel-input .pg {
  background-position: -32px -110px;
}
.react-tel-input .ph {
  background-position: -48px -110px;
}
.react-tel-input .pk {
  background-position: -64px -110px;
}
.react-tel-input .pl {
  background-position: -80px -110px;
}
.react-tel-input .pm {
  background-position: -96px -110px;
}
.react-tel-input .pr {
  background-position: -112px -110px;
}
.react-tel-input .ps {
  background-position: -128px -110px;
}
.react-tel-input .pt {
  background-position: -144px -110px;
}
.react-tel-input .pw {
  background-position: -160px -110px;
}
.react-tel-input .py {
  background-position: -176px -110px;
}
.react-tel-input .qa {
  background-position: -192px -110px;
}
.react-tel-input .re {
  background-position: -208px -110px;
}
.react-tel-input .ro {
  background-position: -224px -110px;
}
.react-tel-input .rs {
  background-position: -240px -110px;
}
.react-tel-input .ru {
  background-position: 0 -121px;
}
.react-tel-input .rw {
  background-position: -16px -121px;
}
.react-tel-input .sa {
  background-position: -32px -121px;
}
.react-tel-input .sb {
  background-position: -48px -121px;
}
.react-tel-input .sc {
  background-position: -64px -121px;
}
.react-tel-input .sd {
  background-position: -80px -121px;
}
.react-tel-input .se {
  background-position: -96px -121px;
}
.react-tel-input .sg {
  background-position: -112px -121px;
}
.react-tel-input .sh {
  background-position: -128px -121px;
}
.react-tel-input .si {
  background-position: -144px -121px;
}
.react-tel-input .sk {
  background-position: -160px -121px;
}
.react-tel-input .sl {
  background-position: -176px -121px;
}
.react-tel-input .sm {
  background-position: -192px -121px;
}
.react-tel-input .sn {
  background-position: -208px -121px;
}
.react-tel-input .so {
  background-position: -224px -121px;
}
.react-tel-input .sr {
  background-position: -240px -121px;
}
.react-tel-input .ss {
  background-position: 0 -132px;
}
.react-tel-input .st {
  background-position: -16px -132px;
}
.react-tel-input .sv {
  background-position: -32px -132px;
}
.react-tel-input .sx {
  background-position: -48px -132px;
}
.react-tel-input .sy {
  background-position: -64px -132px;
}
.react-tel-input .sz {
  background-position: -80px -132px;
}
.react-tel-input .tc {
  background-position: -96px -132px;
}
.react-tel-input .td {
  background-position: -112px -132px;
}
.react-tel-input .tg {
  background-position: -128px -132px;
}
.react-tel-input .th {
  background-position: -144px -132px;
}
.react-tel-input .tj {
  background-position: -160px -132px;
}
.react-tel-input .tk {
  background-position: -176px -132px;
}
.react-tel-input .tl {
  background-position: -192px -132px;
}
.react-tel-input .tm {
  background-position: -208px -132px;
}
.react-tel-input .tn {
  background-position: -224px -132px;
}
.react-tel-input .to {
  background-position: -240px -132px;
}
.react-tel-input .tr {
  background-position: 0 -143px;
}
.react-tel-input .tt {
  background-position: -16px -143px;
}
.react-tel-input .tv {
  background-position: -32px -143px;
}
.react-tel-input .tw {
  background-position: -48px -143px;
}
.react-tel-input .tz {
  background-position: -64px -143px;
}
.react-tel-input .ua {
  background-position: -80px -143px;
}
.react-tel-input .ug {
  background-position: -96px -143px;
}
.react-tel-input .us {
  background-position: -112px -143px;
}
.react-tel-input .uy {
  background-position: -128px -143px;
}
.react-tel-input .uz {
  background-position: -144px -143px;
}
.react-tel-input .va {
  background-position: -160px -143px;
}
.react-tel-input .vc {
  background-position: -176px -143px;
}
.react-tel-input .ve {
  background-position: -192px -143px;
}
.react-tel-input .vg {
  background-position: -208px -143px;
}
.react-tel-input .vi {
  background-position: -224px -143px;
}
.react-tel-input .vn {
  background-position: -240px -143px;
}
.react-tel-input .vu {
  background-position: 0 -154px;
}
.react-tel-input .wf {
  background-position: -16px -154px;
}
.react-tel-input .ws {
  background-position: -32px -154px;
}
.react-tel-input .ye {
  background-position: -48px -154px;
}
.react-tel-input .za {
  background-position: -64px -154px;
}
.react-tel-input .zm {
  background-position: -80px -154px;
}
.react-tel-input .zw {
  background-position: -96px -154px;
}
.react-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.react-tel-input .hide {
  display: none;
}
.react-tel-input .v-hide {
  visibility: hidden;
}
.react-tel-input input[type="tel"],
.react-tel-input input[type="text"] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 72px;
  margin-left: 0;
  background: var(--color-background-input);
  border: 1px solid var(--color-divider);
  border-radius: 3px;
  box-shadow: 0 1px 2px var(--color-shadow) inset;
  line-height: 25px;
  height: 48px;
  width: 100%;
}
.react-tel-input input[type="tel"]:focus,
.react-tel-input input[type="text"]:focus {
  border-color: var(--color-primary);
}
.react-tel-input input[type="tel"].invalid-number,
.react-tel-input input[type="tel"].invalid-number:focus,
.react-tel-input input[type="text"].invalid-number,
.react-tel-input input[type="text"].invalid-number:focus {
  border: 1px solid var(--color-red);
}
.react-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  background-color: var(--color-background-l1);
  border: 1px solid var(--color-shadow);
  border-radius: 3px 0 0 3px;
  outline: 0 solid transparent;
}
.react-tel-input .flag-dropdown.open-dropdown {
  border-bottom: 0;
}
.react-tel-input .flag-dropdown.open-dropdown,
.react-tel-input .flag-dropdown.open-dropdown .selected-flag {
  background: var(--color-background-l0);
  border-radius: 3px 0 0 0;
}
.react-tel-input .flag-dropdown:hover {
  cursor: pointer;
}
.react-tel-input .flag-dropdown:hover .selected-flag {
  background: var(--color-background-l0);
}
.react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default;
}
.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: initial;
}
.react-tel-input .selected-flag {
  z-index: 13;
  position: relative;
  width: 67px;
  height: 46px;
  padding: 0 0 0 18px;
  border-radius: 3px 0 0 3px;
  background: transparent;
  border: 1px solid var(--color-divider);
}
.react-tel-input .selected-flag .flag {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 16px;
  height: 11px;
  transform: scale(1.2);
}
.react-tel-input .selected-flag .arrow {
  position: relative;
  top: 50%;
  margin-top: -2px;
  left: 22px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--color-divider);
}
.react-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid var(--color-divider);
}
.react-tel-input .country-list {
  list-style: none;
  position: absolute;
  z-index: 20;
  padding: 0;
  margin: -1px 0 0;
  box-shadow: 0 0 3px 1px var(--color-shadow);
  background-color: var(--color-background-l0);
  width: 400px;
  overflow-y: scroll;
  border-radius: 4px;
  top: 48px;
}
.react-tel-input .country-list .flag {
  display: inline-block;
  margin-right: 6px;
  margin-top: 2px;
  width: 16px;
  height: 11px;
}
.react-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid var(--color-divider);
}
.react-tel-input .country-list .country {
  padding: 11px 10px 11px 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-text-l1);
}
.react-tel-input .country-list .country.preferred:last-child {
  box-shadow: 1px 1px 4px var(--color-shadow);
}
.react-tel-input .country-list .country .dial-code {
  color: var(--color-text-l2);
}
.react-tel-input .country-list .country:hover {
  background-color: var(--color-table-rowHover);
}
.react-tel-input .country-list .country.highlight {
  background-color: var(--color-background-l1);
}
.react-tel-input .country-list .country-name {
  margin-right: 6px;
}
.hv-modal,
div#HV_loader_popup {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: var(--color-background-modal) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  z-index: 100 !important;
  transform: none !important;
}
.hv-modal-content {
  overflow: hidden !important;
  box-shadow: 0 4px 8px 0 var(--color-shadow) !important;
  visibility: visible !important;
  position: relative !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  height: auto !important;
  width: 368px !important;
  padding: 0 !important;
  border-radius: 4px !important;
  background-color: var(--color-background-l0) !important;
}
@media screen and (max-width: 767px) {
  .hv-modal-content {
    width: 100% !important;
    height: 100% !important;
  }
}
.hv-modal-content > center {
  font-family: inherit !important;
}
.hv-modal-content .hv-center-element,
.hv-modal-content > div {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
}
.hv-modal-content .hv-center-element {
  font-family: inherit !important;
}
.hv-modal-content .hv-center-element > .hv-title {
  font-size: 16px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  margin-right: 0 !important;
  border-bottom: 1px solid var(--color-divider) !important;
  line-height: 1em !important;
  margin-bottom: 0 !important;
  text-align: left !important;
  padding-left: 16px !important;
  color: var(--color-text-l1) !important;
}
.hv-modal-content .hv-center-element > .hv-divforcover {
  position: relative !important;
  margin: 0 !important;
  bottom: auto !important;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-grow: 1;
}
.hv-loader-box {
  background: var(--color-background-l0);
  padding: 16px;
  box-shadow: 0 4px 8px 0 var(--color-shadow) !important;
  border-radius: 4px !important;
}
.hv-capture-btn,
.hv-upload-btn {
  width: 280px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
  background-color: var(--color-green) !important;
  text-transform: uppercase;
  max-width: 280px !important;
}
.hv-capture-btn > img,
.hv-upload-btn > img {
  display: none;
}
.hv-upload-btn {
  margin-bottom: 16px !important;
}
.hv-modal-footer {
  position: relative !important;
  height: auto !important;
  margin: auto !important;
  padding: 12px 0 !important;
}
.hv-modal-footer .footertext {
  color: var(--color-text-l2) !important;
}
.hv-close-button {
  float: none !important;
  width: auto !important;
  line-height: normal !important;
  text-align: center !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  background-color: initial !important;
  font-size: 32px !important;
  margin-top: 0 !important;
  font-weight: 400 !important;
  position: absolute !important;
  top: 2px !important;
  right: 16px !important;
}
div#hv-face-instruction-screen .hv-instruction-div {
  padding: 16px !important;
  height: auto !important;
  margin-bottom: 8px !important;
}
div#hv-face-instruction-screen
  .hv-instruction-div
  > .hv-instruction-small-div-face-text {
  text-align: left !important;
  grid-column-gap: 16px !important;
}
div#hv-face-instruction-screen
  .hv-instruction-div
  > .hv-instruction-small-div-face-text
  > .hv-instruction-tick {
  height: 21px !important;
  width: 21px !important;
}
div#hv-face-instruction-screen .hv-instruction-div > .hv-instruction-selfie {
  margin-top: 0 !important;
  padding: 16px !important;
  height: auto !important;
}
div#hv-face-instruction-screen
  .hv-instruction-div
  > .hv-instruction-selfie
  > .hv-selfie-img {
  width: 67% !important;
  height: 100% !important;
  max-height: 300px !important;
  max-width: 300px !important;
  min-height: 160px !important;
}
div#hv-face-instruction-screen .hv-instruction-div > .hv-instruction-props {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 16px;
  grid-column-gap: 16px;
}
div#hv-face-instruction-screen
  .hv-instruction-div
  > .hv-instruction-props
  .hv-instruction-props-text {
  font-size: 14px !important;
}
div#hv-face-capture-screen .hv-instructions {
  display: none;
}
div#hv-face-capture-screen .hv-divforcover {
  position: relative;
  margin-top: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  bottom: auto !important;
}
@media screen and (min-height: 600px) {
  div#hv-face-capture-screen .hv-divforcover {
    margin-top: 24px !important;
  }
}
div#hv-face-capture-screen div#hv-cameraholder {
  margin-top: 24px;
}
@media screen and (min-width: 767px) {
  div#hv-face-capture-screen div#hv-cameraholder {
    min-height: 312px;
  }
}
div#hv-face-capture-screen .hv-bottom-instructions {
  font-size: 14px !important;
  margin-top: 24px !important;
  min-height: 48px !important;
  padding: 24px !important;
  color: var(--color-text-l1) !important;
}
div#hv-face-capture-screen div#hv-cameraLoadingText {
  display: none;
}
div#hv-doc-instruction-screen .hv-instruction-div {
  max-width: 100% !important;
  height: auto !important;
  padding-bottom: 16px !important;
}
div#hv-doc-instruction-screen .hv-instruction-div div {
  position: relative;
  padding: 16px;
  max-width: 100% !important;
  height: auto !important;
}
div#hv-doc-instruction-screen .hv-instruction-div > :first-child {
  display: flex !important;
  flex-direction: column !important;
  border-bottom: 1px solid var(--color-divider);
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :first-child
  .hv-instruction-img-left {
  width: 50% !important;
  max-width: 50% !important;
  min-height: 100px !important;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :first-child
  .hv-instruction-doc-text {
  width: 80% !important;
  padding-bottom: 0 !important;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :first-child
  .hv-instruction-tick {
  position: absolute !important;
  right: calc(25% - 4px) !important;
  top: 6px !important;
  height: 24px !important;
  width: 24px !important;
}
div#hv-doc-instruction-screen .hv-instruction-div > :nth-child(2) {
  display: flex !important;
  flex-direction: row-reverse !important;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(2)
  .hv-instruction-doc-text,
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(2)
  .hv-instruction-img-left {
  width: 50% !important;
  max-width: 50% !important;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(2)
  .hv-instruction-img-left {
  min-height: 100px !important;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(2)
  .hv-instruction-doc-text {
  text-align: left;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(2)
  .hv-instruction-tick {
  position: absolute;
  left: calc(50% - 12px);
  top: 4px;
  height: 24px !important;
  width: 24px !important;
}
div#hv-doc-instruction-screen .hv-instruction-div > :nth-child(3) {
  display: flex !important;
  flex-direction: row !important;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(3)
  .hv-instruction-doc-text,
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(3)
  .hv-instruction-img-left {
  width: 50% !important;
  max-width: 50% !important;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(3)
  .hv-instruction-img-left {
  min-height: 100px !important;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(3)
  .hv-instruction-doc-text {
  text-align: left;
}
div#hv-doc-instruction-screen
  .hv-instruction-div
  > :nth-child(3)
  .hv-instruction-tick {
  position: absolute;
  left: calc(50% - 12px);
  top: 4px;
  height: 24px !important;
  width: 24px !important;
}
div#hv-doc-instruction-screen .hv-divforcover {
  padding: 0 16px !important;
}
div#hv-doc-instruction-screen .hv-divforcover .hv-proceed-btn {
  width: 100% !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  margin: 0 !important;
  max-width: 100% !important;
  color: var(--color-white);
  background-color: var(--color-green);
  height: auto !important;
}
div#hv-doc-instruction-screen .hv-divforcover .hv-proceed-btn > img {
  display: none;
}
div#hv-doc-instruction-screen .hv-divforcover,
div#hv-face-instruction-screen .hv-divforcover {
  padding: 0 16px !important;
}
div#hv-doc-instruction-screen .hv-divforcover .hv-proceed-btn,
div#hv-face-instruction-screen .hv-divforcover .hv-proceed-btn {
  width: 100% !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  margin: 0 !important;
  max-width: 100% !important;
  color: var(--color-white);
  background-color: var(--color-green);
  height: auto !important;
}
div#hv-doc-instruction-screen .hv-divforcover .hv-proceed-btn > img,
div#hv-face-instruction-screen .hv-divforcover .hv-proceed-btn > img {
  display: none;
}
div#hv-doc-capture-screen .hv-bottom-instructions {
  padding: 14px !important;
  color: var(--color-text-l2) !important;
  font-size: 14px !important;
  margin: 16px 0 !important;
}
div#hv-doc-capture-screen div#hv-cameraLoadingText {
  display: none;
}
div#hv-doc-capture-screen div#hv-cameraholder {
  margin-top: 16px !important;
}
div#hv-doc-capture-review-screen .hv-bottom-instructions {
  padding: 16px !important;
  margin-top: 24px !important;
  color: var(--color-text-l2) !important;
  font-size: 14px !important;
}
div#hv-doc-capture-review-screen .hv-review-buttons {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  align-items: center !important;
  padding: 12px 24px !important;
}
div#hv-doc-capture-review-screen .hv-review-buttons .hv-proceed-btn,
div#hv-doc-capture-review-screen .hv-review-buttons .hypervergebtn {
  width: 100% !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin: 8px !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  max-width: 100% !important;
  height: auto !important;
}
div#hv-doc-capture-review-screen .hv-review-buttons .hv-proceed-btn > img,
div#hv-doc-capture-review-screen .hv-review-buttons .hypervergebtn > img {
  display: none;
}
div#hv-doc-capture-review-screen .hv-review-buttons .hv-retake-btn {
  background-color: var(--color-white);
  color: var(--color-green) !important;
  border: 1px solid var(--color-green) !important;
  line-height: normal !important;
}
div#hv-doc-capture-review-screen .hv-review-buttons .hv-use-this-photo-btn {
  color: var(--color-white) !important;
  background-color: var(--color-green) !important;
  line-height: normal !important;
}
div#hv-doc-capture-review-screen img.hv-preview-video {
  max-height: 300px !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  border-radius: 0 !important;
}
div#hv-doc-capture-review-screen div#hv-cameraholder {
  margin-top: 16px !important;
}
div#hv-doc-user-choice-screen .hv-user-choice-screen-title {
  margin-top: 48px !important;
  padding: 16px !important;
  border-top: 1px solid var(--color-divider);
  font-weight: 700;
  font-size: 14px;
  color: var(--color-text-l2);
  max-width: none;
}
div#hv-doc-user-choice-screen .hv-modal-footer {
  margin: 0 !important;
  position: relative !important;
  padding: 12px 0 !important;
  bottom: auto !important;
}
div#hv-doc-upload-review-screen .hv-instructions {
  display: none;
}
div#hv-doc-upload-review-screen .hv-preview-img {
  width: 100% !important;
  height: auto;
  padding: 16px;
  max-height: 300px !important;
  object-fit: cover;
  object-position: 50% 50%;
}
div#hv-doc-upload-review-screen .hv-bottom-instructions {
  padding: 14px !important;
  color: var(--color-text-l2) !important;
  font-size: 14px !important;
  margin: 16px 0 !important;
}
div#hv-doc-upload-review-screen .hypervergebtn {
  width: 100% !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  max-width: 100% !important;
  height: auto !important;
}
div#hv-doc-upload-review-screen .hypervergebtn > img {
  display: none;
}
div#hv-doc-upload-review-screen .hv-reupload-btn {
  margin-bottom: 16px !important;
  line-height: normal !important;
  background-color: var(--color-white);
  color: var(--color-green) !important;
  border: 1px solid var(--color-green) !important;
}
div#hv-doc-upload-review-screen .hv-use-this-photo-btn {
  line-height: normal !important;
  color: var(--color-white) !important;
  background-color: var(--color-green) !important;
}
div#hv-doc-upload-review-screen .hv-divforcover {
  flex-direction: column;
  padding: 16px;
  justify-content: flex-end;
}
.contest {
  margin-top: 16px;
}
.contest .card {
  border-radius: 8px;
  box-shadow: 1px 1px 2px var(--color-shadow);
  position: relative;
  padding: 0 0 16px;
}
.contest .card-header {
  height: auto !important;
  padding: 2px 16px;
  justify-content: center;
  text-transform: capitalize;
}
.contest .card-header.Active {
  color: var(--color-white);
  background: var(--color-green);
}
.contest .card-header.Expired {
  color: var(--color-white);
  background: var(--color-gray);
}
.contest .card-header.Scheduled {
  color: var(--color-white);
  background: var(--color-primary);
}
.contest .card-coin {
  color: var(--color-text-l2);
  font-weight: bolder;
  text-transform: uppercase;
}
.contest .card-status {
  font-size: 12px;
  font-weight: bolder;
}
.contest .card-description {
  font-size: 12px;
  padding: 0 16px;
}
.contest .card-description p {
  line-height: 1.33em;
  margin: 8px 0;
}
.contest .card-description ol,
.contest .card-description ul {
  margin-left: 15px;
}
.contest .hero {
  background-size: cover;
  width: 100%;
  height: auto;
}
.contest .table-results {
  width: 100%;
  table-layout: fixed;
}
.contest .table-results td,
.contest .table-results th {
  padding: 4px 16px;
}
.contest .table-results thead td {
  text-transform: capitalize;
}
.contest .table-results tbody {
  border-top: 1px solid var(--color-divider);
}
.contest .table-results tbody tr {
  height: 46px;
  padding: 5px 16px;
  position: relative;
}
.contest .table-results tbody tr.login-row,
.contest .table-results tbody tr.login-row td {
  padding: 0;
}
.contest .table-results tbody tr.userrank {
  background: var(--color-background-l0);
}
.contest .table-results tbody tr.userrank .userrank-marker {
  background: var(--color-background-warning);
  border: 0;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 700;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 2px 12px;
  position: absolute;
  left: 46px;
}
.contest .table-results tbody tr.userrank td {
  position: relative;
}
.contest .table-results tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--color-divider);
}
.contest .table-results tbody tr .rank-circle {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  color: var(--color-text-l2);
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-divider);
  position: relative;
  z-index: 5;
  background: var(--color-background-l0);
}
.list-sort {
  display: table;
  width: 100%;
}
.list-sort .list-sort-item {
  cursor: pointer;
  font-size: 10px;
  color: var(--color-text-l2);
  font-weight: 600;
  display: table-cell;
  padding: 2px 8px 2px 16px;
}
.list-sort .list-sort-item:last-of-type {
  text-align: right;
}
.list-sort .list-sort-item .marker {
  opacity: 0;
}
.list-sort .list-sort-item.active {
  color: var(--color-green);
  position: relative;
}
.list-sort .list-sort-item.active .marker {
  opacity: 1;
}
.mine-wrx {
  background-color: var(--color-background-l1);
  padding: 0 0 75px;
  width: 100%;
}
.mine-wrx,
.mine-wrx .section {
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
}
.mine-wrx .section {
  width: 75%;
  align-self: center;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section {
    width: 100%;
    padding: 0 15px;
  }
}
.mine-wrx .section-hero {
  background-color: var(--color-landing-hero-background);
  height: 370px;
  border-bottom: 1px solid transparent;
  padding: 0 20px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 100px;
  z-index: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-hero {
    height: 260px;
  }
  .mine-wrx .section-hero:not(.logged-in) {
    margin-bottom: 125px;
  }
}
.mine-wrx .section-hero:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 60%;
  background: url("") no-repeat;
  background-size: contain;
  background-position: 0 0;
}
.mine-wrx .section-hero:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 60%;
  background: url("") no-repeat;
  background-position: 100% 0;
  background-size: contain;
}
.mine-wrx .section-hero-wrapper {
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mine-wrx .section-hero-coin-logo {
  width: 152px;
  height: 150px;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-hero-coin-logo {
    width: 81px;
    height: 80px;
  }
}
.mine-wrx .section-hero-login {
  display: flex;
  justify-content: center;
  z-index: 3;
  flex-shrink: 0;
}
.mine-wrx .section-hero-title {
  font-size: 24px;
  font-weight: 900;
}
.mine-wrx .section-hero-description {
  font-size: 15px;
  font-weight: 500;
  opacity: 0.8;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-hero-description {
    font-size: 14px;
    font-weight: 700;
    opacity: 0.6;
  }
}
.mine-wrx .section-hero-curtain {
  padding: 50px;
  clip-path: ellipse(55% 100% at 50% 0);
  position: absolute;
  background: var(--color-landing-hero-background);
  width: 100%;
  left: 0;
  bottom: -25%;
}
.mine-wrx .section-hero + .section {
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .mine-wrx .section-hero + .section {
    margin-top: 50px;
  }
}
.mine-wrx .section-mininfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-mininfo {
    width: 100%;
  }
}
.mine-wrx .section-mininfo-desc {
  display: flex;
  justify-content: space-between;
  padding: 0 0 35px;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-mininfo-desc {
    flex-direction: column;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.mine-wrx .section-mininfo-desc-box {
  display: flex;
  flex-direction: column;
  width: 30%;
  background-color: var(--color-background-l0);
  border: 1px solid var(--color-primary);
  align-items: center;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 30px 35px -18px var(--color-shadow);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-mininfo-desc-box {
    width: 100%;
    margin-bottom: 15px;
    box-shadow: 0 15px 20px -10px var(--color-shadow);
  }
}
.mine-wrx .section-mininfo-desc-box .title {
  font-size: 34px;
  font-weight: 700;
  line-height: 1em;
  padding-top: 35px;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-mininfo-desc-box .title {
    font-size: 24px;
    padding-top: 15px;
  }
}
.mine-wrx .section-mininfo-desc-box .description {
  width: 80%;
  padding-top: 10px;
  opacity: 0.5;
  font-size: 14px;
  padding-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-mininfo-desc-box .description {
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 5px;
  }
}
.mine-wrx .section-mininfo-desc-box .box-icon {
  position: absolute;
  bottom: 0;
  height: 51px;
  right: 0;
  width: 51px;
}
.mine-wrx .section-mininfo-live {
  background: var(--color-red);
  border-radius: 4px;
  padding: 15px 5px;
  color: var(--color-white);
  width: 100%;
  text-align: center;
}
.mine-wrx .section-mininfo-live a {
  color: var(--color-white);
  font-weight: 700;
  cursor: pointer;
}
.mine-wrx .section-mininfo-live a:hover {
  text-decoration: underline;
}
.mine-wrx .section-user {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70%;
  background-color: var(--color-white);
  box-shadow: 0 30px 35px -18px var(--color-shadow);
  border-radius: 8px;
  margin-bottom: 35px;
  padding-top: 25px;
  height: auto;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-user {
    padding: 0;
    width: calc(100% - 30px);
    height: auto;
  }
}
.mine-wrx .section-user-today {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-user-today {
    margin: 15px 0 0;
  }
}
.mine-wrx .section-user-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  flex-direction: column;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-user-details {
    width: 95%;
  }
}
.mine-wrx .section-user-details-partition {
  padding: 25px 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.mine-wrx .section-user-details-partition.partition-1 {
  padding-bottom: 0;
}
.mine-wrx .section-user-details-partition.partition-1:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-shadow);
  display: block;
  margin: 20px auto 0;
}
.mine-wrx .section-user-details-partition .title {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-l1);
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-user-details-partition .title {
    font-size: 12px;
    padding-bottom: 5px;
  }
}
.mine-wrx .section-user-details-partition .numbers {
  font-size: 34px;
  font-weight: 700;
  line-height: 1em;
  padding: 5px 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-user-details-partition .numbers {
    font-size: 24px;
  }
}
.mine-wrx .section-user-details-partition.partition-2 .numbers {
  font-size: 18px;
  position: relative;
  padding: 5px 20px;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-user-details-partition.partition-2 .numbers {
    padding: 3px 15px;
  }
}
.mine-wrx
  .section-user-details-partition.partition-2
  .numbers:not(:last-of-type):after {
  content: "";
  background: var(--color-shadow);
}
@media screen and (min-width: 768px) {
  .mine-wrx
    .section-user-details-partition.partition-2
    .numbers:not(:last-of-type):after {
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .mine-wrx
    .section-user-details-partition.partition-2
    .numbers:not(:last-of-type):after {
    width: 50px;
    height: 1px;
    display: block;
    margin: 6px auto 0;
  }
}
.mine-wrx .section-user-details-partition.partition-2 .numbers-container {
  padding-top: 5px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-user-details-partition.partition-2 .numbers-container {
    flex-direction: column;
  }
}
.mine-wrx .section-user-next-slab {
  background-color: var(--color-green);
  color: var(--color-white);
  padding: 10px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 1.2em;
  justify-self: end;
  align-self: center;
  margin-top: auto;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-user-next-slab {
    font-size: 14px;
  }
}
.mine-wrx .section-history,
.mine-wrx .section-trading-slabs {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  padding: 0 30px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-history,
  .mine-wrx .section-trading-slabs {
    width: 100%;
    padding: 0 15px;
  }
}
.mine-wrx .section-history-title,
.mine-wrx .section-trading-slabs-title {
  padding: 60px 0 25px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-history-title,
  .mine-wrx .section-trading-slabs-title {
    padding: 40px 0 15px;
    font-size: 15px;
  }
}
.mine-wrx .section-history-table,
.mine-wrx .section-trading-slabs-table {
  width: 100%;
}
.mine-wrx .section-history-table table,
.mine-wrx .section-trading-slabs-table table {
  margin-bottom: 0 !important;
}
.mine-wrx .section-history-table tr,
.mine-wrx .section-trading-slabs-table tr {
  background-color: var(--color-table-row-even);
}
.mine-wrx .section-history-table tr:not(:last-child),
.mine-wrx .section-trading-slabs-table tr:not(:last-child) {
  border-bottom: 1px solid var(--color-divider);
}
.mine-wrx .section-history-table tr:nth-child(2n),
.mine-wrx .section-trading-slabs-table tr:nth-child(2n) {
  background-color: var(--color-table-row-even);
}
.mine-wrx .section-history-table tr.total,
.mine-wrx .section-trading-slabs-table tr.total {
  background-color: var(--color-green);
  color: var(--color-white);
}
.mine-wrx .section-history-table td,
.mine-wrx .section-history-table th,
.mine-wrx .section-trading-slabs-table td,
.mine-wrx .section-trading-slabs-table th {
  padding: 15px 20px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-history-table td,
  .mine-wrx .section-history-table th,
  .mine-wrx .section-trading-slabs-table td,
  .mine-wrx .section-trading-slabs-table th {
    padding: 8px 14px;
    font-size: 11px;
  }
}
.mine-wrx .section-history-table th,
.mine-wrx .section-trading-slabs-table th {
  color: var(--color-text-l2);
  text-transform: uppercase;
}
.mine-wrx .section-history-toggle,
.mine-wrx .section-trading-slabs-toggle {
  width: 100%;
}
.mine-wrx .section-history-toggle-group,
.mine-wrx .section-trading-slabs-toggle-group {
  width: 100%;
  display: flex;
  margin-bottom: 16px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .mine-wrx .section-history-toggle-group,
  .mine-wrx .section-trading-slabs-toggle-group {
    margin-bottom: 12px;
  }
}
.mine-wrx .section-history-toggle-item,
.mine-wrx .section-trading-slabs-toggle-item {
  flex-grow: 1;
  font-size: 18px;
  font-weight: 400;
  box-shadow: none;
  opacity: 0.3;
  position: relative;
}
.mine-wrx .section-history-toggle-item.active,
.mine-wrx .section-trading-slabs-toggle-item.active {
  opacity: 1;
  font-weight: 700;
}
.mine-wrx .section-history-toggle-item.active:after,
.mine-wrx .section-trading-slabs-toggle-item.active:after {
  content: "";
  height: 4px;
  width: 100%;
  display: block;
  background: var(--color-primary);
  position: absolute;
  left: 0;
  border-radius: 16px;
  margin-top: 5px;
}
.table__thead__th.sortable {
  cursor: pointer;
}
.table__thead__th .mdi.marker {
  opacity: 0;
  display: none;
}
.table__thead__th.active {
  color: var(--color-primary);
  background-color: var(--color-background-l1) !important;
}
.table__thead__th.active .mdi.marker {
  opacity: 1;
  display: inline;
  margin-left: 3px;
  margin-right: -3px;
}
.table__thead__th__wrapper {
  white-space: nowrap;
}
.tab-box-nav {
  display: flex;
  justify-content: space-between;
  padding: 0 0 12px;
}
.tab-box-nav-link {
  font-size: 14px;
  color: var(--color-text-l2);
  cursor: pointer;
}
.tab-box-nav-link:hover {
  color: var(--color-text-l1);
}
@media screen and (min-width: 768px) {
  .tab-box-wrapper {
    max-width: 464px;
  }
}
.tab-box-wrapper.with-back {
  margin: 0 auto;
  padding: 15px;
}
.tab-box-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 250px;
}
.tab-box .tab-container {
  border-radius: 4px;
  background-color: var(--color-background-l0);
  overflow: hidden;
  box-shadow: 1px 1px 2px var(--color-shadow);
  height: auto;
}
.tab-box .tab-panel {
  flex-grow: 1;
}
.tab-box .tab-panel-container {
  display: flex;
  overflow: auto;
}
.tab-box .tab-list {
  display: flex;
  flex-shrink: 0;
}
.tab-box .tab-list-item {
  display: flex;
  flex: 1 1 auto;
  background-color: var(--color-background-activated);
  box-shadow: inset 0 -1px 0 0 var(--color-shadow);
  padding: 10px 12px 8px;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .tab-box .tab-list-item {
    padding: 13px 12px 10px;
  }
}
.tab-box .tab-list-item:not(:first-child) {
  border-left: 1px solid var(--color-shadow);
}
.tab-box .tab-list-item.blinkGreen {
  animation: blinkGreen 0.5s ease-out 1;
}
.tab-box .tab-list-item.blinkRed {
  animation: blinkRed 0.5s ease-out 1;
}
.tab-box .tab-list-item.selected {
  background-color: var(--color-background-l0);
  box-shadow: inset 0 4px 0 0 var(--color-green);
}
@media screen and (max-width: 767px) {
  .tab-box .tab-list-item.selected {
    box-shadow: inset 0 5px 0 0 var(--color-green);
  }
}
.tab-box .tab-list-item.selected.buy {
  box-shadow: inset 0 2px 0 0 var(--color-green);
}
@media screen and (max-width: 767px) {
  .tab-box .tab-list-item.selected.buy {
    box-shadow: inset 0 5px 0 0 var(--color-green);
  }
}
.tab-box .tab-list-item.selected.sell {
  box-shadow: inset 0 2px 0 0 var(--color-red);
}
@media screen and (max-width: 767px) {
  .tab-box .tab-list-item.selected.sell {
    box-shadow: inset 0 5px 0 0 var(--color-red);
  }
}
.tab-box .tab-list-item.selected .tab-list-item-title {
  color: var(--color-text-l0);
}
.tab-box .tab-list-item-title {
  color: var(--color-text-l1);
  font-size: 11px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  line-height: 1.33;
}
.tab-box-responsive {
  display: flex;
  flex-grow: 1;
}
.tab-box-responsive .tab-container {
  box-shadow: none;
  border-radius: 0;
}
.matching-box {
  margin: 0 auto 8px;
  background: var(--color-background-l0);
  padding: 32px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 2px var(--color-shadow);
  position: relative;
}
@media screen and (max-width: 767px) {
  .matching-box {
    padding: 24px 16px 16px;
  }
}
.matching-box-title {
  padding: 8px 0;
  text-align: center;
}
.matching-box-title span {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .matching-box-title span {
    font-size: 18px;
    font-weight: 800;
  }
}
.matching-box-order {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
}
.matching-box-order-label {
  font-size: 12px;
  color: var(--color-text-l2);
}
.matching-box-price {
  display: flex;
  width: 75%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid var(--color-divider);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .matching-box-price {
    width: 90%;
  }
}
.matching-box-price span {
  font-size: 14px;
  color: var(--color-text-l1);
}
@media screen and (max-width: 767px) {
  .matching-box-price span {
    font-size: 12px;
  }
}
.matching-box-description {
  display: flex;
  width: 85%;
  align-items: center;
  flex-direction: column;
  padding: 16px 0 0;
}
.matching-box-description-text,
.matching-box-description-timestamp {
  font-size: 12px;
  color: var(--color-text-l2);
  text-align: center;
}
.matching-box-description-timestamp {
  padding-top: 8px;
}
.matching-box-cancel {
  top: 0;
  right: 0;
  color: var(--color-red);
}
.matching-box-cancel:hover {
  background-color: var(--color-red);
}
.matching-box-cancel:hover .matching-box-status-cancel-text {
  color: var(--color-white);
}
.matching-box-cancel-text {
  font-size: 12px;
  color: var(--color-red);
}
.matching-box-nav {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.matching-box-nav-link {
  font-size: 14px;
  color: var(--color-text-l2);
  cursor: pointer;
}
.matching-box-nav-link:hover {
  color: var(--color-text-l1);
}
.matching-box .box {
  padding: 16px 0;
}
.matched-box {
  margin: 0 auto 36px;
  display: flex;
  flex-direction: column;
  max-width: 720px;
}
.matched-box-nav {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.matched-box-nav-link {
  font-size: 14px;
  color: var(--color-text-l2);
  cursor: pointer;
}
.matched-box-nav-link:hover {
  color: var(--color-text-l1);
}
.matched-box-confirmation-popup-title {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.2em;
  font-weight: 700;
}
.matched-box-confirmation-popup-text {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.2em;
  font-weight: 500;
}
.matched-box-confirmation-popup-subtext {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-text-l1);
}
.matched-box-confirmation-popup-subtext span[role="img"] {
  padding-right: 8px;
}
.matched-box-confirmation-popup-options {
  padding: 16px 0 0;
}
.matched-box-confirmation-popup-options-title {
  font-weight: 700;
}
.matched-box-confirmation-popup-options-list {
  display: flex;
  padding-top: 8px;
}
.matched-box-confirmation-popup-options-list-item {
  flex: 1 1 auto;
}
.matched-box-confirmation-popup-options-list-item-label {
  width: 100%;
}
.matched-box-order {
  display: flex;
  justify-content: center;
}
.matched-box-order-label {
  font-size: 12px;
  color: var(--color-text-l2);
}
.matched-box-status {
  background-color: var(--color-background-l0);
  box-shadow: 1px 1px 2px var(--color-shadow);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--color-text-l2);
}
.matched-box-status-cancel {
  top: 0;
  right: 0;
  color: var(--color-red);
  padding: 0 4px;
}
.matched-box-status-cancel:hover {
  background-color: var(--color-red);
}
.matched-box-status-cancel:hover .matched-box-status-cancel-text {
  color: var(--color-white);
}
.matched-box-status-cancel-text {
  font-size: 12px;
  color: var(--color-red);
}
.matched-box-status-title {
  padding: 25px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .matched-box-status-title {
    flex-direction: column;
    align-items: center;
  }
  .matched-box-status-title.sell {
    padding: 40px 25px 15px;
  }
}
.matched-box-status-title-text {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 0 4px;
}
@media screen and (max-width: 767px) {
  .matched-box-status-title-text {
    font-size: 16px;
  }
}
.matched-box-status-title-link {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 14px;
  border-bottom: 1px dashed var(--color-primary);
  cursor: pointer;
  text-transform: uppercase;
}
.matched-box-status-title-link:hover {
  opacity: 0.95;
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
}
.matched-box-status-note {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  border: 1px solid var();
  margin: 12px auto 0;
  border-radius: 4px;
  background: var(--color-background-warning);
  color: var(--color-text-l1);
  max-width: 360px;
}
.matched-box-status-note-text {
  font-weight: 700;
}
.matched-box-status-note-subtext {
  text-align: right;
  padding-left: 8px;
}
.matched-box-status-note-item {
  padding: 8px;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.matched-box-status-note-item:not(:first-child) {
  border-top: 1px solid var(--color-background-warning);
}
.matched-box-status-desc {
  padding: 0 16px 10px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .matched-box-status-desc {
    flex-direction: column;
    align-items: center;
  }
}
.matched-box-status-desc-text {
  font-size: 14px;
  font-weight: 500;
}
.matched-box-status-desc-timestamp {
  color: var(--color-text-l2);
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .matched-box-status-desc-timestamp {
    padding: 4px 0 0;
  }
}
.matched-box-status-progress {
  position: relative;
}
.matched-box-status-progress-remaining {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 8px;
}
.matched-box-status-progress-remaining-text {
  font-size: 10px;
  color: var(--color-text-l2);
}
.matched-box-status-progress-bar.progress {
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 13px;
  background-color: var(--color-background-l1);
}
@media screen and (max-width: 767px) {
  .matched-box-status-progress-bar.progress {
    height: 10px;
  }
}
.matched-box-status-progress-bar.progress .progress-bar {
  background-color: var(--color-green);
}
.matched-box-trades {
  padding: 8px 0 0;
  display: flex;
  flex-direction: column;
}
.matched-box-trades-item {
  background-color: var(--color-background-l0);
  box-shadow: 1px 1px 2px var(--color-shadow);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: 8px 0;
  overflow: hidden;
}
.matched-box-trades-item-expired {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}
.matched-box-trades-item.preselectedTrade {
  border: 1px solid var(--color-primary);
}
.matched-box-trades-item-tooltip-text {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.25px;
  line-height: 1.67;
}
.matched-box-trades-item-tooltip-icon {
  margin-bottom: -2px;
  margin-left: 5px;
}
.matched-box-trades-item-title {
  margin-top: 5px;
  padding: 16px 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.matched-box-trades-item-title-text {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.matched-box-trades-item-title-timestamp {
  padding: 4px 0 0;
  color: var(--color-text-l2);
  font-size: 12px;
}
.matched-box-trades-item-pending {
  display: flex;
  justify-content: center;
  padding: 16px;
  align-items: center;
}
.matched-box-trades-item-pending-text {
  padding: 0 8px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .matched-box-trades-item-pending-text {
    padding: 0 16px;
  }
}
.matched-box-trades-item-waiting {
  background-color: var(--color-green);
  padding: 4px 16px;
  display: flex;
  justify-content: center;
}
.matched-box-trades-item-waiting-text {
  color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
}
.matched-box-trades-item-completed {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 1px 1px 2px var(--color-shadow);
  border-radius: 4px;
  background: var(--color-background-l0);
  padding: 8px 0;
  border: 1px solid var(--color-green);
  margin: 8px 0;
}
.matched-box-trades-item-completed-logo {
  display: flex;
  padding: 8px 0;
}
.matched-box-trades-item-completed-title {
  display: flex;
  padding: 8px 0;
  align-items: center;
  flex-direction: column;
}
.matched-box-trades-item-completed-title-text {
  font-size: 16px;
  font-weight: 700;
}
.matched-box-trades-item-completed-title-timestamp {
  padding: 4px 0 0;
  color: var(--color-text-l2);
  font-size: 12px;
}
.matched-box-trades-item-completed-description {
  display: flex;
  padding: 8px;
}
.matched-box-trades-item-completed-description-text {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.matched-box-trades-item-completed.preselectedTrade {
  border: 1px solid var(--color-primary);
}
.matched-box-trades-item-payment {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.matched-box-trades-item-payment-logo,
.matched-box-trades-item-payment-title {
  display: flex;
  padding: 8px 0;
}
.matched-box-trades-item-payment-title-text {
  font-size: 16px;
  font-weight: 700;
}
.matched-box-trades-item-payment-description {
  display: flex;
}
.matched-box-trades-item-payment-description-text {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.matched-box-trades-item-payment-support {
  display: flex;
  padding: 16px 0;
}
.matched-box-trades-item-payment-support-link {
  font-size: 12px;
  color: var(--color-text-l2);
  text-decoration: underline;
  cursor: pointer;
}
.matched-box-trades-item-payment-support-link:hover {
  color: var(--color-text-l1);
}
.matched-box-trades-item-payment-timer {
  padding: 4px 0;
}
.matched-box-trades-item-payment-timer-progress {
  width: 200px;
}
.matched-box-trades-item-payment-timer-progress-bar.progress {
  margin-bottom: 0;
  height: 13px;
}
.matched-box-trades-item-payment-timer-progress-bar.progress .progress-bar {
  background-color: var(--color-red);
}
.matched-box-trades-item-timer {
  background-color: var(--color-background-l1);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.matched-box-trades-item-timer-box {
  max-width: 300px;
  display: flex;
  margin-bottom: 16px;
}
.matched-box-trades-item-timer-box-left {
  opacity: 0.8;
  display: flex;
}
.matched-box-trades-item-timer-box-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0 0 16px;
}
.matched-box-trades-item-timer-box-right .cta {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-text-l2);
  text-transform: uppercase;
}
.matched-box-trades-item-timer-box-right .timer {
  font-size: 24px;
  font-weight: 700;
}
.matched-box-trades-item-timer-progress {
  width: 200px;
}
.matched-box-trades-item-timer-progress-bar.progress {
  margin-bottom: 0;
  height: 13px;
}
.matched-box-trades-item-timer-progress-bar.progress .progress-bar {
  background-color: var(--color-red);
}
.matched-box-trades-item-account {
  background-color: var(--color-background-l0);
  padding: 16px 16px 8px;
}
@media screen and (min-width: 768px) {
  .matched-box-trades-item-account {
    padding: 16px;
  }
  .matched-box-trades-item-account .row {
    display: flex;
    align-items: center;
  }
}
.matched-box-trades-item-account-show-strip {
  padding: 8px 0;
  display: flex;
  justify-content: center;
  background: var(--color-text-l2);
  color: var(--color-white);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-transform: uppercase;
  cursor: pointer;
}
.matched-box-trades-item-account-show-strip-text {
  font-size: 12px;
}
.matched-box-trades-item-account-paid {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.matched-box-trades-item-account-paid-title {
  font-size: 14px;
  padding-bottom: 8px;
}
.matched-box-trades-item-account-pay-exactly {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--color-divider);
  padding: 16px 5px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .matched-box-trades-item-account-pay-exactly {
    border-right: 0;
    align-items: center;
    padding: 8px 0 24px;
  }
}
.matched-box-trades-item-account-pay-exactly-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-text-l2);
}
.matched-box-trades-item-account-pay-exactly-amount {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.matched-box-trades-item-account-pay-exactly-subtitle {
  font-size: 12px;
  line-height: 1.33em;
  letter-spacing: 0.5px;
}
.matched-box-trades-item-account-types {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .matched-box-trades-item-account-types {
    padding-left: 15px;
  }
}
.matched-box-trades-item-account-types-label {
  text-align: center;
  color: var(--color-text-l2);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
.matched-box-trades-item-account-types-list {
  display: flex;
  justify-content: space-evenly;
  padding: 4px 0;
  flex-wrap: wrap;
}
.matched-box-trades-item-account-types-list-item {
  display: flex;
  flex: 0 0 30%;
  height: 50px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  margin: 4px 0;
}
@media screen and (max-width: 767px) {
  .matched-box-trades-item-account-types-list-item {
    height: 50px;
  }
}
@media screen and (max-width: 400px) {
  .matched-box-trades-item-account-types-list-item {
    height: 30px;
  }
}
.matched-box-trades-item-account-types-list-item img {
  width: 90%;
}
.matched-box-trades-item-account-types-list-item:hover {
  border: 1px solid var(--color-primary);
}
.matched-box-trades-item-account-details {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 12px 4px;
}
@media screen and (max-width: 767px) {
  .matched-box-trades-item-account-details {
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-divider);
  }
}
.matched-box-trades-item-account-details-item {
  padding: 8px 4px;
  display: flex;
  width: 100%;
}
.matched-box-trades-item-account-details-item-highlight {
  margin: 0 -8px;
  box-shadow: 0 1px 1px var(--color-shadow), 0 1px 2px var(--color-shadow);
  border-radius: 4px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  flex-shrink: 0;
  max-width: calc(100% + 16px);
}
.matched-box-trades-item-account-details-item-highlight-container {
  display: flex;
  position: relative;
  justify-content: space-between;
  flex-grow: 1;
  border: 2px solid var(--color-primary);
  border-radius: 4px 4px 0 0;
  padding: 4px 6px;
}
.matched-box-trades-item-account-details-item-highlight-message {
  background: var(--color-primary);
  display: flex;
  color: var(--color-white);
  border-radius: 0 0 4px 4px;
}
.matched-box-trades-item-account-details-item-highlight-message-text {
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.4px;
}
.matched-box-trades-item-account-details-item-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-text-l2);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.matched-box-trades-item-account-details-item-content {
  display: flex;
  justify-content: space-between;
}
.matched-box-trades-item-account-details-item-content-text {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
}
.matched-box-trades-item-account-details-item-content-text-primary,
.matched-box-trades-item-account-details-item-content-text.copying {
  color: var(--color-primary);
}
.matched-box-trades-item-account-details-item-content-copy {
  opacity: 0.6;
  padding: 0 0 0 8px;
}
.matched-box-trades-item-account-details-item-content-copy-primary {
  opacity: 1;
  padding: 0 0 0 8px;
  color: var(--color-primary);
}
.matched-box-trades-item-account-details-item-content-copy:hover {
  opacity: 1;
}
.matched-box-trades-item-account-details.dark {
  background: var(--color-gray);
}
.matched-box-trades-item-account-details.dark
  .matched-box-trades-item-account-details-item-content,
.matched-box-trades-item-account-details.dark
  .matched-box-trades-item-account-details-item-title {
  color: var(--color-white);
}
.matched-box-trades-item-account-details.full-width {
  width: 100%;
  justify-content: space-evenly;
}
.matched-box-trades-item-account-details.full-width
  .matched-box-trades-item-account-details-item {
  width: auto;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .matched-box-trades-item-account-details.full-width
    .matched-box-trades-item-account-details-item {
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
  }
}
.matched-box-trades-item-account-details.full-width
  .matched-box-trades-item-account-details-item-title {
  text-align: center;
}
.matched-box-trades-item-confirmation {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  border-top: 1px solid var(--color-divider);
}
.matched-box-trades-item-confirmation-header {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 16px 0;
}
.matched-box-trades-item-confirmation-header-back {
  padding: 0 12px 8px;
  font-size: 14px;
  cursor: pointer;
}
.matched-box-trades-item-confirmation-header-back i {
  font-size: 14px;
}
.matched-box-trades-item-confirmation-header-title {
  padding: 0 16px;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-l1);
}
.matched-box-trades-item-confirmation-header-subtitle {
  font-size: 12px;
  color: var(--color-text-l1);
  padding: 0 16px;
  letter-spacing: 0.5px;
}
.matched-box-trades-item-confirmation-check {
  display: flex;
  justify-content: center;
  padding: 8px 16px;
  border-top: 1px solid var(--color-divider);
}
.matched-box-trades-item-confirmation-check.seller-check {
  justify-content: flex-start;
  padding: 16px 0 0;
  border: none;
}
.matched-box-trades-item-confirmation-check .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.matched-box-trades-item-confirmation-check-label {
  font-size: 12px;
  font-weight: 600 !important;
}
.matched-box-trades-item-confirmation-button {
  padding: 8px 0 16px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.matched-box-trades-item-confirmation-button-text {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
.matched-box-trades-item-confirmation-subtitle {
  color: var(--color-text-l2);
  font-size: 11px;
  text-align: center;
}
.matched-box-trades-item-confirmation-title {
  display: flex;
  justify-content: center;
  padding: 10px 16px;
}
.matched-box-trades-item-confirmation-title-text {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.matched-box-trades-item-confirmation-amount {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--color-background-l1);
  padding: 16px;
}
.matched-box-trades-item-confirmation-amount-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-text-l2);
}
.matched-box-trades-item-confirmation-amount-content {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  position: relative;
}
.matched-box-trades-item-confirmation-amount-content-text.copying {
  color: var(--color-primary);
}
.matched-box-trades-item-confirmation-amount-content-copy {
  opacity: 0.6;
  padding: 8px 0 0 10px;
  font-size: 16px;
  position: absolute;
}
.matched-box-trades-item-confirmation-amount-subtitle {
  font-size: 12px;
  line-height: 1.33em;
  letter-spacing: 0.5px;
}
.matched-box-trades-item-confirmation-description {
  display: flex;
  justify-content: center;
  padding: 4px 16px 8px;
}
.matched-box-trades-item-confirmation-description-text {
  text-align: center;
}
.matched-box-trades-item-confirmation-text {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  margin-top: 18px;
}
.buy-sell-form {
  padding: 16px 16px 24px;
  width: 100%;
  position: relative;
}
.buy-sell-form .row:not(.no-padding) {
  padding: 16px 0;
}
.buy-sell-form .form-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.buy-sell-form .form-container.--with-min-height {
  min-height: 146px;
}
@media screen and (max-width: 767px) {
  .buy-sell-form .form-container.--with-min-height {
    min-height: 125px;
  }
}
.buy-sell-form .currency {
  box-shadow: 0 0 15px 0 var(--color-shadow);
  padding: 8px 16px;
  display: flex;
  border-radius: 2px;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .buy-sell-form .currency {
    margin-bottom: 16px;
  }
}
.buy-sell-form .currency-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid var(--color-divider);
}
.buy-sell-form .currency-logo-image {
  min-height: 80px;
  min-width: 80px;
}
.buy-sell-form .currency-logo-name {
  color: var(--color-text-l1);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  padding: 4px 0;
  text-align: center;
}
.buy-sell-form .currency-price {
  display: flex;
  justify-content: center;
}
.buy-sell-form .currency-price-title {
  font-size: 12px;
  font-weight: 600;
  padding: 4px 0;
  color: var(--color-text-l2);
}
.buy-sell-form .info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 12px;
  border-radius: 4px;
  justify-content: space-between;
}
.buy-sell-form .info .item {
  display: flex;
  padding: 0 4px;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}
.buy-sell-form .info .item:first-child {
  align-items: flex-start;
}
.buy-sell-form .info .item .name {
  color: var(--color-text-l3);
  padding-right: 4px;
}
.buy-sell-form .info .item .name,
.buy-sell-form .info .item .value {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.buy-sell-form .info .item .value {
  font-weight: 700;
  display: flex;
  align-items: center;
  position: relative;
}
.buy-sell-form .info .item .value span {
  padding-right: 2px;
}
.p2p {
  width: 100%;
  padding: 16px 0 !important;
}
@media screen and (max-width: 767px) {
  .p2p {
    height: 100%;
  }
}
.p2p.loading {
  height: 100%;
}
.p2p-loader {
  height: 100%;
  justify-content: center;
  align-items: center;
}
.p2p-help,
.p2p-loader {
  display: flex;
  flex-direction: column;
}
.p2p-help {
  background-color: var(--color-background-default);
}
@media screen and (max-width: 767px) {
  .p2p-help {
    overflow-y: auto;
    flex-grow: 1;
  }
}
.p2p-help-body {
  padding: 25px;
  flex-grow: 1;
}
.p2p-help-body-loader {
  min-height: 200px;
}
.p2p-help-body-loader,
.p2p-help-body-loader-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.p2p-help-body-loader-text {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-l1);
  font-weight: 400;
  text-transform: none;
  padding: 10px 0;
}
.p2p-help-articles-item {
  list-style-type: none;
  background-color: var(--color-background-l0);
  border-bottom: 1px solid var(--color-divider);
  font-size: 16px;
  display: flex;
  box-shadow: 2px 2px 4px 0 var(--color-shadow);
  margin: 10px 0;
  border-radius: 4px;
}
.p2p-help-articles-item a {
  color: var(--color-text-l1);
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.2em;
  padding: 15px;
  flex-grow: 1;
}
.p2p-help-articles-item .mdi {
  color: var(--color-primary);
}
.p2p-help-articles-item:hover {
  background: var(--color-primary);
}
.p2p-help-articles-item:hover .mdi,
.p2p-help-articles-item:hover a {
  color: var(--color-white);
}
.p2p-illustration {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  border-top: 1px solid var(--color-divider);
  padding-top: 12px;
}
@media screen and (max-width: 767px) {
  .p2p-illustration {
    padding-top: 12px 0;
  }
}
.p2p-illustration-heading-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 10px;
}
.p2p-illustration-heading-subtitle {
  font-size: 12px;
  font-weight: 500;
}
.p2p-illustration-image {
  width: 100%;
  margin: 16px 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p2p-illustration-image {
    padding: 8px 0 36px;
  }
}
.p2p-tables {
  height: 720px;
}
.p2p-tables,
.xid-container {
  display: flex;
  flex-direction: column;
}
.xid-container {
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .xid-container {
    margin-top: 16px;
  }
}
.xid-header {
  display: flex;
  align-items: center;
  letter-spacing: 0.25px;
  cursor: pointer;
}
.xid-header-marker {
  font-size: 18px;
  opacity: 0.7;
}
.xid-header-title {
  font-weight: 700;
  font-size: 12px;
  opacity: 0.7;
}
.xid-header-wrapper {
  background: var(--color-background-default);
  color: var(--color-text-l1);
  padding: 4px 16px 4px 12px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.xid-header-wrapper.opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 767px) {
  .xid-header-wrapper {
    width: 100%;
  }
}
.xid-input-link {
  padding: 0 20px 16px;
  font-size: 10px !important;
  text-transform: uppercase;
}
.xid-input-error {
  padding: 0 4px;
}
.xid-body {
  background-color: var(--color-background-default);
  border-radius: 4px;
  border-top-left-radius: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .xid-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.xid-body-username {
  border-radius: 0 0 4px 4px;
  color: var(--color-text-l1);
  display: flex;
  padding: 12px 20px;
  align-items: center;
  border-top: 2px solid var(--color-divider);
  flex-direction: column;
}
.xid-body-username-confirmation-message {
  display: flex;
  margin: 0 0 24px;
  align-items: center;
  background: var(--color-shadow);
  padding: 14px;
}
.xid-body-username-confirmation-message-list {
  margin: 0 0 0 24px;
}
.xid-body-username-confirmation-message-list-item {
  letter-spacing: 0.5px;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .xid-body-username {
    justify-content: center;
  }
}
.xid-body-username-create,
.xid-body-username-share {
  display: flex;
  width: 100%;
  align-items: center;
}
.xid-body-username-share {
  justify-content: space-between;
}
.xid-body-username-intro {
  display: flex;
  width: 100%;
  padding: 8px 16px 0;
}
.xid-body-username-intro-list {
  margin: 0;
  opacity: 0.7;
}
.xid-body-username-intro-list li {
  font-size: 12px;
  width: 100%;
}
.xid-body-username-label {
  font-size: 16px;
  font-weight: 700;
  padding: 0 8px 0 0;
}
@media screen and (max-width: 767px) {
  .xid-body-username-label {
    font-size: 14px;
  }
}
.xid-body-username-input {
  margin: 0 24px;
}
.xid-body-username-input input {
  text-transform: lowercase;
}
.xid-body-username-input .mdi-close:active {
  color: var(--color-primary);
}
.xid-body-username-input-label {
  font-size: 12px;
  opacity: 0.8;
  margin: 8px 26px 0;
}
.xid-body-username-link {
  cursor: pointer;
  color: var(--color-primary);
  font-size: 12px;
  border: 1px solid var(--color-primary);
  padding: 4px;
  border-radius: 4px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .xid-body-username-link {
    font-size: 10px;
  }
}
.xid-body-username-title {
  font-size: 16px;
  font-weight: 700;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .xid-body-username-title {
    font-size: 14px;
  }
}
.xid-body-username-text {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-l1);
  padding: 0 16px;
}
.xid-body-username-text.copying {
  color: var(--color-primary);
}
.react-tagsinput {
  background-color: var(--color-background-input);
  border: 1px solid var(--color-divider);
  overflow: hidden;
  padding-left: 5px;
  padding-top: 5px;
  width: 100%;
  border-radius: 4px;
}
.react-tagsinput--focused {
  border-color: var(--color-primary);
}
.react-tagsinput-tag {
  background-color: var(--color-primary);
  border-radius: 2px;
  border: 1px solid var(--color-primary);
  color: var(--color-white);
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 4px 10px;
}
.react-tagsinput-tag a:before {
  content: " ×";
}
.react-tagsinput--error {
  border-color: var(--color-red);
}
.react-tagsinput-remove {
  cursor: pointer;
  font-weight: 700;
  color: var(--color-white);
}
.react-tagsinput-input {
  background: transparent;
  color: var(--color-text-l1);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  margin-top: 1px;
  outline: none;
  padding: 5px;
  line-height: 1.25em;
  width: 80px;
}
.react-tagsinput-input input {
  border: 0;
}
.payment-option {
  display: flex;
  flex-direction: column;
}
.payment-option .info-box {
  padding: 16px 16px 0;
  width: 100%;
}
.payment-option-form {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.payment-option-fields {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-row-gap: 24px;
}
.payment-option-fields-item:last-child {
  margin: 0;
}
.payment-option-cta-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}
.payment-option-currency-list {
  display: inline-flex;
  margin-bottom: 8px;
  margin-top: 1px;
  border-radius: 2px;
  overflow: hidden;
}
.payment-option-currency-item {
  background: var(--color-background-l0);
  padding: 8px 16px;
}
.payment-option-currency-item:not(:last-child) {
  border-right: 1px solid var(--color-divider);
}
.payment-option-currency-item.selected {
  background: var(--color-primary);
  color: var(--color-background-l0);
}
.payment-option-currency-item-text {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.payment-option-status-box {
  padding: 16px;
  display: flex;
  margin: 0 14px;
  background: var(--color-background-danger);
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .payment-option-status-box {
    flex-direction: column;
  }
}
.payment-option-status-box.partial_verified,
.payment-option-status-box.verified {
  background: var(--color-background-success);
}
.payment-option-status-box.partial_verified .title,
.payment-option-status-box.verified .title {
  color: var(--color-green);
}
.payment-option-status-box.rejected {
  background: var(--color-background-danger);
}
.payment-option-status-box.rejected .title {
  color: var(--color-red);
}
.payment-option-status-box.unverified {
  background: var(--color-background-danger);
}
.payment-option-status-box.unverified .title {
  color: var(--color-red);
}
.payment-option-status-box.requested,
.payment-option-status-box.verifying,
.payment-option-status-box.waiting_for_kyc {
  background: var(--color-background-warning);
}
.payment-option-status-box.requested .title,
.payment-option-status-box.verifying .title,
.payment-option-status-box.waiting_for_kyc .title {
  color: var(--color-text-l1);
}
.payment-option-status-box > .content {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  width: 100%;
}
.payment-option-status-box > .content > .title {
  font-size: 14px;
  line-height: 1.1em;
  letter-spacing: 0.2px;
  font-weight: 700;
}
.payment-option-status-box > .content > .description {
  font-size: 12px;
  padding-top: 8px;
}
.payment-option-status-box > .cta {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  flex-shrink: 0;
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  .payment-option-status-box > .cta {
    margin-top: 8px;
  }
}
.payment-option-status-box > .cta-text {
  line-height: 1em;
}
.dhamaka {
  background-color: var(--color-background-l0);
  flex-shrink: 0;
  width: 100%;
}
.dhamaka,
.dhamaka-section {
  display: inline-flex;
  flex-direction: column;
}
.dhamaka-section {
  align-self: center;
  align-items: center;
  width: 75%;
  padding: 0 36px;
}
@media screen and (max-width: 767px) {
  .dhamaka-section {
    padding: 0 15px;
    width: 100%;
  }
}
.dhamaka-hero {
  width: 100%;
  position: relative;
  height: 540px;
  justify-content: space-between;
  background-color: var(--color-background-l0);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .dhamaka-hero {
    height: 590px;
  }
}
.dhamaka-hero.opted-in {
  background-color: var(--color-background-l1);
}
@media screen and (max-width: 767px) {
  .dhamaka-hero.logged-in {
    height: 500px;
  }
}
.dhamaka-hero:before {
  z-index: 1;
  background: url("") no-repeat;
  background-size: 100% 100%;
}
.dhamaka-hero:after,
.dhamaka-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dhamaka-hero:after {
  z-index: 2;
  background: url("") no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .dhamaka-hero:after {
    background: url("") no-repeat;
    background-size: 100%;
  }
}
.dhamaka-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  margin: 0 auto 64px;
  flex-grow: 1;
  z-index: 3;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .dhamaka-hero-wrapper {
    justify-content: center;
    margin: 0 auto 48px;
  }
}
.dhamaka-hero-coin-logo {
  width: 320px;
  height: 150px;
  margin: 36px 0;
}
@media screen and (max-width: 767px) {
  .dhamaka-hero-coin-logo {
    height: 100px;
    margin: 30px 0;
  }
}
.dhamaka-hero-heading {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}
.dhamaka-hero-heading-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 33px;
  color: var(--color-white);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dhamaka-hero-heading-title {
    font-size: 24px;
  }
}
.dhamaka-hero-description {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 0 14px;
}
@media screen and (min-width: 768px) {
  .dhamaka-hero-description {
    width: 80%;
  }
}
.dhamaka-hero-description-title {
  font-size: 18px;
  font-weight: 700;
  opacity: 0.8;
  line-height: 20px;
  color: var(--color-white);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dhamaka-hero-description-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    opacity: 1;
  }
}
.dhamaka-mininfo-desc {
  z-index: 3;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  width: 100%;
  margin-top: -24px;
}
@media screen and (max-width: 767px) {
  .dhamaka-mininfo-desc {
    flex-direction: column;
    margin-top: -48px;
  }
}
.dhamaka-mininfo-desc-wrapped {
  width: 75%;
  max-width: 650px;
}
@media screen and (max-width: 767px) {
  .dhamaka-mininfo-desc-wrapped {
    width: 100%;
  }
}
.dhamaka-mininfo-desc-box {
  display: flex;
  flex-direction: column;
  width: 30%;
  background-color: var(--color-background-l0);
  border-radius: 8px;
  box-shadow: 0 30px 35px -18px var(--color-shadow);
  position: relative;
  overflow: hidden;
  padding: 20px;
  flex-shrink: 0;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .dhamaka-mininfo-desc-box {
    width: 100%;
    padding: 14px;
    box-shadow: 0 15px 20px -10px var(--color-shadow);
  }
  .dhamaka-mininfo-desc-box:not(:last-child) {
    margin-bottom: 20px;
  }
}
.dhamaka-mininfo-desc-box .title {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .dhamaka-mininfo-desc-box .title {
    font-size: 18px;
  }
}
.dhamaka-mininfo-desc-box .description {
  width: 80%;
  opacity: 0.5;
  font-size: 14px;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .dhamaka-mininfo-desc-box .description {
    font-size: 12px;
  }
}
.dhamaka-mininfo-desc-box .description.uppercase {
  text-transform: uppercase;
}
.dhamaka-mininfo-desc-box .box-icon {
  position: absolute;
  bottom: 0;
  height: 51px;
  right: 0;
  width: 51px;
}
.dhamaka-mininfo-desc-box-success {
  width: 48%;
  border-left: 8px solid var(--color-green);
  border-radius: 5px;
  align-items: center;
  padding: 20px 40px 20px 20px;
}
@media screen and (max-width: 767px) {
  .dhamaka-mininfo-desc-box-success {
    width: 100%;
    box-shadow: 0 15px 20px -10px var(--color-shadow);
  }
  .dhamaka-mininfo-desc-box-success:not(:last-child) {
    margin-bottom: 20px;
  }
}
.dhamaka-mininfo-desc-box-success .description {
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
.dhamaka-mininfo-desc-box-success .title {
  font-size: 28px;
}
.dhamaka-mininfo-desc-box-error {
  width: 100%;
  border-left: 8px solid var(--color-red);
  border-radius: 5px;
  padding: 45px;
}
.dhamaka-mininfo-desc-box-error .title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--color-red);
}
@media screen and (max-width: 767px) {
  .dhamaka-mininfo-desc-box-error .title {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .dhamaka-mininfo-desc-box-error {
    width: 100%;
    padding: 24px;
    box-shadow: 0 15px 20px -10px var(--color-shadow);
  }
  .dhamaka-mininfo-desc-box-error:not(:last-child) {
    margin-bottom: 20px;
  }
}
.dhamaka-calculator {
  position: relative;
  width: 100%;
}
.dhamaka-calculator:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url("") no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator:before {
    background: url("") no-repeat;
    background-size: 100% 100%;
  }
}
.dhamaka-calculator-wrapper {
  z-index: 2;
  width: 100%;
  max-width: 650px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: 64px auto 128px;
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-wrapper {
    margin: 48px auto 96px;
  }
}
.dhamaka-calculator-box {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  background-color: var(--color-background-l0);
  padding: 30px;
  width: 100%;
  box-shadow: 0 0 15px 0 var(--color-shadow);
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-box {
    padding: 25px;
  }
}
.dhamaka-calculator-box-heading {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 0 0 36px;
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-box-heading {
    padding: 0 0 24px;
  }
}
.dhamaka-calculator-box-heading-icon {
  padding: 0 8px;
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-box-heading-icon {
    padding: 0 4px;
    height: 20px;
  }
}
.dhamaka-calculator-box-heading-title {
  font-size: 28px;
  line-height: 20px;
  color: var(--color-primary);
  font-weight: 700;
  padding: 0 8px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-box-heading-title {
    padding: 0 4px;
    font-size: 18px;
  }
}
.dhamaka-calculator-box-input {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-box-input {
    flex-direction: column;
  }
}
.dhamaka-calculator-box-input-volume {
  width: calc(50% - 16px);
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-box-input-volume {
    width: 100%;
  }
}
.dhamaka-calculator-box-input-currency {
  width: calc(50% - 16px);
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-box-input-currency {
    width: 100%;
  }
}
.dhamaka-calculator-box-input-currency-textbox {
  border-radius: 4px;
  overflow: hidden;
  font-weight: 600;
  line-height: 46px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  font-size: 14px;
  -webkit-letter-spacing: 0.2px;
  -moz-letter-spacing: 0.2px;
  -ms-letter-spacing: 0.2px;
  letter-spacing: 0.2px;
  border: 1px solid var(--color-divider);
  color: var(--color-text-l2);
  transition: all 0.4s;
}
.dhamaka-calculator-box-input-currency-textbox:focus {
  background-color: var(--color-background-l0);
  border: 1px solid var(--color-primary);
  outline: 0;
  border-radius: 4px;
}
.dhamaka-calculator-box-bonus {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.dhamaka-calculator-box-bonus-heading {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}
.dhamaka-calculator-box-bonus-heading-title {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.5px;
  color: var(--color-text-l1);
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
}
.dhamaka-calculator-box-bonus-value {
  border-radius: 4px;
  background-color: var(--color-background-l1);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  padding: 14px;
}
.dhamaka-calculator-box-bonus-value-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 0.75;
  color: var(--color-text-l2);
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2em;
}
.dhamaka-calculator-box-bonus-inr {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
.dhamaka-calculator-box-bonus-inr-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 1.75px;
  color: var(--color-text-l1);
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .dhamaka-calculator-box-bonus-inr-title {
    font-size: 12px;
  }
}
.dhamaka-faq {
  background: var(--color-background-l0);
}
.dhamaka-faq,
.dhamaka-faq-wrapper {
  width: 100%;
  display: flex;
  flex-shrink: 0;
}
.dhamaka-faq-wrapper {
  max-width: 650px;
  margin: 64px auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}
@media screen and (max-width: 767px) {
  .dhamaka-faq-wrapper {
    margin: 48px auto;
  }
}
.dhamaka-faq-help {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  text-align: center;
  padding: 16px 0;
}
.dhamaka-faq-help,
.dhamaka-faq-help a {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .dhamaka-faq-help {
    padding: 8px 0;
  }
  .dhamaka-faq-help,
  .dhamaka-faq-help a {
    font-size: 14px;
  }
}
.dhamaka-faq-box {
  width: 100%;
  flex-direction: column;
}
.dhamaka-faq-box,
.dhamaka-faq-box-heading {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.dhamaka-faq-box-heading {
  padding: 8px 0;
}
.dhamaka-faq-box-heading-title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.dhamaka-faq-box-panel-group {
  width: 100%;
}
.dhamaka-faq-box-panel-item {
  border-radius: 4px;
  border: 1px solid var(--color-divider);
  margin: 5px 0;
}
.dhamaka-faq-box-panel-item-title a {
  display: flex;
  padding: 25px;
  flex-grow: 1;
  justify-content: space-between;
  color: var(--color-text-link);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  flex-shrink: 0;
}
.dhamaka-faq-box-panel-item-body {
  font-size: 14px;
  padding: 0 25px 25px;
  color: var(--color-text-l2);
  line-height: 20px;
}
.dhamaka-history {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 30px;
  background-color: var(--color-background-l1);
}
@media screen and (max-width: 767px) {
  .dhamaka-history {
    padding: 0 15px;
  }
}
.dhamaka-history-wrapper {
  width: 75%;
  max-width: 800px;
  margin: 64px auto 0;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .dhamaka-history-wrapper {
    margin: 48px auto 0;
    width: 100%;
  }
}
.dhamaka-history-label {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .dhamaka-history-label {
    margin-top: 8px;
  }
}
.dhamaka-history-label-text {
  font-size: 12px;
  color: var(--color-text-l2);
  text-align: center;
}
.dhamaka-history-title {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 24px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dhamaka-history-title {
    font-size: 15px;
    margin-bottom: 16px;
  }
}
.dhamaka-history-table {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .dhamaka-history-table {
    overflow: hidden;
  }
}
.dhamaka-history-table table {
  margin-bottom: 0 !important;
}
.dhamaka-history-table table > tbody > tr,
.dhamaka-history-table table > thead > tr {
  background-color: var(--color-table-row-odd);
}
.dhamaka-history-table table > tbody > tr:not(:last-child),
.dhamaka-history-table table > thead > tr:not(:last-child) {
  border-bottom: 1px solid var(--color-divider);
}
.dhamaka-history-table table > tbody > tr:nth-child(2n),
.dhamaka-history-table table > thead > tr:nth-child(2n) {
  background-color: var(--color-table-row-even);
}
.dhamaka-history-table table > tbody > tr.total,
.dhamaka-history-table table > thead > tr.total {
  background-color: var(--color-green);
  color: var(--color-white);
  font-weight: 700;
}
.dhamaka-history-table table > tbody > tr > td,
.dhamaka-history-table table > thead > tr > td,
.dhamaka-history-table table > thead > tr > th {
  padding: 15px 20px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .dhamaka-history-table table > tbody > tr > td,
  .dhamaka-history-table table > thead > tr > td,
  .dhamaka-history-table table > thead > tr > th {
    padding: 8px 14px;
    font-size: 11px;
  }
}
.dhamaka-history-table table > thead > th {
  color: var(--color-text-l3);
  text-transform: uppercase;
}
.press-coverage-container {
  background-color: var(--color-background-l0);
  padding: 0 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .press-coverage-container {
    padding: 40px 0;
  }
}
.press-coverage-header {
  display: flex;
  justify-content: center;
  height: 65px;
  align-items: center;
  position: relative;
}
.press-coverage-header:after {
  content: "";
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  height: 2px;
  width: 40px;
  background: var(--color-divider);
}
.press-coverage-header-title {
  text-transform: uppercase;
  color: var(--color-text-l2);
  font-size: 24px;
  text-align: center;
  font-weight: 700;
}
.press-coverage-list-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1600px;
  overflow: hidden;
}
.press-coverage-list-container:hover .press-coverage-list {
  animation-play-state: paused;
}
.press-coverage-list {
  display: flex;
  height: 100px;
  margin: 0 auto;
  transform-origin: center;
  animation: marquee 30s cubic-bezier(0.01, 0, 0.59, 0.78) infinite
    alternate-reverse;
  flex-shrink: 0;
}
.press-coverage-list-item {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
  flex-shrink: 0;
  max-width: 250px;
}
.press-coverage-list-item-logo {
  width: 60%;
}
.prefs {
  display: flex;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .prefs {
    margin: 0 auto;
    height: 100%;
  }
}
.prefs-header {
  display: flex;
  height: 72px;
  padding: 0 66px;
  background: var(--color-primary);
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px 0 var(--color-shadow);
  color: var(--color-white);
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .prefs-header {
    border-radius: 4px 4px 0 0;
  }
}
.prefs-title {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .prefs-title {
    font-size: 18px;
  }
}
.prefs-body {
  position: relative;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
  background: var(--color-background-l0);
  border-radius: 4px;
  margin-bottom: 12px;
}
.prefs-subtitle {
  padding: 17px 24px;
  border-bottom: 1px solid var(--color-divider);
}
.prefs-subtitle-text {
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.prefs-list-loader {
  justify-content: center;
  min-height: 150px;
}
.prefs-list-loader,
.prefs-list-loader-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.prefs-list-loader-wrapper {
  justify-content: space-between;
  min-height: 50px;
}
.prefs-list-loader-text {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-l2);
  font-weight: 400;
  text-transform: none;
}
.prefs-list-item {
  display: flex;
  justify-content: space-between;
  padding: 15px 24px;
  flex-shrink: 0;
  align-items: center;
}
.prefs-list-item.variant-2 {
  padding: 12px 24px;
}
.prefs-list-item-text-title {
  font-weight: 600;
  display: flex;
  align-items: center;
}
.prefs-list-item-text-title.baseline {
  align-items: baseline;
}
.prefs-list-item-text-title-note {
  color: var(--color-green);
  font-size: 10px;
  padding: 0 8px;
  line-height: 1.2em;
}
.prefs-list-item-text-desc {
  color: var(--color-text-l2);
  font-size: 12px;
}
.prefs-list-item-text-desc.medium {
  color: var(--color-background-warning);
}
.prefs-list-item-text-desc.high {
  color: var(--color-green);
}
.prefs-list-item-text-desc.none {
  color: var(--color-red);
}
.prefs-list-item-text-status {
  color: var(--color-text-l2);
  letter-spacing: 0.5px;
  font-size: 12px;
}
.prefs-list-item-text-status.info {
  color: var(--color-text-l1);
}
.prefs-list-item-text-status.warning {
  color: var(--color-warning-text-primary);
}
.prefs-list-item-text-status.success {
  color: var(--color-green);
}
.prefs-list-item-text-status.error {
  color: var(--color-red);
}
.prefs-list-item-link-title {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.67;
  color: var(--color-red);
  text-decoration: none;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.prefs-list-item-link-title:hover {
  text-decoration: underline;
}
.prefs-list-item-state {
  color: var(--color-primary);
  display: flex;
  min-height: 25px;
}
.prefs-list-item-state.top {
  align-self: flex-start;
}
.prefs-list-item.selectable:hover {
  background: var(--color-background-l1);
  cursor: pointer;
}
.prefs-note {
  padding: 12px 24px;
}
.prefs-note-text {
  color: var(--color-text-l1);
  text-align: left;
  letter-spacing: 0.5px;
  line-height: 1.2em;
  font-size: 14px;
}
.trading-fee-table {
  padding: 24px;
}
.trading-fee-table-description {
  color: var(--color-text-l2);
  letter-spacing: 0.5px;
  font-size: 12px;
  padding-bottom: 8px;
}
.trading-fee-table-row {
  display: flex;
}
.trading-fee-table-row-header {
  font-weight: 700;
}
.trading-fee-table-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-left: 1px solid var(--color-divider);
  border-top: 1px solid var(--color-divider);
}
.trading-fee-col {
  flex: 1 1;
  border-bottom: 1px solid var(--color-divider);
  border-right: 1px solid var(--color-divider);
  padding: 8px;
}
.trading-fee-col-text {
  color: var(--color-text-l2);
  font-size: 12px;
}
.partnerx {
  background-color: var(--color-background-l1);
  width: 100%;
}
.partnerx,
.partnerx-section {
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
}
.partnerx-section {
  align-self: center;
  align-items: center;
  width: 75%;
  padding: 0 36px;
}
@media screen and (max-width: 767px) {
  .partnerx-section {
    padding: 0 15px;
    width: 100%;
  }
}
.partnerx-hero {
  background-color: var(--color-landing-hero-background);
  min-height: 290px;
  border-bottom: 1px solid transparent;
  padding: 0 20px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.partnerx-hero.logged-in {
  min-height: 220px;
}
@media screen and (min-width: 768px) {
  .partnerx-hero.logged-in > div:last-of-type {
    margin: 20px auto 0;
  }
}
.partnerx-hero:before {
  left: 0;
  bottom: 0;
  background: url("") no-repeat;
  background-size: contain;
  background-position: 0 100%;
}
.partnerx-hero:after,
.partnerx-hero:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 60%;
}
.partnerx-hero:after {
  right: 0;
  top: 0;
  background: url("") no-repeat;
  background-position: 100% 0;
  background-size: contain;
}
.partnerx-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  flex-shrink: 0;
  flex-grow: 1;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .partnerx-hero-wrapper {
    justify-content: start;
  }
}
.partnerx-hero-coin-logo {
  width: 320px;
  height: 150px;
  margin: 36px 0;
}
@media screen and (max-width: 767px) {
  .partnerx-hero-coin-logo {
    height: 100px;
    margin: 30px 0;
  }
}
.partnerx-hero-heading {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  flex-shrink: 0;
}
.partnerx-hero-heading-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 33px;
  color: var(--color-white);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .partnerx-hero-heading-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 350px) {
  .partnerx-hero-heading-title {
    font-size: 20px;
  }
}
.partnerx-hero-bullets {
  display: flex;
  justify-content: center;
  z-index: 3;
}
.partnerx-hero-bullets-list {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0 auto;
}
.partnerx-hero-bullets-list-item {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  flex-basis: 25%;
}
@media screen and (max-width: 767px) {
  .partnerx-hero-bullets-list-item {
    flex-basis: 50%;
    min-width: 100px;
  }
}
.partnerx-hero-bullets-list-item-text {
  padding-top: 25px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
  color: var(--color-white);
}
.partnerx-hero-description {
  display: flex;
  justify-content: center;
  padding: 10px 14px;
  flex-shrink: 0;
  max-height: 40px;
}
.partnerx-hero-description-title {
  font-size: 18px;
  font-weight: 700;
  opacity: 0.8;
  line-height: 20px;
  color: var(--color-white);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .partnerx-hero-description-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    opacity: 1;
  }
}
@media screen and (max-width: 350px) {
  .partnerx-hero-description-title {
    font-size: 12px;
  }
}
.partnerx-mininfo-desc {
  z-index: 3;
  display: flex;
  justify-content: space-evenly;
  flex-shrink: 0;
  width: 100%;
  padding: 0 20px;
  margin-top: -48px;
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .partnerx-mininfo-desc {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc {
    flex-direction: column;
    margin-top: -60px;
    margin-bottom: -20px;
  }
}
.partnerx-mininfo-desc-box {
  display: flex;
  flex-direction: column;
  width: 30%;
  background-color: var(--color-background-l0);
  border-radius: 8px;
  box-shadow: 0 30px 35px -18px var(--color-shadow);
  position: relative;
  padding: 20px;
  flex-shrink: 0;
  border: 1px solid var(--color-divider);
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc-box {
    width: 100%;
    padding: 14px;
    box-shadow: 0 15px 20px -10px var(--color-shadow);
  }
  .partnerx-mininfo-desc-box:not(:last-child) {
    margin-bottom: 20px;
  }
}
.partnerx-mininfo-desc-box .title {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc-box .title {
    font-size: 18px;
  }
}
.partnerx-mininfo-desc-box .title.click {
  cursor: pointer;
}
.partnerx-mininfo-desc-box .description {
  width: 80%;
  opacity: 0.5;
  font-size: 14px;
  flex-shrink: 0;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc-box .description {
    font-size: 12px;
  }
}
.partnerx-mininfo-desc-box .box-icon {
  position: absolute;
  bottom: 0;
  right: 0;
}
.partnerx-mininfo-desc-box .box-icon.icon-1,
.partnerx-mininfo-desc-box .box-icon.icon-2,
.partnerx-mininfo-desc-box .box-icon.icon-3 {
  width: 55px;
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .partnerx-mininfo-desc-box .box-icon.icon-1,
  .partnerx-mininfo-desc-box .box-icon.icon-2,
  .partnerx-mininfo-desc-box .box-icon.icon-3 {
    width: 48px;
  }
}
.partnerx-mininfo-desc-box .box-icon.icon-1 {
  bottom: -8px;
}
.partnerx-mininfo-desc-box .box-icon.icon-3 {
  right: -12px;
  bottom: -5px;
}
.partnerx-mininfo-desc-box .box-icon.icon-2 {
  top: 52px;
}
.partnerx-mininfo-desc-box .commission-tooltip .mdi-menu-down {
  position: absolute;
  font-size: 30px;
  bottom: -1px;
  right: 35px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc-box .commission-tooltip .mdi-menu-down {
    right: 42px;
  }
}
.partnerx-mininfo-desc-box-success {
  width: 25%;
  height: fit-content;
  border-left: 8px solid var(--color-green);
  border-radius: 5px;
  align-items: center;
  padding: 20px 5px;
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc-box-success {
    width: 100%;
    padding: 20px;
    box-shadow: 0 15px 20px -10px var(--color-shadow);
  }
  .partnerx-mininfo-desc-box-success:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .partnerx-mininfo-desc-box-success.large {
    width: 40%;
  }
}
.partnerx-mininfo-desc-box-success .description {
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  max-height: 50px;
  z-index: 10;
}
.partnerx-mininfo-desc-box-success .title {
  font-size: 28px;
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .partnerx-mininfo-desc-box-success .title {
    font-size: 24px;
  }
}
.partnerx-mininfo-desc-box-success .commission-container {
  width: calc(100% + 10px);
  border-top: 1px solid var(--color-divider);
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc-box-success .commission-container {
    width: calc(100% + 40px);
  }
}
.partnerx-mininfo-desc-box-success .commission {
  margin: 2px;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 5px;
  border: 1px solid var(--color-divider);
  white-space: nowrap;
  font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width: 850px) {
  .partnerx-mininfo-desc-box-success .commission {
    font-size: 10px;
  }
}
.partnerx-mininfo-desc-box-error {
  width: 100%;
  border-left: 8px solid var(--color-red);
  border-radius: 5px;
  padding: 45px;
}
.partnerx-mininfo-desc-box-error .title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--color-red);
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc-box-error .title {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .partnerx-mininfo-desc-box-error {
    width: 100%;
    padding: 24px;
    box-shadow: 0 15px 20px -10px var(--color-shadow);
  }
  .partnerx-mininfo-desc-box-error:not(:last-child) {
    margin-bottom: 20px;
  }
}
.partnerx-login {
  position: relative;
  width: 100%;
}
.partnerx-login-wrapper {
  z-index: 2;
  width: 100%;
  max-width: 650px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: 0 auto 64px;
}
@media screen and (max-width: 767px) {
  .partnerx-login-wrapper {
    margin: 0 auto 48px;
  }
}
.partnerx-sharer {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .partnerx-sharer {
    padding: 0;
  }
}
.partnerx-sharer-wrapper {
  z-index: 2;
  width: 100%;
  max-width: 650px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 64px auto 0;
}
@media screen and (max-width: 767px) {
  .partnerx-sharer-wrapper {
    margin: 48px auto 0;
  }
}
.partnerx-sharer-box {
  display: flex;
  flex-direction: column;
  background-color: var(--color-background-l0);
  padding: 30px;
  width: 100%;
  box-shadow: 0 0 15px 0 var(--color-shadow);
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .partnerx-sharer-box {
    padding: 25px;
  }
}
.partnerx-sharer-box-heading {
  display: flex;
  justify-content: center;
  padding: 0 0 8px;
}
.partnerx-sharer-box-heading-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.43;
  text-align: center;
}
.partnerx-sharer-box-invite {
  margin: 8px 0;
}
.partnerx-sharer-box-buttons {
  display: flex;
  margin: 8px -5px;
}
.partnerx-sharer-box-buttons-item {
  display: flex;
  flex-basis: 25%;
  justify-content: center;
  align-items: center;
  height: 48px;
  border-radius: 4px;
  font-size: 18px;
  color: var(--color-white);
  margin: 0 5px;
}
.partnerx-sharer-box-buttons-item.visible-xs-flex {
  display: none;
}
@media screen and (max-width: 767px) {
  .partnerx-sharer-box-buttons-item.visible-xs-flex {
    display: flex;
  }
}
.partnerx-sharer-box-buttons-item.hidden-xs-flex {
  display: flex;
}
@media screen and (max-width: 767px) {
  .partnerx-sharer-box-buttons-item.hidden-xs-flex {
    display: none;
  }
}
.partnerx-sharer-box-buttons-item.item-facebook {
  background: var(--color-vendors-facebook);
}
.partnerx-sharer-box-buttons-item.item-whatsapp {
  background: var(--color-vendors-whatsapp);
}
.partnerx-sharer-box-buttons-item.item-telegram {
  background: var(--color-vendors-telegram);
}
.partnerx-sharer-box-buttons-item.item-twitter {
  background: var(--color-vendors-twitter);
}
.partnerx-sharer-box-code {
  display: flex;
  justify-content: center;
  margin: 8px 0 0;
  flex-shrink: 0;
}
.partnerx-sharer-box-code-text {
  font-size: 14px;
  font-weight: 700;
}
.partnerx-faq {
  background: var(--color-background-l0);
  width: 100%;
  display: flex;
}
.partnerx-faq-wrapper {
  width: 100%;
  max-width: 650px;
  margin: 64px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .partnerx-faq-wrapper {
    margin: 48px auto;
  }
}
.partnerx-faq-help {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 16px 0;
  flex-shrink: 0;
}
.partnerx-faq-help,
.partnerx-faq-help a {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .partnerx-faq-help {
    padding: 8px 0;
  }
  .partnerx-faq-help,
  .partnerx-faq-help a {
    font-size: 14px;
  }
}
.partnerx-faq-box {
  width: 100%;
  flex-direction: column;
}
.partnerx-faq-box,
.partnerx-faq-box-heading {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.partnerx-faq-box-heading {
  padding: 8px 0;
}
.partnerx-faq-box-heading-title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.partnerx-faq-box-panel-group {
  width: 100%;
}
.partnerx-faq-box-panel-item {
  border-radius: 4px;
  border: 1px solid var(--color-divider);
  margin: 5px 0;
}
.partnerx-faq-box-panel-item-title a {
  display: flex;
  padding: 25px;
  flex-grow: 1;
  justify-content: space-between;
  color: var(--color-text-link);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  flex-shrink: 0;
}
.partnerx-faq-box-panel-item-body {
  font-size: 14px;
  padding: 0 25px 25px;
  color: var(--color-text-l1);
  line-height: 20px;
}
.partnerx-statistics {
  position: relative;
  width: 100%;
}
.partnerx-statistics-wrapper {
  z-index: 2;
  width: 100%;
  max-width: 650px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: 64px auto;
}
@media screen and (max-width: 767px) {
  .partnerx-statistics-wrapper {
    margin: 48px auto;
  }
}
.partnerx-statistics-table {
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
}
.partnerx-statistics-table table {
  margin-bottom: 0 !important;
}
.partnerx-statistics-table table > tbody > tr,
.partnerx-statistics-table table > thead > tr {
  background-color: var(--color-table-row-odd);
}
.partnerx-statistics-table table > tbody > tr:not(:last-child),
.partnerx-statistics-table table > thead > tr:not(:last-child) {
  border-bottom: 1px solid var(--color-divider);
}
.partnerx-statistics-table table > tbody > tr:nth-child(2n),
.partnerx-statistics-table table > thead > tr:nth-child(2n) {
  background-color: var(--color-table-row-even);
}
.partnerx-statistics-table table > tbody > tr.total,
.partnerx-statistics-table table > thead > tr.total {
  background-color: var(--color-green);
  color: var(--color-white);
}
.partnerx-statistics-table table > tbody > tr > td,
.partnerx-statistics-table table > tbody > tr > th,
.partnerx-statistics-table table > thead > tr > td,
.partnerx-statistics-table table > thead > tr > th {
  padding: 15px 20px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .partnerx-statistics-table table > tbody > tr > td,
  .partnerx-statistics-table table > tbody > tr > th,
  .partnerx-statistics-table table > thead > tr > td,
  .partnerx-statistics-table table > thead > tr > th {
    padding: 8px 14px;
    font-size: 11px;
    white-space: nowrap;
  }
}
.partnerx-statistics-table table > tbody > tr > th,
.partnerx-statistics-table table > thead > tr > th {
  color: var(--color-text-l1);
  text-transform: uppercase;
}
.partnerx-statistics-toggle {
  width: 100%;
}
.partnerx-statistics-toggle-group {
  width: 100%;
  display: flex;
  margin-bottom: 16px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .partnerx-statistics-toggle-group {
    margin-bottom: 12px;
  }
}
.partnerx-statistics-toggle-item {
  flex-grow: 1;
  font-size: 18px;
  font-weight: 400;
  box-shadow: none !important;
  opacity: 0.3;
  position: relative;
}
@media screen and (max-width: 767px) {
  .partnerx-statistics-toggle-item {
    font-size: 14px;
  }
}
.partnerx-statistics-toggle-item.active {
  opacity: 1;
  font-weight: 700;
}
.partnerx-statistics-toggle-item.active:after {
  content: "";
  height: 4px;
  width: 100%;
  display: block;
  background: var(--color-primary);
  position: absolute;
  left: 0;
  border-radius: 16px;
  margin-top: 5px;
}
.partnerx-hiw {
  width: 85%;
  padding: 0;
  margin: 40px auto;
  overflow: hidden;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .partnerx-hiw {
    width: 95%;
  }
}
@media screen and (max-width: 991px) {
  .partnerx-hiw {
    width: 100%;
    padding: 0 0 50px;
  }
}
.partnerx-hiw-heading {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.partnerx-hiw-heading-text {
  font-size: 28px;
  font-weight: 700;
  line-height: 33px;
  color: var(--color-text-l0);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .partnerx-hiw-heading-text {
    font-size: 24px;
  }
}
.partnerx-hiw-slider {
  width: 100%;
  padding: 0 15px;
  counter-reset: item-ctr;
}
@media screen and (max-width: 767px) {
  .partnerx-hiw-slider {
    padding: 0 30px;
  }
}
.partnerx-hiw-slider-item-content {
  display: flex;
  flex-shrink: 0;
  position: relative;
  padding: 40px 25px;
  background-color: var(--color-background-l0);
  width: calc(100% - 25px);
  min-height: 300px;
  box-shadow: 0 0 15px 0 var(--color-shadow);
  border-radius: 4px;
  margin: 25px 0;
  overflow: hidden;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .partnerx-hiw-slider-item-content {
    margin: 25px auto;
  }
}
.partnerx-hiw-slider-item-content-ig {
  height: 50px;
  margin-bottom: 20px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}
.partnerx-hiw-slider-item-content-header {
  margin: 10px auto 25px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
.partnerx-hiw-slider-item-content-header-text {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: var(--color-text-l1);
}
.partnerx-hiw-slider-item-content-description {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}
.partnerx-hiw-slider-item-content-description-text {
  color: var(--color-text-l2);
  line-height: 1.43em;
  text-align: center;
  font-size: 14px;
}
.partnerx-hiw-slider-item-content:after {
  content: counter(item-ctr);
  counter-increment: item-ctr;
  position: absolute;
  font-size: 72px;
  right: 18px;
  bottom: -12px;
  color: var(--color-text-l2);
  opacity: 0.2;
  font-weight: 700;
  line-height: 1em;
}
.partnerx-hiw-slider .slick-slide:focus {
  outline: 0;
}
.partnerx-hiw-slider .slick-list {
  overflow: visible;
}
@media (min-width: 992px) {
  .partnerx-hiw-slider .slick-list {
    overflow: hidden;
  }
}
.partnerx-hiw-slider .slick-dots {
  list-style: none;
  padding: 0;
  margin: 0;
}
.partnerx-hiw-slider .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.partnerx-hiw-slider .slick-dots li.slick-active button {
  width: 30px;
}
.partnerx-hiw-slider .slick-dots li.slick-active button:before {
  width: 30px;
  background-color: var(--color-primary);
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
  opacity: 1;
}
.partnerx-hiw-slider .slick-dots li button {
  position: relative;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 9px;
  height: 9px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.partnerx-hiw-slider .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 9px;
  content: "";
  text-align: center;
  background-color: var(--color-gray);
  border-radius: 50%;
}
.partnerx-hiw-slider .slick-next,
.partnerx-hiw-slider .slick-prev {
  position: absolute;
  background: transparent;
  border: transparent;
  transform: translateX(-50%);
  bottom: -50px;
  top: auto;
  width: 35px;
  height: 35px;
}
.partnerx-hiw-slider .slick-next:before,
.partnerx-hiw-slider .slick-prev:before {
  content: none;
}
.partnerx-hiw-slider .slick-next.slick-disabled,
.partnerx-hiw-slider .slick-prev.slick-disabled {
  opacity: 0.25;
}
.partnerx-hiw-slider .slick-prev {
  left: calc(50% - 30px);
  background: url("") no-repeat 50%;
  display: block;
}
.partnerx-hiw-slider .slick-next {
  background: url("") no-repeat 50%;
  left: calc(50% + 30px);
  display: block;
}
@media (max-width: 400px) {
  .close-popover.referral-tootlip {
    width: 200px;
  }
}
.fees {
  background-color: var(--color-background-default);
  flex-shrink: 0;
  width: 100%;
}
.fees,
.fees-section {
  display: inline-flex;
  flex-direction: column;
}
.fees-section {
  align-self: center;
  align-items: center;
  width: 75%;
  padding: 0 36px;
}
@media screen and (max-width: 767px) {
  .fees-section {
    padding: 0 15px;
    width: 100%;
  }
}
.fees-title {
  font-weight: 700;
  padding: 45px 0 20px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.5px;
  align-self: flex-start;
}
@media screen and (max-width: 767px) {
  .fees-title {
    padding: 20px 0 8px;
    font-size: 14px;
  }
}
.fees-info {
  position: relative;
  width: 100%;
}
.fees-info-title {
  justify-content: left;
}
.fees-info-title,
.fees-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  width: 100%;
}
.fees-info-wrapper {
  z-index: 2;
  justify-content: center;
}
.fees-info-wrapper .table-responsive {
  overflow-x: unset;
  border: 1px solid var(--color-divider);
}
@media only screen and (max-width: 767) {
  .fees-info-wrapper .table-responsive {
    border: 1px solid var(--color-divider);
  }
}
@media only screen and (max-width: 991px) {
  .fees-info-wrapper .table-responsive {
    height: 65vh;
    overflow-y: auto;
    margin-bottom: 0;
    border: 1px solid var(--color-divider);
  }
}
.fees-info-toggle {
  width: 100%;
}
.fees-info-toggle-group {
  width: 100%;
  display: flex;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .fees-info-toggle-group {
    margin-bottom: 12px;
  }
}
.fees-info-toggle-group-parent {
  width: 100%;
  display: flex;
  margin-bottom: 16px;
  align-self: start;
  border-bottom: 2px solid var(--color-divider);
}
@media screen and (max-width: 767px) {
  .fees-info-toggle-group-parent {
    margin-bottom: 12px;
    width: 100%;
  }
}
.fees-info-toggle-item {
  flex-grow: 1;
  font-size: 13px;
  font-weight: 600;
  box-shadow: none !important;
  opacity: 0.7;
  color: var(--color-text-l1);
  position: relative;
}
@media screen and (max-width: 767px) {
  .fees-info-toggle-item {
    font-size: 11px;
  }
}
.fees-info-toggle-item:hover {
  color: var(--color-text-l1);
}
.fees-info-toggle-item.active {
  opacity: 1;
  font-weight: 700;
  color: var(--color-primary);
}
.fees-info-toggle-item.active:after {
  content: "";
  height: 4px;
  width: 100%;
  display: block;
  background: var(--color-primary);
  position: absolute;
  left: 0;
  border-radius: 16px;
  margin-top: 5px;
}
.fees-info-toggle-item-parent {
  width: 30%;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none !important;
  opacity: 0.7;
  color: var(--color-text-l1);
  position: relative;
}
@media screen and (max-width: 767px) {
  .fees-info-toggle-item-parent {
    font-size: 11px;
  }
}
.fees-info-toggle-item-parent:hover {
  color: var(--color-text-l1);
}
.fees-info-toggle-item-parent.active {
  opacity: 1;
  font-weight: 700;
  color: var(--color-primary);
}
.fees-info-toggle-item-parent.active:after {
  content: "";
  height: 4px;
  width: 100%;
  display: block;
  background: var(--color-primary);
  position: absolute;
  left: 0;
  border-radius: 16px;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .fees-info-toggle-item-parent {
    width: 60%;
  }
}
.fees-info-table {
  width: 100%;
}
.fees-info-table table {
  margin-bottom: 0 !important;
  border: 1px solid var(--color-divider);
  border-collapse: initial;
}
.fees-info-table table > thead {
  position: sticky;
  top: 0;
}
.fees-info-table table > tbody > tr,
.fees-info-table table > thead > tr {
  background-color: var(--color-table-row-odd);
}
.fees-info-table table > tbody > tr.total,
.fees-info-table table > thead > tr.total {
  background-color: var(--color-green);
  color: var(--color-white);
}
.fees-info-table table > tbody > tr.even-child,
.fees-info-table table > thead > tr.even-child {
  background-color: var(--color-table-row-even);
}
.fees-info-table table > tbody > tr.last-child,
.fees-info-table table > thead > tr.last-child {
  border-bottom: 1px solid var(--color-divider);
}
.fees-info-table table > tbody > tr > td,
.fees-info-table table > tbody > tr > th,
.fees-info-table table > thead > tr > td,
.fees-info-table table > thead > tr > th {
  padding: 8px 15px;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .fees-info-table table > tbody > tr > td,
  .fees-info-table table > tbody > tr > th,
  .fees-info-table table > thead > tr > td,
  .fees-info-table table > thead > tr > th {
    padding: 8px 14px;
    font-size: 11px;
  }
}
.fees-info-table table > tbody > tr > td span.tag-green,
.fees-info-table table > tbody > tr > th span.tag-green,
.fees-info-table table > thead > tr > td span.tag-green,
.fees-info-table table > thead > tr > th span.tag-green {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  background: var(--color-background-success);
  color: var(--color-green);
  padding: 4px 8px;
  height: 25px;
  border-radius: 4px;
  line-height: 1em;
  text-transform: capitalize;
}
.fees-info-table table > tbody > tr > td span.tag-red,
.fees-info-table table > tbody > tr > th span.tag-red,
.fees-info-table table > thead > tr > td span.tag-red,
.fees-info-table table > thead > tr > th span.tag-red {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  color: var(--color-red);
  background: var(--color-background-danger);
  padding: 4px 8px;
  height: 25px;
  border-radius: 4px;
  line-height: 1em;
  text-transform: capitalize;
}
.fees-info-table table > tbody > tr > td a.rapid,
.fees-info-table table > tbody > tr > th a.rapid,
.fees-info-table table > thead > tr > td a.rapid,
.fees-info-table table > thead > tr > th a.rapid {
  line-height: 1em;
  text-align: center;
  color: var(--color-primary);
  background: var(--color-background-hover);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  padding: 4px 8px;
  height: 25px;
  border-radius: 4px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.fees-info-table table > tbody > tr > td a.rapid:hover,
.fees-info-table table > tbody > tr > th a.rapid:hover,
.fees-info-table table > thead > tr > td a.rapid:hover,
.fees-info-table table > thead > tr > th a.rapid:hover {
  border: 1px solid var(--color-primary);
}
.fees-info-table table > tbody > tr > th,
.fees-info-table table > thead > tr > th {
  color: var(--color-text-l2);
  text-transform: uppercase;
  border-top: 0;
  box-shadow: inset 1px 0 0 0 var(--color-divider);
  vertical-align: middle;
  text-align: center;
  background-color: var(--color-background-l0);
}
.fees-bottom-note {
  display: flex;
  padding: 0 4px 45px;
  width: 100%;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .fees-bottom-note {
    padding: 0 4px 25px;
  }
}
.fees-faq {
  background: var(--color-background-l0);
  width: 100%;
  display: flex;
}
.fees-faq-wrapper {
  max-width: 650px;
  margin: 48px auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}
.faq,
.fees-faq-wrapper {
  width: 100%;
  display: flex;
}
.faq {
  background: var(--color-background-l0);
}
.faq-wrapper {
  width: 100%;
  max-width: 650px;
  margin: 64px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}
@media screen and (max-width: 767px) {
  .faq-wrapper {
    margin: 48px auto;
  }
}
.faq-help {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 16px 0;
}
.faq-help,
.faq-help a {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .faq-help {
    padding: 8px 0;
  }
  .faq-help,
  .faq-help a {
    font-size: 14px;
  }
}
.faq-box {
  width: 100%;
  flex-direction: column;
}
.faq-box,
.faq-box-heading {
  display: flex;
  justify-content: center;
}
.faq-box-heading {
  padding: 8px 0;
}
.faq-box-heading-title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.faq-box-panel-group {
  width: 100%;
}
.faq-box-panel-item {
  border-radius: 4px;
  border: 1px solid var(--color-divider);
  margin: 5px 0;
}
.faq-box-panel-item-title a {
  display: flex;
  padding: 25px;
  flex-grow: 1;
  justify-content: space-between;
  color: var(--color-text-l1);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.faq-box-panel-item-body {
  font-size: 14px;
  padding: 0 25px 25px;
  color: var(--color-text-l2);
  line-height: 20px;
}
.faq-box-panel-item-body ul {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}
.settings {
  display: flex;
  flex-direction: column;
}
.settings-wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
  max-width: 1000px;
  width: 75%;
  margin: 50px auto;
}
@media screen and (max-width: 1199px) {
  .settings-wrapper {
    width: 85%;
  }
}
@media screen and (max-width: 991px) {
  .settings-wrapper {
    width: auto;
    margin: 20px 10px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .settings-wrapper {
    width: 100%;
    margin: 0 auto;
  }
}
.settings-wrapper.without-header {
  margin: 10px auto;
}
.settings-sidebar {
  display: flex;
  width: 300px;
  flex-direction: column;
  z-index: 3;
  transition: all 0.2s ease-in;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .settings-sidebar {
    width: 100%;
    padding: 0 10px;
  }
}
.settings-sidebar-heading {
  padding: 16px 2px;
  color: var(--color-text-l1);
  font-weight: 700;
  font-size: 18px;
  line-height: 1em;
}
.settings-sidebar-heading-title {
  font-size: 24px;
  font-weight: 700;
}
.settings-sidebar-nav {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
}
@media screen and (max-width: 767px) {
  .settings-sidebar-nav {
    overflow: auto;
    margin-bottom: 20px;
  }
}
.settings-sidebar-nav-item {
  display: flex;
  padding: 16px 18px;
  justify-content: space-between;
  background-color: var(--color-background-l0);
  align-items: center;
  cursor: pointer;
  box-shadow: inset 0 1px 0 0 var(--color-shadow);
  position: relative;
  flex-shrink: 0;
}
.settings-sidebar-nav-item.selected:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: var(--color-primary);
  top: 1px;
  left: 0;
  bottom: 1px;
}
.settings-sidebar-nav-item.selected .settings-sidebar-nav-item-title,
.settings-sidebar-nav-item:hover .settings-sidebar-nav-item-title {
  color: var(--color-text-l1);
}
.settings-sidebar-nav-item-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.settings-sidebar-nav-item-title {
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-text-l1);
}
.settings-sidebar-nav-item-title .mdi {
  color: var(--color-primary);
}
.settings-container {
  display: flex;
  flex-grow: 1;
  min-height: 100%;
  margin: 0 10px 10px;
}
.settings-section {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.settings-section-container,
.settings-section-header {
  display: flex;
  flex-shrink: 0;
}
.settings-section-header {
  padding: 15px 0;
  color: var(--color-text-l1);
  font-weight: 700;
  font-size: 18px;
  line-height: 1em;
  align-items: center;
}
.settings-section-header-back {
  padding-right: 12px;
  padding-left: 2px;
}
.settings-section-header-title {
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .settings-section-body {
    display: flex;
    flex-direction: column;
  }
}
.settings-section-body-panel {
  background-color: var(--color-background-l0);
  border-radius: 4px;
  padding: 16px 18px;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.settings-section-body-panel-overflow-visible {
  overflow: visible;
}
.settings-section-body-panelnopadding {
  background-color: var(--color-background-l0);
  border-radius: 4px;
  padding: 16px 0;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.settings-section-body-panelnopadding-overflow-visible {
  overflow: visible;
}
.settings-section-body-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-divider);
}
.settings-section-body-sub {
  padding: 0 0 8px;
}
.settings-section-body-list {
  margin-left: 20px;
}
.settings-section-body-list li {
  list-style-type: none;
  position: relative;
}
.settings-section-body-list li:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 8px;
  bottom: calc(50% - 1px);
  background: var(--color-primary);
  left: -15px;
}
.downloads {
  background-color: var(--color-background-default);
  width: 100%;
}
.downloads,
.downloads-section {
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
}
.downloads-section {
  align-self: center;
  align-items: center;
  width: 75%;
  padding: 0 36px;
}
@media screen and (max-width: 767px) {
  .downloads-section {
    padding: 0 15px;
    width: 100%;
  }
}
.downloads-hero {
  width: 100%;
  position: relative;
  justify-content: space-between;
  flex-shrink: 0;
  z-index: 3;
  padding: 36px 36px 0;
  margin-bottom: 115px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .downloads-hero {
    padding: 40px 10px 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 374px) {
  .downloads-hero {
    padding: 40px 0 0;
  }
}
.downloads-hero:before {
  content: "";
  position: absolute;
  top: -25%;
  left: -5%;
  width: 110%;
  height: 105%;
  background-color: var(--color-primary);
  transform: rotate(173deg);
}
.downloads-hero:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url("") no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .downloads-hero:after {
    background: url("") no-repeat;
    background-size: 100% 100%;
  }
}
.downloads-footer {
  width: 100%;
  position: relative;
  justify-content: space-between;
  flex-shrink: 0;
  z-index: 3;
  padding: 45px 36px;
  background-color: var(--color-primary);
}
@media screen and (max-width: 767px) {
  .downloads-footer {
    padding: 40px 10px;
  }
}
@media screen and (max-width: 374px) {
  .downloads-footer {
    padding: 40px 0;
  }
}
.downloads-footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  z-index: 1;
  background: url("") var(--color-primary) no-repeat;
  background-position: 0 100%;
  background-size: cover;
}
.downloads-footer:after {
  content: "";
  position: absolute;
  top: -40%;
  right: 0;
  width: 20%;
  height: 125%;
  z-index: 1;
  background: url("") no-repeat;
  background-position: 100% 0;
  background-size: contain;
}
@media screen and (max-width: 1100px) {
  .downloads-footer:after {
    display: none;
  }
}
.downloads-cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  flex-grow: 1;
  z-index: 3;
  flex-shrink: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .downloads-cta-wrapper {
    justify-content: center;
    margin: 0 auto;
  }
}
.downloads-cta-heading {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  margin: 5px 10px;
}
.downloads-cta-heading-text {
  font-size: 36px;
  font-weight: 800;
  color: var(--color-text-white);
  font-style: italic;
  text-align: center;
  line-height: 1em;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .downloads-cta-heading-text {
    font-size: 24px;
  }
}
.downloads-cta-description {
  display: flex;
  justify-content: center;
  padding: 5px 14px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .downloads-cta-description {
    width: 50%;
  }
}
.downloads-cta-description-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57em;
  color: var(--color-text-white);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .downloads-cta-description-text {
    font-size: 12px;
    font-weight: 700;
  }
}
.downloads-cta-buttons {
  display: flex;
  justify-content: center;
  padding: 25px 10px 0;
  flex-shrink: 0;
  width: 100%;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .downloads-cta-buttons {
    padding: 15px 0 0;
  }
}
.downloads-cta-buttons-item {
  margin: 5px 10px;
}
@media screen and (max-width: 374px) {
  .downloads-cta-buttons-item {
    transform: scale(0.9);
    margin: 5px 0;
  }
}
.downloads-cta-devices {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (min-width: 360px) {
  .downloads-cta-devices {
    min-height: 140px;
  }
}
@media screen and (min-width: 535px) {
  .downloads-cta-devices {
    min-height: 200px;
  }
}
@media screen and (min-width: 900px) {
  .downloads-cta-devices {
    min-height: 250px;
  }
}
@media screen and (min-width: 1200px) {
  .downloads-cta-devices {
    min-height: 350px;
  }
}
@media screen and (min-width: 1600px) {
  .downloads-cta-devices {
    min-height: 450px;
  }
}
@media screen and (min-width: 1800px) {
  .downloads-cta-devices {
    min-height: 550px;
  }
}
.downloads-cta-devices-image {
  width: 78%;
  height: auto;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .downloads-cta-devices-image {
    width: 100%;
  }
}
.downloads-bullets {
  display: flex;
  flex-direction: column;
  width: 80%;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .downloads-bullets {
    width: 100%;
    padding: 0;
  }
}
.downloads-bullets-item {
  display: flex;
  margin: 75px 0;
  flex-direction: row;
  width: 100%;
  flex-shrink: 0;
}
.downloads-bullets-item.rtl {
  flex-direction: row-reverse;
}
.downloads-bullets-item.rtl .downloads-bullets-item-section {
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item.rtl .downloads-bullets-item-section {
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item {
    flex-direction: column !important;
    margin: 25px 0;
  }
}
.downloads-bullets-item-section {
  position: relative;
  display: flex;
  width: 50%;
  align-items: flex-end;
  padding: 0 15px;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section {
    width: 100%;
    padding: 0;
    align-items: center;
  }
}
.downloads-bullets-item-section-info {
  pointer-events: none;
  display: flex;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}
.downloads-bullets-item-section-info-base {
  width: 100%;
}
.downloads-bullets-item-section-info-graphic {
  position: absolute;
  width: 40%;
  height: auto;
  box-shadow: 5px -10px 20px 2px var(--color-shadow);
}
@media screen and (max-width: 767) {
  .downloads-bullets-item-section-info-graphic {
    width: 43%;
  }
}
.downloads-bullets-item-section-info-graphic.graphic-01 {
  top: 0;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section-info-graphic.graphic-01 {
    left: 18%;
  }
}
.downloads-bullets-item-section-info-graphic.graphic-02 {
  right: 20%;
  top: 10%;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section-info-graphic.graphic-02 {
    right: 18%;
  }
}
.downloads-bullets-item-section-info-graphic.graphic-03 {
  top: 0;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section-info-graphic.graphic-03 {
    left: 18%;
  }
}
.downloads-bullets-item-section-heading {
  width: 100%;
  position: relative;
  display: flex;
  flex-shrink: 0;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section-heading {
    padding: 0 20px;
  }
}
.downloads-bullets-item-section-heading-text {
  color: var(--color-text-l2);
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section-heading-text {
    font-size: 18px;
  }
}
.downloads-bullets-item-section-heading-index {
  line-height: 1em;
  font-size: 101px;
  color: var(--color-text-l2);
  opacity: 0.1;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section-heading-index {
    font-size: 80px;
  }
}
.downloads-bullets-item-section-heading:after {
  content: "";
  height: 4px;
  width: 30px;
  background: var(--color-primary);
  position: absolute;
  bottom: -16px;
  border-radius: 16px;
}
.downloads-bullets-item-section-description {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  margin: 16px 0 0;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section-description {
    margin: 16px 0 64px;
    padding: 0 20px;
  }
}
.downloads-bullets-item-section-description-text {
  color: var(--color-text-l2);
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .downloads-bullets-item-section-description-text {
    font-size: 14px;
  }
}
.dark .downloads-footer:after {
  background-image: url("") !important;
}
.xid-order-book {
  background-color: var(--color-background-l0);
  margin-bottom: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  left: 0;
}
.xid-order-book thead tr {
  height: 20px;
}
.xid-order-book thead tr th {
  height: 20px;
  color: var(--color-text-l2);
  font-weight: 700;
  font-size: 10px;
  line-height: 1.2;
  border-bottom: 1px solid var(--color-divider);
  padding: 4px 14px;
  white-space: nowrap;
}
.xid-order-book thead tr th.right {
  text-align: left;
}
.xid-order-book tbody tr {
  height: 30px;
  cursor: pointer;
}
.xid-order-book tbody tr .filler {
  position: absolute;
  height: 30px;
}
.xid-order-book tbody tr td {
  font-size: 12px;
  padding: 2px 14px;
  border: none;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.4px;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xid-order-book tbody tr td span {
  display: inline-block;
  width: 100%;
}
.xid-order-book tbody tr td .status-dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.xid-order-book tbody tr td .status-dot.green {
  background-color: var(--color-green);
}
.xid-order-book tbody tr td .status-dot.red {
  background-color: var(--color-red);
}
.xid-order-book tbody.buy tr .filler {
  background: var(--color-background-success);
  left: 0;
}
.xid-order-book tbody.buy tr td {
  text-align: left;
}
.xid-order-book tbody.buy tr td:first-child {
  color: var(--color-green);
}
.xid-order-book tbody.buy tr td:nth-child(2) {
  color: var(--color-text-l1);
}
.xid-order-book tbody.buy tr:hover td {
  background-color: var(--color-table-row-hover);
}
.xid-order-book tbody.sell tr .filler {
  background: var(--color-background-danger);
  left: 0;
}
.xid-order-book tbody.sell tr td {
  text-align: left;
}
.xid-order-book tbody.sell tr td:first-child {
  color: var(--color-red);
}
.xid-order-book tbody.sell tr td:nth-child(2) {
  color: var(--color-text-l1);
}
.xid-order-book tbody.sell tr:hover td {
  background-color: var(--color-table-row-hover);
}
.p2p-order-book__header__title {
  color: var(--color-text-l0);
  font-size: 12px;
  line-height: 1.2em;
  letter-spacing: 0.4px;
  text-align: left;
  font-weight: 400;
  padding: 8px 4px;
}
.p2p-order-book__header__types.toggle-group .btn {
  padding: 12px 20px;
}
.p2p-order-book__body {
  position: relative;
  display: flex;
  flex-direction: column;
}
.p2p-order-book__menu {
  border-bottom: 1px solid var(--color-divider);
}
.p2p-order-book__menu .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p2p-order-book__menu .menu__title {
  font-size: 12px;
  line-height: 1.67em;
  color: var(--color-text-l1);
  padding: 0 4px;
}
.p2p-order-book__menu .menu__options {
  width: 100%;
}
.p2p-order-book__menu .menu__options .btn {
  font-size: 12px;
  font-weight: 700;
  white-space: pre-line;
  width: 50%;
  padding: 12px;
}
.p2p-order-book__menu .menu__options .btn-default,
.p2p-order-book__menu .menu__options .btn-default:active,
.p2p-order-book__menu .menu__options .btn-default:focus,
.p2p-order-book__menu .menu__options .btn-default:hover {
  background: var(--color-background-l1);
  border: none;
  color: var(--color-text-l0);
  box-shadow: none;
}
.p2p-order-book__menu .menu__options .btn-default.active,
.p2p-order-book__menu .menu__options .btn-default.active:hover {
  background: var(--color-background-l0);
  box-shadow: none;
  color: var(--color-green);
  position: relative;
}
.p2p-order-book__menu .menu__options .btn-default.active:after,
.p2p-order-book__menu .menu__options .btn-default.active:hover:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  background-color: var(--color-green);
}
.p2p-order-book__table {
  display: flex;
  position: relative;
  overflow-y: auto;
}
.order-book-container {
  display: flex;
  position: relative;
  height: 100%;
  align-items: flex-start;
}
.order-book-table {
  background-color: var(--color-background-l0);
  margin-bottom: 0;
  color: var(--color-text-l1);
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  position: relative;
  table-layout: fixed;
}
.order-book-table.empty {
  height: 200px;
  margin-bottom: 0;
  width: 100%;
}
.order-book-table.empty thead tr {
  height: 20px;
}
.order-book-table--open,
.order-book-table--open thead tr th {
  width: 50%;
}
.order-book-table--left {
  left: 0;
}
.order-book-table--right {
  right: 0;
}
.order-book-table thead tr {
  height: 20px;
}
.order-book-table thead tr th {
  border-bottom: 1px solid var(--color-border);
}
.order-book-table thead tr th > h6 {
  height: 20px;
  color: var(--color-text-l3);
  font-weight: 700;
  font-size: 10px;
  line-height: 1.2;
  padding: 4px 14px;
  white-space: pre-line;
  vertical-align: middle;
}
.order-book-table thead tr th > h6.right {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .order-book-table thead tr th > h6 {
    white-space: nowrap;
  }
}
@media screen and (max-width: 992px) {
  .order-book-table thead tr th > h6 {
    padding: 4px 6px;
  }
}
.order-book-table tbody tr {
  height: 30px;
  cursor: pointer;
}
.order-book-table tbody tr .filler {
  position: absolute;
  height: 30px;
}
.order-book-table tbody tr td {
  font-size: 12px;
  padding: 2px 14px;
  border: none;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.4px;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  z-index: 5;
  position: relative;
}
.order-book-table tbody tr td.status-dot-cell {
  padding: 0;
  text-align: center !important;
}
.order-book-table tbody tr td.status-dot-cell .dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.order-book-table tbody tr td.status-dot-cell .dot.green {
  background-color: var(--color-green);
}
.order-book-table tbody tr td.status-dot-cell .dot.red {
  background-color: var(--color-red);
}
@media screen and (max-width: 992px) {
  .order-book-table tbody tr td {
    padding: 2px 6px;
  }
}
.order-book-table tbody.buy tr .filler {
  background: var(--color-table-row-green-overlay);
  right: 0;
  left: auto;
}
.order-book-table tbody.buy tr td {
  text-align: right;
}
.order-book-table tbody.buy tr td:first-child {
  color: var(--color-green);
}
.order-book-table tbody.buy tr td:nth-child(2) {
  color: var(--color-text-l1);
}
.order-book-table tbody.buy tr:hover td {
  background-color: var(--color-table-row-hover);
}
.order-book-table tbody.sell tr .filler {
  background: var(--color-table-row-red-overlay);
  left: 0;
  right: auto;
}
.order-book-table tbody.sell tr td {
  text-align: left;
}
.order-book-table tbody.sell tr td:first-child {
  color: var(--color-red);
}
.order-book-table tbody.sell tr td:nth-child(2) {
  color: var(--color-text-l1);
}
.order-book-table tbody.sell tr:hover td {
  background-color: var(--color-table-row-hover);
}
.order-book-table--xid tbody.buy tr .filler,
.order-book-table--xid tbody.sell tr .filler {
  left: 0;
  right: auto;
}
.order-book-table--xid tbody.buy tr td,
.order-book-table--xid tbody.sell tr td {
  text-align: left;
}
.order-book-table--xid tbody.buy tr .overlay,
.order-book-table--xid tbody.sell tr .overlay {
  display: flex;
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  overflow: hidden;
}
.order-book-table--xid tbody.buy tr .overlay__box,
.order-book-table--xid tbody.sell tr .overlay__box {
  display: flex;
  position: absolute;
  right: -4%;
  opacity: 0;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(245, 248, 250, 0) 0,
    hsla(0, 0%, 100%, 0.27) 10%
  );
  width: 45%;
  justify-content: flex-end;
  min-width: 150px;
  align-items: center;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.3s;
}
.order-book-table--xid tbody.buy tr .overlay:hover .overlay__box,
.order-book-table--xid tbody.sell tr .overlay:hover .overlay__box {
  right: 0;
  opacity: 1;
}
.order-book-table__loader {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 295px;
  justify-content: center;
  align-items: center;
}
.two-fa-form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.two-fa-form:not(.no-overflow-setting) {
  overflow: auto;
}
.two-fa-form-body {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px;
  flex-shrink: 0;
}
.two-fa-form-body svg {
  margin: 8px auto;
}
.two-fa-form-footer {
  padding: 0 24px 24px;
  flex-direction: column;
  box-shadow: inset 0 -1px 0 0 var(--color-shadow);
}
.two-fa-form-footer,
.two-fa-form-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.two-fa-form-title {
  font-weight: 700;
  text-align: center;
  margin-top: 0;
}
.two-fa-form-title.copying {
  color: var(--color-primary);
}
.two-fa-form-list {
  padding: 8px 24px 8px 40px;
  background: var(--color-background-warning);
  margin: 8px -24px;
  list-style-position: outside;
  list-style-type: decimal;
}
.two-fa-form-list li {
  padding: 4px 0;
}
.two-fa-form-link {
  cursor: pointer;
  line-height: 1.67;
  color: var(--color-primary);
  text-decoration: none;
  letter-spacing: 0.5px;
}
.two-fa-form-link:hover {
  text-decoration: underline;
}
.two-fa-form-input-wrapper {
  width: 156px;
  margin: 24px auto 0;
}
.two-fa-form-description {
  text-align: center;
  line-height: 1.2em;
  letter-spacing: 0.5px;
}
.two-fa-form-description.dashed-border-box {
  border: 1px dashed var(--color-divider);
  padding: 8px;
  border-radius: 2px;
}
.two-fa-form-submit-text {
  text-align: center;
  font-weight: 700;
  width: 100%;
}
.two-fa-form-check {
  margin-top: 8px;
  margin-bottom: 16px;
}
.two-fa-form-check,
.two-fa-form-separator {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.two-fa-form-separator {
  align-items: center;
  padding: 8px 0;
  position: relative;
}
.two-fa-form-separator:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  background: var(--color-divider);
  z-index: 1;
}
.two-fa-form-separator:after {
  content: "OR";
  display: block;
  background: var(--color-background-l0);
  z-index: 2;
  padding: 0 12px;
  font-size: 12px;
  color: var(--color-text-l3);
}
.two-fa-form-box {
  display: flex;
  justify-content: center;
  padding: 8px;
  align-items: center;
  flex-shrink: 0;
}
.two-fa-form-box.qr-box {
  position: relative;
  border: 2px solid var(--color-divider);
  margin: 0 auto;
  background: var(--color-white);
}
.two-fa-form-box.qr-box:before {
  height: 80%;
  left: -2px;
  right: -2px;
  top: 10%;
  border-left: 2px solid var(--color-white);
  border-right: 2px solid var(--color-white);
}
.two-fa-form-box.qr-box:after,
.two-fa-form-box.qr-box:before {
  content: "";
  background: transparent;
  position: absolute;
  z-index: 0;
}
.two-fa-form-box.qr-box:after {
  width: 80%;
  top: -2px;
  bottom: -2px;
  left: 10%;
  border-top: 2px solid var(--color-white);
  border-bottom: 2px solid var(--color-white);
}
.two-fa-form-box.qr-box > * {
  z-index: 1;
}
.two-fa-form-box.code-box {
  border: 1px dashed var(--color-divider);
  border-radius: 4px;
  margin-top: 8px;
  background: var(--color-background-l0);
}
.two-fa-form-box.code-box.copying {
  background: var(--color-background-l1);
}
.two-fa-form-box.code-box:hover {
  border: 1px dashed var(--color-primary);
  box-shadow: 0 1px 1px var(--color-shadow);
}
.two-fa-form-section {
  display: flex;
  flex-direction: column;
  margin: 8px 0;
  flex-shrink: 0;
}
.email-approval-panel {
  margin: 0 10px;
}
.email-approval-body {
  position: relative;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
  background: var(--color-background-l0);
  overflow-y: auto;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  width: 75%;
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  .email-approval-body {
    width: 100%;
    margin: 25px auto 0;
  }
}
.email-approval-body-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 24px;
  min-height: 175px;
  text-align: center;
}
.email-approval-body-wrapper img {
  margin-bottom: 8px;
}
.email-approval-body-description {
  font-weight: 700;
}
.email-approval-body-heading {
  padding: 8px 24px;
  border-bottom: 1px solid var(--color-divider);
}
.email-approval-body-heading-text {
  line-height: 1.3em;
  letter-spacing: 0.5px;
}
.activity-logs-panel {
  background-color: var(--color-background-l0);
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
  position: relative;
}
@media screen and (max-width: 420px) {
  .activity-logs-panel {
    margin-top: 40px;
    overflow: visible;
  }
}
.activity-logs-panel-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 150px;
}
.activity-logs-panel-loader-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.activity-logs-panel-loader-text {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-l2);
  font-weight: 400;
  text-transform: none;
}
.activity-logs-list.loading {
  position: relative;
}
.activity-logs-list.loading:before {
  content: "";
  background: var(--color-background-l1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.activity-logs-list.loading:after {
  content: "";
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid var(--color-primary);
  border-top-color: var(--color-divider) !important;
  border-left-color: var(--color-divider) !important;
  width: 32px;
  background: none !important;
  height: 32px;
  border-radius: 50%;
  animation: loadingSpinner 0.7s linear infinite;
  z-index: 3;
}
.activity-logs-row {
  padding: 18px;
  border-top: 1px solid var(--color-divider);
  display: flex;
  flex-direction: column;
}
.activity-logs-row:hover {
  background: var(--color-background-l1);
}
.activity-logs-cell {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 4px 0;
}
.activity-logs-cell-label {
  font-size: 12px;
  color: var(--color-text-l2);
  text-transform: uppercase;
  font-weight: 700;
  width: 20%;
  min-width: 80px;
  letter-spacing: 0.5px;
}
.activity-logs-cell-text {
  font-size: 12px;
  color: var(--color-text-l1);
  font-weight: 700;
  padding-left: 4px;
  width: 80%;
  letter-spacing: 0.5px;
  white-space: pre-wrap;
  word-break: break-word;
}
.activity-logs-cell.activity .activity-logs-cell-text {
  color: var(--color-primary);
}
.activity-logs-pagination {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--color-background-l0);
  z-index: 2;
}
@media screen and (max-width: 420px) {
  .activity-logs-pagination {
    top: -40px;
    left: 50%;
    right: 50%;
  }
}
.activity-logs-pagination-wrapper {
  display: flex;
  border-radius: 4px;
}
.activity-logs-pagination-button {
  all: unset;
  padding: 4px 10px;
  font-size: 16px;
  color: var(--color-primary);
  background-color: var(--color-background-l2);
}
.activity-logs-pagination-button.prev {
  border-radius: 4px 0 0 4px;
}
.activity-logs-pagination-button.next {
  border-radius: 0 4px 4px 0;
}
.activity-logs-pagination-button:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  cursor: pointer;
  border-color: var(--color-primary);
}
.activity-logs-pagination-button:disabled {
  opacity: 0.1;
}
.activity-logs-pagination-label {
  padding: 4px 10px;
  border-color: var(--color-primary);
  border-style: solid;
  border-width: 0 1px;
  background: var(--color-primary);
  font-weight: 700;
  color: var(--color-white);
}
.feature-checklist {
  display: inline-flex;
  width: 100%;
  background: var(--color-background-l0);
  margin-top: 24px;
  justify-content: space-between;
}
.feature-checklist-section {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.feature-checklist-section-title {
  padding: 16px;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
  letter-spacing: 0.5px;
  font-size: 13px;
  line-height: 1.2em;
  background: var(--color-background-l1);
  border-bottom: 1px solid var(--color-divider);
}
.feature-checklist-section-list {
  padding: 16px 0 16px 12%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0;
}
.feature-checklist-section-item {
  display: grid;
  grid-template-columns: 12px auto;
  align-items: center;
  padding: 4px 0;
}
.feature-checklist-section-item-text {
  padding: 0 8px;
}
.feature-checklist-section-item-text.disabled {
  color: var(--color-text-l3);
}
.feature-checklist-section-button {
  display: flex;
  padding: 8px;
  justify-content: center;
}
.feature-checklist-section.partial {
  border-right: 1px solid var(--color-divider);
}
.yi-wazirx-logo {
  position: absolute;
  left: 7%;
  top: 5%;
  transform: scale(1.3);
}
@media screen and (max-width: 767px) {
  .yi-wazirx-logo {
    left: 5%;
    margin-left: 10%;
  }
}
.yi-sharer {
  margin-top: -1px;
  background: var(--color-background-l1);
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 50px 0;
  align-items: center;
}
.yi-sharer-title-text {
  font-size: 16px;
  color: var(--color-text-l2);
}
.yi-sharer-buttons {
  display: flex;
  margin: 8px -5px;
  width: 100%;
  max-width: 300px;
}
.yi-sharer-buttons-item {
  display: flex;
  flex-basis: 25%;
  justify-content: center;
  align-items: center;
  height: 48px;
  border-radius: 4px;
  font-size: 18px;
  color: var(--color-white);
  margin: 0 5px;
}
.yi-sharer-buttons-item.visible-xs-flex {
  display: none;
}
@media screen and (max-width: 767px) {
  .yi-sharer-buttons-item.visible-xs-flex {
    display: flex;
  }
}
.yi-sharer-buttons-item.hidden-xs-flex {
  display: flex;
}
@media screen and (max-width: 767px) {
  .yi-sharer-buttons-item.hidden-xs-flex {
    display: none;
  }
}
.yi-sharer-buttons-item.item-facebook {
  background: var(--color-vendors-facebook);
}
.yi-sharer-buttons-item.item-whatsapp {
  background: var(--color-vendors-whatsapp);
}
.yi-sharer-buttons-item.item-telegram {
  background: var(--color-vendors-telegram);
}
.yi-sharer-buttons-item.item-twitter {
  background: var(--color-vendors-twitter);
}
.yi-0 {
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
}
.yi-0-box {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .yi-0-box {
    flex-direction: column;
  }
}
.yi-0-section {
  display: flex;
  width: 50%;
  height: 100%;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .yi-0-section {
    width: 100%;
  }
  .yi-0-section.first {
    height: 35%;
    align-items: flex-end;
  }
  .yi-0-section.second {
    height: 65%;
    justify-content: center;
  }
}
.yi-0-section.second {
  justify-content: center;
}
.yi-0-img {
  height: 100%;
  width: 80%;
}
.yi-0-title {
  color: var(--color-text-l2);
  font-size: 100px;
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 0.77em;
}
@media screen and (max-width: 767px) {
  .yi-0-title {
    font-size: 60px;
  }
}
.yi-0-sub {
  color: var(--color-white);
  font-size: 61px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: -25px;
  line-height: 1em;
}
@media screen and (max-width: 767px) {
  .yi-0-sub {
    font-size: 36px;
    margin-top: -15px;
  }
}
.yi-0-container {
  display: flex;
  flex-direction: column;
  margin: 0 10%;
}
.yi-scroll-button {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%);
}
.yi-scroll-button button {
  all: unset;
}
.yi-list-summary {
  display: flex;
  background-color: var(--color-background-l1);
  position: relative;
  flex-direction: column;
  margin-top: 25px;
  padding-bottom: 25px;
}
.yi-list-summary-row {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
@media screen and (max-width: 767px) {
  .yi-list-summary-row {
    flex-direction: column;
  }
}
.yi-list-summary-row-item {
  background: var(--color-background-l0);
  padding: 25px;
  box-shadow: 0 15px 40px 6px var(--color-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 25px;
  width: 30%;
  height: 250px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .yi-list-summary-row-item {
    width: auto;
  }
}
.yi-list-summary-row-item-title {
  font-size: 40px;
  font-weight: 700;
  margin: 20px 0;
  color: var(--color-text-l1);
}
.yi-list-summary-row-item-desc {
  font-size: 16px;
  color: var(--color-text-l2);
}
.yi-list-separator {
  display: flex;
  background-color: var(--color-background-l1);
  position: relative;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  margin-bottom: -50px;
  margin-top: -1px;
}
@media screen and (max-width: 767px) {
  .yi-list-separator {
    padding: 25px 0;
    margin-bottom: -50px;
  }
}
.yi-list-separator:before {
  content: "";
  position: absolute;
  width: 90%;
  border: 2px dashed var(--color-divider);
}
.yi-list-separator-text {
  font-size: 80px;
  font-weight: 700;
  color: var(--color-text-l2);
  background: var(--color-background-l1);
  display: block;
  padding: 0 2%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .yi-list-separator-text {
    font-size: 60px;
  }
}
.yi-list-item {
  background-color: var(--color-background-l1);
  height: 480px;
  position: relative;
  display: flex;
  flex-direction: row;
  margin-top: -1px;
}
@media screen and (max-width: 767px) {
  .yi-list-item {
    flex-direction: column;
    margin-bottom: -1px;
    height: auto;
    padding: 50px 0;
  }
}
.yi-list-item.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .yi-list-item.reverse {
    flex-direction: column;
  }
}
.yi-list-item.transparent {
  background: transparent;
  height: 100vh;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .yi-list-item.transparent {
    margin-bottom: 2px;
  }
}
.yi-list-item-section {
  height: 100%;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .yi-list-item-section {
    width: 100%;
    height: auto;
    padding: 25px 0;
  }
}
.yi-list-item-ig {
  padding: 40px;
  border-radius: 40px;
  background: var(--color-background-l0);
  box-shadow: 0 15px 40px 6px var(--color-shadow);
}
.yi-list-item-box {
  margin: 0 10%;
}
.yi-list-item-box,
.yi-list-item-box-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.yi-list-item-box-title {
  font-size: 100px;
  color: var(--color-text-l1);
  opacity: 0.05;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .yi-list-item-box-title {
    font-size: 66px;
  }
}
.yi-list-item-box-sub {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text-l2);
  margin: -40px 0 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .yi-list-item-box-sub {
    font-size: 18px;
    margin: -25px 0 25px;
  }
}
.yi-list-item-box-description-text {
  color: var(--color-text-l2);
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .yi-list-item-box-description-text {
    font-size: 14px;
  }
}
.ticker-container {
  align-self: flex-start;
  border-radius: 4px;
  background-color: var(--color-background-l0);
  box-shadow: 1px 1px 2px var(--color-shadow);
  flex: 1 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .ticker-container {
    margin-bottom: 12px;
  }
}
.ticker-wrapper {
  display: flex;
  padding: 10px 10px 0;
  width: 100%;
  justify-content: center;
  border-radius: 4px;
  overflow: hidden;
  font-weight: 700;
}
.ticker-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  min-height: 94px;
  box-shadow: inset 0 -1px 0 0 var(--color-shadow);
  background-color: var(--color-background-l0);
  border-radius: 4px;
}
.ticker-body {
  overflow-y: auto;
}
.ticker-body ::-webkit-scrollbar {
  width: 3px;
  background-color: var(--color-scrollbar-background);
}
.ticker-body ::-webkit-scrollbar-thumb {
  background-color: var(--color-scrollbar-thumb);
}
.ticker-toggle {
  display: flex;
  flex: 0 0 32px;
  position: relative;
  padding: 8px 0;
  width: 100%;
  margin-bottom: 4px;
}
.ticker-loader-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 68px 0;
  background-color: var(--color-background-l0);
  height: 100%;
}
.ticker-loader-wrapper .title {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.4px;
}
.ticker-item {
  display: flex;
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid var(--color-divider);
  padding: 4px 12px;
  align-items: center;
  flex-grow: 0;
  background-color: initial;
}
.ticker-item .currency-logo {
  margin-right: 8px;
  font-size: 8px;
}
.ticker-item .market {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ticker-item .market-name {
  display: flex;
  flex-direction: column;
  color: var(--color-text-l0);
  font-weight: 700;
}
.ticker-item .market-name-text {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  color: var(--color-text-l0);
}
.ticker-item .market-name-text .subtext {
  color: var(--color-text-l2);
  font-size: 10px;
  line-height: 1.2;
  text-align: right;
  font-weight: 700;
}
.ticker-item .market-change {
  display: flex;
}
.ticker-item .price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  color: var(--color-text-l0);
  z-index: 1;
}
.ticker-item .price .blinkGreen {
  animation: blinkGreen 0.5s ease-out 1;
}
.ticker-item .price .blinkRed {
  animation: blinkRed 0.5s ease-out 1;
}
.ticker-item .price-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ticker-item .price-text {
  font-weight: 700;
  color: var(--color-text-l0);
  text-align: right;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.4px;
}
.ticker-item .price-subtext {
  font-weight: 700;
  font-size: 10px;
  line-height: 1.2;
  text-align: right;
  color: var(--color-text-l3);
}
.ticker-item:hover {
  background-color: var(--color-background-hover);
}
.ticker-item:last-of-type {
  margin-bottom: 6px;
  border-bottom: none;
}
.ticker-item.selected {
  background-color: var(--color-background-activated);
  box-shadow: inset 3px 0 0 0 var(--color-primary);
}
.theme-dark .record .currency-logo,
.theme-dark .ticker-item .currency-logo {
  filter: saturate(0) brightness(1.75);
}
.responsive-tab-container {
  white-space: nowrap;
}
.responsive-tab-container,
.responsive-tab-list {
  display: flex;
  background: var(--color-background-l0);
}
.responsive-tab-list {
  height: 55px;
  position: absolute;
  width: 100%;
  bottom: 0;
  box-shadow: 1px -1px 2px var(--color-shadow);
  z-index: 9;
}
.responsive-tab-list-above-popup {
  z-index: 100;
}
.responsive-tab-list-item {
  display: flex;
  background: var(--color-background-l0);
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  color: var(--color-text-l2);
  font-size: 12px;
  flex-direction: column;
  -webkit-touch-callout: none;
  user-select: none;
}
.responsive-tab-list-item.selected {
  color: var(--color-red);
}
.responsive-tab-list-item-icon {
  font-size: 20px;
}
.responsive-tab-list-item-wrx {
  padding: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: -20px;
  margin-bottom: 8px;
}
.responsive-tab-list-item.pending-actions:after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  border-radius: 50%;
  background: var(--color-red);
  top: 10px;
  right: 10px;
  animation: flash 3s cubic-bezier(0.4, 0, 1, 1) 1s infinite;
}
.responsive-tab-panel {
  background: var(--color-background-l0);
  height: auto;
}
.responsive-tab-panel__st {
  background-color: var(--color-background-l1);
}
.responsive-tab-panel__with-gutter {
  margin: 0 12px;
}
.responsive-tab-panel-item {
  display: flex;
  display: inline-flex;
  flex-direction: column;
  white-space: normal;
  flex-shrink: 0;
  flex-grow: 1;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .responsive-tab-panel-item .trade-history tbody {
    display: block;
    height: auto;
    overflow-y: auto;
  }
}
.my-orders {
  background-color: var(--color-background-l0);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .my-orders {
    box-shadow: 1px 1px 2px var(--color-shadow);
  }
  .my-orders.my-orders__p2p {
    height: 320px;
  }
  .my-orders.my-orders__st {
    height: 322px;
  }
}
@media screen and (max-width: 767px) {
  .my-orders {
    margin-bottom: 0;
    width: 100%;
    height: 100%;
  }
}
.my-orders-toolbox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 8px;
  flex: 0 0 24px;
  box-shadow: 0 1px 0 0 var(--color-shadow);
}
.my-orders-toolbox button {
  width: 60px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid var(--color-divider);
  font-size: 10px;
  margin: 0;
  justify-content: center;
  color: var(--color-text-l2);
}
.my-orders-pages {
  display: flex;
  padding: 2px 0;
  justify-content: center;
}
.my-orders-floating-btn {
  bottom: 10px;
  z-index: 2;
}
.my-orders-floating-btn.prev {
  left: 15px;
}
.my-orders-floating-btn.next {
  right: 15px;
}
.my-orders-floating-btn.btn {
  padding: 6px 4px;
  opacity: 0.65;
}
.my-orders-floating-btn.btn:focus,
.my-orders-floating-btn.btn:hover {
  color: var(--color-white);
}
.my-orders-floating-btn.btn:disabled {
  display: none;
}
.my-orders-table {
  height: calc(100% - 30px);
  flex-direction: column;
  width: 100%;
  position: relative;
  display: flex;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .my-orders-table {
    height: 100%;
  }
}
.my-orders-table-head {
  display: flex;
  flex-direction: column;
  font-size: 10px;
  color: var(--color-text-l2);
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-divider);
  flex: 0 0 20px;
}
.my-orders-table-head-row {
  display: flex;
}
.my-orders-table-head-cell {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 20px;
  color: var(--color-text-l2);
  font-weight: 700;
  font-size: 10px;
  line-height: 1.2;
  padding: 4px 14px;
  white-space: nowrap;
}
.my-orders-table-head-cell.pair {
  width: 20%;
  border-left: 5px solid transparent;
}
.my-orders-table-head-cell.quantity {
  width: 25%;
}
.my-orders-table-head-cell.quantity.active {
  width: 45%;
  justify-content: flex-start;
}
.my-orders-table-head-cell.price {
  width: 20%;
}
.my-orders-table-head-cell.status {
  width: 25%;
}
.my-orders-table-head-cell.total {
  width: 20%;
}
.my-orders-table-head-cell.info {
  width: 15%;
}
.my-orders-table-head-cell.pending-actions {
  width: 35%;
  justify-content: flex-start;
}
.my-orders-table-head-cell.action {
  width: 0;
}
.my-orders-table-body {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
.my-orders-table-body-loader {
  min-height: 270px;
}
.my-orders-table-body-loader,
.my-orders-table-body-loader-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.my-orders-table-body-loader-text {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-l2);
  font-weight: 400;
  text-transform: none;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .my-orders-table-body {
    overflow-y: auto;
    width: 100%;
  }
}
.my-orders-table-body-row {
  display: flex;
  height: 45px;
  flex: 0 0 45px;
  position: relative;
  z-index: 1;
  justify-content: flex-start;
  cursor: pointer;
  overflow: hidden;
}
.my-orders-table-body-row:before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-divider);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.my-orders-table-body-row .filler {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.my-orders-table-body-row .filler.sell {
  background-color: var(--color-background-danger);
}
.my-orders-table-body-row .filler.buy {
  background-color: var(--color-background-success);
}
.my-orders-table-body-row.blinkGreen {
  animation: blinkGreen 1s ease-out 1;
}
.my-orders-table-body-row.blinkRed {
  animation: blinkRed 1s ease-out 1;
}
@media screen and (max-width: 767px) {
  .my-orders-table-body-row:last-child {
    margin-bottom: 65px;
  }
}
.my-orders-table-body-row:hover .my-orders-table-body-tools {
  right: 0;
  opacity: 1;
  z-index: 2;
}
.my-orders-table-body-cell {
  display: flex;
  height: 100%;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.2em;
}
.my-orders-table-body-cell-text {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.my-orders-table-body-cell-box {
  color: var(--color-text-l3);
  font-weight: 700;
  line-height: 1.2em;
  position: relative;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}
.my-orders-table-body-cell-box.active {
  color: var(--color-white);
}
.my-orders-table-body-cell-box.active.buy {
  background: var(--color-green);
}
.my-orders-table-body-cell-box.active.sell {
  background: var(--color-red);
}
.my-orders-table-body-cell .subtext {
  font-size: 10px;
  display: block;
  color: var(--color-text-l2);
  font-weight: 700;
}
.my-orders-table-body-cell .underline {
  border-bottom: 1px solid var(--color-divider);
  display: inline-block;
  margin-bottom: 1px;
  color: var(--color-text-l2);
  font-weight: 700;
}
.my-orders-table-body-cell.pair {
  width: 20%;
  border-left: 5px solid;
}
.my-orders-table-body-cell.pair.sell {
  border-color: var(--color-red);
}
.my-orders-table-body-cell.pair.buy {
  border-color: var(--color-green);
}
.my-orders-table-body-cell.quantity {
  width: 25%;
}
.my-orders-table-body-cell.quantity.active {
  width: 45%;
  align-items: flex-start;
}
.my-orders-table-body-cell.quantity.active .my-orders-table-body-cell-text {
  text-align: left;
  padding: 0 16px;
}
.my-orders-table-body-cell.price {
  width: 20%;
}
.my-orders-table-body-cell.status {
  width: 25%;
}
.my-orders-table-body-cell.total {
  width: 20%;
}
.my-orders-table-body-cell.info {
  width: 15%;
  align-items: flex-end;
  margin-left: auto;
}
.my-orders-table-body-cell.action {
  width: 10%;
  border-right: 5px solid transparent;
  font-size: 18px;
  color: var(--color-text-l1);
}
.my-orders-table-body-cell.action.active .mdi {
  animation: bounceInLeft 1s infinite;
}
.my-orders-table-body-cell.action.inactive {
  color: var(--color-text-l3);
}
.my-orders-table-body-cell.action:hover {
  color: var(--color-primary);
}
.my-orders-table-body-cell.pending-actions {
  width: 25%;
}
.my-orders-table-body-tools {
  display: flex;
  height: 100%;
  width: 85%;
  opacity: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(245, 248, 250, 0) 0, #f5f8fa 10%);
  position: absolute;
  right: -10px;
  top: 0;
  transition: all 0.2s;
  justify-content: flex-end;
  align-items: center;
  font-weight: 600 !important;
  color: var(--color-text-l2);
  cursor: default;
}
.my-orders-table-body-tools-time {
  font-size: 10px;
  line-height: 1.2;
  padding: 0 12px;
}
.my-orders-table-body-tools-status {
  padding: 0 12px 0 0;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
}
.my-orders-table-body-tools-item {
  display: flex;
  flex: 0 0 48px;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.my-orders-table-body-tools-item.xl {
  flex: 0 0 96px;
}
.my-orders-table-body-tools-item.disabled {
  opacity: 0;
}
.my-orders-table-body-tools-item:hover {
  color: var(--color-text-l1);
}
.responsive-popup {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.responsive-popup:not(.no-overflow-setting) {
  overflow: auto;
}
.responsive-popup-body {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}
.responsive-popup-body svg {
  margin: 8px auto;
}
.responsive-popup-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 24px;
  flex-shrink: 0;
  box-shadow: inset 0 1px 0 0 var(--color-shadow);
}
.responsive-popup-footer .button-text {
  display: block;
  text-align: center;
  width: 100%;
}
.responsive-popup-list {
  padding: 8px 24px;
  background: var(--color-background-warning);
  list-style-position: outside;
  list-style-type: decimal;
  font-size: 12px;
}
.responsive-popup-list li {
  padding: 4px 0;
}
.responsive-popup-table {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 12px 24px;
}
.responsive-popup-table .table {
  margin-bottom: 0;
}
.responsive-popup-table .table tbody {
  overflow: auto;
  width: 100%;
  height: 100%;
  display: block;
}
.responsive-popup-table .table tbody tr {
  position: relative;
  width: 100%;
  display: table;
}
.responsive-popup-table .table tbody tr td {
  width: 50%;
}
.responsive-popup-table .table thead {
  display: block;
  overflow: auto;
  width: 100%;
}
.responsive-popup-table .table thead tr {
  position: relative;
  width: 100%;
  display: table;
}
.responsive-popup-table .table thead tr th {
  width: 50%;
}
section.footer {
  background: var(--color-footer-background);
}
section.footer .wrapper {
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 955px) {
  section.footer .wrapper {
    max-width: 90%;
    padding: 0;
  }
}
section.footer .wrapper .hero {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-divider);
  align-items: center;
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  section.footer .wrapper .hero {
    padding: 45px 0 15px;
  }
}
@media screen and (max-width: 860px) {
  section.footer .wrapper .hero {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
section.footer .wrapper .hero .logo {
  height: 40px;
}
section.footer .wrapper .hero .download-apps {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 7.5px;
}
@media screen and (max-width: 767px) {
  section.footer .wrapper .hero .download-apps {
    justify-content: flex-start;
    padding-top: 22.5px;
    padding-bottom: 22.5px;
  }
}
section.footer .wrapper .hero .download-apps .set {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
section.footer .wrapper .hero .download-apps .item {
  height: 40px;
  margin: 7.5px;
}
section.footer .wrapper .menu {
  display: grid;
  grid-template-columns: repeat(auto-fill, 16%);
  grid-column-gap: 5%;
  border-bottom: 1px solid var(--color-divider);
  padding: 30px 0;
  row-gap: 30px;
}
@media screen and (max-width: 992px) {
  section.footer .wrapper .menu {
    grid-template-columns: repeat(auto-fill, 30%);
  }
}
@media screen and (max-width: 767px) {
  section.footer .wrapper .menu {
    justify-content: center;
    grid-column-gap: 5%;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 479px) {
  section.footer .wrapper .menu {
    grid-column-gap: 2%;
    grid-template-columns: repeat(auto-fill, 100%);
  }
}
section.footer .wrapper .menu-item .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.33em;
  color: var(--color-text-l0);
}
section.footer .wrapper .menu-item .submenu {
  padding-top: 20px;
}
section.footer .wrapper .menu-item .submenu ul {
  list-style-type: none;
  margin-bottom: 0;
}
section.footer .wrapper .menu-item .submenu ul li a {
  font-size: 14px;
  line-height: 1.5em;
  color: var(--color-text-l1);
  letter-spacing: 0.5px;
}
@media screen and (max-width: 479px) {
  section.footer .wrapper .menu-item .submenu ul li a {
    font-size: 14px;
  }
}
section.footer .wrapper .menu-item .submenu ul li:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (max-width: 479px) {
  section.footer .wrapper .menu-item .submenu ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}
section.footer .wrapper .menu-item .submenu ul li .social-icon {
  display: flex;
  align-items: center;
}
section.footer .wrapper .menu-item .submenu ul li .social-icon .box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  min-width: 22px;
  margin-right: 15px;
  color: var(--color-primary);
}
@media screen and (max-width: 479px) {
  section.footer .wrapper .menu-item .submenu ul li .social-icon .box {
    transform: scale(0.8);
  }
}
section.footer .wrapper .company {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
}
section.footer .wrapper .company .name {
  font-size: 12px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.2px;
  color: var(--color-text-l1);
}
.unlock-program {
  display: grid;
}
.unlock-program > .hero {
  background: var(--color-background-hero);
  display: grid;
  justify-items: center;
  box-shadow: 0 1px 1px 1px var(--color-shadow);
  padding: 24px 48px;
  margin-bottom: 24px;
  position: relative;
}
@media screen and (min-width: 1100px) {
  .unlock-program > .hero:before {
    content: "";
    position: absolute;
    left: 0;
    background: url("") no-repeat;
    height: 100%;
    width: 178px;
    margin: auto;
    background-position: 50%;
  }
  .unlock-program > .hero:after {
    content: "";
    position: absolute;
    right: 0;
    background: url("") no-repeat;
    height: 100%;
    width: 198px;
    margin: auto;
    background-position: 50%;
  }
}
@media screen and (max-width: 767px) {
  .unlock-program > .hero {
    padding: 16px 12px;
    margin-bottom: 12px;
  }
}
.unlock-program > .hero > .illustration {
  display: none;
}
@media screen and (max-width: 1099px) {
  .unlock-program > .hero > .illustration {
    display: block;
    margin-bottom: 24px;
  }
}
.unlock-program > .hero > .title {
  margin: 40px 0;
  color: var(--color-text-l1);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .unlock-program > .hero > .title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1099px) {
  .unlock-program > .hero > .title {
    margin: 24px 0;
  }
}
.unlock-program > .hero > .wrx-unlock-table {
  display: grid;
  max-width: 650px;
  width: 100%;
  border: 4px solid var(--color-primary);
  border-radius: 4px;
  margin: 0 0 40px;
  color: var(--color-text-l1);
  position: relative;
}
.unlock-program > .hero > .wrx-unlock-table > .overlay {
  position: absolute;
  opacity: 1;
  background-color: var(--color-primary);
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.unlock-program > .hero > .wrx-unlock-table > .overlay > .subtext {
  font-size: 14px;
  line-height: 1.33;
  color: var(--color-white);
  font-weight: 700;
}
.unlock-program > .hero > .wrx-unlock-table > .header {
  grid-row: 1;
  background: var(--color-primary);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 24px 32px;
  column-gap: 4px;
}
@media screen and (max-width: 767px) {
  .unlock-program > .hero > .wrx-unlock-table > .header {
    padding: 8px 16px;
  }
}
.unlock-program > .hero > .wrx-unlock-table > .header > .cell {
  display: grid;
  grid-template-columns: minmax(min-content, 1fr);
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .header
  > .cell
  > .cell-container {
  display: grid;
  padding-left: 50px;
  position: relative;
  min-height: 50px;
  text-align: right;
  grid-template-rows: min-content;
}
@media screen and (max-width: 767px) {
  .unlock-program
    > .hero
    > .wrx-unlock-table
    > .header
    > .cell
    > .cell-container {
    padding-left: 0;
  }
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .header
  > .cell
  > .cell-container:before {
  content: "";
  position: absolute;
  left: 8px;
  width: 50px;
  height: 50px;
  top: 0;
}
@media screen and (max-width: 767px) {
  .unlock-program
    > .hero
    > .wrx-unlock-table
    > .header
    > .cell
    > .cell-container {
    min-height: 24px;
  }
  .unlock-program
    > .hero
    > .wrx-unlock-table
    > .header
    > .cell
    > .cell-container:before {
    display: none;
  }
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .header
  > .cell
  > .cell-container
  > .title {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .unlock-program
    > .hero
    > .wrx-unlock-table
    > .header
    > .cell
    > .cell-container
    > .title {
    font-size: 12px;
  }
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .header
  > .cell
  > .cell-container
  > .amount {
  font-size: 24px;
  line-height: 1.33em;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .unlock-program
    > .hero
    > .wrx-unlock-table
    > .header
    > .cell
    > .cell-container
    > .amount {
    font-size: 14px;
  }
}
.unlock-program > .hero > .wrx-unlock-table > .header > .cell:nth-child(2) {
  justify-self: end;
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .header
  > .cell:nth-child(2)
  .cell-container:before {
  background: url("");
  background-size: contain;
  left: 8px;
  width: 38px;
  height: 39px;
  top: 5.5px;
}
.unlock-program > .hero > .wrx-unlock-table > .header > .cell:last-child {
  justify-self: end;
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .header
  > .cell:last-child
  .cell-container:before {
  background: url("");
  background-size: contain;
  left: 8px;
  width: 38px;
  height: 35px;
  top: 10.5px;
}
.unlock-program > .hero > .wrx-unlock-table > .body {
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 4px;
  row-gap: 4px;
  padding: 0 32px;
}
@media screen and (max-width: 767px) {
  .unlock-program > .hero > .wrx-unlock-table > .body {
    padding: 0 16px;
  }
}
.unlock-program > .hero > .wrx-unlock-table > .body .body-row {
  position: relative;
  grid-column: 1 / span 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 768px) {
  .unlock-program
    > .hero
    > .wrx-unlock-table
    > .body
    .body-row:not(:last-child):after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: -4px;
    background: var(--color-primary);
  }
}
.unlock-program > .hero > .wrx-unlock-table > .body .body-cell {
  padding: 30px 0;
  font-size: 16px;
  line-height: 1.25em;
  text-align: center;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  justify-content: flex-end;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .unlock-program > .hero > .wrx-unlock-table > .body .body-cell {
    font-size: 12px;
    padding: 10px 0;
  }
}
.unlock-program > .hero > .wrx-unlock-table > .body .body-cell:first-child {
  justify-content: flex-start;
  text-align: left;
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .body
  .body-cell:not(:first-child) {
  font-weight: 700;
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .body
  .body-cell
  > .breakdown-icon {
  margin-right: 8px;
}
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .body
  .body-cell
  > .breakdown-total,
.unlock-program
  > .hero
  > .wrx-unlock-table
  > .body
  .body-cell
  > .breakdown-unlocked {
  overflow: hidden;
  text-overflow: ellipsis;
}
.unlock-program > .breakdown {
  display: grid;
  padding: 24px 48px;
  overflow: hidden;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  row-gap: 12px;
  column-gap: 12px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .unlock-program > .breakdown {
    padding: 24px 12px;
  }
}
.unlock-program > .breakdown > .card {
  background-color: var(--color-background-l0);
  box-shadow: 1px 1px 1px 1px var(--color-shadow);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  position: relative;
  border-radius: 8px;
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .unlock-program > .breakdown > .card {
    padding-top: 50px;
  }
}
.unlock-program > .breakdown > .card > .tag {
  position: absolute;
  right: 20px;
  top: 0;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .unlock-program > .breakdown > .card > .tag {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    width: 50px;
    height: 50px;
  }
}
.unlock-program > .breakdown > .card > .title {
  padding-left: 20px;
  text-transform: uppercase;
  color: var(--color-text-l2);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.7px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .unlock-program > .breakdown > .card > .title {
    font-size: 12px;
  }
}
.unlock-program > .breakdown > .card > .unlocked {
  padding-left: 20px;
  padding-right: 20px;
  color: var(--color-text-l1);
  font-weight: 700;
  font-size: 21px;
  line-height: 1.42em;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
@media screen and (max-width: 767px) {
  .unlock-program > .breakdown > .card > .unlocked {
    font-size: 16px;
  }
}
.unlock-program > .breakdown > .card > .bar {
  width: 80%;
  height: 15px;
  margin-bottom: 16px;
  margin-left: 20px;
}
.unlock-program > .breakdown > .card > .bar > .progress {
  height: 10px;
  box-shadow: none;
  margin-bottom: 0;
}
.unlock-program > .breakdown > .card > .description {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 1.71em;
  color: var(--color-text-l1);
}
@media screen and (max-width: 767px) {
  .unlock-program > .breakdown > .card > .description {
    font-size: 12px;
  }
}
.unlock-program > .breakdown > .card.initial > .tag {
  background-color: var(--color-background-l1);
}
.unlock-program > .breakdown > .card.initial > .tag svg {
  fill: var(--color-primary);
}
.unlock-program > .breakdown > .card.initial > .bar > .progress {
  background-color: var(--color-background-l1);
}
.unlock-program
  > .breakdown
  > .card.initial
  > .bar
  > .progress
  > .progress-bar {
  background-color: var(--color-primary);
}
.unlock-program > .breakdown > .card.fee > .tag {
  background-color: var(--color-background-danger);
}
.unlock-program > .breakdown > .card.fee > .tag svg {
  fill: var(--color-red);
}
.unlock-program > .breakdown > .card.fee > .bar > .progress {
  background-color: var(--color-background-danger);
}
.unlock-program > .breakdown > .card.fee > .bar > .progress > .progress-bar {
  background-color: var(--color-red);
}
.unlock-program > .breakdown > .card.vesting > .tag {
  background-color: var(--color-background-success);
}
.unlock-program > .breakdown > .card.vesting > .tag svg {
  fill: var(--color-green);
}
.unlock-program > .breakdown > .card.vesting > .bar > .progress {
  background-color: var(--color-background-success);
}
.unlock-program
  > .breakdown
  > .card.vesting
  > .bar
  > .progress
  > .progress-bar {
  background-color: var(--color-green);
}
.unlock-program > .breakdown > .card.trading > .tag {
  background-color: var(--color-background-l1);
}
.unlock-program > .breakdown > .card.trading > .tag svg {
  fill: var(--color-primary);
}
.unlock-program > .breakdown > .card.trading > .bar > .progress {
  background-color: var(--color-background-l1);
}
.unlock-program
  > .breakdown
  > .card.trading
  > .bar
  > .progress
  > .progress-bar {
  fill: var(--color-primary);
}
.unlock-program > .history,
.unlock-program > .schedule {
  display: grid;
  padding: 24px 48px;
}
@media screen and (max-width: 767px) {
  .unlock-program > .history,
  .unlock-program > .schedule {
    padding: 8px 12px;
  }
}
.unlock-program > .history > .title,
.unlock-program > .schedule > .title {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 700;
  color: var(--color-text-l2);
  margin-top: 0;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .unlock-program > .history > .title,
  .unlock-program > .schedule > .title {
    margin-bottom: 15px;
    font-size: 24px;
  }
}
.unlock-program > .history > .history-table,
.unlock-program > .history > .schedule-table,
.unlock-program > .schedule > .history-table,
.unlock-program > .schedule > .schedule-table {
  width: auto !important;
}
.unlock-program > .history > .history-table table,
.unlock-program > .history > .schedule-table table,
.unlock-program > .schedule > .history-table table,
.unlock-program > .schedule > .schedule-table table {
  margin-bottom: 0 !important;
  border: 1px solid var(--color-divider);
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .unlock-program > .history > .history-table table,
  .unlock-program > .history > .schedule-table table,
  .unlock-program > .schedule > .history-table table,
  .unlock-program > .schedule > .schedule-table table {
    font-size: 12px;
  }
}
.unlock-program > .history > .history-table table > tbody > tr,
.unlock-program > .history > .history-table table > thead > tr,
.unlock-program > .history > .schedule-table table > tbody > tr,
.unlock-program > .history > .schedule-table table > thead > tr,
.unlock-program > .schedule > .history-table table > tbody > tr,
.unlock-program > .schedule > .history-table table > thead > tr,
.unlock-program > .schedule > .schedule-table table > tbody > tr,
.unlock-program > .schedule > .schedule-table table > thead > tr {
  background-color: var(--color-table-row-odd);
}
.unlock-program > .history > .history-table table > tbody > tr:not(:last-child),
.unlock-program > .history > .history-table table > thead > tr:not(:last-child),
.unlock-program
  > .history
  > .schedule-table
  table
  > tbody
  > tr:not(:last-child),
.unlock-program
  > .history
  > .schedule-table
  table
  > thead
  > tr:not(:last-child),
.unlock-program
  > .schedule
  > .history-table
  table
  > tbody
  > tr:not(:last-child),
.unlock-program
  > .schedule
  > .history-table
  table
  > thead
  > tr:not(:last-child),
.unlock-program
  > .schedule
  > .schedule-table
  table
  > tbody
  > tr:not(:last-child),
.unlock-program
  > .schedule
  > .schedule-table
  table
  > thead
  > tr:not(:last-child) {
  border-bottom: 1px solid var(--color-divider);
}
.unlock-program > .history > .history-table table > tbody > tr:nth-child(2n),
.unlock-program > .history > .history-table table > thead > tr:nth-child(2n),
.unlock-program > .history > .schedule-table table > tbody > tr:nth-child(2n),
.unlock-program > .history > .schedule-table table > thead > tr:nth-child(2n),
.unlock-program > .schedule > .history-table table > tbody > tr:nth-child(2n),
.unlock-program > .schedule > .history-table table > thead > tr:nth-child(2n),
.unlock-program > .schedule > .schedule-table table > tbody > tr:nth-child(2n),
.unlock-program > .schedule > .schedule-table table > thead > tr:nth-child(2n) {
  background-color: var(--color-table-row-even);
}
.unlock-program > .history > .history-table table > tbody > tr > th,
.unlock-program > .history > .history-table table > thead > tr > th,
.unlock-program > .history > .schedule-table table > tbody > tr > th,
.unlock-program > .history > .schedule-table table > thead > tr > th,
.unlock-program > .schedule > .history-table table > tbody > tr > th,
.unlock-program > .schedule > .history-table table > thead > tr > th,
.unlock-program > .schedule > .schedule-table table > tbody > tr > th,
.unlock-program > .schedule > .schedule-table table > thead > tr > th {
  text-transform: uppercase;
  border: 1px solid var(--color-divider);
  vertical-align: middle;
  text-align: center;
  background-color: var(--color-background-l0);
}
.unlock-program > .history > .history-table table > tbody > tr > td,
.unlock-program > .history > .history-table table > thead > tr > td,
.unlock-program > .history > .schedule-table table > tbody > tr > td,
.unlock-program > .history > .schedule-table table > thead > tr > td,
.unlock-program > .schedule > .history-table table > tbody > tr > td,
.unlock-program > .schedule > .history-table table > thead > tr > td,
.unlock-program > .schedule > .schedule-table table > tbody > tr > td,
.unlock-program > .schedule > .schedule-table table > thead > tr > td {
  padding: 12px 14px;
}
.unlock-program > .history > .history-table table > tbody > tr > td > .loader,
.unlock-program > .history > .history-table table > thead > tr > td > .loader,
.unlock-program > .history > .schedule-table table > tbody > tr > td > .loader,
.unlock-program > .history > .schedule-table table > thead > tr > td > .loader,
.unlock-program > .schedule > .history-table table > tbody > tr > td > .loader,
.unlock-program > .schedule > .history-table table > thead > tr > td > .loader,
.unlock-program > .schedule > .schedule-table table > tbody > tr > td > .loader,
.unlock-program
  > .schedule
  > .schedule-table
  table
  > thead
  > tr
  > td
  > .loader {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}
.unlock-program > .history > .history-table table > tbody > tr.main-header > th,
.unlock-program > .history > .history-table table > thead > tr.main-header > th,
.unlock-program
  > .history
  > .schedule-table
  table
  > tbody
  > tr.main-header
  > th,
.unlock-program
  > .history
  > .schedule-table
  table
  > thead
  > tr.main-header
  > th,
.unlock-program
  > .schedule
  > .history-table
  table
  > tbody
  > tr.main-header
  > th,
.unlock-program
  > .schedule
  > .history-table
  table
  > thead
  > tr.main-header
  > th,
.unlock-program
  > .schedule
  > .schedule-table
  table
  > tbody
  > tr.main-header
  > th,
.unlock-program
  > .schedule
  > .schedule-table
  table
  > thead
  > tr.main-header
  > th {
  font-weight: 700;
  color: var(--color-text-l1);
}
.unlock-program > .history > .history-table table > tbody > tr.sub-header > th,
.unlock-program > .history > .history-table table > thead > tr.sub-header > th,
.unlock-program > .history > .schedule-table table > tbody > tr.sub-header > th,
.unlock-program > .history > .schedule-table table > thead > tr.sub-header > th,
.unlock-program > .schedule > .history-table table > tbody > tr.sub-header > th,
.unlock-program > .schedule > .history-table table > thead > tr.sub-header > th,
.unlock-program
  > .schedule
  > .schedule-table
  table
  > tbody
  > tr.sub-header
  > th,
.unlock-program
  > .schedule
  > .schedule-table
  table
  > thead
  > tr.sub-header
  > th {
  font-weight: 400;
  color: var(--color-text-l1);
}
.unlock-program > .history {
  padding-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .unlock-program > .history {
    padding-bottom: 24px;
  }
}
.oauth-login {
  margin-top: auto;
  flex-direction: column;
  padding: 0;
}
.oauth-login,
.oauth-login .login-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.oauth-login .login-button {
  background-color: var(--color-background-l0);
  padding: 4px 16px;
  border-radius: 4px;
  min-height: 32px;
  outline: none;
  border: none;
  margin-bottom: 2px;
}
.oauth-login .login-button .text {
  margin-left: 10px;
  color: var(--color-binance-primary);
  font-size: 14px;
  letter-spacing: -0.025px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.9;
  letter-spacing: 1px;
}
.oauth-login-separator {
  margin: 32px 0 24px;
  background: var(--color-divider);
  height: 1px;
  width: 100%;
  position: relative;
}
.oauth-login-separator:after {
  content: "OR";
  background: var(--color-background-l0);
  position: absolute;
  top: -10px;
  left: calc(50% - 27px);
  padding: 0 15px;
  color: var(--color-text-l2);
}
.userJourney {
  height: 100%;
  position: static;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}
.userJourney-indicator {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.userJourney-indicator-strip {
  display: flex;
  align-items: center;
  background: var(--color-background-l0);
  padding: 35px 0 20px;
}
.userJourney-indicator-step {
  text-align: center;
  display: table-cell;
  position: relative;
  color: var(--color-text-l1);
  font-weight: 700;
  z-index: 1;
}
.userJourney-indicator-step:before {
  content: "";
  display: block;
  margin: 0 auto 4px;
  background-color: var(--color-primary);
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: 700;
  border: 6px solid var(--color-divider);
  border-radius: 50%;
}
.userJourney-indicator-step:after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: var(--color-primary);
  position: absolute;
  top: 11.5px;
  left: 50%;
  z-index: -1;
}
.userJourney-indicator-step:last-child:after {
  display: none;
}
.userJourney-indicator-step.is-active:before {
  background-color: var(--color-primary);
}
.userJourney-indicator-step.is-active:after {
  background-color: var(--color-divider);
}
.userJourney-indicator-step.is-active ~ li:before {
  background-color: var(--color-gray);
  border-color: var(--color-divider);
}
.userJourney-indicator-step.is-active ~ li:after {
  background-color: var(--color-divider);
}
.binance-landing {
  display: flex;
  flex-direction: row-reverse;
  flex-shrink: 0;
  position: relative;
  background-color: var(--color-background-l0);
}
@media screen and (max-width: 767px) {
  .binance-landing {
    flex-direction: column-reverse;
  }
}
.binance-landing-lane {
  display: grid;
  float: left;
}
.binance-landing-lane.fixed {
  align-items: center;
  position: sticky;
  top: 0;
  width: 50%;
}
@media screen and (max-width: 1199px) {
  .binance-landing-lane.fixed {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .binance-landing-lane.fixed {
    position: relative;
    width: 100%;
  }
}
.binance-landing-lane.scrollable {
  background-image: linear-gradient(
    9deg,
    var(--color-background-hero) 15%,
    var(--color-background-l0) 97%
  );
  position: relative;
  width: 50%;
}
@media screen and (max-width: 1199px) {
  .binance-landing-lane.scrollable {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .binance-landing-lane.scrollable {
    width: 100%;
  }
}
.binance-landing-login {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  margin: 24px 10%;
}
@media screen and (max-width: 767px) {
  .binance-landing-login {
    margin: 24px 5%;
    justify-items: center;
  }
}
.binance-landing-login > .heading {
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: 30px 0 0;
}
@media screen and (max-width: 767px) {
  .binance-landing-login > .heading {
    text-align: center;
    margin-top: 18px 0 0;
    font-size: 24px;
  }
}
.binance-landing-login > .logo {
  height: 173px;
}
.binance-landing-login > .sub-heading {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .binance-landing-login > .sub-heading {
    padding: 0 16px;
    text-align: center;
  }
}
.binance-landing-login .button-text {
  font-size: 16px;
  font-weight: 700;
  margin-left: 16px;
  text-transform: uppercase;
}
.binance-landing-info {
  display: grid;
  grid-template-rows: 50px auto;
  row-gap: 40px;
  margin: auto 10%;
  padding: 24px 0;
}
@media screen and (max-width: 767px) {
  .binance-landing-info {
    padding: 0;
    margin: 24px 8%;
    row-gap: 20px;
  }
}
.binance-landing-info .heading {
  display: flex;
  align-items: center;
}
.binance-landing-info .heading-text {
  margin: 0;
  font-weight: 700;
}
.binance-landing-info .steps {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  row-gap: 50px;
}
@media screen and (max-width: 767px) {
  .binance-landing-info .steps {
    row-gap: 35px;
  }
}
.binance-landing-info .steps-item {
  display: grid;
  grid-template-columns: 100px auto;
  grid-auto-rows: minmax(min-content, max-content);
  column-gap: 40px;
}
@media screen and (max-width: 767px) {
  .binance-landing-info .steps-item {
    grid-template-columns: 65px auto;
    column-gap: 20px;
  }
}
.binance-landing-info .steps-item-info {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  row-gap: 10px;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .binance-landing-info .steps-item-info {
    row-gap: 5px;
    padding: 5px 0;
  }
}
.binance-landing-info .steps-item-info-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
}
.binance-landing-info .steps-item-info-description {
  font-size: 14px;
  color: var(--color-text-l2);
  line-height: 1.57;
}
.toggle-info {
  width: 100%;
}
.toggle-info-group {
  width: 100%;
  display: flex;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .toggle-info-group {
    margin-bottom: 12px;
  }
}
.toggle-info-item {
  flex-grow: 1;
  font-size: 18px;
  font-weight: 400;
  box-shadow: none !important;
  opacity: 0.3;
  position: relative;
}
@media screen and (max-width: 767px) {
  .toggle-info-item {
    font-size: 14px;
  }
}
.toggle-info-item.active {
  opacity: 1;
  font-weight: 700;
}
.toggle-info-item.active:after {
  content: "";
  height: 4px;
  width: 100%;
  display: block;
  background: var(--color-primary);
  position: absolute;
  left: 0;
  border-radius: 16px;
  margin-top: 5px;
}
.coupons {
  color: var(--color-text-l1);
  display: grid;
}
.coupons-panel {
  display: grid;
  background-color: var(--color-background-l0);
  border-radius: 4px;
  padding: 16px 18px;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
  row-gap: 8px;
  margin-bottom: 10px;
}
.coupons-header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  row-gap: 4px;
  column-gap: 8px;
}
@media screen and (max-width: 767px) {
  .coupons-header {
    grid-template-columns: auto;
    grid-template-rows: auto;
    row-gap: 8px;
  }
}
.coupons-header-title {
  grid-column: 1;
  grid-row: 1;
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 700;
  color: var(--color-text-l1);
}
@media screen and (max-width: 767px) {
  .coupons-header-title {
    font-size: 16px;
  }
}
.coupons-header-description {
  grid-column: 1;
  grid-row: 2;
  font-size: 12px;
  line-height: 1.5em;
  color: var(--color-text-l2);
}
.coupons-header-illustration {
  grid-column: 2;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .coupons-header-illustration {
    display: none;
  }
}
.coupons-label {
  font-weight: 700;
  color: var(--color-text-l2);
}
.coupons-form {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 16px;
}
.coupons-form-button {
  width: 140px;
}
@media screen and (max-width: 767px) {
  .coupons-form-button {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .coupons-form {
    grid-template-columns: auto;
    row-gap: 8px;
  }
}
.coupons-redeemed-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.65px;
  line-height: 1.2em;
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-title {
    padding: 0 18px;
  }
}
.coupons-redeemed-panel {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  padding-top: 12px;
}
@media screen and (min-width: 768px) {
  .coupons-redeemed-panel {
    background-color: var(--color-background-l0);
    border-radius: 4px;
    padding: 16px 18px;
    box-shadow: 0 2px 4px 0 var(--color-shadow);
  }
}
.coupons-redeemed-wrapper {
  display: grid;
  row-gap: 8px;
}
.coupons-redeemed-loader {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.coupons-redeemed-card {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  row-gap: 8px;
  color: var(--color-text-l1);
  background-color: var(--color-background-l0);
  border-radius: 4px;
  padding: 16px 18px;
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-card {
    box-shadow: 0 2px 4px 0 var(--color-shadow);
  }
}
@media screen and (min-width: 768px) {
  .coupons-redeemed-card {
    border: 1px solid var(--color-divider);
  }
}
.coupons-redeemed-card-wrapper {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  column-gap: 8px;
}
.coupons-redeemed-card-reward {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: baseline;
}
.coupons-redeemed-card-reward-amount {
  font-size: 32px;
  font-weight: 700;
  line-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-card-reward-amount {
    font-size: 24px;
  }
}
.coupons-redeemed-card-reward-currency {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 4px;
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-card-reward-currency {
    font-size: 14px;
  }
}
.coupons-redeemed-card-code {
  display: grid;
  justify-content: end;
}
.coupons-redeemed-card-code-text {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.65px;
  padding: 8px;
  border: 1px dashed var(--color-divider);
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-card-code-text {
    font-size: 12px;
  }
}
.coupons-redeemed-card-valid {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-content: end;
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-card-valid {
    align-items: center;
  }
}
.coupons-redeemed-card-valid-label {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 700;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-card-valid-label {
    font-size: 10px;
  }
}
.coupons-redeemed-card-valid-date {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-card-valid-date {
    font-size: 12px;
  }
}
.coupons-redeemed-card-status {
  display: grid;
  justify-content: start;
  align-items: start;
}
.coupons-redeemed-card-status-text {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 4px;
  text-transform: uppercase;
}
.coupons-redeemed-card-status-text.rewarded {
  color: var(--color-green);
  background-color: var(--color-background-success);
}
.coupons-redeemed-card-status-text.pending {
  color: var(--color-warning);
  background-color: var(--color-background-warning);
}
.coupons-redeemed-card-status-text.expired {
  color: var(--color-red);
  background-color: var(--color-background-danger);
}
.coupons-redeemed-card-description {
  grid-column: 1/3;
  text-align: left;
  padding: 8px 0 0;
}
@media screen and (max-width: 767px) {
  .coupons-redeemed-card-description {
    font-size: 12px;
  }
}
.coupons-redeemed-card-details {
  grid-column: 1/3;
  display: grid;
  justify-content: end;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
  box-sizing: initial;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: var(--color-divider);
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before {
  border-top: none;
  border-bottom-color: var(--color-background-l1);
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before {
  top: -1px;
  border-bottom-color: var(--color-divider);
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
  border-bottom: none;
  border-top-color: var(--color-divider);
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
  bottom: -1px;
  border-top-color: var(--color-divider);
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  background-color: var(--color-background-l1);
  color: var(--color-text-l0);
  border: 1px solid var(--color-divider);
  border-radius: 2px;
  box-shadow: 0 4px 6px var(--color-shadow);
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 10;
}
.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"]
  .react-datepicker__triangle,
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: var(--color-background-l1);
  border-bottom: 1px solid var(--color-divider);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding-top: 12px;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__day-name {
  font-weight: 700;
}
.react-datepicker__day-names {
  margin-top: 4px;
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
  margin-top: 0;
  color: var(--color-text-l0);
  font-weight: 700;
  font-size: 14.16px;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__current-month.react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown {
  display: none;
}
.react-datepicker__header__dropdown.react-datepicker__header__dropdown--select {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  column-gap: 16px;
}
.react-datepicker__month-select,
.react-datepicker__year-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0;
  border: 1px solid var(--color-divider);
  border-radius: 2px;
  padding: 4px 2rem 4px 8px;
}
.react-datepicker__navigation {
  background: none;
  line-height: 3em;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 21px;
  width: 0;
  padding: 0;
  border: 0.45em solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}
.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4em;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.6em 0.7em;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input {
  width: 100%;
  min-width: 85px;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid var(--color-divider);
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid var(--color-divider);
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: #fff;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.5em);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: initial;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: var(--color-background-l1);
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected {
  background-color: #3067f0;
  color: #fff;
  font-weight: 700;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected:hover {
  background-color: #3067f0;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled {
  color: var(--color-text-l3);
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: initial;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 3em;
  line-height: 3em;
  text-align: center;
  margin: 0.3em;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 2px;
  background-color: var(--color-background-l1);
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  color: var(--color-text-l0);
  display: inline-block;
  width: 3em;
  line-height: 2.4em;
  text-align: center;
  margin: 0.1em 0;
}
.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
  border-radius: 0;
  background-color: #3067f0;
  color: #fff;
}
.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
  background-color: #1856ee;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: var(--color-text-l3);
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: initial;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0;
  background-color: var(--color-background-l1);
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: 700;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
  border-radius: 0;
  background-color: #3067f0;
  color: #fff;
}
.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
  background-color: #1856ee;
  color: #fff;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0;
  background-color: #1856ee;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1856ee;
}
.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range {
  background-color: rgba(48, 103, 240, 0.2);
  color: var(--color-text-l0);
}
.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range {
  background-color: rgba(48, 103, 240, 0.4);
  color: var(--color-text-l0);
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: var(--color-text-l3);
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: initial;
}
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
  background-color: #3067f0;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: var(--color-background-l1);
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
  border: 1px solid transparent;
  border-radius: 2px;
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__month-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45em;
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
  background-color: var(--color-background-l1);
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 2px;
  border: 1px solid var(--color-divider);
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
  user-select: none;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
  background-color: #ccc;
}
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: initial;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon:after {
  cursor: pointer;
  background-color: #3067f0;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7";
}
.react-datepicker__today-button {
  background: var(--color-background-l1);
  border-top: 1px solid var(--color-divider);
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-height: 550px), (max-width: 400px) {
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
  font-size: 21.6px;
}
.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81em solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal
  .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.trading-report-section {
  display: flex;
  flex-shrink: 0;
}
.trading-report-datepicker {
  display: grid;
  border-radius: 2px;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  padding: 8px 16px;
  column-gap: 8px;
  color: var(--color-text-l1);
  cursor: pointer;
}
.trading-report-datepicker.react-datepicker-ignore-onclickoutside {
  color: var(--color-primary);
}
.trading-report-datepicker .mdi-calendar {
  grid-column: 1/2;
  grid-row: 1/3;
  display: grid;
  justify-content: center;
  align-items: center;
}
.trading-report-datepicker-label {
  grid-column: 2/3;
  grid-row: 1/2;
  font-size: 10px;
  color: var(--color-text-l1);
}
.trading-report-datepicker-input {
  all: unset;
  grid-row: 2/3;
  grid-column: 2/3;
  font-weight: 700;
}
.trading-report-datepicker-wrapper {
  width: 50%;
  border: 1px solid var(--color-divider);
  border-radius: 4px;
  display: grid;
  grid-template-columns: auto auto;
  position: relative;
  column-gap: 1px;
  margin: 8px 0 16px;
}
@media screen and (max-width: 767px) {
  .trading-report-datepicker-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .trading-report-datepicker-wrapper {
    width: 80%;
  }
}
@media screen and (min-width: 993px) and (max-width: 1160px) {
  .trading-report-datepicker-wrapper {
    width: 70%;
  }
}
.trading-report-datepicker-wrapper:after {
  content: "";
  height: 100%;
  width: 1px;
  background: var(--color-background-l1);
  position: absolute;
  left: 50%;
}
.key-manager > .body {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.key-manager > .body > .pane {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  box-shadow: 0 2px 4px 0 var(--color-shadow);
  background: var(--color-background-l0);
  overflow-y: auto;
  border-radius: 4px;
  margin-bottom: 10px;
}
.key-manager > .body > .pane > .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 18px;
  border-bottom: 1px solid var(--color-divider);
}
.key-manager > .body > .pane > .header > .title {
  font-size: 16px;
  font-weight: 700;
}
.key-manager > .body > .pane > .description {
  padding: 16px 18px;
}
.key-manager > .body > .pane > .cta {
  padding: 0 18px 16px;
}
.key-manager > .body > .pane .list-group {
  margin: 16px;
  border-radius: 2px;
}
.key-manager > .body > .pane .list-item {
  border: 1px solid var(--color-divider);
  border-radius: 4px;
  margin: 8px 0;
}
.key-manager > .body > .pane .list-item:first-child {
  margin-bottom: 8px;
  margin-top: 0;
}
.key-manager > .body > .pane .list-item:last-child {
  margin-top: 8px;
  margin-bottom: 0;
}
.key-manager > .body > .pane .list-item-title a {
  display: flex;
  width: 100%;
  font-weight: 700;
  flex-shrink: 0;
  color: var(--color-text-l1);
  padding: 16px 18px;
  font-size: 14px;
  justify-content: space-between;
}
.key-manager > .body > .pane .list-item-body {
  display: flex;
  width: 100%;
  flex-shrink: 0;
  padding: 16px 18px;
  border-top: 1px solid var(--color-divider);
}
.key-manager > .body > .pane .list-item-container-section > .permissions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-column-gap: 60px;
  grid-row-gap: 16px;
}
.disableThemeOverride,
.theme-light,
:root {
  color-scheme: light;
  --color-main-text-primary: var(--paletteV2-gray-100);
  --color-main-text-secondary: var(--paletteV2-gray-50);
  --color-main-text-tertiary: var(--paletteV2-gray-40);
  --color-main-brand-primary: var(--paletteV2-blue-60);
  --color-main-navigation-onNavigation: var(--paletteV2-white-main);
  --color-main-navigation-bg: var(--paletteV2-blue-60);
  --color-main-bg-surfaceAlt: var(--paletteV2-white-main);
  --color-main-bg-surface: var(--paletteV2-gray-20);
  --color-main-bg-primary: var(--paletteV2-white-main);
  --color-main-bg-secondary: var(--paletteV2-gray-10);
  --color-main-bg-tertiary: var(--paletteV2-gray-30);
  --color-main-bg-alpha10: var(--paletteV2-black-alpha10);
  --color-main-bg-alpha90: var(--paletteV2-gray-alpha80);
  --color-success-text-primary: var(--paletteV2-green-60);
  --color-success-text-onPrimary: var(--paletteV2-white-main);
  --color-success-text-onMuted: var(--paletteV2-green-60);
  --color-success-bg-primary: var(--paletteV2-green-60);
  --color-success-bg-primaryHovered: var(--paletteV2-green-70);
  --color-success-bg-muted: var(--paletteV2-green-10);
  --color-success-bg-mutedBorder: var(--paletteV2-green-20);
  --color-success-border-primary: var(--paletteV2-green-60);
  --color-success-border-muted: var(--paletteV2-green-20);
  --color-danger-text-primary: var(--paletteV2-red-60);
  --color-danger-text-onPrimary: var(--paletteV2-white-main);
  --color-danger-text-onMuted: var(--paletteV2-red-60);
  --color-danger-bg-primary: var(--paletteV2-red-60);
  --color-danger-bg-primaryHovered: var(--paletteV2-red-70);
  --color-danger-bg-muted: var(--paletteV2-red-10);
  --color-danger-bg-mutedBorder: var(--paletteV2-red-20);
  --color-danger-border-primary: var(--paletteV2-red-60);
  --color-danger-border-muted: var(--paletteV2-red-20);
  --color-brand-text-primary: var(--paletteV2-blue-60);
  --color-brand-text-secondary: var(--paletteV2-blue-30);
  --color-brand-text-onMuted: var(--paletteV2-blue-60);
  --color-brand-text-onPrimary: var(--paletteV2-white-main);
  --color-brand-bg-primary: var(--paletteV2-blue-60);
  --color-brand-bg-primaryHovered: var(--paletteV2-blue-70);
  --color-brand-bg-muted: var(--paletteV2-blue-10);
  --color-brand-bg-mutedBorder: var(--paletteV2-blue-20);
  --color-brand-border-primary: var(--paletteV2-blue-60);
  --color-brand-border-muted: var(--paletteV2-blue-20);
  --color-warning-text-primary: var(--paletteV2-yellow-70);
  --color-warning-text-onPrimary: var(--paletteV2-yellow-100);
  --color-warning-text-onMuted: var(--paletteV2-yellow-90);
  --color-warning-bg-primary: var(--paletteV2-yellow-50);
  --color-warning-bg-muted: var(--paletteV2-yellow-20);
  --color-warning-bg-primaryHovered: var(--paletteV2-yellow-60);
  --color-warning-bg-mutedBorder: var(--paletteV2-yellow-30);
  --color-warning-border-primary: var(--paletteV2-yellow-50);
  --color-warning-border-muted: var(--paletteV2-yellow-30);
  --color-brandAlt-text-primary: var(--paletteV2-orange-60);
  --color-brandAlt-text-secondary: var(--paletteV2-orange-30);
  --color-brandAlt-text-onMuted: var(--paletteV2-orange-60);
  --color-brandAlt-text-onPrimary: var(--paletteV2-white-main);
  --color-brandAlt-bg-primary: var(--paletteV2-orange-60);
  --color-brandAlt-bg-primaryHovered: var(--paletteV2-orange-70);
  --color-brandAlt-bg-muted: var(--paletteV2-orange-10);
  --color-brandAlt-bg-disabled: var(--paletteV2-orange-40);
  --color-brandAlt-border-muted: var(--paletteV2-orange-20);
  --color-brandAlt-border-primary: var(--paletteV2-orange-60);
  --color-attention-text-primary: var(--paletteV2-orange-60);
  --color-attention-text-onPrimary: var(--paletteV2-white-main);
  --color-attention-text-onMuted: var(--paletteV2-orange-60);
  --color-attention-bg-primary: var(--paletteV2-orange-60);
  --color-attention-bg-muted: var(--paletteV2-orange-10);
  --color-attention-bg-primaryHovered: var(--paletteV2-orange-70);
  --color-attention-bg-mutedBorder: var(--paletteV2-orange-20);
  --color-attention-border-primary: var(--paletteV2-orange-60);
  --color-attention-border-muted: var(--paletteV2-orange-20);
  --color-misc-homeBar: var(--paletteV2-black-main);
  --color-navigation-text-onAlternatePrimary: var(--paletteV2-gray-100);
  --color-navigation-text-onAlternateSecondary: var(--paletteV2-gray-50);
  --color-navigation-bg-alternate: var(--paletteV2-white-main);
  --color-navigation-bg-brand: var(--paletteV2-blue-60);
  --color-navigation-text-onBrandPrimary: var(--paletteV2-white-main);
  --color-navigation-text-onBrandSecondary: var(--paletteV2-gray-30);
  --color-shade-white: var(--paletteV2-white-main);
  --color-shade-black: var(--paletteV2-black-main);
  --color-primary: var(--palette-blue-main);
  --color-brand: var(--palette-blue-main);
  --color-primary-gradient: var(--palette-blue-70);
  --color-primary-30: var(--palette-blue-30);
  --color-important-component-bg: var(--palette-yellow-10);
  --color-important-component-text: var(--palette-yellow-100);
  --color-important-component-border: var(--palette-yellow-20);
  --color-white: var(--palette-white-main);
  --color-black: var(--palette-black-main);
  --color-green: var(--palette-green-60);
  --color-red: var(--palette-red-50);
  --color-yellow: var(--palette-yellow-main);
  --color-gray: var(--palette-gray-main);
  --color-orange: var(--palette-orange-main);
  --color-text-l0: var(--palette-gray-90);
  --color-text-l1: var(--palette-gray-70);
  --color-text-l2: var(--palette-gray-60);
  --color-text-l3: var(--palette-gray-50);
  --color-text-white: var(--palette-white-main);
  --color-text-highlight: var(--palette-yellow-main);
  --color-text-primary: var(--palette-blue-main);
  --color-text-link: var(--palette-blue-60);
  --color-text-link-hover: var(--palette-blue-70);
  --color-divider: var(--palette-black-alpha20);
  --color-shadow: var(--palette-black-alpha20);
  --color-grid: var(--palette-black-alpha10);
  --color-background-default: var(--palette-gray-20);
  --color-background-l0: var(--palette-white-main);
  --color-background-l1: var(--palette-gray-10);
  --color-background-l2: var(--palette-gray-30);
  --color-background-activated: var(--palette-gray-10);
  --color-background-selected: var(--palette-gray-20);
  --color-background-hover: var(--palette-blue-10);
  --color-background-input: var(--palette-white-main);
  --color-background-inputotp: var(--palette-gray-30);
  --color-background-modal: var(--palette-gray-alpha20);
  --color-background-hero: var(--palette-blue-20);
  --color-background-toggle: var(--palette-blue-30);
  --color-background-stepper: var(--palette-gray-20);
  --color-background-warning: var(--palette-yellow-alpha30);
  --color-background-success: var(--palette-green-alpha20);
  --color-background-danger: var(--palette-red-alpha20);
  --color-background-danger-icon-bg: var(--palette-red-10);
  --color-background-danger-icon-color: var(--palette-red-40);
  --color-background-info: var(--palette-blue-10);
  --color-scrollbar-background: var(--palette-gray-30);
  --color-scrollbar-thumb: var(--palette-gray-40);
  --color-binance-primary: var(--palette-binance-primary);
  --color-binance-black: var(--palette-binance-black);
  --color-moneycontrol-primary: var(--palette-moneycontrol-primary);
  --color-moneycontrol-blue: var(--palette-moneycontrol-blue);
  --color-moneycontrol-lightblue: var(--palette-moneycontrol-lightblue);
  --color-moneycontrol-lightgrey: var(--palette-moneycontrol-lightgrey);
  --color-moneycontrol-orange: var(--palette-moneycontrol-orange);
  --color-moneycontrol-green: var(--palette-moneycontrol-green);
  --color-moneycontrol-darkgreen: var(--palette-moneycontrol-darkgreen);
  --color-moneycontrol-grey: var(--palette-moneycontrol-grey);
  --color-moneycontrol-basemarket: var(--palette-moneycontrol-alpha50);
  --color-moneycontrol-header-background: var(--palette-white-main);
  --color-vendors-facebook: var(--palette-vendors-facebook);
  --color-vendors-whatsapp: var(--palette-vendors-whatsapp);
  --color-vendors-telegram: var(--palette-vendors-telegram);
  --color-vendors-twitter: var(--palette-vendors-twitter);
  --color-specialaccount-primary: var(--palette-gray-80);
  --color-header-border: var(--palette-black-alpha20);
  --color-header-signup-btn: var(--palette-yellow-main);
  --color-header-signup-btn-hover: var(--palette-yellow-70);
  --color-header-shadow: var(--palette-black-alpha20);
  --color-outer-header-background: var(--palette-white-main);
  --color-outer-header-text: var(--palette-gray-60);
  --color-inner-header-text: var(--palette-white-main);
  --color-inner-header-icon: var(--palette-white-alpha70);
  --color-inner-header-background: var(--palette-blue-main);
  --color-inner-header-btn-opened: var(--palette-black-alpha10);
  --color-inner-header-btn-selected: var(--palette-blue-80);
  --color-inner-header-btn-hover: var(--palette-black-alpha20);
  --color-inner-header-highlight-accent: var(--palette-yellow-30);
  --color-inner-header-popover: var(--palette-white-main);
  --color-footer-background: var(--palette-white-main);
  --color-table-row-hover: var(--palette-black-alpha05);
  --color-table-row-green-overlay: var(--palette-green-10);
  --color-table-row-red-overlay: var(--palette-red-10);
  --color-table-row-odd: var(--palette-gray-10);
  --color-table-row-even: var(--palette-white-main);
  --color-tradingView-background: var(--palette-white-main);
  --color-landing-hero-background: var(--palette-blue-main);
  --color-background-prev-tab: var(--palette-blue-30);
  --color-background-curr-tab: var(--palette-blue-60);
  --color-background-next-tab: var(--palette-gray-30);
  --color-background-overlay: var(--palette-gray-alpha40);
  --color-disabled-input-bg: var(--palette-gray-20);
  --color-disabled-input-border: var(--palette-gray-30);
  --color-icon-background: var(--palette-blue-30);
  --color-orange-bg-l1: var(--palette-orange-10);
  --color-orange-text-l10: var(--palette-orange-100);
  --color-warning-text: var(--palette-yellow-60);
  --color-alert-success-background: var(--palette-green-10);
  --color-alert-success-border: var(--palette-green-20);
  --color-alert-success-text: var(--palette-green-60);
  --color-alert-primary-background: var(--palette-blue-10);
  --color-alert-primary-border: var(--palette-blue-20);
  --color-alert-primary-text: var(--palette-blue-60);
  --color-alert-warning-background: var(--palette-yellow-10);
  --color-alert-warning-border: var(--palette-yellow-20);
  --color-alert-warning-text: var(--palette-yellow-100);
}
:root {
  --palette-white-main: #fff;
  --palette-white-alpha05: hsla(0, 0%, 100%, 0.0196078431372549);
  --palette-white-alpha10: hsla(0, 0%, 100%, 0.06274509803921569);
  --palette-white-alpha20: hsla(0, 0%, 100%, 0.12549019607843137);
  --palette-white-alpha50: hsla(0, 0%, 100%, 0.3137254901960784);
  --palette-white-alpha70: hsla(0, 0%, 100%, 0.6901960784313725);
  --palette-white-alpha80: hsla(0, 0%, 100%, 0.7529411764705882);
  --palette-white-alpha90: hsla(0, 0%, 100%, 0.8784313725490196);
  --palette-black-main: #000;
  --palette-black-alpha05: rgba(0, 0, 0, 0.0196078431372549);
  --palette-black-alpha10: rgba(0, 0, 0, 0.06274509803921569);
  --palette-black-alpha20: rgba(0, 0, 0, 0.12549019607843137);
  --palette-black-alpha50: rgba(0, 0, 0, 0.3137254901960784);
  --palette-black-alpha90: rgba(0, 0, 0, 0.8784313725490196);
  --palette-gray-main: #818898;
  --palette-gray-alpha90: rgba(18, 25, 39, 0.8784313725490196);
  --palette-gray-alpha20: rgba(240, 242, 245, 0.8156862745098039);
  --palette-gray-alpha40: rgba(0, 0, 0, 0.4);
  --palette-gray-10: #fbfcfe;
  --palette-gray-20: #f0f2f5;
  --palette-gray-30: #e6e9f0;
  --palette-gray-40: #c7ccd6;
  --palette-gray-50: #abb1bf;
  --palette-gray-60: #818898;
  --palette-gray-70: #3f475a;
  --palette-gray-80: #2d3446;
  --palette-gray-90: #1e2433;
  --palette-gray-95: #161d2b;
  --palette-gray-100: #101623;
  --palette-blue-main: #3067f0;
  --palette-blue-alpha30: rgba(48, 103, 240, 0.18823529411764706);
  --palette-blue-10: #ebf0fd;
  --palette-blue-20: #dbe4fc;
  --palette-blue-30: #baccfa;
  --palette-blue-40: #9ab5f7;
  --palette-blue-50: #4e7df2;
  --palette-blue-60: #3067f0;
  --palette-blue-70: #2b5ad1;
  --palette-blue-80: #264eb2;
  --palette-blue-90: #224094;
  --palette-blue-100: #1a2c61;
  --palette-yellow-main: #eac808;
  --palette-yellow-alpha10: rgba(234, 200, 8, 0.08235294117647059);
  --palette-yellow-alpha30: rgba(234, 200, 8, 0.18823529411764706);
  --palette-yellow-10: #faf6cf;
  --palette-yellow-20: #f7e379;
  --palette-yellow-30: #faed9b;
  --palette-yellow-40: #faea87;
  --palette-yellow-50: #fae460;
  --palette-yellow-60: #946613;
  --palette-yellow-70: #cab234;
  --palette-yellow-80: #54341f;
  --palette-yellow-90: #6d5f2b;
  --palette-yellow-100: #4a4228;
  --palette-orange-main: #e36a17;
  --palette-orange-10: #fbdecb;
  --palette-orange-20: #f6c8a9;
  --palette-orange-30: #f2b78e;
  --palette-orange-40: #ee9a60;
  --palette-orange-50: #e68039;
  --palette-orange-60: #e36a17;
  --palette-orange-70: #b95a19;
  --palette-orange-80: #8f4c1c;
  --palette-orange-90: #643b1e;
  --palette-orange-100: #452d20;
  --palette-green-main: #55bd6c;
  --palette-green-alpha10: rgba(85, 189, 108, 0.08235294117647059);
  --palette-green-alpha20: rgba(85, 189, 108, 0.12549019607843137);
  --palette-green-10: #daefe1;
  --palette-green-20: #b9e3c4;
  --palette-green-30: #8fd39f;
  --palette-green-40: #76ca89;
  --palette-green-50: #66c37b;
  --palette-green-60: #55bd6c;
  --palette-green-70: #479c5d;
  --palette-green-80: #397a4f;
  --palette-green-90: #2c5940;
  --palette-green-100: #1e3732;
  --palette-red-main: #f44336;
  --palette-red-alpha10: rgba(244, 67, 54, 0.06274509803921569);
  --palette-red-alpha20: rgba(244, 67, 54, 0.12549019607843137);
  --palette-red-10: #fae9ea;
  --palette-red-20: #fad7d6;
  --palette-red-30: #f8b2ae;
  --palette-red-40: #f78d86;
  --palette-red-50: #f6685e;
  --palette-red-60: #f44336;
  --palette-red-70: #c63a32;
  --palette-red-80: #99312e;
  --palette-red-90: #6b282b;
  --palette-red-100: #3e1f27;
  --palette-binance-primary: #fcc301;
  --palette-binance-black: #3d3d3d;
  --palette-moneycontrol-primary: #333;
  --palette-moneycontrol-blue: #0065a1;
  --palette-moneycontrol-lightblue: #e9f2f4;
  --palette-moneycontrol-lightgrey: #edeff1;
  --palette-moneycontrol-orange: #ef871d;
  --palette-moneycontrol-green: #66b049;
  --palette-moneycontrol-darkgreen: #328213;
  --palette-moneycontrol-grey: #474747;
  --palette-vendors-facebook: #4267b2;
  --palette-vendors-whatsapp: #6ee282;
  --palette-vendors-telegram: #37aee2;
  --palette-vendors-twitter: #03a9f4;
  --paletteV2-white-main: #fff;
  --paletteV2-white-alpha05: hsla(0, 0%, 100%, 0.0196078431372549);
  --paletteV2-white-alpha10: hsla(0, 0%, 100%, 0.06274509803921569);
  --paletteV2-white-alpha20: hsla(0, 0%, 100%, 0.12549019607843137);
  --paletteV2-white-alpha50: hsla(0, 0%, 100%, 0.3137254901960784);
  --paletteV2-white-alpha70: hsla(0, 0%, 100%, 0.6901960784313725);
  --paletteV2-white-alpha80: hsla(0, 0%, 100%, 0.7529411764705882);
  --paletteV2-white-alpha90: hsla(0, 0%, 100%, 0.8784313725490196);
  --paletteV2-black-main: #000;
  --paletteV2-black-alpha05: rgba(0, 0, 0, 0.0196078431372549);
  --paletteV2-black-alpha10: rgba(0, 0, 0, 0.06274509803921569);
  --paletteV2-black-alpha20: rgba(0, 0, 0, 0.12549019607843137);
  --paletteV2-black-alpha50: rgba(0, 0, 0, 0.3137254901960784);
  --paletteV2-black-alpha90: rgba(0, 0, 0, 0.8784313725490196);
  --paletteV2-gray-main: #4c5c70;
  --paletteV2-gray-alpha20: rgba(240, 242, 245, 0.8156862745098039);
  --paletteV2-gray-alpha40: rgba(0, 0, 0, 0.4);
  --paletteV2-gray-10: #fbfcfe;
  --paletteV2-gray-20: #f2f2f8;
  --paletteV2-gray-30: #d9e1eb;
  --paletteV2-gray-40: #a0aab5;
  --paletteV2-gray-50: #6f7f90;
  --paletteV2-gray-60: #4c5c70;
  --paletteV2-gray-70: #2e3e54;
  --paletteV2-gray-80: #232f3f;
  --paletteV2-gray-90: #212c3a;
  --paletteV2-gray-100: #1a212b;
  --paletteV2-gray-alpha80: rgba(26, 33, 43, 0.7529411764705882);
  --paletteV2-gray-alpha90: rgba(26, 33, 43, 0.8784313725490196);
  --paletteV2-blue-main: #3067f0;
  --paletteV2-blue-alpha30: rgba(48, 103, 240, 0.18823529411764706);
  --paletteV2-blue-10: #e7edfc;
  --paletteV2-blue-20: #b6c9fa;
  --paletteV2-blue-30: #96b2f7;
  --paletteV2-blue-40: #2da4fe;
  --paletteV2-blue-50: #167cf9;
  --paletteV2-blue-60: #3067f0;
  --paletteV2-blue-70: #1645bc;
  --paletteV2-blue-80: #2a5573;
  --paletteV2-blue-90: #19364a;
  --paletteV2-blue-100: #151f3b;
  --paletteV2-yellow-main: #d69e2e;
  --paletteV2-yellow-alpha10: rgba(234, 200, 8, 0.08235294117647059);
  --paletteV2-yellow-alpha30: rgba(234, 200, 8, 0.18823529411764706);
  --paletteV2-yellow-10: ivory;
  --paletteV2-yellow-20: #fefcbf;
  --paletteV2-yellow-30: #faf089;
  --paletteV2-yellow-40: #f6e05e;
  --paletteV2-yellow-50: #ecc94b;
  --paletteV2-yellow-60: #d69e2e;
  --paletteV2-yellow-70: #b7791f;
  --paletteV2-yellow-80: #975a16;
  --paletteV2-yellow-90: #744210;
  --paletteV2-yellow-100: #4f3502;
  --paletteV2-orange-main: #e86427;
  --paletteV2-orange-10: #fdefe9;
  --paletteV2-orange-20: #fae0d4;
  --paletteV2-orange-30: #f6c4ad;
  --paletteV2-orange-40: #f1a07b;
  --paletteV2-orange-50: #ee895b;
  --paletteV2-orange-60: #e86427;
  --paletteV2-orange-70: #bf5728;
  --paletteV2-orange-80: #964929;
  --paletteV2-orange-90: #713d29;
  --paletteV2-orange-100: #4b312a;
  --paletteV2-green-main: #287d57;
  --paletteV2-green-alpha10: rgba(85, 189, 108, 0.08235294117647059);
  --paletteV2-green-alpha20: rgba(85, 189, 108, 0.12549019607843137);
  --paletteV2-green-10: #e0f9ee;
  --paletteV2-green-20: #aaedcf;
  --paletteV2-green-30: #7adaaf;
  --paletteV2-green-40: #56c291;
  --paletteV2-green-50: #3ba072;
  --paletteV2-green-60: #277c56;
  --paletteV2-green-70: #1d5e41;
  --paletteV2-green-80: #15422e;
  --paletteV2-green-90: #123022;
  --paletteV2-green-100: #10261c;
  --paletteV2-red-main: #e53e3e;
  --paletteV2-red-alpha10: rgba(244, 67, 54, 0.06274509803921569);
  --paletteV2-red-alpha20: rgba(244, 67, 54, 0.12549019607843137);
  --paletteV2-red-10: #ffefef;
  --paletteV2-red-20: #fed7d7;
  --paletteV2-red-30: #feb2b2;
  --paletteV2-red-40: #fc8181;
  --paletteV2-red-50: #f56565;
  --paletteV2-red-60: #e53e3e;
  --paletteV2-red-70: #c53030;
  --paletteV2-red-80: #9b2c2c;
  --paletteV2-red-90: #742a2a;
  --paletteV2-red-100: #4b2830;
  --paletteV2-binance-primary: #fcc301;
  --paletteV2-binance-black: #3d3d3d;
  --paletteV2-moneycontrol-primary: #333;
  --paletteV2-moneycontrol-blue: #0065a1;
  --paletteV2-moneycontrol-lightblue: #e9f2f4;
  --paletteV2-moneycontrol-lightgrey: #edeff1;
  --paletteV2-moneycontrol-orange: #ef871d;
  --paletteV2-moneycontrol-green: #66b049;
  --paletteV2-moneycontrol-darkgreen: #328213;
  --paletteV2-moneycontrol-grey: #474747;
  --paletteV2-vendors-facebook: #4267b2;
  --paletteV2-vendors-whatsapp: #6ee282;
  --paletteV2-vendors-telegram: #37aee2;
  --paletteV2-vendors-twitter: #03a9f4;
}
:root.theme-dark:not(.disableThemeOverride) {
  color-scheme: dark;
  --color-main-text-primary: var(--paletteV2-gray-30);
  --color-main-text-secondary: var(--paletteV2-gray-50);
  --color-main-text-tertiary: var(--paletteV2-gray-60);
  --color-main-brand-primary: var(--paletteV2-blue-40);
  --color-main-navigation-onNavigation: var(--paletteV2-gray-30);
  --color-main-navigation-bg: var(--paletteV2-gray-80);
  --color-main-bg-surfaceAlt: var(--paletteV2-gray-100);
  --color-main-bg-surface: var(--paletteV2-gray-100);
  --color-main-bg-primary: var(--paletteV2-gray-80);
  --color-main-bg-secondary: var(--paletteV2-gray-90);
  --color-main-bg-tertiary: var(--paletteV2-gray-70);
  --color-main-bg-alpha10: var(--paletteV2-white-alpha10);
  --color-main-bg-alpha90: var(--paletteV2-gray-alpha90);
  --color-success-text-primary: var(--paletteV2-green-40);
  --color-success-text-onMuted: var(--paletteV2-green-30);
  --color-success-text-onPrimary: var(--paletteV2-white-main);
  --color-success-bg-primary: var(--paletteV2-green-50);
  --color-success-bg-muted: var(--paletteV2-green-80);
  --color-success-bg-mutedBorder: var(--paletteV2-green-70);
  --color-success-bg-primaryHovered: var(--paletteV2-green-60);
  --color-success-border-muted: var(--paletteV2-green-70);
  --color-success-border-primary: var(--paletteV2-green-50);
  --color-danger-text-primary: var(--paletteV2-red-50);
  --color-danger-text-onMuted: var(--paletteV2-red-30);
  --color-danger-text-onPrimary: var(--paletteV2-white-main);
  --color-danger-bg-primary: var(--paletteV2-red-50);
  --color-danger-bg-muted: var(--paletteV2-red-100);
  --color-danger-bg-mutedBorder: var(--paletteV2-red-90);
  --color-danger-bg-primaryHovered: var(--paletteV2-red-60);
  --color-danger-border-primary: var(--paletteV2-red-50);
  --color-danger-border-muted: var(--paletteV2-red-90);
  --color-brand-text-primary: var(--paletteV2-blue-40);
  --color-brand-text-secondary: var(--paletteV2-blue-20);
  --color-brand-text-onMuted: var(--paletteV2-blue-40);
  --color-brand-text-onPrimary: var(--paletteV2-white-main);
  --color-brand-bg-primary: var(--paletteV2-blue-40);
  --color-brand-bg-muted: var(--paletteV2-blue-90);
  --color-brand-bg-mutedBorder: var(--paletteV2-blue-80);
  --color-brand-bg-primaryHovered: var(--paletteV2-blue-50);
  --color-brand-border-muted: var(--paletteV2-blue-80);
  --color-brand-border-primary: var(--paletteV2-blue-40);
  --color-warning-text-primary: var(--paletteV2-yellow-50);
  --color-warning-text-onMuted: var(--paletteV2-yellow-20);
  --color-warning-text-onPrimary: var(--paletteV2-yellow-100);
  --color-warning-bg-primary: var(--paletteV2-yellow-50);
  --color-warning-bg-muted: var(--paletteV2-yellow-100);
  --color-warning-bg-mutedBorder: var(--paletteV2-yellow-90);
  --color-warning-bg-primaryHovered: var(--paletteV2-yellow-60);
  --color-warning-border-muted: var(--paletteV2-yellow-90);
  --color-warning-border-primary: var(--paletteV2-yellow-50);
  --color-brandAlt-text-primary: var(--paletteV2-blue-40);
  --color-brandAlt-text-secondary: var(--paletteV2-blue-20);
  --color-brandAlt-text-onMuted: var(--paletteV2-blue-40);
  --color-brandAlt-text-onPrimary: var(--paletteV2-white-main);
  --color-brandAlt-bg-primary: var(--paletteV2-blue-40);
  --color-brandAlt-bg-primaryHovered: var(--paletteV2-blue-50);
  --color-brandAlt-bg-muted: var(--paletteV2-blue-90);
  --color-brandAlt-bg-disabled: var(--paletteV2-blue-100);
  --color-brandAlt-border-muted: var(--paletteV2-blue-80);
  --color-brandAlt-border-primary: var(--paletteV2-blue-40);
  --color-attention-text-primary: var(--paletteV2-orange-50);
  --color-attention-text-onMuted: var(--paletteV2-orange-30);
  --color-attention-text-onPrimary: var(--paletteV2-orange-100);
  --color-attention-bg-primary: var(--paletteV2-orange-50);
  --color-attention-bg-primaryHovered: var(--paletteV2-orange-60);
  --color-attention-bg-muted: var(--paletteV2-orange-100);
  --color-attention-bg-mutedBorder: var(--paletteV2-orange-90);
  --color-attention-border-primary: var(--paletteV2-orange-50);
  --color-attention-border-muted: var(--paletteV2-orange-90);
  --color-misc-homeBar: var(--paletteV2-white-main);
  --color-navigation-text-onAlternatePrimary: var(--paletteV2-gray-30);
  --color-navigation-text-onAlternateSecondary: var(--paletteV2-gray-50);
  --color-navigation-bg-alternate: var(--paletteV2-gray-80);
  --color-navigation-bg-brand: var(--paletteV2-gray-80);
  --color-navigation-text-onBrandPrimary: var(--paletteV2-gray-30);
  --color-navigation-text-onBrandSecondary: var(--paletteV2-gray-50);
  --color-shade-white: var(--paletteV2-white-main);
  --color-shade-black: var(--paletteV2-black-main);
  --color-green: var(--palette-green-50);
  --color-red: var(--palette-red-50);
  --color-background-danger-icon-bg: var(--palette-red-100);
  --color-background-danger-icon-color: var(--palette-red-70);
  --color-important-component-bg: var(--palette-yellow-100);
  --color-important-component-border: var(--palette-yellow-90);
  --color-important-component-text: var(--palette-yellow-70);
  --color-text-l0: var(--palette-gray-10);
  --color-text-l1: var(--palette-gray-30);
  --color-text-l2: var(--palette-gray-50);
  --color-text-l3: var(--palette-gray-60);
  --color-text-white: var(--palette-white-main);
  --color-text-primary: var(--palette-white-main);
  --color-text-link: var(--palette-blue-50);
  --color-text-link-hover: var(--palette-blue-40);
  --color-divider: var(--palette-white-alpha10);
  --color-grid: var(--palette-white-alpha10);
  --color-background-default: var(--palette-gray-100);
  --color-background-l0: var(--palette-gray-90);
  --color-background-l1: var(--palette-gray-95);
  --color-background-l2: var(--palette-gray-100);
  --color-background-activated: var(--palette-gray-80);
  --color-background-selected: var(--palette-gray-70);
  --color-background-hover: var(--palette-blue-100);
  --color-background-input: var(--palette-gray-80);
  --color-background-inputotp: var(--palette-gray-80);
  --color-background-modal: var(--palette-gray-alpha90);
  --color-background-hero: var(--palette-gray-90);
  --color-background-toggle: var(--palette-blue-80);
  --color-background-info: var(--palette-blue-100);
  --color-background-stepper: var(--palette-gray-80);
  --color-scrollbar-background: var(--palette-gray-80);
  --color-scrollbar-thumb: var(--palette-gray-50);
  --color-header-border: var(--palette-black-alpha20);
  --color-header-signup-btn: var(--palette-yellow-main);
  --color-header-signup-btn-hover: var(--palette-yellow-70);
  --color-table-row-red-overlay: var(--palette-red-100);
  --color-table-row-green-overlay: var(--palette-green-100);
  --color-outer-header-background: var(--palette-gray-80);
  --color-outer-header-text: var(--palette-gray-50);
  --color-inner-header-text: var(--palette-white-main);
  --color-inner-header-icon: var(--palette-white-alpha70);
  --color-inner-header-background: var(--palette-gray-80);
  --color-inner-header-btn-opened: var(--palette-white-alpha10);
  --color-inner-header-btn-selected: var(--palette-gray-100);
  --color-inner-header-btn-hover: var(--palette-white-alpha20);
  --color-inner-header-highlight-accent: var(--palette-yellow-30);
  --color-inner-header-popover: var(--palette-gray-80);
  --color-footer-background: var(--palette-gray-95);
  --color-table-row-hover: var(--palette-white-alpha10);
  --color-table-row-odd: var(--palette-gray-90);
  --color-table-row-even: var(--palette-gray-95);
  --color-tradingView-background: var(--palette-gray-90);
  --color-landing-hero-background: var(--palette-gray-90);
  --color-moneycontrol-primary: var(--palette-white-main);
  --color-moneycontrol-header-background: var(--palette-gray-80);
  --color-moneycontrol-lightblue: var(--palette-gray-80);
  --color-disabled-input-bg: var(--palette-gray-80);
  --color-disabled-input-border: var(--palette-gray-80);
  --color-background-prev-tab: var(--palette-gray-70);
  --color-background-curr-tab: var(--palette-blue-50);
  --color-background-next-tab: var(--palette-gray-80);
  --color-warning-text: var(--palette-yellow-60);
  --color-alert-success-background: var(--palette-green-100);
  --color-alert-success-border: var(--palette-green-90);
  --color-alert-success-text: var(--palette-green-40);
  --color-alert-primary-background: var(--palette-blue-100);
  --color-alert-primary-border: var(--palette-blue-90);
  --color-alert-primary-text: var(--palette-blue-40);
  --color-alert-warning-background: var(--palette-yellow-100);
  --color-alert-warning-border: var(--palette-yellow-90);
  --color-alert-warning-text: var(--palette-yellow-40);
}
@keyframes loadingSpinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
#root,
body,
html {
  position: relative;
  color: var(--color-text-l1);
}
@media only screen and (max-width: 768px) {
  #root,
  body,
  html {
    position: fixed;
    top: 0;
    inset: 0;
  }
}
.copy-clipboard {
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-divider);
  border-radius: 4px;
  color: var(--color-primary);
  cursor: copy;
  transition: all 0.4s;
  font-weight: 700;
}
.copy-clipboard:hover {
  border: 1px dashed var(--color-divider);
}
.copy-clipboard .btn-aside,
.copy-clipboard .input {
  display: flex;
  align-items: center;
}
.copy-clipboard .input {
  height: 48px;
  padding: 0 15px;
  flex-basis: 100%;
}
.copy-clipboard .btn-aside {
  height: 46px;
  justify-content: center;
  padding: 0 13px;
  font-size: 22px;
  background: var(--color-background-l1);
  margin-right: 1px;
}
@media only screen and (max-width: 768px) {
  .copy-clipboard .btn-aside {
    display: none;
  }
}
.no-gutter {
  padding: 0;
}
.no-gutter-left {
  padding-left: 0;
}
.no-gutter-right {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .no-gutter-xs {
    padding: 0;
  }
}
.table > thead > tr > th {
  border-bottom: 1px solid var(--color-divider);
  padding: 4px 14px;
}
.table > tbody > tr > td {
  padding: 2px 14px;
  border: none;
}
.navbar-default .navbar-nav > .open > a {
  background: transparent !important;
}
.navbar-default .navbar-toggle:active {
  box-shadow: inset 1px 1px 1px 1px var(--color-divider);
}
.navbar-default .navbar-toggle:focus {
  background-color: var(--color-primary);
}
.popover > .arrow {
  border-width: 7px;
}
.popover.bottom > .arrow {
  margin-left: -7px;
  top: -7px;
}
.popover.bottom > .arrow:after {
  margin-left: -6px;
  border-bottom-color: var(--color-background-l0);
}
.popover > .arrow:after {
  border-width: 6px;
}
.popover.bottom {
  margin-top: 7px;
}
hr {
  border-color: var(--color-divider);
}
input {
  background-color: var(--color-background-input);
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  color: var(--color-text-l1) !important;
  -webkit-text-fill-color: var(--color-text-l1) !important;
  box-shadow: 0 0 0 30px var(--color-background-input) inset !important;
  -webkit-box-shadow: 0 0 0 30px var(--color-background-input) inset !important;
}
.errorPage {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.errorPage-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.67;
  color: #161616;
}
.errorPage-description {
  font-size: 16px;
  letter-spacing: 0.45px;
  color: #161616;
}
.errorPage-button {
  all: unset;
  background: #3067f0;
  color: #fff;
  padding: 8px 36px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  margin: 24px 0;
  cursor: pointer;
  border: 1px solid #3b6ce8;
}
/*# sourceMappingURL=main.7e9048f5.chunk.css.map */