/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
.button,
.input,
.pagination-link,
.select select,
.textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(.5em - 1px);
    padding-left: calc(.75em - 1px);
    padding-right: calc(.75em - 1px);
    padding-top: calc(.5em - 1px);
    position: relative;
    vertical-align: top
}

.button:active,
.button:focus,
.input:active,
.input:focus,
.is-active.button,
.is-active.input,
.is-active.pagination-link,
.is-active.textarea,
.pagination-link:active,
.pagination-link:focus,
.select select.is-active,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
    outline: 0
}

.button[disabled],
.input[disabled],
.pagination-link[disabled],
.select select[disabled],
.textarea[disabled] {
    cursor: not-allowed
}

.button,
.file,
.pagination-link,
.tabs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.navbar-link:not(.is-arrowless)::after,
.select:not(.is-multiple):not(.is-loading)::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: .625em
}

.block:not(:last-child),
.box:not(:last-child),
.content:not(:last-child),
.level:not(:last-child),
.message:not(:last-child),
.notification:not(:last-child),
.pagination:not(:last-child),
.progress:not(:last-child),
.subtitle:not(:last-child),
.table:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child) {
    margin-bottom: 1.5rem
}

.delete,
.modal-close {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10, 10, 10, .2);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: 0;
    position: relative;
    vertical-align: top;
    width: 20px
}

.delete::after,
.delete::before,
.modal-close::after,
.modal-close::before {
    background-color: #fff;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center
}

.delete::before,
.modal-close::before {
    height: 2px;
    width: 50%
}

.delete::after,
.modal-close::after {
    height: 50%;
    width: 2px
}

.delete:focus,
.delete:hover,
.modal-close:focus,
.modal-close:hover {
    background-color: rgba(10, 10, 10, .3)
}

.delete:active,
.modal-close:active {
    background-color: rgba(10, 10, 10, .4)
}

.is-small.delete,
.is-small.modal-close {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px
}

