/* muli-200normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src:
    local('Muli Extra Light '),
    local('Muli-Extra Light'),
    url(../../static/media/muli-latin-200.21b522a482ade72866a8.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-200.5676db2c981e1e174352.woff) format('woff'); /* Modern Browsers */
}

/* muli-200italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src:
    local('Muli Extra Light italic'),
    local('Muli-Extra Lightitalic'),
    url(../../static/media/muli-latin-200italic.d60cca30c2cf191fa722.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-200italic.0a251eae3895761054d8.woff) format('woff'); /* Modern Browsers */
}

/* muli-300normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Muli Light '),
    local('Muli-Light'),
    url(../../static/media/muli-latin-300.7848ba436e7b015290f8.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-300.b6eab1400541fc4baf9f.woff) format('woff'); /* Modern Browsers */
}

/* muli-300italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Muli Light italic'),
    local('Muli-Lightitalic'),
    url(../../static/media/muli-latin-300italic.b936bb214404bcb121e5.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-300italic.f7890868824effdfb1f8.woff) format('woff'); /* Modern Browsers */
}

/* muli-400normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Muli Regular '),
    local('Muli-Regular'),
    url(../../static/media/muli-latin-400.06a2b2bcce29fa0240ed.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-400.38b72a2027777b0ec58a.woff) format('woff'); /* Modern Browsers */
}

/* muli-400italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Muli Regular italic'),
    local('Muli-Regularitalic'),
    url(../../static/media/muli-latin-400italic.83748fbaffa4f951f286.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-400italic.ac5420c5149efa9bc24c.woff) format('woff'); /* Modern Browsers */
}

/* muli-500normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Muli Medium '),
    local('Muli-Medium'),
    url(../../static/media/muli-latin-500.ad72a805d8fe9b3e08ea.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-500.5841ae21b1ab559770e6.woff) format('woff'); /* Modern Browsers */
}

/* muli-500italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Muli Medium italic'),
    local('Muli-Mediumitalic'),
    url(../../static/media/muli-latin-500italic.8fae352fcee33a9a291c.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-500italic.4aa150ac638a63c42e2c.woff) format('woff'); /* Modern Browsers */
}

/* muli-600normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    local('Muli SemiBold '),
    local('Muli-SemiBold'),
    url(../../static/media/muli-latin-600.194c6c4dd28cd73a2f3d.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-600.68f849e872fda0587f9f.woff) format('woff'); /* Modern Browsers */
}

/* muli-600italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src:
    local('Muli SemiBold italic'),
    local('Muli-SemiBolditalic'),
    url(../../static/media/muli-latin-600italic.04351ee1a91a2ea5f660.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-600italic.d2f1dbdf792547e22a96.woff) format('woff'); /* Modern Browsers */
}

/* muli-700normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Muli Bold '),
    local('Muli-Bold'),
    url(../../static/media/muli-latin-700.32240ca19f553b9efc06.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-700.d5233c9504ed8bee51a0.woff) format('woff'); /* Modern Browsers */
}

/* muli-700italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local('Muli Bold italic'),
    local('Muli-Bolditalic'),
    url(../../static/media/muli-latin-700italic.90924f5efba401bfef02.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-700italic.f8821fbf9d8b43e333ca.woff) format('woff'); /* Modern Browsers */
}

/* muli-800normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:
    local('Muli ExtraBold '),
    local('Muli-ExtraBold'),
    url(../../static/media/muli-latin-800.98f79027200e416cd176.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-800.87b13c7e4ac613407e43.woff) format('woff'); /* Modern Browsers */
}

/* muli-800italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src:
    local('Muli ExtraBold italic'),
    local('Muli-ExtraBolditalic'),
    url(../../static/media/muli-latin-800italic.409aab9a46f5eadf1109.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-800italic.9ce6b7c39c983e4e9f3f.woff) format('woff'); /* Modern Browsers */
}

/* muli-900normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Muli Black '),
    local('Muli-Black'),
    url(../../static/media/muli-latin-900.ab057f697fb22357d35d.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-900.e3ccc335470f7d6d80d2.woff) format('woff'); /* Modern Browsers */
}

