/* 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 */
}


/**
 * 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.
 */

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

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
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;*/
  outline: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the system font stack as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. 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 user-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 {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  /*border-color: theme('borderColor.default', currentColor); !* 2 *!*/
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

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

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  color: #A0AEC0;
}

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

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/*----------------------------------------------------------------*/

/*  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: visible !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);
}

/**
 * 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-"] {
  tab-size: 4;
  -webkit-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;
}

/*
@tailwind base;

@tailwind components;
*/

.bg-white {
  background-color: #FFF
}

.bg-grey-50 {
  background-color: #FAFAFA
}

.bg-grey-100 {
  background-color: #F5F5F5
}

.bg-grey-300 {
  background-color: #E0E0E0
}

.bg-grey-500 {
  background-color: #9E9E9E
}

.bg-green-100 {
  background-color: #C8E6C9
}

.bg-blue-100 {
  background-color: #BBDEFB
}

.hover\:bg-transparent:hover {
  background-color: transparent
}

.focus\:bg-transparent:focus {
  background-color: transparent
}

.border-gray-200 {
  border-color: #EEEEEE
}

.border-gray-500 {
  border-color: #9E9E9E
}

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

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

.rounded {
  border-radius: .4rem
}

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

.border-solid {
  border-style: solid
}

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

.border-2 {
  border-width: 2px
}

.border {
  border-width: 1px
}

.border-t-1 {
  border-top-width: 1px
}

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

.border-l-1 {
  border-left-width: 1px
}

.cursor-default {
  cursor: default
}

.cursor-pointer {
  cursor: pointer
}

.cursor-move {
  cursor: move
}

.block {
  display: block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.table {
  display: table
}

.hidden {
  display: none
}

.flex-row {
  flex-direction: row
}

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

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

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

.items-center {
  align-items: center
}

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

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.flex-1 {
  flex: 1 1
}

.flex-auto {
  flex: 1 1 auto
}

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

.flex-grow {
  flex-grow: 1
}

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

.flex-shrink {
  flex-shrink: 1
}

.font-600 {
  font-weight: 600
}

.font-light {
  font-weight: 300
}

.font-medium {
  font-weight: 500
}

.font-bold {
  font-weight: 700
}

.h-8 {
  height: 0.8rem
}

.h-16 {
  height: 1.6rem
}

.h-20 {
  height: 2rem
}

.h-32 {
  height: 3.2rem
}

.h-40 {
  height: 4rem
}

.h-48 {
  height: 4.8rem
}

.h-64 {
  height: 6.4rem
}

.h-96 {
  height: 9.6rem
}

.h-400 {
  height: 40rem
}

.h-full {
  height: 100%
}

.m-0 {
  margin: 0
}

.m-8 {
  margin: 0.8rem
}

.m-16 {
  margin: 1.6rem
}

.mx-4 {
  margin-left: 0.4rem;
  margin-right: 0.4rem
}

.my-8 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem
}

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

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

.mx-16 {
  margin-left: 1.6rem;
  margin-right: 1.6rem
}