.is-medium.delete,
.is-medium.modal-close {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.is-large.delete,
.is-large.modal-close {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.button.is-loading::after,
.control.is-loading::after,
.select.is-loading::after {
    -webkit-animation: spinAround .5s infinite linear;
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.modal,
.modal-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

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

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

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

td:not([align]),
th:not([align]) {
    text-align: inherit
}

html {
    background-color: #fff;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

article,
figure,
footer,
header,
section {
    display: block
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

code,
pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace
}

body {
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

a {
    color: #485fc7;
    cursor: pointer;
    text-decoration: none
}

a strong {
    color: currentColor
}

a:hover {
    color: #363636
}

code {
    background-color: #f5f5f5;
    color: #da1039;
    font-size: .875em;
    font-weight: 400;
    padding: .25em .5em .25em
}

hr {
    background-color: #f5f5f5;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0
}

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

input[type=checkbox],
input[type=radio] {
    vertical-align: baseline
}

small {
    font-size: .875em
}

span {
    font-style: inherit;
    font-weight: inherit
}

strong {
    color: #363636;
    font-weight: 700
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    color: #4a4a4a;
    font-size: .875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal
}

pre code {
    background-color: transparent;
    color: currentColor;
    font-size: 1em;
    padding: 0
}

table td,
table th {
    vertical-align: top
}

table td:not([align]),
table th:not([align]) {
    text-align: inherit
}

table th {
    color: #363636
}

@-webkit-keyframes spinAround {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.box {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

a.box:focus,
a.box:hover {
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px #485fc7
}

a.box:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #485fc7
}

.button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(.5em - 1px);
    text-align: center;
    white-space: nowrap
}

.button strong {
    color: inherit
}

.button .icon,
.button .icon.is-large,
.button .icon.is-medium,
.button .icon.is-small {
    height: 1.5em;
    width: 1.5em
}

.button .icon:first-child:not(:last-child) {
    margin-left: calc(-.5em - 1px);
    margin-right: .25em
}

.button .icon:last-child:not(:first-child) {
    margin-left: .25em;
    margin-right: calc(-.5em - 1px)
}

.button .icon:first-child:last-child {
    margin-left: calc(-.5em - 1px);
    margin-right: calc(-.5em - 1px)
}

.button:hover {
    border-color: #b5b5b5;
    color: #363636
}

.button:focus {
    border-color: #485fc7;
    color: #363636
}

.button:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.button.is-active,
.button:active {
    border-color: #4a4a4a;
    color: #363636
}

.button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #4a4a4a;
    text-decoration: underline
}

.button.is-text:focus,
.button.is-text:hover {
    background-color: #f5f5f5;
    color: #363636
}

.button.is-text.is-active,
.button.is-text:active {
    background-color: #e8e8e8;
    color: #363636
}

.button.is-text[disabled] {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.button.is-light {
    background-color: #f5f5f5;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light:hover {
    background-color: #eee;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light:focus {
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.button.is-light.is-active,
.button.is-light:active {
    background-color: #e8e8e8;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light[disabled] {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none
}

.button.is-light.is-loading::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-dark {
    background-color: #363636;
    border-color: transparent;
    color: #fff
}

.button.is-dark:hover {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff
}

.button.is-dark:focus {
    border-color: transparent;
    color: #fff
}

.button.is-dark:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.button.is-dark.is-active,
.button.is-dark:active {
    background-color: #292929;
    border-color: transparent;
    color: #fff
}

.button.is-dark[disabled] {
    background-color: #363636;
    border-color: #363636;
    box-shadow: none
}

.button.is-dark.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-primary {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff
}

.button.is-primary:hover {
    background-color: #00c4a7;
    border-color: transparent;
    color: #fff
}

.button.is-primary:focus {
    border-color: transparent;
    color: #fff
}

.button.is-primary:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.button.is-primary.is-active,
.button.is-primary:active {
    background-color: #00b89c;
    border-color: transparent;
    color: #fff
}

.button.is-primary[disabled] {
    background-color: #00d1b2;
    border-color: #00d1b2;
    box-shadow: none
}

.button.is-primary.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-primary.is-light {
    background-color: #ebfffc;
    color: #00947e
}

.button.is-primary.is-light:hover {
    background-color: #defffa;
    border-color: transparent;
    color: #00947e
}

.button.is-primary.is-light.is-active,
.button.is-primary.is-light:active {
    background-color: #d1fff8;
    border-color: transparent;
    color: #00947e
}

.button.is-link {
    background-color: #485fc7;
    border-color: transparent;
    color: #fff
}

.button.is-link:hover {
    background-color: #3e56c4;
    border-color: transparent;
    color: #fff
}

.button.is-link:focus {
    border-color: transparent;
    color: #fff
}

.button.is-link:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.button.is-link.is-active,
.button.is-link:active {
    background-color: #3a51bb;
    border-color: transparent;
    color: #fff
}

.button.is-link[disabled] {
    background-color: #485fc7;
    border-color: #485fc7;
    box-shadow: none
}

.button.is-link.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-link.is-light {
    background-color: #eff1fa;
    color: #3850b7
}

.button.is-link.is-light:hover {
    background-color: #e6e9f7;
    border-color: transparent;
    color: #3850b7
}

.button.is-link.is-light.is-active,
.button.is-link.is-light:active {
    background-color: #dce0f4;
    border-color: transparent;
    color: #3850b7
}

.button.is-info {
    background-color: #3e8ed0;
    border-color: transparent;
    color: #fff
}

.button.is-info:hover {
    background-color: #3488ce;
    border-color: transparent;
    color: #fff
}

.button.is-info:focus {
    border-color: transparent;
    color: #fff
}

.button.is-info:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.button.is-info.is-active,
.button.is-info:active {
    background-color: #3082c5;
    border-color: transparent;
    color: #fff
}

.button.is-info[disabled] {
    background-color: #3e8ed0;
    border-color: #3e8ed0;
    box-shadow: none
}

.button.is-info.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-info.is-light {
    background-color: #eff5fb;
    color: #296fa8
}

.button.is-info.is-light:hover {
    background-color: #e4eff9;
    border-color: transparent;
    color: #296fa8
}

.button.is-info.is-light.is-active,
.button.is-info.is-light:active {
    background-color: #dae9f6;
    border-color: transparent;
    color: #296fa8
}

.button.is-success {
    background-color: #48c78e;
    border-color: transparent;
    color: #fff
}

.button.is-success:hover {
    background-color: #3ec487;
    border-color: transparent;
    color: #fff
}

.button.is-success:focus {
    border-color: transparent;
    color: #fff
}

.button.is-success:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.button.is-success.is-active,
.button.is-success:active {
    background-color: #3abb81;
    border-color: transparent;
    color: #fff
}

.button.is-success[disabled] {
    background-color: #48c78e;
    border-color: #48c78e;
    box-shadow: none
}

.button.is-success.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.button.is-success.is-light:hover {
    background-color: #e6f7ef;
    border-color: transparent;
    color: #257953
}

.button.is-success.is-light.is-active,
.button.is-success.is-light:active {
    background-color: #dcf4e9;
    border-color: transparent;
    color: #257953
}

.button.is-warning {
    background-color: #ffe08a;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning:hover {
    background-color: #ffdc7d;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning:focus {
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.button.is-warning.is-active,
.button.is-warning:active {
    background-color: #ffd970;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning[disabled] {
    background-color: #ffe08a;
    border-color: #ffe08a;
    box-shadow: none
}

.button.is-warning.is-loading::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.button.is-warning.is-light:hover {
    background-color: #fff6de;
    border-color: transparent;
    color: #946c00
}

.button.is-warning.is-light.is-active,
.button.is-warning.is-light:active {
    background-color: #fff3d1;
    border-color: transparent;
    color: #946c00
}

.button.is-danger {
    background-color: #f14668;
    border-color: transparent;
    color: #fff
}

.button.is-danger:hover {
    background-color: #f03a5f;
    border-color: transparent;
    color: #fff
}

.button.is-danger:focus {
    border-color: transparent;
    color: #fff
}

.button.is-danger:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.button.is-danger.is-active,
.button.is-danger:active {
    background-color: #ef2e55;
    border-color: transparent;
    color: #fff
}

.button.is-danger[disabled] {
    background-color: #f14668;
    border-color: #f14668;
    box-shadow: none
}

.button.is-danger.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.button.is-danger.is-light:hover {
    background-color: #fde0e6;
    border-color: transparent;
    color: #cc0f35
}

.button.is-danger.is-light.is-active,
.button.is-danger.is-light:active {
    background-color: #fcd4dc;
    border-color: transparent;
    color: #cc0f35
}

.button.is-small {
    font-size: .75rem
}

.button.is-small:not(.is-rounded) {
    border-radius: 2px
}

.button.is-normal {
    font-size: 1rem
}

.button.is-medium {
    font-size: 1.25rem
}

.button.is-large {
    font-size: 1.5rem
}

.button[disabled] {
    background-color: #fff;
    border-color: #dbdbdb;
    box-shadow: none;
    opacity: .5
}

.button.is-fullwidth {
    display: flex;
    width: 100%
}

.button.is-loading {
    color: transparent !important;
    pointer-events: none
}

.button.is-loading::after {
    position: absolute;
    left: calc(50% - (1em * .5));
    top: calc(50% - (1em * .5));
    position: absolute !important
}

.buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.buttons .button {
    margin-bottom: .5rem
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-right: .5rem
}

.buttons:last-child {
    margin-bottom: -.5rem
}

.buttons:not(:last-child) {
    margin-bottom: 1rem
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem
}

.buttons.is-centered {
    justify-content: center
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

.buttons.is-right {
    justify-content: flex-end
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto
}

.container.is-fluid {
    max-width: none !important;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (min-width:1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width:1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

.content li+li {
    margin-top: .25em
}

.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
    margin-bottom: 1em
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

.content h1:not(:first-child) {
    margin-top: 1em
}

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

.content h2:not(:first-child) {
    margin-top: 1.1428em
}

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

.content h3:not(:first-child) {
    margin-top: 1.3333em
}

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ol:not([type]) {
    list-style-type: decimal
}

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ul ul {
    list-style-type: circle;
    margin-top: .5em
}

.content ul ul ul {
    list-style-type: square
}

.content dd {
    margin-left: 2em
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}

.content figure:not(:first-child) {
    margin-top: 2em
}

.content figure:not(:last-child) {
    margin-bottom: 2em
}

.content figure img {
    display: inline-block
}

.content figure figcaption {
    font-style: italic
}

.content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal
}

.content sub,
.content sup {
    font-size: 75%
}

.content table {
    width: 100%
}

.content table td,
.content table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.content table th {
    color: #363636
}

.content table th:not([align]) {
    text-align: inherit
}

.content table thead td,
.content table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.content table tfoot td,
.content table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
    border-bottom-width: 0
}

.content .tabs li+li {
    margin-top: 0
}

.content.is-small {
    font-size: .75rem
}

.content.is-normal {
    font-size: 1rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}

.icon.is-small {
    height: 1rem;
    width: 1rem
}

.icon.is-medium {
    height: 2rem;
    width: 2rem
}

.icon.is-large {
    height: 3rem;
    width: 3rem
}

.image {
    display: block;
    position: relative
}

.image img {
    display: block;
    height: auto;
    width: 100%
}

.image.is-fullwidth {
    width: 100%
}

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem
}

.notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.notification strong {
    color: currentColor
}

.notification code,
.notification pre {
    background: #fff
}

.notification pre code {
    background: 0 0
}

.notification>.delete {
    right: .5rem;
    position: absolute;
    top: .5rem
}

.notification .content,
.notification .subtitle,
.notification .title {
    color: currentColor
}

.notification.is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.notification.is-dark {
    background-color: #363636;
    color: #fff
}

.notification.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.notification.is-primary.is-light {
    background-color: #ebfffc;
    color: #00947e
}

.notification.is-link {
    background-color: #485fc7;
    color: #fff
}

.notification.is-link.is-light {
    background-color: #eff1fa;
    color: #3850b7
}

.notification.is-info {
    background-color: #3e8ed0;
    color: #fff
}

.notification.is-info.is-light {
    background-color: #eff5fb;
    color: #296fa8
}

.notification.is-success {
    background-color: #48c78e;
    color: #fff
}

.notification.is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.notification.is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.notification.is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.notification.is-danger {
    background-color: #f14668;
    color: #fff
}

.notification.is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.progress::-webkit-progress-bar {
    background-color: #ededed
}

.progress::-webkit-progress-value {
    background-color: #4a4a4a
}

.progress::-moz-progress-bar {
    background-color: #4a4a4a
}

.progress::-ms-fill {
    background-color: #4a4a4a;
    border: none
}

.progress.is-light::-webkit-progress-value {
    background-color: #f5f5f5
}

.progress.is-light::-moz-progress-bar {
    background-color: #f5f5f5
}

.progress.is-light::-ms-fill {
    background-color: #f5f5f5
}

.progress.is-light:indeterminate {
    background-image: linear-gradient(to right, #f5f5f5 30%, #ededed 30%)
}

.progress.is-dark::-webkit-progress-value {
    background-color: #363636
}

.progress.is-dark::-moz-progress-bar {
    background-color: #363636
}

.progress.is-dark::-ms-fill {
    background-color: #363636
}

.progress.is-dark:indeterminate {
    background-image: linear-gradient(to right, #363636 30%, #ededed 30%)
}

.progress.is-primary::-webkit-progress-value {
    background-color: #00d1b2
}

.progress.is-primary::-moz-progress-bar {
    background-color: #00d1b2
}

.progress.is-primary::-ms-fill {
    background-color: #00d1b2
}

.progress.is-primary:indeterminate {
    background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%)
}

.progress.is-link::-webkit-progress-value {
    background-color: #485fc7
}

.progress.is-link::-moz-progress-bar {
    background-color: #485fc7
}

.progress.is-link::-ms-fill {
    background-color: #485fc7
}

.progress.is-link:indeterminate {
    background-image: linear-gradient(to right, #485fc7 30%, #ededed 30%)
}

.progress.is-info::-webkit-progress-value {
    background-color: #3e8ed0
}

.progress.is-info::-moz-progress-bar {
    background-color: #3e8ed0
}

.progress.is-info::-ms-fill {
    background-color: #3e8ed0
}

.progress.is-info:indeterminate {
    background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%)
}

.progress.is-success::-webkit-progress-value {
    background-color: #48c78e
}

.progress.is-success::-moz-progress-bar {
    background-color: #48c78e
}

.progress.is-success::-ms-fill {
    background-color: #48c78e
}

.progress.is-success:indeterminate {
    background-image: linear-gradient(to right, #48c78e 30%, #ededed 30%)
}

.progress.is-warning::-webkit-progress-value {
    background-color: #ffe08a
}

.progress.is-warning::-moz-progress-bar {
    background-color: #ffe08a
}

.progress.is-warning::-ms-fill {
    background-color: #ffe08a
}

.progress.is-warning:indeterminate {
    background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%)
}

.progress.is-danger::-webkit-progress-value {
    background-color: #f14668
}

.progress.is-danger::-moz-progress-bar {
    background-color: #f14668
}

.progress.is-danger::-ms-fill {
    background-color: #f14668
}

.progress.is-danger:indeterminate {
    background-image: linear-gradient(to right, #f14668 30%, #ededed 30%)
}

.progress:indeterminate {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: moveIndeterminate;
    animation-name: moveIndeterminate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: #ededed;
    background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150% 150%
}

.progress:indeterminate::-webkit-progress-bar {
    background-color: transparent
}

.progress:indeterminate::-moz-progress-bar {
    background-color: transparent
}

.progress:indeterminate::-ms-fill {
    animation-name: none
}

.progress.is-small {
    height: .75rem
}

.progress.is-medium {
    height: 1.25rem
}

.progress.is-large {
    height: 1.5rem
}

@-webkit-keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

@keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.table {
    background-color: #fff;
    color: #363636
}

.table td,
.table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.table td.is-light,
.table th.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.table td.is-dark,
.table th.is-dark {
    background-color: #363636;
    border-color: #363636;
    color: #fff
}

.table td.is-primary,
.table th.is-primary {
    background-color: #00d1b2;
    border-color: #00d1b2;
    color: #fff
}

.table td.is-link,
.table th.is-link {
    background-color: #485fc7;
    border-color: #485fc7;
    color: #fff
}

.table td.is-info,
.table th.is-info {
    background-color: #3e8ed0;
    border-color: #3e8ed0;
    color: #fff
}

.table td.is-success,
.table th.is-success {
    background-color: #48c78e;
    border-color: #48c78e;
    color: #fff
}

.table td.is-warning,
.table th.is-warning {
    background-color: #ffe08a;
    border-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.table td.is-danger,
.table th.is-danger {
    background-color: #f14668;
    border-color: #f14668;
    color: #fff
}

.table td.is-narrow,
.table th.is-narrow {
    white-space: nowrap;
    width: 1%
}

.table th {
    color: #363636
}

.table th:not([align]) {
    text-align: left
}

.table thead {
    background-color: transparent
}

.table thead td,
.table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.table tfoot {
    background-color: transparent
}

.table tfoot td,
.table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.table tbody {
    background-color: transparent
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom-width: 0
}

.table.is-fullwidth {
    width: 100%
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa
}

.table.is-narrow td,
.table.is-narrow th {
    padding: .25em .5em
}

.tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.tags .tag {
    margin-bottom: .5rem
}

.tags .tag:not(:last-child) {
    margin-right: .5rem
}

.tags:last-child {
    margin-bottom: -.5rem
}

.tags:not(:last-child) {
    margin-bottom: 1rem
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
    font-size: 1rem
}

.tags.is-centered {
    justify-content: center
}

.tags.is-centered .tag {
    margin-right: .25rem;
    margin-left: .25rem
}

.tags.is-right {
    justify-content: flex-end
}

.tags.is-right .tag:not(:first-child) {
    margin-left: .5rem
}

.tags.is-right .tag:not(:last-child) {
    margin-right: 0
}

.tag:not(body) {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.tag:not(body) .delete {
    margin-left: .25rem;
    margin-right: -.375rem
}

.tag:not(body).is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-dark {
    background-color: #363636;
    color: #fff
}

.tag:not(body).is-primary {
    background-color: #00d1b2;
    color: #fff
}

.tag:not(body).is-primary.is-light {
    background-color: #ebfffc;
    color: #00947e
}

.tag:not(body).is-link {
    background-color: #485fc7;
    color: #fff
}

.tag:not(body).is-link.is-light {
    background-color: #eff1fa;
    color: #3850b7
}

.tag:not(body).is-info {
    background-color: #3e8ed0;
    color: #fff
}

.tag:not(body).is-info.is-light {
    background-color: #eff5fb;
    color: #296fa8
}

.tag:not(body).is-success {
    background-color: #48c78e;
    color: #fff
}

.tag:not(body).is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.tag:not(body).is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.tag:not(body).is-danger {
    background-color: #f14668;
    color: #fff
}

.tag:not(body).is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.tag:not(body).is-normal {
    font-size: .75rem
}

.tag:not(body).is-medium {
    font-size: 1rem
}

.tag:not(body).is-large {
    font-size: 1.25rem
}

.tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -.375em;
    margin-right: .1875em
}

.tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: .1875em;
    margin-right: -.375em
}

.tag:not(body) .icon:first-child:last-child {
    margin-left: -.375em;
    margin-right: -.375em
}

a.tag:hover {
    text-decoration: underline
}

.subtitle,
.title {
    word-break: break-word
}

.subtitle em,
.subtitle span,
.title em,
.title span {
    font-weight: inherit
}

.subtitle sub,
.title sub {
    font-size: .75em
}

.subtitle sup,
.title sup {
    font-size: .75em
}

.subtitle .tag,
.title .tag {
    vertical-align: middle
}

.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

.title strong {
    color: inherit;
    font-weight: inherit
}

.title:not(.is-spaced)+.subtitle {
    margin-top: -1.25rem
}

.title.is-1 {
    font-size: 3rem
}

.title.is-2 {
    font-size: 2.5rem
}

.title.is-4 {
    font-size: 1.5rem
}

.title.is-5 {
    font-size: 1.25rem
}

.title.is-6 {
    font-size: 1rem
}

.title.is-7 {
    font-size: .75rem
}

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

.subtitle strong {
    color: #363636;
    font-weight: 600
}

.subtitle:not(.is-spaced)+.title {
    margin-top: -1.25rem
}

.subtitle.is-1 {
    font-size: 3rem
}

.subtitle.is-2 {
    font-size: 2.5rem
}

.subtitle.is-4 {
    font-size: 1.5rem
}

.subtitle.is-5 {
    font-size: 1.25rem
}

.subtitle.is-6 {
    font-size: 1rem
}

.subtitle.is-7 {
    font-size: .75rem
}

.number {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 9999px;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top
}

.input,
.select select,
.textarea {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636
}

.input::-moz-placeholder,
.select select::-moz-placeholder,
.textarea::-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input::-webkit-input-placeholder,
.select select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:-moz-placeholder,
.select select:-moz-placeholder,
.textarea:-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:-ms-input-placeholder,
.select select:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:hover,
.select select:hover,
.textarea:hover {
    border-color: #b5b5b5
}

.input:active,
.input:focus,
.is-active.input,
.is-active.textarea,
.select select.is-active,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
    border-color: #485fc7;
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.input[disabled],
.select select[disabled],
.textarea[disabled] {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none;
    color: #7a7a7a
}

.input[disabled]::-moz-placeholder,
.select select[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
    color: rgba(122, 122, 122, .3)
}

.input[disabled]::-webkit-input-placeholder,
.select select[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
    color: rgba(122, 122, 122, .3)
}

.input[disabled]:-moz-placeholder,
.select select[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
    color: rgba(122, 122, 122, .3)
}

.input[disabled]:-ms-input-placeholder,
.select select[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
    color: rgba(122, 122, 122, .3)
}

.input,
.textarea {
    box-shadow: inset 0 .0625em .125em rgba(10, 10, 10, .05);
    max-width: 100%;
    width: 100%
}

.input[readonly],
.textarea[readonly] {
    box-shadow: none
}

.is-light.input,
.is-light.textarea {
    border-color: #f5f5f5
}

.is-light.input:active,
.is-light.input:focus,
.is-light.is-active.input,
.is-light.is-active.textarea,
.is-light.textarea:active,
.is-light.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.is-dark.input,
.is-dark.textarea {
    border-color: #363636
}

.is-dark.input:active,
.is-dark.input:focus,
.is-dark.is-active.input,
.is-dark.is-active.textarea,
.is-dark.textarea:active,
.is-dark.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.is-primary.input,
.is-primary.textarea {
    border-color: #00d1b2
}

.is-primary.input:active,
.is-primary.input:focus,
.is-primary.is-active.input,
.is-primary.is-active.textarea,
.is-primary.textarea:active,
.is-primary.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.is-link.input,
.is-link.textarea {
    border-color: #485fc7
}

.is-link.input:active,
.is-link.input:focus,
.is-link.is-active.input,
.is-link.is-active.textarea,
.is-link.textarea:active,
.is-link.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.is-info.input,
.is-info.textarea {
    border-color: #3e8ed0
}

.is-info.input:active,
.is-info.input:focus,
.is-info.is-active.input,
.is-info.is-active.textarea,
.is-info.textarea:active,
.is-info.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.is-success.input,
.is-success.textarea {
    border-color: #48c78e
}

.is-success.input:active,
.is-success.input:focus,
.is-success.is-active.input,
.is-success.is-active.textarea,
.is-success.textarea:active,
.is-success.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.is-warning.input,
.is-warning.textarea {
    border-color: #ffe08a
}

.is-warning.input:active,
.is-warning.input:focus,
.is-warning.is-active.input,
.is-warning.is-active.textarea,
.is-warning.textarea:active,
.is-warning.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.is-danger.input,
.is-danger.textarea {
    border-color: #f14668
}

.is-danger.input:active,
.is-danger.input:focus,
.is-danger.is-active.input,
.is-danger.is-active.textarea,
.is-danger.textarea:active,
.is-danger.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.is-small.input,
.is-small.textarea {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.input,
.is-medium.textarea {
    font-size: 1.25rem
}

.is-large.input,
.is-large.textarea {
    font-size: 1.5rem
}

.is-fullwidth.input,
.is-fullwidth.textarea {
    display: block;
    width: 100%
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(.75em - 1px);
    resize: vertical
}

.textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em
}

.textarea[rows] {
    height: initial
}

.checkbox,
.radio {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

.checkbox input,
.radio input {
    cursor: pointer
}

.checkbox:hover,
.radio:hover {
    color: #363636
}

.checkbox input[disabled],
.checkbox[disabled],
.radio input[disabled],
.radio[disabled] {
    color: #7a7a7a;
    cursor: not-allowed
}

.radio+.radio {
    margin-left: .5em
}

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.select:not(.is-multiple) {
    height: 2.5em
}

.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #485fc7;
    right: 1.125em;
    z-index: 4
}

.select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: 0
}

.select select::-ms-expand {
    display: none
}

.select select[disabled]:hover {
    border-color: #f5f5f5
}

.select select:not([multiple]) {
    padding-right: 2.5em
}

.select select[multiple] {
    height: auto;
    padding: 0
}

.select select[multiple] option {
    padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: #363636
}

.select.is-light:not(:hover)::after {
    border-color: #f5f5f5
}

.select.is-light select {
    border-color: #f5f5f5
}

.select.is-light select:hover {
    border-color: #e8e8e8
}

.select.is-light select.is-active,
.select.is-light select:active,
.select.is-light select:focus {
    box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.select.is-dark:not(:hover)::after {
    border-color: #363636
}

.select.is-dark select {
    border-color: #363636
}

.select.is-dark select:hover {
    border-color: #292929
}

.select.is-dark select.is-active,
.select.is-dark select:active,
.select.is-dark select:focus {
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.select.is-primary:not(:hover)::after {
    border-color: #00d1b2
}

.select.is-primary select {
    border-color: #00d1b2
}

.select.is-primary select:hover {
    border-color: #00b89c
}

.select.is-primary select.is-active,
.select.is-primary select:active,
.select.is-primary select:focus {
    box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.select.is-link:not(:hover)::after {
    border-color: #485fc7
}

.select.is-link select {
    border-color: #485fc7
}

.select.is-link select:hover {
    border-color: #3a51bb
}

.select.is-link select.is-active,
.select.is-link select:active,
.select.is-link select:focus {
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.select.is-info:not(:hover)::after {
    border-color: #3e8ed0
}

.select.is-info select {
    border-color: #3e8ed0
}

.select.is-info select:hover {
    border-color: #3082c5
}

.select.is-info select.is-active,
.select.is-info select:active,
.select.is-info select:focus {
    box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.select.is-success:not(:hover)::after {
    border-color: #48c78e
}

.select.is-success select {
    border-color: #48c78e
}

.select.is-success select:hover {
    border-color: #3abb81
}

.select.is-success select.is-active,
.select.is-success select:active,
.select.is-success select:focus {
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.select.is-warning:not(:hover)::after {
    border-color: #ffe08a
}

.select.is-warning select {
    border-color: #ffe08a
}

.select.is-warning select:hover {
    border-color: #ffd970
}

.select.is-warning select.is-active,
.select.is-warning select:active,
.select.is-warning select:focus {
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.select.is-danger:not(:hover)::after {
    border-color: #f14668
}

.select.is-danger select {
    border-color: #f14668
}

.select.is-danger select:hover {
    border-color: #ef2e55
}

.select.is-danger select.is-active,
.select.is-danger select:active,
.select.is-danger select:focus {
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.select.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.select.is-medium {
    font-size: 1.25rem
}

.select.is-large {
    font-size: 1.5rem
}

.select.is-fullwidth {
    width: 100%
}

.select.is-fullwidth select {
    width: 100%
}

.select.is-loading::after {
    margin-top: 0;
    position: absolute;
    right: .625em;
    top: .625em;
    transform: none
}

.select.is-loading.is-small:after {
    font-size: .75rem
}

.select.is-loading.is-medium:after {
    font-size: 1.25rem
}

.select.is-loading.is-large:after {
    font-size: 1.5rem
}

.file {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.file.is-small {
    font-size: .75rem
}

.file.is-normal {
    font-size: 1rem
}

.file.is-medium {
    font-size: 1.25rem
}

.file.is-large {
    font-size: 1.5rem
}

.file.is-centered {
    justify-content: center
}

.file.is-right {
    justify-content: flex-end
}

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 700
}

.label:not(:last-child) {
    margin-bottom: .5em
}

.label.is-small {
    font-size: .75rem
}

.label.is-medium {
    font-size: 1.25rem
}

.label.is-large {
    font-size: 1.5rem
}

.help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem
}

.help.is-light {
    color: #f5f5f5
}

.help.is-dark {
    color: #363636
}

.help.is-primary {
    color: #00d1b2
}

.help.is-link {
    color: #485fc7
}

.help.is-info {
    color: #3e8ed0
}

.help.is-success {
    color: #48c78e
}

.help.is-warning {
    color: #ffe08a
}

.help.is-danger {
    color: #f14668
}

.field:not(:last-child) {
    margin-bottom: .75rem
}

.field.is-grouped {
    display: flex;
    justify-content: flex-start
}

.field.is-grouped>.control {
    flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.field.is-grouped>.control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

@media screen and (min-width:769px),
print {
    .field.is-horizontal {
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width:768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width:769px),
print {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }

    .field-label.is-small {
        font-size: .75rem;
        padding-top: .375em
    }

    .field-label.is-normal {
        padding-top: .375em
    }

    .field-label.is-medium {
        font-size: 1.25rem;
        padding-top: .375em
    }

    .field-label.is-large {
        font-size: 1.5rem;
        padding-top: .375em
    }
}

.field-body .field .field {
    margin-bottom: 0
}

@media screen and (min-width:769px),
print {
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1
    }

    .field-body .field {
        margin-bottom: 0
    }

    .field-body>.field {
        flex-shrink: 1
    }

    .field-body>.field:not(.is-narrow) {
        flex-grow: 1
    }

    .field-body>.field:not(:last-child) {
        margin-right: .75rem
    }
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit
}

.control.is-loading::after {
    position: absolute !important;
    right: .625em;
    top: .625em;
    z-index: 4
}

.control.is-loading.is-small:after {
    font-size: .75rem
}

.control.is-loading.is-medium:after {
    font-size: 1.25rem
}

.control.is-loading.is-large:after {
    font-size: 1.5rem
}

.card {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    color: #4a4a4a;
    max-width: 100%;
    position: relative
}

.card-content:first-child,
.card-footer:first-child,
.card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-content:last-child,
.card-footer:last-child,
.card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-header {
    background-color: transparent;
    align-items: stretch;
    box-shadow: 0 .125em .25em rgba(10, 10, 10, .1);
    display: flex
}

.card-header-title {
    align-items: center;
    color: #363636;
    display: flex;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem
}

.card-header-title.is-centered {
    justify-content: center
}

.card-content {
    background-color: transparent;
    padding: 1.5rem
}

.card-footer {
    background-color: transparent;
    border-top: 1px solid #ededed;
    align-items: stretch;
    display: flex
}

.card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: .75rem
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid #ededed
}

.card .media:not(:last-child) {
    margin-bottom: 1.5rem
}

.dropdown {
    display: inline-flex;
    position: relative;
    vertical-align: top
}

.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
    display: block
}

.dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0
}

.dropdown-menu {
    display: none;
    left: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20
}

.dropdown-content {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.dropdown-item {
    color: #4a4a4a;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative
}

a.dropdown-item,
button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

a.dropdown-item:hover,
button.dropdown-item:hover {
    background-color: #f5f5f5;
    color: #0a0a0a
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
    background-color: #485fc7;
    color: #fff
}

.dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0
}

.level {
    align-items: center;
    justify-content: space-between
}

.level code {
    border-radius: 4px
}

.level img {
    display: inline-block;
    vertical-align: top
}

.level.is-mobile {
    display: flex
}

@media screen and (min-width:769px),
print {
    .level {
        display: flex
    }
}

.media {
    align-items: flex-start;
    display: flex;
    text-align: inherit
}

.media .content:not(:last-child) {
    margin-bottom: .75rem
}

.media .media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    display: flex;
    padding-top: .75rem
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
    margin-bottom: .5rem
}

.media .media .media {
    padding-top: .5rem
}

.media .media .media+.media {
    margin-top: .5rem
}

.media+.media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    margin-top: 1rem;
    padding-top: 1rem
}

.media.is-large+.media {
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.menu {
    font-size: 1rem
}

.menu.is-small {
    font-size: .75rem
}

.menu.is-medium {
    font-size: 1.25rem
}

.menu.is-large {
    font-size: 1.5rem
}

.message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem
}

.message strong {
    color: currentColor
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.message.is-small {
    font-size: .75rem
}

.message.is-medium {
    font-size: 1.25rem
}

.message.is-large {
    font-size: 1.5rem
}

.message.is-light {
    background-color: #fafafa
}

.message.is-light .message-header {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.message.is-light .message-body {
    border-color: #f5f5f5
}

.message.is-dark {
    background-color: #fafafa
}

.message.is-dark .message-header {
    background-color: #363636;
    color: #fff
}

.message.is-dark .message-body {
    border-color: #363636
}

.message.is-primary {
    background-color: #ebfffc
}

.message.is-primary .message-header {
    background-color: #00d1b2;
    color: #fff
}

.message.is-primary .message-body {
    border-color: #00d1b2;
    color: #00947e
}

.message.is-link {
    background-color: #eff1fa
}

.message.is-link .message-header {
    background-color: #485fc7;
    color: #fff
}

.message.is-link .message-body {
    border-color: #485fc7;
    color: #3850b7
}

.message.is-info {
    background-color: #eff5fb
}

.message.is-info .message-header {
    background-color: #3e8ed0;
    color: #fff
}

.message.is-info .message-body {
    border-color: #3e8ed0;
    color: #296fa8
}

.message.is-success {
    background-color: #effaf5
}

.message.is-success .message-header {
    background-color: #48c78e;
    color: #fff
}

.message.is-success .message-body {
    border-color: #48c78e;
    color: #257953
}

.message.is-warning {
    background-color: #fffaeb
}

.message.is-warning .message-header {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.message.is-warning .message-body {
    border-color: #ffe08a;
    color: #946c00
}

.message.is-danger {
    background-color: #feecf0
}

.message.is-danger .message-header {
    background-color: #f14668;
    color: #fff
}

.message.is-danger .message-body {
    border-color: #f14668;
    color: #cc0f35
}

.message-header {
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    padding: .75em 1em;
    position: relative
}

.message-header .delete {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: .75em
}

.message-header+.message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.message-body {
    border-color: #dbdbdb;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em
}

.message-body code,
.message-body pre {
    background-color: #fff
}

.message-body pre code {
    background-color: transparent
}

.modal {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40
}

.modal.is-active {
    display: flex
}

.modal-background {
    background-color: rgba(10, 10, 10, .86)
}

.modal-card,
.modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {

    .modal-card,
    .modal-content {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}

.modal-close {
    background: 0 0;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}

.modal-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible
}

.modal-card-foot,
.modal-card-head {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.modal-card-title {
    color: #363636;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #dbdbdb
}

.modal-card-foot .button:not(:last-child) {
    margin-right: .5em
}

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px
}

.navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

.navbar.is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link,
.navbar.is-light .navbar-brand>.navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand>a.navbar-item.is-active,
.navbar.is-light .navbar-brand>a.navbar-item:focus,
.navbar.is-light .navbar-brand>a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link::after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width:1024px) {

    .navbar.is-light .navbar-end .navbar-link,
    .navbar.is-light .navbar-end>.navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-end .navbar-link.is-active,
    .navbar.is-light .navbar-end .navbar-link:focus,
    .navbar.is-light .navbar-end .navbar-link:hover,
    .navbar.is-light .navbar-end>a.navbar-item.is-active,
    .navbar.is-light .navbar-end>a.navbar-item:focus,
    .navbar.is-light .navbar-end>a.navbar-item:hover {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-end .navbar-link::after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-dark {
    background-color: #363636;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link,
.navbar.is-dark .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand>a.navbar-item.is-active,
.navbar.is-dark .navbar-brand>a.navbar-item:focus,
.navbar.is-dark .navbar-brand>a.navbar-item:hover {
    background-color: #292929;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-dark .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-dark .navbar-end .navbar-link,
    .navbar.is-dark .navbar-end>.navbar-item {
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link.is-active,
    .navbar.is-dark .navbar-end .navbar-link:focus,
    .navbar.is-dark .navbar-end .navbar-link:hover,
    .navbar.is-dark .navbar-end>a.navbar-item.is-active,
    .navbar.is-dark .navbar-end>a.navbar-item:focus,
    .navbar.is-dark .navbar-end>a.navbar-item:hover {
        background-color: #292929;
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #292929;
        color: #fff
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #363636;
        color: #fff
    }
}

.navbar.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link,
.navbar.is-primary .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand>a.navbar-item.is-active,
.navbar.is-primary .navbar-brand>a.navbar-item:focus,
.navbar.is-primary .navbar-brand>a.navbar-item:hover {
    background-color: #00b89c;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-primary .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-primary .navbar-end .navbar-link,
    .navbar.is-primary .navbar-end>.navbar-item {
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link.is-active,
    .navbar.is-primary .navbar-end .navbar-link:focus,
    .navbar.is-primary .navbar-end .navbar-link:hover,
    .navbar.is-primary .navbar-end>a.navbar-item.is-active,
    .navbar.is-primary .navbar-end>a.navbar-item:focus,
    .navbar.is-primary .navbar-end>a.navbar-item:hover {
        background-color: #00b89c;
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #00b89c;
        color: #fff
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #00d1b2;
        color: #fff
    }
}

.navbar.is-link {
    background-color: #485fc7;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link,
.navbar.is-link .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand>a.navbar-item.is-active,
.navbar.is-link .navbar-brand>a.navbar-item:focus,
.navbar.is-link .navbar-brand>a.navbar-item:hover {
    background-color: #3a51bb;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-link .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-link .navbar-end .navbar-link,
    .navbar.is-link .navbar-end>.navbar-item {
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link.is-active,
    .navbar.is-link .navbar-end .navbar-link:focus,
    .navbar.is-link .navbar-end .navbar-link:hover,
    .navbar.is-link .navbar-end>a.navbar-item.is-active,
    .navbar.is-link .navbar-end>a.navbar-item:focus,
    .navbar.is-link .navbar-end>a.navbar-item:hover {
        background-color: #3a51bb;
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3a51bb;
        color: #fff
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #485fc7;
        color: #fff
    }
}

.navbar.is-info {
    background-color: #3e8ed0;
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link,
.navbar.is-info .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand>a.navbar-item.is-active,
.navbar.is-info .navbar-brand>a.navbar-item:focus,
.navbar.is-info .navbar-brand>a.navbar-item:hover {
    background-color: #3082c5;
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-info .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-info .navbar-end .navbar-link,
    .navbar.is-info .navbar-end>.navbar-item {
        color: #fff
    }

    .navbar.is-info .navbar-end .navbar-link.is-active,
    .navbar.is-info .navbar-end .navbar-link:focus,
    .navbar.is-info .navbar-end .navbar-link:hover,
    .navbar.is-info .navbar-end>a.navbar-item.is-active,
    .navbar.is-info .navbar-end>a.navbar-item:focus,
    .navbar.is-info .navbar-end>a.navbar-item:hover {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-end .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #3e8ed0;
        color: #fff
    }
}

.navbar.is-success {
    background-color: #48c78e;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link,
.navbar.is-success .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand>a.navbar-item.is-active,
.navbar.is-success .navbar-brand>a.navbar-item:focus,
.navbar.is-success .navbar-brand>a.navbar-item:hover {
    background-color: #3abb81;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-success .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-success .navbar-end .navbar-link,
    .navbar.is-success .navbar-end>.navbar-item {
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link.is-active,
    .navbar.is-success .navbar-end .navbar-link:focus,
    .navbar.is-success .navbar-end .navbar-link:hover,
    .navbar.is-success .navbar-end>a.navbar-item.is-active,
    .navbar.is-success .navbar-end>a.navbar-item:focus,
    .navbar.is-success .navbar-end>a.navbar-item:hover {
        background-color: #3abb81;
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3abb81;
        color: #fff
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #48c78e;
        color: #fff
    }
}

.navbar.is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link,
.navbar.is-warning .navbar-brand>.navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand>a.navbar-item.is-active,
.navbar.is-warning .navbar-brand>a.navbar-item:focus,
.navbar.is-warning .navbar-brand>a.navbar-item:hover {
    background-color: #ffd970;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link::after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width:1024px) {

    .navbar.is-warning .navbar-end .navbar-link,
    .navbar.is-warning .navbar-end>.navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-end .navbar-link.is-active,
    .navbar.is-warning .navbar-end .navbar-link:focus,
    .navbar.is-warning .navbar-end .navbar-link:hover,
    .navbar.is-warning .navbar-end>a.navbar-item.is-active,
    .navbar.is-warning .navbar-end>a.navbar-item:focus,
    .navbar.is-warning .navbar-end>a.navbar-item:hover {
        background-color: #ffd970;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-end .navbar-link::after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ffd970;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffe08a;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-danger {
    background-color: #f14668;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link,
.navbar.is-danger .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-danger .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-danger .navbar-end .navbar-link,
    .navbar.is-danger .navbar-end>.navbar-item {
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link.is-active,
    .navbar.is-danger .navbar-end .navbar-link:focus,
    .navbar.is-danger .navbar-end .navbar-link:hover,
    .navbar.is-danger .navbar-end>a.navbar-item.is-active,
    .navbar.is-danger .navbar-end>a.navbar-item:focus,
    .navbar.is-danger .navbar-end>a.navbar-item:hover {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #f14668;
        color: #fff
    }
}

.navbar>.container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar-brand {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem
}

.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
    background-color: transparent
}

.navbar-burger {
    color: #4a4a4a;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, transform;
    transition-timing-function: ease-out;
    width: 16px
}

.navbar-burger span:nth-child(1) {
    top: calc(50% - 6px)
}

.navbar-burger span:nth-child(2) {
    top: calc(50% - 1px)
}

.navbar-burger span:nth-child(3) {
    top: calc(50% + 4px)
}

.navbar-burger:hover {
    background-color: rgba(0, 0, 0, .05)
}

.navbar-burger.is-active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg)
}

.navbar-menu {
    display: none
}

.navbar-item,
.navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.navbar-link,
a.navbar-item {
    cursor: pointer
}

.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
    background-color: #fafafa;
    color: #485fc7
}

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0
}

.navbar-item img {
    max-height: 1.75rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

.navbar-link:not(.is-arrowless)::after {
    border-color: #485fc7;
    margin-top: -.375em;
    right: 1.125em
}

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media screen and (max-width:1023px) {
    .navbar>.container {
        display: block
    }

    .navbar-brand .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-link::after {
        display: none
    }

    .navbar-menu {
        background-color: #fff;
        box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
        padding: .5rem 0
    }

    .navbar-menu.is-active {
        display: block
    }
}

@media screen and (min-width:1024px) {

    .navbar,
    .navbar-end,
    .navbar-menu {
        align-items: stretch;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

    .navbar.is-transparent .navbar-link.is-active,
    .navbar.is-transparent .navbar-link:focus,
    .navbar.is-transparent .navbar-link:hover,
    .navbar.is-transparent a.navbar-item.is-active,
    .navbar.is-transparent a.navbar-item:focus,
    .navbar.is-transparent a.navbar-item:hover {
        background-color: transparent !important
    }

    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
        background-color: transparent !important
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
    .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: #485fc7
    }

    .navbar-burger {
        display: none
    }

    .navbar-item,
    .navbar-link {
        align-items: center;
        display: flex
    }

    .navbar-item.has-dropdown {
        align-items: stretch
    }

    .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar-item.is-active .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }

    .navbar-end {
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        background-color: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid #dbdbdb;
        box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }

    .navbar-dropdown .navbar-item {
        padding: .375rem 1rem;
        white-space: nowrap
    }

    .navbar-dropdown a.navbar-item {
        padding-right: 3rem
    }

    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: #485fc7
    }

    .navbar-dropdown.is-boxed {
        border-radius: 6px;
        border-top: none;
        box-shadow: 0 8px 8px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
        display: block;
        opacity: 0;
        pointer-events: none;
        top: calc(100% + (-4px));
        transform: translateY(-5px);
        transition-duration: 86ms;
        transition-property: opacity, transform
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .container>.navbar .navbar-brand,
    .navbar>.container .navbar-brand {
        margin-left: -.75rem
    }

    .container>.navbar .navbar-menu,
    .navbar>.container .navbar-menu {
        margin-right: -.75rem
    }

    .navbar-link.is-active,
    a.navbar-item.is-active {
        color: #0a0a0a
    }

    .navbar-link.is-active:not(:focus):not(:hover),
    a.navbar-item.is-active:not(:focus):not(:hover) {
        background-color: transparent
    }

    .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar-item.has-dropdown:focus .navbar-link,
    .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #fafafa
    }
}

.pagination {
    font-size: 1rem;
    margin: -.25rem
}

.pagination.is-small {
    font-size: .75rem
}

.pagination.is-medium {
    font-size: 1.25rem
}

.pagination.is-large {
    font-size: 1.5rem
}

.pagination,
.pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pagination-link {
    font-size: 1em;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center
}

.pagination-link {
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em
}

.pagination-link:hover {
    border-color: #b5b5b5;
    color: #363636
}

.pagination-link:focus {
    border-color: #485fc7
}

.pagination-link:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2)
}

.pagination-link[disabled] {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a;
    opacity: .5
}

.pagination-list {
    flex-wrap: wrap
}

.pagination-list li {
    list-style: none
}

@media screen and (max-width:768px) {
    .pagination {
        flex-wrap: wrap
    }

    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width:769px),
print {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1
    }

    .pagination-link {
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination {
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination.is-centered .pagination-list {
        justify-content: center;
        order: 2
    }

    .pagination.is-right .pagination-list {
        justify-content: flex-end;
        order: 3
    }
}

.panel {
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    font-size: 1rem
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem
}

.tabs {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.tabs a {
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top
}

.tabs a:hover {
    border-bottom-color: #363636;
    color: #363636
}

.tabs li {
    display: block
}

.tabs li.is-active a {
    border-bottom-color: #485fc7;
    color: #485fc7
}

.tabs ul {
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start
}

.tabs ul.is-right {
    justify-content: flex-end;
    padding-left: .75em
}

.tabs .icon:first-child {
    margin-right: .5em
}

.tabs .icon:last-child {
    margin-left: .5em
}

.tabs.is-centered ul {
    justify-content: center
}

.tabs.is-right ul {
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.tabs.is-boxed a:hover {
    background-color: #f5f5f5;
    border-bottom-color: #dbdbdb
}

.tabs.is-boxed li.is-active a {
    background-color: #fff;
    border-color: #dbdbdb;
    border-bottom-color: transparent !important
}

.tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0
}

.tabs.is-small {
    font-size: .75rem
}

.tabs.is-medium {
    font-size: 1.25rem
}

.tabs.is-large {
    font-size: 1.5rem
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile>.column.is-narrow {
    flex: none;
    width: unset
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: 8.33333%
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: 16.66667%
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: 33.33333%
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: 41.66667%
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: 58.33333%
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: 66.66667%
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: 100%
}

@media screen and (max-width:768px) {
    .column.is-12-mobile {
        flex: none;
        width: 100%
    }
}

@media screen and (min-width:769px),
print {
    .column.is-narrow {
        flex: none;
        width: unset
    }

    .column.is-1 {
        flex: none;
        width: 8.33333%
    }

    .column.is-2 {
        flex: none;
        width: 16.66667%
    }

    .column.is-4 {
        flex: none;
        width: 33.33333%
    }

    .column.is-5 {
        flex: none;
        width: 41.66667%
    }

    .column.is-6 {
        flex: none;
        width: 50%
    }

    .column.is-7 {
        flex: none;
        width: 58.33333%
    }

    .column.is-8 {
        flex: none;
        width: 66.66667%
    }

    .column.is-12 {
        flex: none;
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .column.is-2-desktop {
        flex: none;
        width: 16.66667%
    }
}

.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: calc(1.5rem - .75rem)
}

.columns.is-centered {
    justify-content: center
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

@media screen and (min-width:769px),
print {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.has-text-white {
    color: #fff !important
}

a.has-text-white:focus,
a.has-text-white:hover {
    color: #e6e6e6 !important
}

.has-background-black {
    background-color: #0a0a0a !important
}

.has-text-light {
    color: #f5f5f5 !important
}

a.has-text-light:focus,
a.has-text-light:hover {
    color: #dbdbdb !important
}

.has-background-light {
    background-color: #f5f5f5 !important
}

.has-text-dark {
    color: #363636 !important
}

a.has-text-dark:focus,
a.has-text-dark:hover {
    color: #1c1c1c !important
}

.has-background-dark {
    background-color: #363636 !important
}

.has-text-primary {
    color: #00d1b2 !important
}

a.has-text-primary:focus,
a.has-text-primary:hover {
    color: #009e86 !important
}

.has-text-info {
    color: #3e8ed0 !important
}

a.has-text-info:focus,
a.has-text-info:hover {
    color: #2b74b1 !important
}

.has-background-info-light {
    background-color: #eff5fb !important
}

.has-text-success-dark {
    color: #257953 !important
}

a.has-text-success-dark:focus,
a.has-text-success-dark:hover {
    color: #31a06e !important
}

.has-background-warning-light {
    background-color: #fffaeb !important
}

.has-text-danger {
    color: #f14668 !important
}

a.has-text-danger:focus,
a.has-text-danger:hover {
    color: #ee1742 !important
}

.has-text-grey-dark {
    color: #4a4a4a !important
}

.has-text-grey {
    color: #7a7a7a !important
}

.has-text-grey-light {
    color: #b5b5b5 !important
}

.is-pulled-right {
    float: right !important
}

.m-0 {
    margin: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.my-3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mt-5 {
    margin-top: 1.5rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

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

.pt-1 {
    padding-top: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.is-size-2 {
    font-size: 2.5rem !important
}

.is-size-3 {
    font-size: 2rem !important
}

.is-size-4 {
    font-size: 1.5rem !important
}

.is-size-5 {
    font-size: 1.25rem !important
}

.is-size-6 {
    font-size: 1rem !important
}

.is-size-7 {
    font-size: .75rem !important
}

@media screen and (max-width:768px) {
    .is-size-4-mobile {
        font-size: 1.5rem !important
    }
}

.has-text-centered {
    text-align: center !important
}

.has-text-right {
    text-align: right !important
}

@media screen and (max-width:768px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

.has-text-weight-semibold {
    font-weight: 600 !important
}

.has-text-weight-bold {
    font-weight: 700 !important
}

.is-hidden {
    display: none !important
}

@media screen and (max-width:768px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .is-hidden-widescreen-only {
        display: none !important
    }
}

.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hero .navbar {
    background: 0 0
}

.hero .tabs ul {
    border-bottom: none
}

.hero.is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
    color: inherit
}

.hero.is-light .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width:1023px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .navbar-link.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-light .tabs a:hover {
    opacity: 1
}

.hero.is-light .tabs li.is-active a {
    color: #f5f5f5 !important;
    opacity: 1
}

.hero.is-light .tabs.is-boxed a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs.is-boxed a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #f5f5f5
}

.hero.is-dark {
    background-color: #363636;
    color: #fff
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
    color: inherit
}

.hero.is-dark .title {
    color: #fff
}

.hero.is-dark .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-dark .navbar-menu {
        background-color: #363636
    }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-dark .navbar-link.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark a.navbar-item:hover {
    background-color: #292929;
    color: #fff
}

.hero.is-dark .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-dark .tabs a:hover {
    opacity: 1
}

.hero.is-dark .tabs li.is-active a {
    color: #363636 !important;
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a {
    color: #fff
}

.hero.is-dark .tabs.is-boxed a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #363636
}

.hero.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
    color: inherit
}

.hero.is-primary .title {
    color: #fff
}

.hero.is-primary .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-primary .navbar-menu {
        background-color: #00d1b2
    }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-primary .navbar-link.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary a.navbar-item:hover {
    background-color: #00b89c;
    color: #fff
}

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-primary .tabs a:hover {
    opacity: 1
}

.hero.is-primary .tabs li.is-active a {
    color: #00d1b2 !important;
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a {
    color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #00d1b2
}

.hero.is-link {
    background-color: #485fc7;
    color: #fff
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
    color: inherit
}

.hero.is-link .title {
    color: #fff
}

.hero.is-link .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-link .navbar-menu {
        background-color: #485fc7
    }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-link .navbar-link.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link a.navbar-item:hover {
    background-color: #3a51bb;
    color: #fff
}

.hero.is-link .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-link .tabs a:hover {
    opacity: 1
}

.hero.is-link .tabs li.is-active a {
    color: #485fc7 !important;
    opacity: 1
}

.hero.is-link .tabs.is-boxed a {
    color: #fff
}

.hero.is-link .tabs.is-boxed a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #485fc7
}

.hero.is-info {
    background-color: #3e8ed0;
    color: #fff
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
    color: inherit
}

.hero.is-info .title {
    color: #fff
}

.hero.is-info .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-info .navbar-menu {
        background-color: #3e8ed0
    }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-info .navbar-link.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info a.navbar-item:hover {
    background-color: #3082c5;
    color: #fff
}

.hero.is-info .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-info .tabs a:hover {
    opacity: 1
}

.hero.is-info .tabs li.is-active a {
    color: #3e8ed0 !important;
    opacity: 1
}

.hero.is-info .tabs.is-boxed a {
    color: #fff
}

.hero.is-info .tabs.is-boxed a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3e8ed0
}

.hero.is-success {
    background-color: #48c78e;
    color: #fff
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
    color: inherit
}

.hero.is-success .title {
    color: #fff
}

.hero.is-success .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-success .navbar-menu {
        background-color: #48c78e
    }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-success .navbar-link.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success a.navbar-item:hover {
    background-color: #3abb81;
    color: #fff
}

.hero.is-success .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-success .tabs a:hover {
    opacity: 1
}

.hero.is-success .tabs li.is-active a {
    color: #48c78e !important;
    opacity: 1
}

.hero.is-success .tabs.is-boxed a {
    color: #fff
}

.hero.is-success .tabs.is-boxed a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #48c78e
}

.hero.is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
    color: inherit
}

.hero.is-warning .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width:1023px) {
    .hero.is-warning .navbar-menu {
        background-color: #ffe08a
    }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .navbar-link.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning a.navbar-item:hover {
    background-color: #ffd970;
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-warning .tabs a:hover {
    opacity: 1
}

.hero.is-warning .tabs li.is-active a {
    color: #ffe08a !important;
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs.is-boxed a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #ffe08a
}

.hero.is-danger {
    background-color: #f14668;
    color: #fff
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
    color: inherit
}

.hero.is-danger .title {
    color: #fff
}

.hero.is-danger .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-danger .navbar-menu {
        background-color: #f14668
    }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-danger .navbar-link.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-danger .tabs a:hover {
    opacity: 1
}

.hero.is-danger .tabs li.is-active a {
    color: #f14668 !important;
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a {
    color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #f14668
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media screen and (min-width:769px),
print {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem
    }
}

@media screen and (min-width:769px),
print {
    .hero.is-large .hero-body {
        padding: 18rem 6rem
    }
}

.hero-head {
    flex-grow: 0;
    flex-shrink: 0
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}

@media screen and (min-width:769px),
print {
    .hero-body {
        padding: 3rem 3rem
    }
}

.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width:1024px) {
    .section {
        padding: 3rem 3rem
    }

    .section.is-medium {
        padding: 9rem 4.5rem
    }

    .section.is-large {
        padding: 18rem 6rem
    }
}

.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem
}

.jsoneditor input,
.jsoneditor input:not([type]),
.jsoneditor input[type=search],
.jsoneditor input[type=text],
.jsoneditor-modal input,
.jsoneditor-modal input:not([type]),
.jsoneditor-modal input[type=search],
.jsoneditor-modal input[type=text] {
    height: auto;
    border: inherit;
    box-shadow: none;
    font-size: inherit;
    box-sizing: inherit;
    padding: inherit;
    font-family: inherit;
    transition: none;
    line-height: inherit
}

.jsoneditor input:focus,
.jsoneditor input:not([type]):focus,
.jsoneditor input[type=search]:focus,
.jsoneditor input[type=text]:focus,
.jsoneditor-modal input:focus,
.jsoneditor-modal input:not([type]):focus,
.jsoneditor-modal input[type=search]:focus,
.jsoneditor-modal input[type=text]:focus {
    border: inherit;
    box-shadow: inherit
}

.jsoneditor textarea,
.jsoneditor-modal textarea {
    height: inherit
}

.jsoneditor select,
.jsoneditor-modal select {
    display: inherit;
    height: inherit
}

.jsoneditor label,
.jsoneditor-modal label {
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

.jsoneditor table,
.jsoneditor-modal table {
    border-collapse: collapse;
    width: auto
}

.jsoneditor td,
.jsoneditor th,
.jsoneditor-modal td,
.jsoneditor-modal th {
    padding: 0;
    display: table-cell;
    text-align: left;
    vertical-align: inherit;
    border-radius: inherit
}

.jsoneditor .autocomplete.dropdown {
    position: absolute;
    background: #fff;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, .3);
    border: 1px solid #d3d3d3;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: default;
    margin: 0;
    padding: 5px;
    text-align: left;
    outline: 0;
    font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
    font-size: 14px
}

.jsoneditor .autocomplete.dropdown .item {
    color: #1a1a1a
}

.jsoneditor .autocomplete.dropdown .item.hover {
    background-color: #ebebeb
}

.jsoneditor .autocomplete.hint {
    color: #a1a1a1;
    top: 4px;
    left: 4px
}

.jsoneditor-contextmenu-root {
    position: relative;
    width: 0;
    height: 0
}

.jsoneditor-contextmenu {
    position: absolute;
    box-sizing: content-box;
    z-index: 2
}

.jsoneditor-contextmenu .jsoneditor-menu {
    position: relative;
    left: 0;
    top: 0;
    width: 128px;
    height: auto;
    background: #fff;
    border: 1px solid #d3d3d3;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, .3);
    list-style: none;
    margin: 0;
    padding: 0
}

.jsoneditor-contextmenu .jsoneditor-menu button {
    position: relative;
    padding: 0 8px 0 0;
    margin: 0;
    width: 128px;
    height: auto;
    border: none;
    cursor: pointer;
    color: #4d4d4d;
    background: 0 0;
    font-size: 14px;
    font-family: arial, sans-serif;
    box-sizing: border-box;
    text-align: left
}

.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
    width: 96px
}

.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
    float: right;
    width: 32px;
    height: 24px;
    border-left: 1px solid #e5e5e5
}

.jsoneditor-contextmenu .jsoneditor-menu li {
    overflow: hidden
}

.jsoneditor-contextmenu .jsoneditor-menu li ul {
    display: none;
    position: relative;
    left: -10px;
    top: 0;
    border: none;
    box-shadow: inset 0 0 10px rgba(128, 128, 128, .5);
    padding: 0 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
    margin-left: 24px
}

.jsoneditor-contextmenu .jsoneditor-menu li ul li button {
    padding-left: 24px;
    animation: all ease-in-out 1s
}

.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 4px 0 0;
    background-image: url(img/jsoneditor-icons.svg);
    background-position: 0 -72px
}

.jsoneditor-contextmenu .jsoneditor-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: none;
    padding: 0;
    margin: 0;
    background-image: url(img/jsoneditor-icons.svg)
}

.jsoneditor-contextmenu .jsoneditor-text {
    padding: 4px 0 4px 24px;
    word-wrap: break-word
}

.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
    padding-right: 24px
}

.jsoneditor-contextmenu .jsoneditor-separator {
    height: 0;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px
}

.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
    background-position: -24px 0
}

.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
    background-position: 0 0
}

.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
    background-position: 0 0
}

.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
    background-position: -48px 0
}

.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
    background-position: -168px 0
}

.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
    background-position: -216px 0
}

.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
    background-position: 0 -24px
}

.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
    background-position: -144px 0
}

.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
    background-position: -120px 0
}

.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
    background-position: -72px 0
}

.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
    background-position: -96px 0
}

.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
    background-image: none;
    width: 6px
}

.jsoneditor-contextmenu li,
.jsoneditor-contextmenu ul {
    box-sizing: content-box;
    position: relative
}

.jsoneditor-contextmenu .jsoneditor-menu button:focus,
.jsoneditor-contextmenu .jsoneditor-menu button:hover {
    color: #1a1a1a;
    background-color: #f5f5f5;
    outline: 0
}

.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover {
    color: #fff;
    background-color: #ee422e
}

.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus,
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover {
    background-color: #f5f5f5
}

.jsoneditor-modal {
    max-width: 95%;
    border-radius: 2px !important;
    padding: 45px 15px 15px 15px !important;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, .3);
    color: #4d4d4d;
    line-height: 1.3em
}

.jsoneditor-modal.jsoneditor-modal-transform {
    width: 600px !important
}

.jsoneditor-modal .pico-modal-header {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-family: arial, sans-serif;
    font-size: 11pt;
    background: #3883fa;
    color: #fff
}

.jsoneditor-modal table {
    width: 100%
}

.jsoneditor-modal table td {
    padding: 3px 0
}

.jsoneditor-modal table td.jsoneditor-modal-input {
    text-align: right;
    padding-right: 0;
    white-space: nowrap
}

.jsoneditor-modal table td.jsoneditor-modal-actions {
    padding-top: 15px
}

.jsoneditor-modal table th {
    vertical-align: middle
}

.jsoneditor-modal p:first-child {
    margin-top: 0
}

.jsoneditor-modal a {
    color: #3883fa
}

.jsoneditor-modal .jsoneditor-jmespath-block {
    margin-bottom: 10px
}

.jsoneditor-modal .pico-close {
    background: 0 0 !important;
    font-size: 24px !important;
    top: 7px !important;
    right: 7px !important;
    color: #fff
}

.jsoneditor-modal input {
    padding: 4px
}

.jsoneditor-modal input[type=text] {
    cursor: inherit
}

.jsoneditor-modal input[disabled] {
    background: #d3d3d3;
    color: grey
}

.jsoneditor-modal .jsoneditor-select-wrapper {
    position: relative;
    display: inline-block
}

.jsoneditor-modal .jsoneditor-select-wrapper:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #666;
    position: absolute;
    right: 8px;
    top: 14px;
    pointer-events: none
}

.jsoneditor-modal select {
    padding: 3px 24px 3px 10px;
    min-width: 180px;
    max-width: 350px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0;
    text-overflow: "";
    font-size: 14px;
    line-height: 1.5em
}

.jsoneditor-modal select::-ms-expand {
    display: none
}

.jsoneditor-modal .jsoneditor-button-group input {
    padding: 4px 10px;
    margin: 0;
    border-radius: 0;
    border-left-style: none
}

.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left-style: solid
}