/* muli-900italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local('Muli Black italic'),
    local('Muli-Blackitalic'),
    url(../../static/media/muli-latin-900italic.4aaedae6858493ec252a.woff2) format('woff2'), /* Super Modern Browsers */
    url(../../static/media/muli-latin-900italic.0ba0efb0fe338e81164e.woff) format('woff'); /* Modern Browsers */
}


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

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

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

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

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

body {
    margin: 0;
}

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

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

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

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

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

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

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

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

figure {
    margin: 1em 40px;
}

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

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

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

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

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

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

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

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

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

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

b,
strong {
    font-weight: inherit;
}

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

b,
strong {
    font-weight: bolder;
}

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

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

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

dfn {
    font-style: italic;
}

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

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

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

small {
    font-size: 80%;
}

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

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

audio,
video {
    display: inline-block;
}

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

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

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

img {
    border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

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

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

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

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

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

textarea {
    overflow: auto;
}

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

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

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

[type="number"]::-webkit-inner-sbottom-0utton,
[type="number"]::-webkit-outer-sbottom-0utton {
    height: auto;
}

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

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

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

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

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

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

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

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

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

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

summary {
    display: list-item;
}

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

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

canvas {
    display: inline-block;
}

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

template {
    display: none;
}

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

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

[hidden] {
    display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * 1. Prevent padding and border from affecting element width
 * https://goo.gl/pYtbK7
 * 2. Change the default font family in all browsers (opinionated)
 */

html {
    box-sizing: border-box; /* 1 */
    font-family: sans-serif; /* 2 */
}

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

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
    margin: 0;
}

button {
    background: transparent;
    padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
    margin: 0;
    padding: 0;
}

ol,
ul {
    margin: 0;
}

/**
 * Suppress the focus outline on elements that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */

[tabindex="-1"]:focus {
    outline: none !important;
}

/**
 * Tailwind custom reset styles
 */

/**
 * Allow adding a border to an element by just adding a border-width.
 *
 * By default, the way the browser specifies that an element should have no
 * border is by setting it's border-style to `none` in the plan-agent
 * stylesheet.
 *
 * In order to easily add borders to elements by just setting the `border-width`
 * property, we change the default border-style for all elements to `solid`, and
 * use border-width to hide them instead. This way our `border` utilities only
 * need to set the `border-width` property instead of the entire `border`
 * shorthand, making our border utilities much more straightforward to compose.
 *
 * https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
*::before,
*::after {
    border-width: 0;
    border-style: solid;
    /*border-color: config('borderColors.default', currentColor);*/
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
    border-style: solid;
}

/**
 * Temporary reset for a change introduced in Chrome 62 but now reverted.
 *
 * We can remove this when the reversion is in a normal Chrome release.
 */
/*button,
[type="button"],
[type="reset"],
[type="submit"] {
    border-radius: 0;
}*/

textarea {
    resize: vertical;
}

img {
    max-width: 100%;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
}

input::placeholder, textarea::placeholder {
    color: inherit;
    opacity: .5;
}

button, [role=button] {
    cursor: pointer;
}

/*----------------------------------------------------------------*/
/*  Print
/*----------------------------------------------------------------*/
@media all {
    /* Never show page breaks in normal view */
    .page-break-after,
    .page-break-before {
        display: none;
    }
}

@media print {
    /* html and body tweaks */
    html, body {
        height: auto !important;
        overflow: initial !important;
        background: none
    }

    /* Page breaks */
    .page-break-after {
        display: block;
        page-break-after: always;
        position: relative;
    }

    .page-break-before {
        display: block;
        page-break-before: always;
        position: relative;
    }

    /* General styles */
    #fuse-toolbar,
    #fuse-footer,
    #fuse-navbar,
    #fuse-settings,
    #fuse-layout .ps > .ps__rail-x,
    #fuse-layout .ps > .ps__rail-y {
        display: none !important;
    }

    #fuse-layout .ps {
        overflow: visible !important;
    }
}

/**
Basic Table Styles
 */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

table.simple {
    width: 100%;
    border: none;
    border-spacing: 0;
    text-align: left;
}

table.simple thead tr th {
    padding: 16px 8px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    white-space: nowrap;
}

table.simple thead tr th:first-child {
    padding-left: 24px;
}