.mx-48 {
  margin-left: 4.8rem;
  margin-right: 4.8rem
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.-mx-12 {
  margin-left: -1.2rem;
  margin-right: -1.2rem
}

.mt-0 {
  margin-top: 0
}

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

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

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

.mt-8 {
  margin-top: 0.8rem
}

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

.mb-8 {
  margin-bottom: 0.8rem
}

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

.mr-12 {
  margin-right: 1.2rem
}

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

.mt-16 {
  margin-top: 1.6rem
}

.mr-16 {
  margin-right: 1.6rem
}

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

.mb-24 {
  margin-bottom: 2.4rem
}

.ml-24 {
  margin-left: 2.4rem
}

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

.mb-36 {
  margin-bottom: 3.6rem
}

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

.mb-48 {
  margin-bottom: 4.8rem
}

[dir='ltr'] .ltr\:ml-4,[dir='ltr'].ltr\:ml-4 {
  margin-left: 0.4rem
}

[dir='ltr'] .ltr\:ml-8,[dir='ltr'].ltr\:ml-8 {
  margin-left: 0.8rem
}

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

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

.max-h-full {
  max-height: 100%
}

.max-w-200 {
  max-width: 20rem
}

.max-w-384 {
  max-width: 38.4rem
}

.max-w-400 {
  max-width: 40rem
}

.max-w-512 {
  max-width: 51.2rem
}

.max-w-640 {
  max-width: 64rem
}

.min-h-0 {
  min-height: 0
}

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

.min-h-320 {
  min-height: 32rem
}

.min-w-20 {
  min-width: 2rem
}

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

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

.min-w-92 {
  min-width: 9.2rem
}

.min-w-136 {
  min-width: 13.6rem
}

.min-w-200 {
  min-width: 20rem
}

.opacity-50 {
  opacity: 0.5
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-x-auto {
  overflow-x: auto
}

.overflow-y-hidden {
  overflow-y: hidden
}

.p-0 {
  padding: 0
}

.p-4 {
  padding: 0.4rem
}

.p-6 {
  padding: 0.6rem
}

.p-8 {
  padding: 0.8rem
}

.p-12 {
  padding: 1.2rem
}

.p-16 {
  padding: 1.6rem
}

.p-24 {
  padding: 2.4rem
}

.p-32 {
  padding: 3.2rem
}

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

.px-0 {
  padding-left: 0;
  padding-right: 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
}

.py-24 {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem
}

.px-24 {
  padding-left: 2.4rem;
  padding-right: 2.4rem
}

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

.pl-0 {
  padding-left: 0
}

.pr-4 {
  padding-right: 0.4rem
}

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

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

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

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

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

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

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

.pb-24 {
  padding-bottom: 2.4rem
}

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

.pt-32 {
  padding-top: 3.2rem
}

.pl-40 {
  padding-left: 4rem
}

.pl-56 {
  padding-left: 5.6rem
}

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

.pl-72 {
  padding-left: 7.2rem
}

.pl-80 {
  padding-left: 8rem
}

.pl-84 {
  padding-left: 8.4rem
}

[dir='ltr'] .ltr\:pr-48,[dir='ltr'].ltr\:pr-48 {
  padding-right: 4.8rem
}

[dir='rtl'] .rtl\:pl-48,[dir='rtl'].rtl\:pl-48 {
  padding-left: 4.8rem
}

.placeholder-gray-500::placeholder {
  color: #9E9E9E
}

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

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.top-0 {
  top: 0
}

.right-0 {
  right: 0
}

.bottom-0 {
  bottom: 0
}

.left-0 {
  left: 0
}

[dir='ltr'] .ltr\:right-0,[dir='ltr'].ltr\:right-0 {
  right: 0
}

[dir='rtl'] .rtl\:left-0,[dir='rtl'].rtl\:left-0 {
  left: 0
}

.shadow-1 {
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-white {
  color: #FFF
}

.text-grey-500 {
  color: #9E9E9E
}

.text-grey-600 {
  color: #757575
}

.text-gray-700 {
  color: #616161
}

.text-10 {
  font-size: 1rem
}

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

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

.text-13 {
  font-size: 1.3rem
}

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

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

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

.italic {
  font-style: italic
}

.uppercase {
  text-transform: uppercase
}

.capitalize {
  text-transform: capitalize
}

.normal-case {
  text-transform: none
}

.underline {
  text-decoration: underline
}

.select-none {
  -webkit-user-select: none;
  user-select: none
}

.align-middle {
  vertical-align: middle
}

.visible {
  visibility: visible
}

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

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.w-16 {
  width: 1.6rem
}

.w-20 {
  width: 2rem
}

.w-24 {
  width: 2.4rem
}

.w-32 {
  width: 3.2rem
}

.w-36 {
  width: 3.6rem
}

.w-40 {
  width: 4rem
}

.w-48 {
  width: 4.8rem
}

.w-52 {
  width: 5.2rem
}

.w-64 {
  width: 6.4rem
}

.w-68 {
  width: 6.8rem
}

.w-96 {
  width: 9.6rem
}

.w-128 {
  width: 12.8rem
}

.w-224 {
  width: 22.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-4 {
  grid-gap: 0.4rem;
  gap: 0.4rem
}

.gap-8 {
  grid-gap: 0.8rem;
  gap: 0.8rem
}

.gap-12 {
  grid-gap: 1.2rem;
  gap: 1.2rem
}

.gap-16 {
  grid-gap: 1.6rem;
  gap: 1.6rem
}

.gap-24 {
  grid-gap: 2.4rem;
  gap: 2.4rem
}

.gap-48 {
  grid-gap: 4.8rem;
  gap: 4.8rem
}

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

@media (min-width: 600px) {
  .sm\:flex {
    display: flex
  }

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

@media (min-width: 960px) {
  .md\:flex {
    display: flex
  }

  .md\:flex-row {
    flex-direction: row
  }

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

  .md\:flex-1 {
    flex: 1 1
  }

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

  .md\:m-0 {
    margin: 0
  }

  .md\:p-0 {
    padding: 0
  }

  .md\:p-16 {
    padding: 1.6rem
  }

  .md\:p-48 {
    padding: 4.8rem
  }

  .md\:p-128 {
    padding: 12.8rem
  }

  .md\:pt-128 {
    padding-top: 12.8rem
  }

  .md\:text-left {
    text-align: left
  }

  .md\:w-full {
    width: 100%
  }
}

@media (min-width: 1280px) {
  .lg\:mx-24 {
    margin-left: 2.4rem;
    margin-right: 2.4rem
  }

  .lg\:px-24 {
    padding-left: 2.4rem;
    padding-right: 2.4rem
  }

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

  [dir='ltr'] .lg\:ltr\:pl-0,[dir='ltr'].lg\:ltr\:pl-0 {
    padding-left: 0
  }

  [dir='rtl'] .lg\:rtl\:pr-0,[dir='rtl'].lg\:rtl\:pr-0 {
    padding-right: 0
  }
}
.w1{ width:1%
}

.nwp{ white-space:nowrap
}

// HELPERS
.mrg-0{ margin:0!important;
}

.mrg-2{ margin:2px!important;
}

.mrg-5{ margin:5px!important;
}

.mrg-10{ margin:10px!important;
}

.mrg-t-0{ margin-top:0!important;
}

.mrg-r-0{ margin-right:0!important;
}

.mrg-b-0{ margin-bottom:0!important;
}

.mrg-l-0{ margin-left:0!important;
}

.mrg-t-5{ margin-top:5px!important;
}

.mrg-r-5{ margin-right:5px!important;
}

.mrg-b-5{ margin-bottom:5px!important;
}

.mrg-l-5{ margin-left:5px!important;
}

.mrg-t-10{ margin-top:10px!important;
}

.mrg-r-10{ margin-right:10px!important;
}

.mrg-b-10{ margin-bottom:10px!important;
}

.mrg-l-10{ margin-left:10px!important;
}

.mrg-t-20{ margin-top:20px!important;
}

.mrg-r-20{ margin-right:20px!important;
}

.mrg-b-20{ margin-bottom:20px!important;
}

.mrg-l-20{ margin-left:20px!important;
}

.mrg-t-25{ margin-top:25px!important;
}

.mrg-r-25{ margin-right:25px!important;
}

.mrg-b-25{ margin-bottom:25px!important;
}

.mrg-l-25{ margin-left:25px!important;
}

.mrg-lr-0{ margin-left:0!important; margin-right:0!important;
}

.mrg-lr-10{ margin-left:10px!important; margin-right:10px!important;
}

.mrg-lr-20{ margin-left:20px!important; margin-right:20px!important;
}

.mrg-tb-5{ margin-top:5px!important; margin-bottom:5px!important;
}

.mrg-tb-10{ margin-top:10px!important; margin-bottom:10px!important;
}

.mrg-tb-20{ margin-top:20px!important; margin-bottom:20px!important;
}

.pdg-0{ padding:0!important;
}

.pdg-2{ padding:2px!important;
}

.pdg-5{ padding:5px!important;
}

.pdg-10{ padding:10px!important;
}

.pdg-16{ padding:16px!important;
}

.pdg-t-0{ padding-top:0!important;
}

.pdg-r-0{ padding-right:0!important;
}

.pdg-b-0{ padding-bottom:0!important;
}

.pdg-l-0{ padding-left:0!important;
}

.pdg-t-5{ padding-top:5px!important;
}

.pdg-r-5{ padding-right:5px!important;
}

.pdg-b-5{ padding-bottom:5px!important;
}

.pdg-l-5{ padding-left:5px!important;
}

.pdg-t-10{ padding-top:10px!important;
}

.pdg-r-10{ padding-right:10px!important;
}

.pdg-b-10{ padding-bottom:10px!important;
}

.pdg-l-10{ padding-left:10px!important;
}

.pdg-t-20{ padding-top:20px!important;
}

.pdg-r-20{ padding-right:20px!important;
}

.pdg-b-20{ padding-bottom:20px!important;
}

.pdg-l-20{ padding-left:20px!important;
}

.pdg-t-25{ padding-top:25px!important;
}

.pdg-r-25{ padding-right:25px!important;
}

.pdg-b-25{ padding-bottom:25px!important;
}

.pdg-l-25{ padding-left:25px!important;
}

.pdg-lr-0{ padding-left:0!important; padding-right:0!important;
}

.pdg-lr-10{ padding-left:10px!important; padding-right:10px!important;
}

.pdg-lr-20{ padding-left:20px!important; padding-right:20px!important;
}

.pdg-tb-0{ padding-top:0!important; padding-bottom:0!important;
}

.pdg-tb-2{ padding-top:2px!important; padding-bottom:2px!important;
}

.pdg-tb-5{ padding-top:5px!important; padding-bottom:5px!important;
}

.pdg-tb-10{ padding-top:10px!important; padding-bottom:10px!important;
}

.pdg-tb-20{ padding-top:20px!important; padding-bottom:20px!important;
}

.top-4 { top: 4px;
}

.top-8 { top: 8px;
}

.top-12 { top: 12px;
}

.top-16 { top: 16px;
}

.top-20 { top: 20px;
}

.top-24 { top: 24px;
}

.left-4 { left: 4px;
}

.left-8 { left: 8px;
}

.left-12 { left: 12px;
}

.left-16 { left: 16px;
}

.left-20 { left: 20px;
}

.left-24 { left: 24px;
}

.right-4 { right: 4px;
}

.right-8 { right: 8px;
}

.right-12 { right: 12px;
}

.right-16 { right: 16px;
}

.right-20 { right: 20px;
}

.right-24 { right: 24px;
}

.bottom-4 { bottom: 4px;
}

.bottom-8 { bottom: 8px;
}

.bottom-12 { bottom: 12px;
}

.bottom-16 { bottom: 16px;
}

.bottom-20 { bottom: 20px;
}

.bottom-24 { bottom: 24px;
}

.bold{ font-weight:bold!important;
}

.select-with-end-action .MuiSelect-iconOutlined { right:44px
}

/* nestable */

.nestable-item .nestable-list, .nestable-item-copy .nestable-list,.nestable-item, .nestable-item-copy { margin-top:0!important;
}

.nestable .nestable-list .nestable-item-name { padding:0; border-radius:3px; cursor:move;
}

/* modal form */

.modal-form-file{
}

.modal-form-file .MuiInputBase-root{
}

.modal-form-file .MuiInputAdornment-positionStart>p{
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.modal-form-file .MuiInputBase-root:after{
  content: 'Elegir'; position:absolute; top:4px; right:4px; bottom:4px; z-index:1; background:#EEE;
  border-radius:3px; padding:6px 8px 0 8px;
  font-size: 14px;
}

.modal-form-file input{ opacity:0;
  z-index:2
}

.MuiTooltip-popper{ z-index:99999999999!important;
}

.navbar-folded{
}

.navbar-folded .navbar-folded-closed .logo-icon{ opacity:0; max-width:inherit
}

.flex-center{
  display: flex;
  justify-content: center;
}

/* DATABLE */

.datable tr th{ padding:8px 5px 8px 5px; /*position:relative*/
}

.datable tr th:first-child{ padding:8px 5px 8px 10px;
}

.datable tr th:last-child{ padding:8px 10px 8px 5px;
}

.datable tr th .MuiTableSortLabel-root { display:block; padding-right:12px; min-height:22px;
  position:relative
}

.datable tr th .MuiTableSortLabel-root .MuiTableSortLabel-icon{
  position:absolute; top:calc(50% - 9px); right:0;
  margin:0
}

.datable tr td{ padding:4px 5px 4px 5px
}

.datable tr td:first-child{ padding:4px 5px 4px 10px;
}

.datable tr td:last-child{ padding:4px 10px 4px 5px;
}

/* DEBUG */

.debug-mode{
  background:red; padding:12px 26px 0 26px; height:30px; position:fixed; left:-32px; top:-5px;
  transform: rotate(-45deg);
}

.debug-mode:before{ content:'DEBUG'; color:white; font-size:10px; font-weight:bold;
}

.text-field-placeholder-color input::placeholder {
  color:currentColor; opacity:1;
}
@import-normalize ;

body.no-animate *,
body.no-animate *::before,
body.no-animate *::after {
  transition: none !important;
  animation: none !important;
}

html {
  font-size: 62.5%;
  font-family: Muli, Roboto, Helvetica Neue, Arial, sans-serif;
  background-color: #121212;
}

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

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

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

[role="tooltip"] {
  z-index: 999;
}

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

form label {
  z-index: 99;
}

@keyframes autofill {
  0%,100% {
    background: transparent;
  }
}

input:-webkit-autofill {
  animation-delay: 1s;
  animation-name: autofill!important;
  animation-fill-mode: both;
  -webkit-box-shadow:0 0 0 100px transparent inset!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;
  }
}

.state-obj {
  border-radius: 3px;
  font-size: 9px;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  letter-spacing: 0.5px;
  padding: 0 4px 0 4px;
  display: inline-block;
  text-transform: uppercase;
  color: white;
}

.state-obj ._so-label {
  display: inline-block;
  padding: 2px 0;
}

.state-obj ._so-icon {
  display: inline-block;
  padding-left: 2px;
}

.state-obj ._so-icon span {
  color: rgba(255, 255, 255, .4);
  font-size: 12px;
}

.state-obj:hover ._so-icon span {
  color: white;
}
.w-FFile {
  position: relative;
  border: 1px solid #CBCBCB;
  border-radius: 3px;
  height: 37px;
}

.w-FFile:hover {
  border-color: black
}

.w-FFile:active {
  border-width: 2px;
}

.w-FFile > .w-cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 3px;
}

.w-FFile > .w-preview {
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 2px;
  height: 31px;
  width: 31px;
  background: #999;
  z-index: 2;
  border-radius: 3px;
  overflow: hidden;
}

.w-FFile > .w-preview > .MuiAvatar-root {
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

.w-FFile > .w-preview:hover {
  width: 61px;
  height: 61px;
  margin-top: -15px;
  margin-left: -15px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
}

.w-FFile > .w-cont > .w-filename {
  position: absolute;
  top: 12px;
  left: 44px;
  right: 78px;
  color: black;
  font-size: 12px;
  line-height: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  direction: rtl;
  text-align: left;
}

.w-FFile > .w-cont > button {
  position: absolute;
  top: 4px;
  right: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  padding: 2px 10px;
}

.w-FFile > .w-cont > input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  top: 0;
  left: 40px;
  z-index: 2;
  width: 100%;
  padding: 36px 0 0 0;
}

.w-FFile > .w-label {
  position: absolute;
  top: 11px;
  left: 38px;
  background: white;
  padding: 0 6px;
  height: 12px;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
}

.w-FFile.valued > .w-label {
  top: -6px;
  left: 38px;
  font-size: 12px;
}
.nestable {
  position: relative;
}

.nestable .nestable-list {
  margin: 0;
  padding: 0 0 0 40px;
  list-style-type: none;
}

.nestable > .nestable-list {
  padding: 0;
}

.nestable-item,
.nestable-item-copy {
  margin: 10px 0 0;
}

.nestable-item:first-child,
.nestable-item-copy:first-child {
  margin-top: 0;
}

.nestable-item .nestable-list,
.nestable-item-copy .nestable-list {
  margin-top: 10px;
}

.nestable-item {
  position: relative;
}

.nestable-item.is-dragging .nestable-list {
  pointer-events: none;
}

.nestable-item.is-dragging * {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.nestable-item.is-dragging:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #87ceeb;
  border: 1px dashed #4682b4;
  border-radius: 5px;
}

.nestable-item-icon {
  margin-right: 5px;
  cursor: pointer;
}

.nestable-drag-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  pointer-events: none;
}

.nestable-drag-layer > .nestable-list {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}

.nestable-icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
}

.nestable-icon:before {
  content: '-';
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* 20x20 */

.icon-plus-gray {
  width: 20px;
  height: 20px;
  background-image: url(/static/media/icon-plus-gray.4813505451ce489532e3.svg);
}

.icon-minus-gray {
  width: 20px;
  height: 20px;
  background-image: url(/static/media/icon-minus-gray.fedf0680e4cc60b17e14.svg);
}

.jodit-wysiwyg table,
.jodit-dialog__content table {
  margin: 0;
}

.jodit-wysiwyg ul,
.jodit-dialog__content ul {
  list-style-type: disc;
  margin: 0;
  padding-left: 36px;
}

.jodit-wysiwyg ul ul,
.jodit-dialog__content ul ul {
  list-style-type: circle;
}

.jodit-wysiwyg ul ul ul,
.jodit-dialog__content ul ul ul {
  list-style-type: square;
}

.jodit-wysiwyg ol,
.jodit-dialog__content ol {
  list-style-type: decimal;
  padding-left: 36px;
  margin-top: 0;
  margin-bottom: 0;
}

.jodit-wysiwyg td,
.jodit-dialog__content td {
  border: solid 1px;
}

.jodit-wysiwyg .section-variable-54o30g4qqcm1,
.jodit-dialog__content .section-variable-54o30g4qqcm1 {
  color: #fff;
  background-color: #6200ea;
  padding: 2px 4px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 4px;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
}

.section-variable-54o30g4qqcm1 [data-type="numero-representante"] {
  border-radius: 4px;
  background-color: #00c0a0;
  padding: 0 4px;
  margin-right: 2px;
}

.jodit-dialog__header-title {
  text-transform: capitalize;
}
.jodit__preview-box::before {
  content: 'BORRADOR';
  display: block;
  position: sticky;
  font-weight: 900;
  font-size: 170px;
  color: #e0e0e0;
  opacity: .4;
  transform: rotate(25deg);
  top: 140px;
  margin-top: -224px;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

.jodit-dialog__resizer {
  display: none !important;
}

.nestable-drag-layer>.nestable-list { margin: -35px !important;
}

/*# sourceMappingURL=main.d36b5188.css.map*/