.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.jsoneditor-modal .jsoneditor-transform-preview {
    background: #f5f5f5;
    height: 200px
}

.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
    color: #ee422e
}

.jsoneditor-modal .jsoneditor-jmespath-wizard {
    line-height: 1.2em;
    width: 100%;
    padding: 0;
    border-radius: 3px
}

.jsoneditor-modal .jsoneditor-jmespath-label {
    font-weight: 700;
    color: #1e90ff;
    margin-top: 20px;
    margin-bottom: 5px
}

.jsoneditor-modal .jsoneditor-jmespath-wizard-table {
    width: 100%;
    border-collapse: collapse
}

.jsoneditor-modal .jsoneditor-inline {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px
}

.jsoneditor-modal .jsoneditor-inline:not(:last-child) {
    padding-right: 2px
}

.jsoneditor-modal .jsoneditor-jmespath-filter {
    display: flex;
    flex-wrap: wrap
}

.jsoneditor-modal .jsoneditor-jmespath-filter-field {
    width: 180px
}

.jsoneditor-modal .jsoneditor-jmespath-filter-relation {
    width: 100px
}

.jsoneditor-modal .jsoneditor-jmespath-filter-value {
    min-width: 180px;
    flex: 1
}

.jsoneditor-modal .jsoneditor-jmespath-sort-field {
    width: 170px
}