table.simple thead tr th:last-child {
    padding-right: 24px;
}

table.simple tbody tr td {
    padding: 16px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.simple tbody tr td:first-child {
    padding-left: 24px;
}

table.simple tbody tr td:last-child {
    padding-right: 24px;
}

table.simple tbody tr:last-child td {
    border-bottom: none;
}

table.simple.clickable tbody tr {
    cursor: pointer;
}

table.simple.clickable tbody tr:hover {
    background: rgba(0, 0, 0, 0.03);
}

/**
ReactTable Overrides
 */
.ReactTable .rt-tbody .rt-td {
    display: flex;
    align-items: center;
}

.ReactTable .rt-tr {
    min-height: 48px;
}

.ReactTable .rt-thead.-header {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.ReactTable .-pagination {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.ReactTable .rt-thead .rt-resizable-header-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.ReactTable .rt-thead.-filters .rt-th {
    padding: 16px 8px;
}

.ReactTable .rt-thead.-filters input, .ReactTable .rt-thead.-filters select {
    border: none;
    background: initial;
    padding: 6px 0 7px 0;
}

.ReactTable .-pagination .-center {
    order: 0;
    justify-content: flex-start;
}

.ReactTable .-pagination .-previous, .ReactTable .-pagination .-next {
    max-width: 64px;
}

.ReactTable .-pagination .-previous {
    order: 1;
}

.ReactTable .-pagination .-next {
    order: 2;
}

/**
 * Prism base code highlighter theme using Sass
 *
 * @author @MoOx
 * https://github.com/MoOx/sass-prism-theme-base/blob/master/_prism.scss
 * slightly adapted by me, Bram de Haan
 */
code[class*="language-"], pre[class*="language-"] {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: pre;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 14px;
    line-height: 1.5;
    color: #EEFFFF;
    background: #263238;
}

pre[class*="language-"], :not(pre) > code[class*="language-"] {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

pre[class*="language-"] {
    padding: 12px;
}

:not(pre) > code[class*="language-"] {
    padding: 2px 6px;
}

code[class*="language-"] .namespace, pre[class*="language-"] .namespace {
    opacity: .7;
}

code[class*="language-"] .token.comment, code[class*="language-"] .token.prolog, code[class*="language-"] .token.doctype, code[class*="language-"] .token.cdata, pre[class*="language-"] .token.comment, pre[class*="language-"] .token.prolog, pre[class*="language-"] .token.doctype, pre[class*="language-"] .token.cdata {
    color: #62727A;
}

code[class*="language-"] .token.null, code[class*="language-"] .token.operator, code[class*="language-"] .token.boolean, code[class*="language-"] .token.number, pre[class*="language-"] .token.null, pre[class*="language-"] .token.operator, pre[class*="language-"] .token.boolean, pre[class*="language-"] .token.number {
    color: #F78C6C;
}

code[class*="language-"] .token.string, pre[class*="language-"] .token.string {
    color: #89DDFF;
}

code[class*="language-"] .token.attr-name, pre[class*="language-"] .token.attr-name {
    color: #F78C6C;
}

code[class*="language-"] .token.entity, code[class*="language-"] .token.url, .language-css code[class*="language-"] .token.string, .style code[class*="language-"] .token.string, pre[class*="language-"] .token.entity, pre[class*="language-"] .token.url, .language-css pre[class*="language-"] .token.string, .style pre[class*="language-"] .token.string {
    color: #89DDFF;
}

code[class*="language-"] .token.selector, pre[class*="language-"] .token.selector {
    color: #C792EA;
}

code[class*="language-"] .token.attr-value, code[class*="language-"] .token.keyword, code[class*="language-"] .token.control, code[class*="language-"] .token.directive, code[class*="language-"] .token.unit, pre[class*="language-"] .token.attr-value, pre[class*="language-"] .token.keyword, pre[class*="language-"] .token.control, pre[class*="language-"] .token.directive, pre[class*="language-"] .token.unit {
    color: #C3E88D;
}

code[class*="language-"] .token.important, pre[class*="language-"] .token.important {
    color: #F07178;
}

code[class*="language-"] .token.atrule, pre[class*="language-"] .token.atrule {
    color: #89DDFF;
}

code[class*="language-"] .token.regex, code[class*="language-"] .token.statement, pre[class*="language-"] .token.regex, pre[class*="language-"] .token.statement {
    color: #89DDFF;
}

code[class*="language-"] .token.placeholder, code[class*="language-"] .token.variable, pre[class*="language-"] .token.placeholder, pre[class*="language-"] .token.variable {
    color: #82AAFF;
}

code[class*="language-"] .token.property, pre[class*="language-"] .token.property {
    color: #FFCB6B;
}

code[class*="language-"] .token.tag, pre[class*="language-"] .token.tag {
    color: #82AAFF;
}

code[class*="language-"] .token.important, code[class*="language-"] .token.statement, pre[class*="language-"] .token.important, pre[class*="language-"] .token.statement {
    font-weight: bold;
}

code[class*="language-"] .token.punctuation, pre[class*="language-"] .token.punctuation {
    color: #EEFFFF;
}

code[class*="language-"] .token.entity, pre[class*="language-"] .token.entity {
    cursor: help;
}

code[class*="language-"] .token.debug, pre[class*="language-"] .token.debug {
    color: red;
}

.rounded-8 {
  border-radius: .8rem
}

.rounded {
  border-radius: .4rem
}

.rounded-lg {
  border-radius: .8rem
}

.border {
  border-width: 1px
}

.border-b-1 {
  border-bottom-width: 1px
}

.block {
  display: block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.table-cell {
  display: table-cell
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.hidden {
  display: none
}

.flex-row {
  flex-direction: row
}

.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-col {
  flex-direction: column
}

.items-start {
  align-items: flex-start
}

.items-center {
  align-items: center
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.flex-1 {
  flex: 1 1 0%
}

.flex-auto {
  flex: 1 1 auto
}

.flex-grow-0 {
  flex-grow: 0
}

.flex-shrink-0 {
  flex-shrink: 0
}

.flex-shrink {
  flex-shrink: 1
}

.font-600 {
  font-weight: 600
}

.font-light {
  font-weight: 300
}

.font-bold {
  font-weight: 700
}

.h-8 {
  height: 0.8rem
}

.h-16 {
  height: 1.6rem
}

.h-40 {
  height: 4rem
}

.h-48 {
  height: 4.8rem
}

.h-64 {
  height: 6.4rem
}

.h-full {
  height: 100%
}

.text-11 {
  font-size: 1.1rem
}

.text-12 {
  font-size: 1.2rem
}

.text-14 {
  font-size: 1.4rem
}

.text-16 {
  font-size: 1.6rem
}

.text-20 {
  font-size: 2rem
}

.m-8 {
  margin: 0.8rem
}

.mx-8 {
  margin-left: 0.8rem;
  margin-right: 0.8rem
}

.my-16 {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem
}

.mt-0 {
  margin-top: 0
}

.mb-0 {
  margin-bottom: 0
}

.mr-4 {
  margin-right: 0.4rem
}

.mb-4 {
  margin-bottom: 0.4rem
}

.ml-4 {
  margin-left: 0.4rem
}

.mr-8 {
  margin-right: 0.8rem
}

.ml-8 {
  margin-left: 0.8rem
}

.ml-12 {
  margin-left: 1.2rem
}

.mb-16 {
  margin-bottom: 1.6rem
}

.mb-32 {
  margin-bottom: 3.2rem
}

.mt-48 {
  margin-top: 4.8rem
}

[dir='rtl'] .rtl\:mr-12,[dir='rtl'].rtl\:mr-12 {
  margin-right: 1.2rem
}

[dir='rtl'] .rtl\:ml-16,[dir='rtl'].rtl\:ml-16 {
  margin-left: 1.6rem
}

.min-h-64 {
  min-height: 6.4rem
}

.min-w-40 {
  min-width: 4rem
}

.min-w-64 {
  min-width: 6.4rem
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.p-0 {
  padding: 0
}

.p-12 {
  padding: 1.2rem
}

.p-16 {
  padding: 1.6rem
}

.p-24 {
  padding: 2.4rem
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.py-4 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem
}

.px-4 {
  padding-left: 0.4rem;
  padding-right: 0.4rem
}

.py-8 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem
}

.px-8 {
  padding-left: 0.8rem;
  padding-right: 0.8rem
}

.py-12 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem
}

.px-12 {
  padding-left: 1.2rem;
  padding-right: 1.2rem
}

.py-16 {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem
}

.px-16 {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}

.pl-0 {
  padding-left: 0
}

.pt-8 {
  padding-top: 0.8rem
}

.pr-8 {
  padding-right: 0.8rem
}

.pb-8 {
  padding-bottom: 0.8rem
}

.pr-12 {
  padding-right: 1.2rem
}

.pb-12 {
  padding-bottom: 1.2rem
}

.pb-16 {
  padding-bottom: 1.6rem
}

.pl-16 {
  padding-left: 1.6rem
}

.pl-20 {
  padding-left: 2rem
}

.pt-24 {
  padding-top: 2.4rem
}

.pl-24 {
  padding-left: 2.4rem
}

.pr-48 {
  padding-right: 4.8rem
}

.pb-64 {
  padding-bottom: 6.4rem
}

[dir='rtl'] .rtl\:pr-24,[dir='rtl'].rtl\:pr-24 {
  padding-right: 2.4rem
}

[dir='rtl'] .rtl\:pr-40,[dir='rtl'].rtl\:pr-40 {
  padding-right: 4rem
}

[dir='rtl'] .rtl\:pr-56,[dir='rtl'].rtl\:pr-56 {
  padding-right: 5.6rem
}

[dir='rtl'] .rtl\:pr-72,[dir='rtl'].rtl\:pr-72 {
  padding-right: 7.2rem
}

[dir='rtl'] .rtl\:pr-80,[dir='rtl'].rtl\:pr-80 {
  padding-right: 8rem
}

.pointer-events-none {
  pointer-events: none
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: -webkit-sticky;
  position: sticky
}

.top-0 {
  top: 0
}

.right-0 {
  right: 0
}

.bottom-0 {
  bottom: 0
}

.left-0 {
  left: 0
}

.text-center {
  text-align: center
}

.italic {
  font-style: italic
}

.uppercase {
  text-transform: uppercase
}

.capitalize {
  text-transform: capitalize
}

.normal-case {
  text-transform: none
}

.underline {
  text-decoration: underline
}

.visible {
  visibility: visible
}

.whitespace-no-wrap {
  white-space: nowrap
}

.w-16 {
  width: 1.6rem
}

.w-24 {
  width: 2.4rem
}

.w-40 {
  width: 4rem
}

.w-48 {
  width: 4.8rem
}

.w-64 {
  width: 6.4rem
}

.w-xs {
  width: 32rem
}

.w-1\/4 {
  width: 25%
}

.w-full {
  width: 100%
}

.z-0 {
  z-index: 0
}

.z-10 {
  z-index: 10
}

.z-9999 {
  z-index: 9999
}

.gap-2 {
  grid-gap: 0.5rem;
  gap: 0.5rem
}

.transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0
  }
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

@media (min-width: 600px) {

  .sm\:flex {
    display: flex
  }

  .sm\:p-32 {
    padding: 3.2rem
  }
}

@media (min-width: 960px) {

  .md\:flex {
    display: flex
  }
}

@media (min-width: 1280px) {

  .lg\:pr-0 {
    padding-right: 0
  }

  .lg\:pl-0 {
    padding-left: 0
  }
}
@font-face {
  font-family: Vazir FD;
  src: url(../../static/media/Vazir-Regular-FD.32e20c1979389b428842.eot);
  src: url(../../static/media/Vazir-Regular-FD.32e20c1979389b428842.eot?#iefix) format('embedded-opentype'),
       url(../../static/media/Vazir-Regular-FD.8d857a31e8e9318e37be.woff2) format('woff2'),
       url(../../static/media/Vazir-Regular-FD.eb4e6a9f39bf1514fe19.woff) format('woff'),
       url(../../static/media/Vazir-Regular-FD.8bb7ca00cefdf096559d.ttf) format('truetype');
  font-weight: normal;
  font-display:swap;
}

@font-face {
  font-family: Vazir FD;
  src: url(../../static/media/Vazir-Bold-FD.a4840f3ebbd349c92c0c.eot);
  src: url(../../static/media/Vazir-Bold-FD.a4840f3ebbd349c92c0c.eot?#iefix) format('embedded-opentype'),
       url(../../static/media/Vazir-Bold-FD.f3feb1c6d4f9b8a24be0.woff2) format('woff2'),
       url(../../static/media/Vazir-Bold-FD.a68c8e9c69f646af46b1.woff) format('woff'),
       url(../../static/media/Vazir-Bold-FD.825c75aa5a5cd68258fe.ttf) format('truetype');
  font-weight: bold;
  font-display:swap;
}

@font-face {
  font-family: Vazir FD;
  src: url(../../static/media/Vazir-Thin-FD.e7ff473523b626c91c78.eot);
  src: url(../../static/media/Vazir-Thin-FD.e7ff473523b626c91c78.eot?#iefix) format('embedded-opentype'),
       url(../../static/media/Vazir-Thin-FD.5077ba672f4d4477389c.woff2) format('woff2'),
       url(../../static/media/Vazir-Thin-FD.c6514ec4f40f9a47ff4d.woff) format('woff'),
       url(../../static/media/Vazir-Thin-FD.27b413e7a39b70499719.ttf) format('truetype');
  font-weight: 100;
  font-display:swap;
}

@font-face {
  font-family: Vazir FD;
  src: url(../../static/media/Vazir-Light-FD.c0afca25df4848c36a03.eot);
  src: url(../../static/media/Vazir-Light-FD.c0afca25df4848c36a03.eot?#iefix) format('embedded-opentype'),
       url(../../static/media/Vazir-Light-FD.d26f9cd2ca8200df0c7d.woff2) format('woff2'),
       url(../../static/media/Vazir-Light-FD.6397ddd0c3096cec8a0b.woff) format('woff'),
       url(../../static/media/Vazir-Light-FD.d2b0af34e7b8a7b0d383.ttf) format('truetype');
  font-weight: 300;
  font-display:swap;
}

@font-face {
  font-family: Vazir FD;
  src: url(../../static/media/Vazir-Medium-FD.b37f45b1e0219c5dc49f.eot);
  src: url(../../static/media/Vazir-Medium-FD.b37f45b1e0219c5dc49f.eot?#iefix) format('embedded-opentype'),
       url(../../static/media/Vazir-Medium-FD.1dd4426498af2ebb6524.woff2) format('woff2'),
       url(../../static/media/Vazir-Medium-FD.0777e018bf86b21d270e.woff) format('woff'),
       url(../../static/media/Vazir-Medium-FD.245d38690660ab8901dd.ttf) format('truetype');
  font-weight: 500;
  font-display:swap;
}

@font-face {
  font-family: Vazir FD;
  src: url(../../static/media/Vazir-Black-FD.8ffa365691e6c1994a7a.eot);
  src: url(../../static/media/Vazir-Black-FD.8ffa365691e6c1994a7a.eot?#iefix) format('embedded-opentype'),
       url(../../static/media/Vazir-Black-FD.7b8008cc94abad76acbc.woff2) format('woff2'),
       url(../../static/media/Vazir-Black-FD.c8c95f1b5b1f8c973e90.woff) format('woff'),
       url(../../static/media/Vazir-Black-FD.5af5834a58e0888edb26.ttf) format('truetype');
  font-weight: 900;
  font-display:swap;
}
* {
    outline: none !important;
}

html {
    font-size: 62.5%;
    font-family: Vazir;
    background-color: #262933;
}

body {
    font-size: 14px;
    line-height: 1.4;
}

html, body, #root {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

h1, .h1 {
    font-size: 24px;
}

h2, .h2 {
    font-size: 20px;
}

h3, .h3 {
    font-size: 16px;
}

h4, .h4 {
    font-size: 15px;
}

h5, .h5 {
    font-size: 13px;
}

h6, .h6 {
    font-size: 12px;
}

.ps > .ps__rail-y,
.ps > .ps__rail-x {
    z-index: 99;
}

a[role=button] {
    text-decoration: none;
}

/* Medium Devices, Desktops Only */
@media only screen and (min-width: 992px) {
    ::-webkit-scrollbar {
        width: 12px;
        height: 12px;
        background-color: rgba(0, 0, 0, 0);
    }

    ::-webkit-scrollbar:hover {
        width: 12px;
        height: 12px;
        background-color: rgba(0, 0, 0, 0.06);
    }

    ::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.24);
        border-radius: 20px;
    }

    ::-webkit-scrollbar-thumb:active {
        box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.37);
        border-radius: 20px;
    }
}

.inline-btn{
    height: 100%;
    min-height: 37px;
    padding: 0 45px;
}

form label {
    z-index: 99;
}

/* == MF CSS ============ */
.card-display{
    background-color: #e3f2fd;
}
.display-paragraph textarea{
    text-align: justify;
    line-height: 1.5;
    color: #000000de;
}
.display-paragraph .MuiInput-underline:before,
.display-paragraph .MuiInput-underline:hover:before,
.display-paragraph .MuiInput-underline:after{
    border-width: 0!important;
    display: none;
}
.display-paragraph .MuiInputBase-multiline{
    padding: 0;
}
.read-only{
    background-color: #ecf7fb;
}
.read-only textarea,
.read-only input{
    color: rgba(0, 0, 0, 0.87)
}
.required label span{
    color: red;
}
.MuiCardHeader-title{
    font-size: 2rem;
    font-weight: 500;
}
.MuiCardHeader-action{
    margin-bottom: -6px;
}

.form-group{
    display: flex;
}
.form-group.form-group-reverse{
    flex-direction: row-reverse;
}
.form-group button.MuiButton-root,
.form-group .form-group-item .MuiOutlinedInput-root{
    border-radius: 0;
}
.form-group span:first-child button.MuiButton-root,
.form-group .form-group-item:first-child .MuiOutlinedInput-root,
.form-group.form-group-reverse span:last-child button.MuiButton-root,
.form-group.form-group-reverse .form-group-item:last-child .MuiOutlinedInput-root{
    border-radius: 0 4px 4px 0;
}
.form-group span:last-child button.MuiButton-root,
.form-group .form-group-item:last-child .MuiOutlinedInput-root,
.form-group.form-group-reverse span:first-child button.MuiButton-root,
.form-group.form-group-reverse .form-group-item:first-child .MuiOutlinedInput-root{
    border-radius: 4px 0 0 4px;
}
/*.form-group .form-group-item:not(:first-child) fieldset{*/
/*    border-right-width: 0;*/
/*}*/
.form-group span:not(:first-child) button.MuiButton-root,
.form-group .form-group-item:not(:first-child){
    margin-right: -1px;
}
.form-group.form-group-reverse span:not(:first-child) button.MuiButton-root,
.form-group.form-group-reverse .form-group-item:not(:first-child){
    margin-left: -1px;
}
.form-group span button.MuiButton-root{
    height: 100%;
    min-width: 53px;
    padding-right: 6px;
    padding-left: 6px;
}

.outlined-input {
    border: 1px solid #0000003b;
    border-radius: 4px;
    height: 53.63px;
}
.outlined-input:hover {
    border-color: black;
}

.table-row-silver {
    background-color: #e9e9e9;
}
.table-sub-head {
    background-color: #e9e9e9;
}
.table-sub-head td {
    font-weight: bold;
}

.print-visible {
    display: none;
}
.print-hidden {
    display: block;
}
.print {
    width: 100%;
}
.print .print-frame{
    width: 100%;
}
@media print {
    .print {
        margin: 0 1.5cm;
        direction: rtl;
        width: calc(100% - 3cm);
    }
    /*.print *{*/
    /*    font-family: "BNazanin", serif !important;*/
    /*}*/
    .print p{
        font-size: 10pt!important;
    }
    .print .MuiCardHeader-title{
        font-size: 90%!important;
    }
    .print .MuiCardHeader-root{
        padding: 12px 16px !important;
    }
    .print th.MuiTableCell-root,
    .print td.MuiTableCell-root{
        padding: 6px 16px !important;
        font-size: 9pt!important;
    }
    .print th{
        background-color: #d9d9d9!important;
    }
    .print th p{
        color: #000;
        padding: 0;
    }
    .print th svg{
        display: none;
    }
    .print-visible {
        display: block;
    }
    .print-hidden {
        display: none;
    }
    html,body{
        background-color: #fff;
    }
    .page-header {
        position: fixed;
        top: 0;
        width: calc(100% - 3cm);
    }
    .page-footer {
        position: fixed;
        bottom: 0;
        width: calc(100% - 3cm);
    }
}

.question-toolbox-item {
    border-top: 1px solid #ddd;
    padding: 10px 16px;
    cursor: pointer;
}
.question-toolbox-item:hover {
    background-color: ghostwhite;
}
.question-toolbox-item:first-child {
    /*border-top: 0;*/
}
.question-toolbox {
    position: sticky;
    top: 20px
}
.question-toolbox .header {
    font-weight: bold;
    background-color: #3C4252 ;
    color: white;
    padding: 14px 16px;
}
.question-toolbox .sortable-chosen {
    border-top: 1px solid #ddd;
    background-color: #e0f2ff;
    padding-right: 24px;
}
.question-toolbox .sortable-drag {
    background-color: honeydew;
    border: 1px solid #ddd;
}
.question-required {
    color: red;
}
.questionnaire-page-edit {
    min-height: 260px;
    padding: 20px;
}
.questionnaire-page-edit-empty {
    margin: -280px 20px 20px 20px;
    border: 1px dashed #ddd;
    text-align: center;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.question-editor {
    /*padding: 16px 0;*/
    /*border-bottom: 1px solid #ddd;*/
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid #ddd;
}
/*.question-editor:hover {*/
/*    !*border: 1px solid #ddd;*!*/
/*    outline: 1px solid #ddd;;*/
/*}*/
/*.question-editor:active {*/
/*    !*border: 1px solid #0066ff;*!*/
/*    border-color: #039be5;*/
/*}*/
.questionnaire-editor .page-handle,
.questionnaire-editor .choice-handle,
.questionnaire-editor .question-handle {
    cursor: move;
    padding-top: 2px;
}
.question-ghost {
    opacity: .5;
    background: #e0f2ff;
    margin-bottom: 16px;
    border: 1px dashed #ddd;
}
.question-editor .header {
    border-bottom: 1px solid #ddd;
}
.questionnaire-editor .MuiInput-underline:before {
    /*display: none;*/
    border-width: 0;
}
.question-editor .toolbar-more {
    display: none;
}
.question-editor:hover .toolbar-more {
    display: initial;
}
.questionnaire-editor .MuiFormControlLabel-root{
    margin-right: -6px;
}
.questionnaire-editor .MuiFormControlLabel-labelPlacementStart {
    margin-right: 0;
    margin-left: 0;
    align-items: baseline;
}
.questionnaire-editor .text-field {
    width: 100%;
}
/*.question-editor .text-plan.inline {*/
/*    width: auto;*/
/*}*/
.questionnaire-editor .text-field .MuiAutocomplete-root,
.questionnaire-editor .text-field .MuiFormControl-root{
    flex-grow: 1;
    margin-left: 12px;
}
.questionnaire-editor .text-field .MuiFormControlLabel-label {
    padding: 2px 0 7px 6px;
}
.questionnaire-editor .form-grid {
    min-height: 30px;
}
.check-management-header {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 6px;
    font-weight: bold;
    color: #0000008a;
    width: fit-content;
    font-size: smaller;
    display: flex;
}
.page-editor-question-container {
    min-height: 63px;
    border: 1px dashed #ddd;
    margin: 6px 0 -7px 0;
}
.page-editor-question-container .page-editor-question-item {
    padding: 3px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.page-editor-question-container .page-editor-question-item:hover {
    background-color: ghostwhite;
}
.page-editor-question-container .page-editor-question-item,
.page-editor-question-container .question-ghost{
    margin: 3px;
    cursor: move;
}
.hover-info:hover {
    color: #2196f3;
}
.hover-success:hover {
    color: #4caf50;
}
.hover-danger:hover {
    color: #f44336;
}
.icon-flipped {
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.hide-spin-button input::-webkit-outer-spin-button,
.hide-spin-button input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hide-spin-button input[type=number] {
    -moz-appearance: textfield;
}
/* ---------------------- */
.MuiTableSortLabel-root:hover {
    color: rgb(255 255 255) !important;
}

.ace_editor *{
    font-family: monospace !important;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

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

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}