.jsoneditor-modal .jsoneditor-jmespath-sort-order {
    width: 150px
}

.jsoneditor-modal .jsoneditor-jmespath-select-fields {
    width: 100%
}

.jsoneditor-modal .selectr-selected {
    border-color: #d3d3d3;
    padding: 4px 28px 4px 8px
}

.jsoneditor-modal .selectr-selected .selectr-tag {
    background-color: #3883fa;
    border-radius: 5px
}

.jsoneditor-modal table td,
.jsoneditor-modal table th {
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
    color: #4d4d4d;
    border-spacing: 0;
    border-collapse: collapse
}

.jsoneditor-modal #query,
.jsoneditor-modal input,
.jsoneditor-modal input[type=text],
.jsoneditor-modal input[type=text]:focus,
.jsoneditor-modal select,
.jsoneditor-modal textarea {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #4d4d4d;
    border-radius: 3px;
    padding: 4px
}

.jsoneditor-modal #query,
.jsoneditor-modal textarea {
    border-radius: unset
}

.jsoneditor-modal,
.jsoneditor-modal #query,
.jsoneditor-modal input,
.jsoneditor-modal input[type=text],
.jsoneditor-modal option,
.jsoneditor-modal select,
.jsoneditor-modal table td,
.jsoneditor-modal table th,
.jsoneditor-modal textarea {
    font-size: 10.5pt;
    font-family: arial, sans-serif
}

.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
    font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box
}

.jsoneditor-modal input[type=button],
.jsoneditor-modal input[type=submit] {
    background: #f5f5f5;
    padding: 4px 20px
}

.jsoneditor-modal input,
.jsoneditor-modal select {
    cursor: pointer
}

.jsoneditor {
    color: #1a1a1a;
    border: thin solid #3883fa;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    line-height: 100%
}

div.jsoneditor-default,
div.jsoneditor-field,
div.jsoneditor-readonly,
div.jsoneditor-value {
    border: 1px solid transparent;
    min-height: 16px;
    min-width: 32px;
    line-height: 16px;
    padding: 2px;
    margin: 1px;
    word-wrap: break-word;
    float: left
}

div.jsoneditor-field p,
div.jsoneditor-value p {
    margin: 0
}

div.jsoneditor-value {
    word-break: break-word
}

div.jsoneditor-value.jsoneditor-empty::after {
    content: "value"
}

div.jsoneditor-value.jsoneditor-color-value {
    color: #1a1a1a
}

div.jsoneditor-readonly {
    min-width: 16px;
    color: grey
}

div.jsoneditor-empty {
    border-color: #d3d3d3;
    border-style: dashed;
    border-radius: 2px
}

div.jsoneditor-field.jsoneditor-empty::after {
    content: "field"
}

div.jsoneditor td {
    vertical-align: top
}

div.jsoneditor td.jsoneditor-separator {
    padding: 3px 0;
    vertical-align: top;
    color: grey
}

div.jsoneditor td.jsoneditor-tree {
    vertical-align: top
}

div.jsoneditor.busy pre.jsoneditor-preview {
    background: #f5f5f5;
    color: grey
}

div.jsoneditor.busy div.jsoneditor-busy {
    display: inherit
}

div.jsoneditor code.jsoneditor-preview {
    background: 0 0
}

div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    padding: 2px;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all
}

div.jsoneditor-default {
    color: grey;
    padding-left: 10px
}

div.jsoneditor-tree {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    background: #fff
}

div.jsoneditor-tree button.jsoneditor-button {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url(img/jsoneditor-icons.svg)
}

div.jsoneditor-tree button.jsoneditor-button:focus {
    background-color: #f5f5f5;
    outline: #e5e5e5 solid 1px
}

div.jsoneditor-tree button.jsoneditor-collapsed {
    background-position: 0 -48px
}

div.jsoneditor-tree button.jsoneditor-expanded {
    background-position: 0 -72px
}

div.jsoneditor-tree button.jsoneditor-contextmenu-button {
    background-position: -48px -72px
}

div.jsoneditor-tree button.jsoneditor-invisible {
    visibility: hidden;
    background: 0 0
}

div.jsoneditor-tree button.jsoneditor-dragarea {
    background-image: url(img/jsoneditor-icons.svg);
    background-position: -72px -72px;
    cursor: move
}

div.jsoneditor-tree :focus {
    outline: 0
}

div.jsoneditor-tree div.jsoneditor-show-more {
    display: inline-block;
    padding: 3px 4px;
    margin: 2px 0;
    background-color: #e5e5e5;
    border-radius: 3px;
    color: grey;
    font-family: arial, sans-serif;
    font-size: 14px
}

div.jsoneditor-tree div.jsoneditor-show-more a {
    display: inline-block;
    color: grey
}

div.jsoneditor-tree div.jsoneditor-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 4px;
    border: 1px solid grey;
    cursor: pointer
}

div.jsoneditor-tree div.jsoneditor-color.jsoneditor-color-readonly {
    cursor: inherit
}

div.jsoneditor-tree div.jsoneditor-date {
    background: #a1a1a1;
    color: #fff;
    font-family: arial, sans-serif;
    border-radius: 3px;
    display: inline-block;
    padding: 3px;
    margin: 0 3px
}

div.jsoneditor-tree table.jsoneditor-tree {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

div.jsoneditor-tree .jsoneditor-button {
    display: block
}

div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 4px 0 0;
    background-image: url(img/jsoneditor-icons.svg);
    background-position: -168px -48px;
    background-color: transparent
}

div.jsoneditor-outer {
    position: static;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.jsoneditor-outer.has-nav-bar {
    margin-top: -26px;
    padding-top: 26px
}

div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
    margin-top: -61px;
    padding-top: 61px
}

div.jsoneditor-outer.has-status-bar {
    margin-bottom: -26px;
    padding-bottom: 26px
}

div.jsoneditor-outer.has-main-menu-bar {
    margin-top: -35px;
    padding-top: 35px
}

div.jsoneditor-busy {
    position: absolute;
    top: 15%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    display: none
}

div.jsoneditor-busy span {
    background-color: #ffffab;
    border: 1px solid #fe0;
    border-radius: 3px;
    padding: 5px 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}

div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
    pointer-events: none;
    color: #d3d3d3;
    font-size: 8pt
}

a.jsoneditor-value.jsoneditor-url,
div.jsoneditor-value.jsoneditor-url {
    color: #006000;
    text-decoration: underline
}

a.jsoneditor-value.jsoneditor-url {
    display: inline-block;
    padding: 2px;
    margin: 2px
}

a.jsoneditor-value.jsoneditor-url:focus,
a.jsoneditor-value.jsoneditor-url:hover {
    color: #ee422e
}

div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-field[contenteditable=true]:focus,
div.jsoneditor-field[contenteditable=true]:hover,
div.jsoneditor-value.jsoneditor-highlight,
div.jsoneditor-value[contenteditable=true]:focus,
div.jsoneditor-value[contenteditable=true]:hover {
    background-color: #ffffab;
    border: 1px solid #fe0;
    border-radius: 2px
}

div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
    background-color: #fe0;
    border: 1px solid #ffc700;
    border-radius: 2px
}

div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,
div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
    background-position: -48px -48px
}

div.jsoneditor-tree div.jsoneditor-show-more a:focus,
div.jsoneditor-tree div.jsoneditor-show-more a:hover {
    color: #ee422e
}

.ace-jsoneditor,
textarea.jsoneditor-text {
    min-height: 150px
}

.ace-jsoneditor.ace_editor,
textarea.jsoneditor-text.ace_editor {
    font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace
}

textarea.jsoneditor-text {
    width: 100%;
    height: 100%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0;
    border: none;
    background-color: #fff;
    resize: none
}

tr.jsoneditor-highlight,
tr.jsoneditor-selected {
    background-color: #d3d3d3
}

tr.jsoneditor-selected button.jsoneditor-contextmenu-button,
tr.jsoneditor-selected button.jsoneditor-dragarea {
    visibility: hidden
}

tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
    visibility: visible
}

div.jsoneditor-tree button.jsoneditor-dragarea:focus,
div.jsoneditor-tree button.jsoneditor-dragarea:hover,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
    background-position: -72px -48px
}

div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor tr {
    padding: 0;
    margin: 0
}

.jsoneditor-popover,
.jsoneditor-schema-error,
div.jsoneditor td,
div.jsoneditor textarea,
div.jsoneditor th,
div.jsoneditor-field,
div.jsoneditor-value,
pre.jsoneditor-preview {
    font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
    font-size: 14px;
    color: #1a1a1a
}

.jsoneditor-schema-error {
    cursor: default;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: center;
    width: 24px
}

.jsoneditor-popover {
    background-color: #4c4c4c;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    color: #fff;
    padding: 7px 10px;
    position: absolute;
    cursor: auto;
    width: 200px
}

.jsoneditor-popover.jsoneditor-above {
    bottom: 32px;
    left: -98px
}

.jsoneditor-popover.jsoneditor-above:before {
    border-top: 7px solid #4c4c4c;
    bottom: -7px
}

.jsoneditor-popover.jsoneditor-left {
    top: -7px;
    right: 32px
}

.jsoneditor-popover.jsoneditor-left:before {
    border-left: 7px solid #4c4c4c;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    content: "";
    top: 19px;
    right: -14px;
    left: inherit;
    margin-left: inherit;
    margin-top: -7px;
    position: absolute
}

.jsoneditor-popover:before {
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    content: "";
    display: block;
    left: 50%;
    margin-left: -7px;
    position: absolute
}

.jsoneditor-text-errors tr.jump-to-line:hover {
    text-decoration: underline;
    cursor: pointer
}

.jsoneditor-schema-error:focus .jsoneditor-popover,
.jsoneditor-schema-error:hover .jsoneditor-popover {
    display: block;
    animation: fade-in .3s linear 1, move-up .3s linear 1
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jsoneditor .jsoneditor-validation-errors-container {
    max-height: 130px;
    overflow-y: auto
}

.jsoneditor .jsoneditor-validation-errors {
    width: 100%;
    overflow: hidden
}

.jsoneditor .jsoneditor-additional-errors {
    position: absolute;
    margin: auto;
    bottom: 31px;
    left: calc(50% - 92px);
    color: grey;
    background-color: #ebebeb;
    padding: 7px 15px;
    border-radius: 8px
}

.jsoneditor .jsoneditor-additional-errors.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear
}

.jsoneditor .jsoneditor-additional-errors.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear
}

.jsoneditor .jsoneditor-text-errors {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ffc700
}

.jsoneditor .jsoneditor-text-errors td {
    padding: 3px 6px;
    vertical-align: middle
}

.jsoneditor .jsoneditor-text-errors td pre {
    margin: 0;
    white-space: pre-wrap
}

.jsoneditor .jsoneditor-text-errors tr {
    background-color: #ffffab
}

.jsoneditor .jsoneditor-text-errors tr.parse-error {
    background-color: rgba(238, 46, 46, .4392156863)
}

.jsoneditor-text-errors .jsoneditor-schema-error {
    border: none;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 4px 0 0;
    cursor: pointer
}

.jsoneditor-text-errors tr .jsoneditor-schema-error {
    background-image: url(img/jsoneditor-icons.svg);
    background-position: -168px -48px;
    background-color: transparent
}

.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
    background-image: url(img/jsoneditor-icons.svg);
    background-position: -25px 0;
    background-color: transparent
}

.jsoneditor-anchor {
    cursor: pointer
}

.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
    top: 28px;
    left: -10px
}

.fadein {
    -webkit-animation: fadein .3s;
    animation: fadein .3s;
    -moz-animation: fadein .3s;
    -o-animation: fadein .3s
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.jsoneditor-modal input[type=search].selectr-input {
    border: 1px solid #d3d3d3;
    width: calc(100% - 4px);
    margin: 2px;
    padding: 4px;
    box-sizing: border-box
}

.jsoneditor-modal button.selectr-input-clear {
    right: 8px
}

.jsoneditor-menu {
    width: 100%;
    height: 35px;
    padding: 2px;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #3883fa;
    border-bottom: 1px solid #3883fa
}

.jsoneditor-menu>.jsoneditor-modes>button,
.jsoneditor-menu>button {
    width: 26px;
    height: 26px;
    margin: 2px;
    padding: 0;
    border-radius: 2px;
    border: 1px solid transparent;
    background-color: transparent;
    background-image: url(img/jsoneditor-icons.svg);
    color: #fff;
    opacity: .8;
    font-family: arial, sans-serif;
    font-size: 14px;
    float: left
}

.jsoneditor-menu>.jsoneditor-modes>button:hover,
.jsoneditor-menu>button:hover {
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .4)
}

.jsoneditor-menu>.jsoneditor-modes>button:active,
.jsoneditor-menu>.jsoneditor-modes>button:focus,
.jsoneditor-menu>button:active,
.jsoneditor-menu>button:focus {
    background-color: rgba(255, 255, 255, .3)
}

.jsoneditor-menu>.jsoneditor-modes>button:disabled,
.jsoneditor-menu>button:disabled {
    opacity: .5;
    background-color: transparent;
    border: none
}

.jsoneditor-menu>button.jsoneditor-collapse-all {
    background-position: 0 -96px
}

.jsoneditor-menu>button.jsoneditor-expand-all {
    background-position: 0 -120px
}

.jsoneditor-menu>button.jsoneditor-sort {
    background-position: -120px -96px
}

.jsoneditor-menu>button.jsoneditor-transform {
    background-position: -144px -96px
}

.jsoneditor-menu>button.jsoneditor-undo {
    background-position: -24px -96px
}

.jsoneditor-menu>button.jsoneditor-undo:disabled {
    background-position: -24px -120px
}

.jsoneditor-menu>button.jsoneditor-redo {
    background-position: -48px -96px
}

.jsoneditor-menu>button.jsoneditor-redo:disabled {
    background-position: -48px -120px
}

.jsoneditor-menu>button.jsoneditor-compact {
    background-position: -72px -96px
}

.jsoneditor-menu>button.jsoneditor-format {
    background-position: -72px -120px
}

.jsoneditor-menu>button.jsoneditor-repair {
    background-position: -96px -96px
}

.jsoneditor-menu>.jsoneditor-modes {
    display: inline-block;
    float: left
}

.jsoneditor-menu>.jsoneditor-modes>button {
    background-image: none;
    width: auto;
    padding-left: 6px;
    padding-right: 6px
}

.jsoneditor-menu>.jsoneditor-modes>button.jsoneditor-separator,
.jsoneditor-menu>button.jsoneditor-separator {
    margin-left: 10px
}

.jsoneditor-menu a {
    font-family: arial, sans-serif;
    font-size: 14px;
    color: #fff;
    opacity: .8;
    vertical-align: middle
}

.jsoneditor-menu a:hover {
    opacity: 1
}

.jsoneditor-menu a.jsoneditor-poweredBy {
    font-size: 8pt;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px
}

[title = "Save online"] {
    display: none;
}

[title = "Print JSON"] {
    display: none;
}

.jsoneditor-navigation-bar {
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: grey;
    background-color: #ebebeb;
    overflow: hidden;
    font-family: arial, sans-serif;
    font-size: 14px
}

.jsoneditor-search {
    font-family: arial, sans-serif;
    position: absolute;
    right: 4px;
    top: 4px;
    border-collapse: collapse;
    border-spacing: 0;
    display: flex
}

.jsoneditor-search input {
    color: #1a1a1a;
    width: 120px;
    border: none;
    outline: 0;
    margin: 1px;
    line-height: 20px;
    font-family: arial, sans-serif
}

.jsoneditor-search button {
    width: 16px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: none;
    background: url(img/jsoneditor-icons.svg);
    vertical-align: top
}

.jsoneditor-search button:hover {
    background-color: transparent
}

.jsoneditor-search button.jsoneditor-refresh {
    width: 18px;
    background-position: -99px -73px
}

.jsoneditor-search button.jsoneditor-next {
    cursor: pointer;
    background-position: -124px -73px
}

.jsoneditor-search button.jsoneditor-next:hover {
    background-position: -124px -49px
}

.jsoneditor-search button.jsoneditor-previous {
    cursor: pointer;
    background-position: -148px -73px;
    margin-right: 2px
}

.jsoneditor-search button.jsoneditor-previous:hover {
    background-position: -148px -49px
}

.jsoneditor-results {
    font-family: arial, sans-serif;
    color: #fff;
    padding-right: 5px;
    line-height: 26px
}

.jsoneditor-frame {
    border: 1px solid transparent;
    background-color: #fff;
    padding: 0 2px;
    margin: 0
}

.jsoneditor-statusbar {
    line-height: 26px;
    height: 26px;
    color: grey;
    background-color: #ebebeb;
    border-top: 1px solid #d3d3d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

.jsoneditor-statusbar>.jsoneditor-curserinfo-val {
    margin-right: 12px
}

.jsoneditor-statusbar>.jsoneditor-curserinfo-count {
    margin-left: 4px
}

.jsoneditor-statusbar>.jsoneditor-validation-error-icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-top: 1px;
    background-image: url(img/jsoneditor-icons.svg);
    background-position: -168px -48px;
    cursor: pointer
}

.jsoneditor-statusbar>.jsoneditor-validation-error-count {
    float: right;
    margin: 0 4px 0 0;
    cursor: pointer
}

.jsoneditor-statusbar>.jsoneditor-parse-error-icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 1px;
    background-image: url(img/jsoneditor-icons.svg);
    background-position: -25px 0
}

div.jsoneditor-statusbar>.jsoneditor-curserinfo-label,
div.jsoneditor-statusbar>.jsoneditor-size-info {
    margin: 0 4px
}

.jsoneditor-treepath {
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    outline: 0
}

.jsoneditor-treepath.show-all {
    word-wrap: break-word;
    white-space: normal;
    position: absolute;
    background-color: #ebebeb;
    z-index: 1;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, .3)
}

.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
    display: none
}

.jsoneditor-treepath div.jsoneditor-contextmenu-root {
    position: absolute;
    left: 0
}

.jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
    position: absolute;
    background-color: #ebebeb;
    left: 0;
    height: 20px;
    padding: 0 3px;
    cursor: pointer
}

.jsoneditor-treepath .jsoneditor-treepath-element {
    margin: 1px;
    font-family: arial, sans-serif;
    font-size: 14px
}

.jsoneditor-treepath .jsoneditor-treepath-seperator {
    margin: 2px;
    font-size: 9pt;
    font-family: arial, sans-serif
}

.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
    cursor: pointer;
    text-decoration: underline
}

/*!
 * Selectr 2.4.0
 * https://github.com/Mobius1/Selectr
 *
 * Released under the MIT license
 */
.selectr-container {
    position: relative
}

.selectr-container li {
    list-style: none
}

.selectr-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0 none
}

.selectr-visible {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 11
}

.selectr-desktop.multiple .selectr-visible {
    display: none
}

.selectr-desktop.multiple.native-open .selectr-visible {
    top: 100%;
    min-height: 200px !important;
    height: auto;
    opacity: 1;
    display: block
}

.selectr-container.multiple.selectr-mobile .selectr-selected {
    z-index: 0
}

.selectr-selected {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 28px 7px 14px;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 3px;
    background-color: #fff
}

.selectr-selected::before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    content: "";
    -o-transform: rotate(0) translate3d(0, -50%, 0);
    -ms-transform: rotate(0) translate3d(0, -50%, 0);
    -moz-transform: rotate(0) translate3d(0, -50%, 0);
    -webkit-transform: rotate(0) translate3d(0, -50%, 0);
    transform: rotate(0) translate3d(0, -50%, 0);
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #6c7a86 transparent transparent
}

.selectr-container.native-open .selectr-selected::before,
.selectr-container.open .selectr-selected::before {
    border-width: 0 4px 4px 4px;
    border-style: solid;
    border-color: transparent transparent #6c7a86
}

.selectr-label {
    display: none;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.selectr-placeholder {
    color: #6c7a86
}

.selectr-tags {
    margin: 0;
    padding: 0;
    white-space: normal
}

.has-selected .selectr-tags {
    margin: 0 0 -2px
}

.selectr-tag {
    list-style: none;
    position: relative;
    float: left;
    padding: 2px 25px 2px 8px;
    margin: 0 2px 2px 0;
    cursor: default;
    color: #fff;
    border: medium none;
    border-radius: 10px;
    background: #acb7bf none repeat scroll 0 0
}

.selectr-container.multiple.has-selected .selectr-selected {
    padding: 5px 28px 5px 5px
}

.selectr-options-container {
    position: absolute;
    z-index: 10000;
    top: calc(100% - 1px);
    left: 0;
    display: none;
    box-sizing: border-box;
    width: 100%;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: transparent #999 #999;
    border-radius: 0 0 3px 3px;
    background-color: #fff
}

.selectr-container.open .selectr-options-container {
    display: block
}

.selectr-input-container {
    position: relative;
    display: none
}

.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    border: medium none;
    background-color: transparent;
    z-index: 11
}

.selectr-clear,
.selectr-input-clear {
    display: none
}

.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
    display: block
}

.selectr-selected .selectr-tag-remove {
    right: 2px
}

.selectr-clear::after,
.selectr-clear::before,
.selectr-input-clear::after,
.selectr-input-clear::before,
.selectr-tag-remove::after,
.selectr-tag-remove::before {
    position: absolute;
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    content: " ";
    background-color: #6c7a86
}

.selectr-tag-remove::after,
.selectr-tag-remove::before {
    top: 4px;
    width: 3px;
    height: 12px;
    background-color: #fff
}

.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
    display: block
}

.selectr-input {
    top: 5px;
    left: 5px;
    box-sizing: border-box;
    width: calc(100% - 30px);
    margin: 10px 15px;
    padding: 7px 30px 7px 9px;
    border: 1px solid #999;
    border-radius: 3px
}

.selectr-notice {
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 16px;
    border-top: 1px solid #999;
    border-radius: 0 0 3px 3px;
    background-color: #fff
}

.selectr-container.notice .selectr-notice {
    display: block
}

.selectr-container.notice .selectr-selected {
    border-radius: 3px 3px 0 0
}

.selectr-options {
    position: relative;
    top: calc(100% + 2px);
    display: none;
    overflow-x: auto;
    overflow-y: scroll;
    max-height: 200px;
    margin: 0;
    padding: 0
}

.selectr-container.notice .selectr-options-container,
.selectr-container.open .selectr-input-container,
.selectr-container.open .selectr-options {
    display: block
}

.selectr-option {
    position: relative;
    display: block;
    padding: 5px 20px;
    list-style: outside none none;
    cursor: pointer;
    font-weight: 400
}

.selectr-options.optgroups>.selectr-option {
    padding-left: 25px
}

.selectr-optgroup {
    font-weight: 700;
    padding: 0
}

.selectr-optgroup--label {
    font-weight: 700;
    margin-top: 10px;
    padding: 5px 15px
}

.selectr-match {
    text-decoration: underline
}

.selectr-option.selected {
    background-color: #ddd
}

.selectr-option.active {
    color: #fff;
    background-color: #5897fb
}

.selectr-option.disabled {
    opacity: .4
}

.selectr-option.excluded {
    display: none
}

.selectr-container.open .selectr-selected {
    border-color: #999 #999 transparent #999;
    border-radius: 3px 3px 0 0
}

.selectr-container.open .selectr-selected::after {
    -o-transform: rotate(180deg) translate3d(0, 50%, 0);
    -ms-transform: rotate(180deg) translate3d(0, 50%, 0);
    -moz-transform: rotate(180deg) translate3d(0, 50%, 0);
    -webkit-transform: rotate(180deg) translate3d(0, 50%, 0);
    transform: rotate(180deg) translate3d(0, 50%, 0)
}

.selectr-disabled {
    opacity: .6
}

.has-selected .selectr-placeholder {
    display: none
}

.has-selected .selectr-label {
    display: block
}

.taggable .selectr-selected {
    padding: 4px 28px 4px 4px
}

.taggable .selectr-selected::after {
    display: table;
    content: " ";
    clear: both
}

.taggable .selectr-label {
    width: auto
}

.taggable .selectr-tags {
    float: left;
    display: block
}

.taggable .selectr-placeholder {
    display: none
}

.input-tag {
    float: left;
    min-width: 90px;
    width: auto
}

.selectr-tag-input {
    border: medium none;
    padding: 3px 10px;
    width: 100%;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit
}

.selectr-input-container.loading::after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    content: "";
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -o-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -moz-animation: .5s linear 0s normal forwards infinite running selectr-spin;
    -webkit-animation: .5s linear 0s normal forwards infinite running selectr-spin;
    animation: .5s linear 0s normal forwards infinite running selectr-spin;
    border-width: 3px;
    border-style: solid;
    border-color: #aaa #ddd #ddd;
    border-radius: 50%
}

@keyframes selectr-spin {
    0% {
        -webkit-transform: rotate(0) translate3d(0, -50%, 0);
        transform: rotate(0) translate3d(0, -50%, 0)
    }

    100% {
        -webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
        transform: rotate(360deg) translate3d(0, -50%, 0)
    }
}

.selectr-container.open.inverted .selectr-selected {
    border-color: transparent #999 #999;
    border-radius: 0 0 3px 3px
}

.selectr-container.inverted .selectr-options-container {
    border-width: 1px 1px 0;
    border-color: #999 #999 transparent;
    border-radius: 3px 3px 0 0;
    background-color: #fff
}

.selectr-container.inverted .selectr-options-container {
    top: auto;
    bottom: calc(100% - 1px)
}

.selectr-container ::-webkit-input-placeholder {
    color: #6c7a86;
    opacity: 1
}

.selectr-container ::-moz-placeholder {
    color: #6c7a86;
    opacity: 1
}

.selectr-container :-ms-input-placeholder {
    color: #6c7a86;
    opacity: 1
}

.selectr-container ::placeholder {
    color: #6c7a86;
    opacity: 1
}

.navbar-item img {
    max-height: 100%
}

.funbtn {
    margin: 10px;
    width: 250px;
    height: 60px
}

.funbtn:hover {
    background-color: grey;
    color: #fff
}

.progress.is-tiny {
    height: .1rem;
    display: none;
    margin-bottom: 0
}

ul li a:link {
    color: #363636
}

ul li a:visited {
    color: #363636
}

ul li a:link:hover {
    font-weight: 700
}

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #d4d4d4;
    border-top: none;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

.autocomplete-suggestion {
    position: relative;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}

.autocomplete-suggestion b {
    font-weight: strong;
    color: #000
}

.autocomplete-suggestion.selected {
    background-color: #e9e9e9 !important
}

div.jsoneditor {
    border: 1px solid #727272;
    height: inherit !important
}

.jsoneditor-menu {
    color: #ddd
}

.jsoneditor-menu a {
    margin: 0 4px;
    padding-top: 6px;
    color: #f5f5f5
}

div.jsoneditor-menu {
    background-color: #626366;
    border-bottom: 1px solid #626366
}

.jsoneditor-manual {
    background-color: #fff;
    text-align: left;
    height: 75vh
}

.jsoneditor-search {
    right: 60px
}

.jsoneditor-modal .pico-modal-header {
    background: #363636
}

.cursor-pointer {
    cursor: pointer
}

.btn-sm {
    padding: 5px 7px
}

.editortoolbar {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 14px;
    float: right;
    height: 35px
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%
}

.overlayeditor {
    height: 100vh
}

table.jsoneditor-search {
    right: 50px;
    top: 4px;
    border-collapse: collapse;
    border-spacing: 0;
    float: left
}

.inputSingleEditor {
    height: 50vh;
    width: 100%
}

.twoEditor {
    height: 60vh;
    width: 100%
}

.fsoverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%
}

.fsoverlayeditor {
    height: 93.6vh !important
}

.fsoverlayeditorJE {
    height: 100vh !important
}

.aceEditorMenuLabel {
    padding-left: .5rem !important;
    vertical-align: middle
}

.aceEditorMenu {
    width: 100%;
    height: 35px;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #727272;
    border-bottom: 1px solid #727272
}

.aceEditorMenu a {
    margin: 0 4px;
    padding-top: 7px;
    color: #f5f5f5
}

.aceEditorBorder {
    border: 1px solid #4a4a4a
}

.fixedFooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100
}

.material-icons.md-15 {
    font-size: 15px
}

.material-icons.md-18 {
    font-size: 18px
}

.material-icons.md-36 {
    font-size: 36px
}

.svgicon {
    width: 24px;
    height: 24px
}

.svgicon16 {
    width: 16px;
    height: 16px
}

.svgicon20 {
    width: 20px;
    height: 20px
}