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

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

ul {
    list-style: none
}

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

html {
    box-sizing: border-box
}

*,
*::before,
*::after {
    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
}

.input,
.textarea,
.select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-left: calc(0.75em - 1px);
    padding-right: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top
}

.input:focus,
.textarea:focus,
.select select:focus,
.is-focused.input,
.is-focused.textarea,
.select select.is-focused,
.input:active,
.textarea:active,
.select select:active,
.is-active.input,
.is-active.textarea,
.select select.is-active {
    outline: none
}

.input[disabled],
.textarea[disabled],
.select select[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select {
    cursor: not-allowed
}

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

.select.is-loading::after,
.control.is-loading::after {
    animation: spinAround 500ms 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
}

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

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

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

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

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

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

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

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

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

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

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

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

.input,
.textarea {
    box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
    max-width: 100%;
    width: 100%
}

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

.is-white.input,
.is-white.textarea {
    border-color: #fff
}

.is-white.input:focus,
.is-white.textarea:focus,
.is-white.is-focused.input,
.is-white.is-focused.textarea,
.is-white.input:active,
.is-white.textarea:active,
.is-white.is-active.input,
.is-white.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25)
}

.is-black.input,
.is-black.textarea {
    border-color: #0a0a0a
}

.is-black.input:focus,
.is-black.textarea:focus,
.is-black.is-focused.input,
.is-black.is-focused.textarea,
.is-black.input:active,
.is-black.textarea:active,
.is-black.is-active.input,
.is-black.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.is-danger.input:focus,
.is-danger.textarea:focus,
.is-danger.is-focused.input,
.is-danger.is-focused.textarea,
.is-danger.input:active,
.is-danger.textarea:active,
.is-danger.is-active.input,
.is-danger.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.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%
}

.is-inline.input,
.is-inline.textarea {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(calc(0.75em - 1px) + 0.375em);
    padding-right: calc(calc(0.75em - 1px) + 0.375em)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

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

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

.textarea[rows] {
    height: initial
}

.textarea.has-fixed-size {
    resize: none
}

.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.is-rounded select {
    border-radius: 9999px;
    padding-left: 1em
}

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

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

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

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

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

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

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

.select.is-white:not(:hover)::after {
    border-color: #fff
}

.select.is-white select {
    border-color: #fff
}

.select.is-white select:hover,
.select.is-white select.is-hovered {
    border-color: #f2f2f2
}

.select.is-white select:focus,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select.is-active {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25)
}

.select.is-black:not(:hover)::after {
    border-color: #0a0a0a
}

.select.is-black select {
    border-color: #0a0a0a
}

.select.is-black select:hover,
.select.is-black select.is-hovered {
    border-color: #000
}

.select.is-black select:focus,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select.is-active {
    box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25)
}

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

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

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

.select.is-light select:focus,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select.is-active {
    box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25)
}

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

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

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

.select.is-dark select:focus,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select.is-active {
    box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select.is-danger select:focus,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select.is-active {
    box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.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-disabled::after {
    border-color: #7a7a7a
}

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

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

.select.is-loading::after {
    margin-top: 0;
    position: absolute;
    right: .625em;
    top: 0.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
}

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

.label:not(:last-child) {
    margin-bottom: 0.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: 0.25rem
}

.help.is-white {
    color: #fff
}

.help.is-black {
    color: #0a0a0a
}

.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: 0.75rem
}

.field.has-addons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.field.has-addons .control:not(:last-child) {
    margin-right: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2
}

.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3
}

.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
    z-index: 4
}

.field.has-addons .control.is-expanded {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.field.has-addons.has-addons-centered {
    -ms-flex-pack: center;
    justify-content: center
}

.field.has-addons.has-addons-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

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

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

.field.is-grouped.is-grouped-centered {
    -ms-flex-pack: center;
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
    margin-bottom: 0.75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -0.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

    .field-body>.field {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .field-body>.field:not(.is-narrow) {
        -ms-flex-positive: 1;
        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.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
    color: #4a4a4a
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
    font-size: .75rem
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
    font-size: 1.25rem
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
    font-size: 1.5rem
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
    padding-left: 2.5em
}

.control.has-icons-left .icon.is-left {
    left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
    padding-right: 2.5em
}

.control.has-icons-right .icon.is-right {
    right: 0
}

.control.is-loading::after {
    position: absolute !important;
    right: .625em;
    top: 0.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
}

.column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: .75rem
}

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

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

.columns.is-mobile>.column.is-three-quarters {
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
    -ms-flex: none;
    flex: none;
    width: 66.6666%
}

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

.columns.is-mobile>.column.is-one-third {
    -ms-flex: none;
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
    -ms-flex: none;
    flex: none;
    width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
    -ms-flex: none;
    flex: none;
    width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
    -ms-flex: none;
    flex: none;
    width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
    -ms-flex: none;
    flex: none;
    width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile>.column.is-0 {
    -ms-flex: none;
    flex: none;
    width: 0%
}

.columns.is-mobile>.column.is-offset-0 {
    margin-left: 0%
}

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

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.33333337%
}

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

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.66666674%
}

.columns.is-mobile>.column.is-3 {
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%
}

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

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.33333337%
}

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

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.66666674%
}

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

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%
}

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

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.33333337%
}

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

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.66666674%
}

.columns.is-mobile>.column.is-9 {
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
    -ms-flex: none;
    flex: none;
    width: 83.33333337%
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.33333337%
}

.columns.is-mobile>.column.is-11 {
    -ms-flex: none;
    flex: none;
    width: 91.66666674%
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.66666674%
}

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

.columns.is-mobile>.column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-mobile {
        margin-left: 0%
    }

    .column.is-1-mobile {
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333337%
    }

    .column.is-2-mobile {
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666674%
    }

    .column.is-3-mobile {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333337%
    }

    .column.is-5-mobile {
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666674%
    }

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

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333337%
    }

    .column.is-8-mobile {
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666674%
    }

    .column.is-9-mobile {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333337%
    }

    .column.is-11-mobile {
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666674%
    }

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

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

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

    .column.is-narrow,
    .column.is-narrow-tablet {
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full,
    .column.is-full-tablet {
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half,
    .column.is-half-tablet {
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third,
    .column.is-one-third-tablet {
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0,
    .column.is-0-tablet {
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0%
    }

    .column.is-1,
    .column.is-1-tablet {
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333337%
    }

    .column.is-2,
    .column.is-2-tablet {
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.66666674%
    }

    .column.is-3,
    .column.is-3-tablet {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4,
    .column.is-4-tablet {
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.33333337%
    }

    .column.is-5,
    .column.is-5-tablet {
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.66666674%
    }

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

    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7,
    .column.is-7-tablet {
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.33333337%
    }

    .column.is-8,
    .column.is-8-tablet {
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.66666674%
    }

    .column.is-9,
    .column.is-9-tablet {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10,
    .column.is-10-tablet {
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.33333337%
    }

    .column.is-11,
    .column.is-11-tablet {
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.66666674%
    }

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

    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-touch {
        margin-left: 0%
    }

    .column.is-1-touch {
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333337%
    }

    .column.is-2-touch {
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66666674%
    }

    .column.is-3-touch {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333337%
    }

    .column.is-5-touch {
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66666674%
    }

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

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333337%
    }

    .column.is-8-touch {
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66666674%
    }

    .column.is-9-touch {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333337%
    }

    .column.is-11-touch {
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66666674%
    }

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

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-desktop {
        margin-left: 0%
    }

    .column.is-1-desktop {
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333337%
    }

    .column.is-2-desktop {
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666674%
    }

    .column.is-3-desktop {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333337%
    }

    .column.is-5-desktop {
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666674%
    }

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

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333337%
    }

    .column.is-8-desktop {
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666674%
    }

    .column.is-9-desktop {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333337%
    }

    .column.is-11-desktop {
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666674%
    }

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

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-widescreen {
        margin-left: 0%
    }

    .column.is-1-widescreen {
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%
    }

    .column.is-2-widescreen {
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%
    }

    .column.is-3-widescreen {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%
    }

    .column.is-5-widescreen {
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%
    }

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

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%
    }

    .column.is-8-widescreen {
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%
    }

    .column.is-9-widescreen {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%
    }

    .column.is-11-widescreen {
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%
    }

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

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-fullhd {
        margin-left: 0%
    }

    .column.is-1-fullhd {
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333337%
    }

    .column.is-2-fullhd {
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66666674%
    }

    .column.is-3-fullhd {
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333337%
    }

    .column.is-5-fullhd {
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66666674%
    }

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

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333337%
    }

    .column.is-8-fullhd {
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66666674%
    }

    .column.is-9-fullhd {
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333337%
    }

    .column.is-11-fullhd {
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66666674%
    }

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

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.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 {
    -ms-flex-pack: center;
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: -ms-flexbox;
    display: flex
}

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

.columns.is-vcentered {
    -ms-flex-align: center;
    align-items: center
}

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

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

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

.columns.is-variable>.column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: .25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-1-tablet {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: .25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: .25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: .5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-2-tablet {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: .5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: .5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: .75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-3-tablet {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: .75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: .75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

@font-face {
    font-family: "vaksin";
    src: url("../fonts/vaksin.eot?ofcw66");
    src: url("../fonts/vaksin.eot?ofcw66#iefix") format("embedded-opentype"), url("../fonts/vaksin.ttf?ofcw66") format("truetype"), url("../fonts/vaksin.woff?ofcw66") format("woff"), url("../fonts/vaksin.svg?ofcw66#vaksin") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="vaksin-"],
[class*=" vaksin-"] {
    font-family: "vaksin" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.vaksin-trash-outline:before {
    content: ""
}

.vaksin-add:before {
    content: ""
}

.vaksin-download:before {
    content: ""
}

.vaksin-check-checked-circle-outline:before {
    content: ""
}

.vaksin-check-unchecked-circle-outline:before {
    content: ""
}

.vaksin-arrow-back:before {
    content: ""
}

.vaksin-check-checked:before {
    content: ""
}

.vaksin-check-uncheck:before {
    content: ""
}

.vaksin-access-time-outline:before {
    content: ""
}

.vaksin-account-circle:before {
    content: ""
}

.vaksin-arrow-down:before {
    content: ""
}

.vaksin-calendar-today-outline:before {
    content: ""
}

.vaksin-check-box-outline:before {
    content: ""
}

.vaksin-cloud-upload:before {
    content: ""
}

.vaksin-date-range:before {
    content: ""
}

.vaksin-import-outline:before {
    content: ""
}

.vaksin-info-circle-outline:before {
    content: ""
}

.vaksin-jantung-outline:before {
    content: ""
}

.vaksin-today:before {
    content: ""
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local("IBM Plex Mono"), local("IBMPlexMono"), url("../fonts/IBMPlexMono.woff2") format("woff2"), url("../fonts/IBMPlexMono.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("../fonts/IBMPlexMono-Bold.woff2") format("woff2"), url("../fonts/IBMPlexMono-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("../fonts/IBMPlexMono-Bold.woff2") format("woff2"), url("../fonts/IBMPlexMono-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: local("IBM Plex Mono"), local("IBMPlexMono"), url("../fonts/IBMPlexMono.woff2") format("woff2"), url("../fonts/IBMPlexMono.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: local("IBM Plex Sans"), local("IBMPlexSans"), url("../fonts/IBMPlexSans.woff2") format("woff2"), url("../fonts/IBMPlexSans.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: local("IBM Plex Sans"), local("IBMPlexSans"), url("../fonts/IBMPlexSans.woff2") format("woff2"), url("../fonts/IBMPlexSans.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

body {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    max-width: 375px;
    margin: 0 auto;
    background-color: #f2f2f2
}

body .wrapper {
    position: relative;
    min-height: 100vh;
    overflow: clip;
    background-color: #FFF;
    padding-bottom: 30px
}

body .wrapper:before,
body .wrapper:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M137.891 134.421C136.35 132.911 133.877 132.936 132.367 134.477L132.256 134.59C130.746 136.131 130.772 138.604 132.313 140.114C133.073 140.859 134.06 141.23 135.046 141.23C136.059 141.23 137.072 140.839 137.837 140.058L137.948 139.945C139.458 138.404 139.432 135.931 137.891 134.421Z' fill='%232980B9'/%3E%3Cpath d='M179.912 93.4672H169.532V83.0867C169.532 80.9293 167.783 79.1804 165.625 79.1804C163.468 79.1804 161.719 80.9293 161.719 83.0867V93.4672H151.339C149.181 93.4672 147.432 95.216 147.432 97.3734C147.432 99.5309 149.181 101.28 151.339 101.28H161.719V111.66C161.719 113.818 163.468 115.566 165.625 115.566C167.783 115.566 169.532 113.818 169.532 111.66V101.28H179.912C182.069 101.28 183.818 99.5309 183.818 97.3734C183.818 95.216 182.069 93.4672 179.912 93.4672Z' fill='%232980B9'/%3E%3Cpath d='M178.396 65.4593C174.748 38.4944 152.206 18.3194 125.449 18.3194C111.942 18.3194 99.3076 23.3542 89.4533 32.5827C79.5986 23.3542 66.9638 18.3194 53.4575 18.3194C23.9809 18.3194 0 42.8714 0 73.05C0 79.0125 1.73946 85.6957 5.20001 93.0731H3.90626C1.74883 93.0731 0 94.8219 0 96.9793C0 99.1367 1.74883 100.886 3.90626 100.886H9.36017C16.6559 113.237 28.1934 127.283 43.9255 142.926C65.2458 164.126 86.8646 180.711 87.0806 180.876C87.7806 181.412 88.617 181.679 89.4533 181.679C90.2896 181.679 91.1256 181.412 91.826 180.876C91.9908 180.75 108.525 168.071 126.849 150.795C128.419 149.315 128.491 146.843 127.011 145.274C125.532 143.704 123.059 143.631 121.489 145.111C107.515 158.286 94.6139 168.733 89.4537 172.814C83.3217 167.963 66.2505 154.114 49.3782 137.331C35.8704 123.893 25.5297 111.648 18.5387 100.886H53.5099C55.2525 100.886 56.7841 99.7313 57.2646 98.0567L64.0896 74.2668L82.9896 134.821C83.499 136.452 85.0095 137.563 86.7185 137.563C88.4275 137.563 89.9381 136.452 90.4471 134.821L100.914 101.277H118.353C120.51 101.277 122.259 99.5277 122.259 97.3703C122.259 95.2129 120.51 93.4641 118.353 93.4641H98.0408C96.3318 93.4641 94.8209 94.575 94.3119 96.2066L86.7174 120.545L67.6603 59.4874C67.1462 57.8402 65.6158 56.7214 63.8861 56.7452C62.1607 56.7652 60.6525 57.9152 60.1763 59.5742L50.5657 93.0734H13.9157C9.87775 85.45 7.81252 78.7308 7.81252 73.05C7.81252 47.1792 28.2887 26.1319 53.4575 26.1319C66.1076 26.1319 77.8716 31.3319 86.5822 40.7733C87.322 41.5749 88.3627 42.0308 89.4533 42.0308C90.5439 42.0308 91.5849 41.5749 92.3244 40.7733C101.035 31.3319 112.799 26.1319 125.449 26.1319C147.21 26.1319 165.71 41.8249 170.107 63.2902C168.64 63.0984 167.144 62.998 165.625 62.998C146.671 62.998 131.25 78.4187 131.25 97.3731C131.25 116.327 146.671 131.748 165.625 131.748C184.579 131.748 200 116.327 200 97.3731C200 82.9293 191.045 70.5394 178.396 65.4593ZM165.625 123.936C150.979 123.936 139.063 112.02 139.063 97.3731C139.063 82.7265 150.979 70.8105 165.625 70.8105C180.272 70.8105 192.188 82.7265 192.188 97.3731C192.188 112.02 180.272 123.936 165.625 123.936Z' fill='%232980B9'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    position: absolute;
    width: 200px;
    height: 163px
}

body .wrapper:before {
    top: -60px;
    right: -60px
}

body .wrapper:after {
    bottom: -60px;
    left: -60px
}

body header {
    padding: 0 15px
}

body main {
    padding: 0 10px;
    min-height: 75vh
}

body header {
    padding-top: 15px;
    padding-bottom: 15px
}

body.page-login header,
body.page-login main {
    padding: 0 30px
}

a {
    text-decoration: none;
    color: #2980B9
}

a:hover {
    color: #689FC2
}

a:focus {
    color: #22628C
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-justify {
    text-align: justify !important
}

.justify-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.align-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.text-bold {
    font-weight: 700 !important
}

.text-underline {
    text-decoration: underline !important
}

.text-highlight {
    color: #2980B9 !important
}

.mt-15 {
    margin-top: 15px
}

.mb-18 {
    margin-bottom: 18px
}

.p-10 {
    padding: 10px !important
}

.show {
    display: block
}

.hide {
    display: none !important
}

.field:not(:last-child) {
    margin-bottom: 15px !important
}

.field label {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    margin-bottom: 5px;
    position: relative
}

.field label .button-delete {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.field label .note {
    color: #898989
}

.field .group-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: -5px;
    margin-right: -5px
}

.field .group-date .control {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px
}

.field .group-date .control.date {
    max-width: 80px
}

.field-sub label {
    font-size: 12px;
    line-height: 1.6666666667;
    color: #727272
}

.field-horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

.field-horizontal label,
.field-horizontal .control {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.field-horizontal label {
    text-align: right;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    padding-right: 10px
}

.field-horizontal .control {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%
}

.field-info {
    -ms-flex-align: start;
    align-items: flex-start
}

.field-info .control {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3333333333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: row;
    flex-direction: row
}

.field-info .control>* {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.field-info .control .icon {
    margin-top: 5px;
    margin-right: 7px;
    color: #2980B9
}

label {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333
}

.desc {
    font-size: 10px;
    line-height: 1.3;
    font-style: italic;
    margin-bottom: 0;
    display: block;
}

.control {
    width: 100%
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #2980B9
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
    color: #2980B9
}

.control .input,
.control .textarea,
.control.file {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    padding: 10px;
    background-color: #FFF;
    border-radius: 0;
    border-color: transparent;
    border-bottom-color: #2980B9 !important;
    height: auto
}

.control .input:focus,
.control .textarea:focus,
.control.file:focus {
    border-color: #2980B9;
    outline: 0;
    box-shadow: unset
}

.control .input:disabled,
.control .textarea:disabled,
.control.file:disabled {
    background-color: #F3F3F3;
    color: #333
}

.control .input:-ms-input-placeholder,
.control .textarea:-ms-input-placeholder,
.control.file:-ms-input-placeholder {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    color: #898989
}

.control .input::placeholder,
.control .textarea::placeholder,
.control.file::placeholder {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    color: #898989
}

.control .input:-ms-input-placeholder,
.control .textarea:-ms-input-placeholder,
.control.file:-ms-input-placeholder {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    color: #898989
}

.control .input::-ms-input-placeholder,
.control .textarea::-ms-input-placeholder,
.control.file::-ms-input-placeholder {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    color: #898989
}

.control .input::-webkit-input-placeholder,
.control .textarea::-webkit-input-placeholder,
.control.file::-webkit-input-placeholder {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    color: #898989
}

.control.select .input {
    background-color: #FFF !important
}

.control.select .input:focus {
    border-color: #2980B9;
    outline: 0;
    box-shadow: unset
}

.control.select .input:disabled {
    background-color: #F3F3F3 !important;
    color: #333
}

.control-check label {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 25px;
    cursor: pointer
}

.control-check label:before {
    content: "";
    font-family: "vaksin";
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 3px;
    color: #2980B9
}

.control-check input[type=checkbox] {
    display: none
}

.control-check input[type=checkbox]:checked~label:before {
    content: ""
}

.control.file {
    background-color: #FFF !important;
    border-color: transparent;
    border-bottom: 1px solid #2980B9
}

.control.file .input-file {
    display: none
}

.control.file .label-file {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    color: #898989;
    display: block;
    width: 100%
}

.label {
    font-weight: 400
}

.buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.buttons .button {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.buttons .button:not(:last-child) {
    margin-right: 10px
}

.button {
    border-radius: 3px;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1.3125;
    padding: 10px 20px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.button-inline {
    display: inline-block !important
}

.button .icon {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    margin-right: 14px
}

.button-block {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.button-medium {
    font-size: 14px;
    line-height: 1.2857142857;
    padding: 5px 12px
}

.button-small {
    font-size: 10px;
    line-height: 1.3;
    padding: 5px 12px
}

.button-small .icon {
    margin-right: 8px
}

.button-primary {
    background-color: #2980B9;
    color: #FFF;
    font-weight: 700;
    border-color: #2980B9
}

.button-primary .icon {
    color: #FFF !important
}

.button-primary:hover {
    background-color: #689FC2;
    border-color: #689FC2;
    color: #FFF
}

.button-primary:focus {
    background-color: #22628C;
    border-color: #22628C;
    color: #FFF
}

.button-primary-outline {
    background-color: #FFF;
    border-color: #2980B9;
    color: #2980B9;
    font-weight: 400
}

.button-primary-outline .icon {
    color: #2980B9 !important
}

.button-primary-outline:hover {
    background-color: #689FC2;
    border-color: #689FC2;
    color: #FFF
}

.button-primary-outline:hover .icon {
    color: #FFF !important
}

.button-primary-outline:focus {
    background-color: #22628C;
    border-color: #22628C;
    color: #FFF
}

.button-primary-outline:focus .icon {
    color: #FFF !important
}

.button.fullwidth {
    width: 100%
}

.button.with-icon i {
    margin-right: 5px
}

.button-back {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3125;
    background-color: transparent;
    color: #2980B9;
    margin-bottom: 18px;
    display: inline-block
}

.button-back>i {
    font-size: 14px;
    margin-right: 10px
}

.button-delete {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #DF473C
}

.alert {
    font-size: 12px;
    line-height: 1.3333333333;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 5px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.alert>i {
    margin-right: 6px;
    font-size: 13px
}

.alert>i,
.alert>span {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.alert>span {
    font-style: italic
}

.alert-success {
    color: #00786A;
    border-color: rgba(0, 120, 106, 0.3);
    background-color: rgba(0, 120, 106, 0.1)
}

.alert-warning {
    color: #FBAB18;
    border-color: rgba(251, 171, 24, 0.3);
    background-color: rgba(251, 171, 24, 0.1)
}

.alert-danger {
    color: #DF473C;
    border-color: rgba(223, 71, 60, 0.3);
    background-color: rgba(223, 71, 60, 0.1)
}

.alert-text {
    padding: 0;
    margin-top: 5px;
    background-color: transparent;
    border-color: transparent
}

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

.pika-single {
    margin-left: 8px
}

ul.tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

ul.tabs>li {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

ul.tabs>li a {
    display: block;
    text-align: center;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333;
    border: 1px solid #2980B9;
    color: #2980B9;
    padding: 8px 25px
}

ul.tabs>li.active a {
    background-color: #2980B9;
    color: #FFF;
    font-weight: 700
}

ul.tabs>li:first-child a {
    border-radius: 3px 0 0 3px
}

ul.tabs>li:last-child a {
    border-radius: 0 3px 3px 0;
    border-left: 0
}

header {
    margin-bottom: 30px;
    position: relative;
    z-index: 2
}

header .columns {
    margin-bottom: 0;
    -ms-flex-align: center;
    align-items: center
}

header .column-title a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

header .column-title a .logo-site,
header .column-title a .title-site {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

header .logo-site {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

header .title-site {
    font-weight: bold;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

header ul.menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

header ul.menu li {
    display: inline
}

header ul.menu li,
header ul.menu li a {
    font-size: 20px;
    vertical-align: middle
}

header ul.menu li:not(:first-child):before {
    content: '|';
    padding: 0 5px;
    display: inline;
    color: #2980B9
}

.box {
    background-color: #FFF
}

.box:not(:last-child) {
    margin-bottom: 15px
}

.box .title-page {
    margin-bottom: 5px
}

.box .group {
    margin-bottom: 20px
}

.box-info table {
    margin-top: 5px
}

.box-info table th {
    width: 25%
}

.box-vaksin {
    padding-top: 30px;
    border-top: 1px solid #2980B9
}

.box-form-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.box-form-info .count {
    font-size: 36px;
    line-height: 1;
    color: #2980B9;
    margin-right: 20px;
    width: 42px;
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-decoration: underline
}

.box-penyelenggara {
    margin-top: 40px
}

.box-penyelenggara ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -5px
}

.box-penyelenggara ul li {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 5px
}

.box-header {
    margin-bottom: 15px
}

.box-header [class*="title"],
.box-header [class*="subtitle"] {
    margin-bottom: 5px
}

.box-header [class*="subtitle"] {
    text-transform: none
}

.box-header .desc {
    margin-top: 5px;
    text-transform: lowercase;
}

.box-header:last-child {
    margin-bottom: 0
}

.box-bordered {
    border: 1px solid #2980B9;
    padding: 10px
}

.box-formulir {
    padding: 10px;
    font-size: 12px;
    line-height: 1.5
}

.box-formulir .button {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 700;
    padding: 5px 8px
}

.box-formulir .box-header {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4285714286
}

.box-formulir .box-header i {
    margin-right: 8px;
    font-size: 14px
}

.box-formulir .columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.box-formulir .columns .column {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.box-formulir .columns .column-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.box-formulir.vaksinasi .box-header {
    margin-bottom: 20px
}

.box-formulir.vaksinasi .button {
    display: block;
    width: 100%;
    text-align: center
}

.box-formulir.vaksinasi.current {
    background-color: #2980B9;
    color: #FFF
}

.box-formulir.vaksinasi.current .button {
    background-color: #FFF;
    color: #2980B9
}

.box-formulir.infeksi {
    background-color: #FFF;
    color: #DD5942;
    border-color: #DD5942
}

.box-formulir.infeksi .box-header {
    color: #333;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.box-formulir.infeksi .box-header [class*="title"],
.box-formulir.infeksi .box-header [class*="subtitle"] {
    color: #DD5942
}

.box-formulir.infeksi .button {
    background-color: #DD5942;
    border-color: #DD5942
}

.box-formulir.done .box-header:before {
    content: "";
    font-family: "vaksin";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 18px;
    color: #2980B9
}

.box-icon {
    position: relative;
    overflow: clip
}

.box-icon:before {
    font-family: "vaksin";
    font-size: 53px;
    color: #2980B9;
    opacity: 20%;
    position: absolute;
    top: -20px;
    right: -15px
}

.box-icon.icon-info:before {
    content: ""
}

.box-wrapper .box {
    margin-bottom: 15px
}

.box-wrapper .box:last-child {
    margin-bottom: 0
}

.box-title [class*="subtitle"],
.box-title [class*="title"] {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3125
}

.box-title p {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #333
}

.subtitle-page {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3125;
    color: #2980B9;
    margin-top: 5px;
    margin-bottom: 5px;
}

.title-page {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2857142857;
    text-transform: uppercase;
    color: #2980B9
}

.formulir-vaksinasi li {
    border: 1px solid #898989;
    background-color: #F3F3F3;
    padding: 10px;
    margin-bottom: 10px
}

.formulir-vaksinasi li:first-child {
    margin-top: 10px
}

.formulir-vaksinasi li .content-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    color: #898989
}

.formulir-vaksinasi li .content-wrap .left {
    position: relative;
    padding-left: 25px
}

.formulir-vaksinasi li .content-wrap .left:before {
    content: "";
    font-family: "vaksin";
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 7px
}

.formulir-vaksinasi li .button-wrap {
    margin-top: 10px
}

.formulir-vaksinasi li a:not(.button) {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: underline
}

.formulir-vaksinasi li .icon {
    font-size: 15px;
    vertical-align: middle;
    line-height: 0;
    margin-right: 7px
}

.formulir-vaksinasi li.done,
.formulir-vaksinasi li.current {
    background-color: #FFF
}

.formulir-vaksinasi li.done .content-wrap,
.formulir-vaksinasi li.current .content-wrap {
    color: #333
}

.formulir-vaksinasi li.done .left:before {
    content: ""
}

.formulir-vaksinasi li.current {
    border-color: #2980B9
}

body.popup-activated {
    overflow: hidden
}

.popup {
    display: none
}

.popup.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.popup.active .overlay {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.popup.active .popup-wrap {
    position: absolute;
    z-index: 1;
    background-color: #FFF;
    max-width: 300px;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 4px 25px rgba(152, 152, 152, 0.1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #2980B9
}

.popup.active .popup-wrap .title {
    margin-bottom: 15px
}

.popup.active .popup-wrap p:last-of-type {
    margin-bottom: 0
}

.popup.active .popup-wrap .button-wrap {
    margin-top: 10px
}

.popup.active .popup-wrap .button-wrap .button {
    margin-bottom: 10px
}

.popup.active .popup-wrap .button-wrap.button-horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.popup.active .popup-wrap .button-wrap.button-horizontal .button {
    margin: 0 10px 0 0
}

.popup.active .popup-wrap .button-wrap.button-horizontal .button:last-child {
    margin: 0 0 0 0
}

@media (max-width: 767px) {
    .popup.active .popup-wrap {
        width: 90%
    }

    .popup.active .popup-wrap .button-wrap.button-horizontal {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .popup.active .popup-wrap .button-wrap.button-horizontal .btn:not(:last-child) {
        margin: 0 0 10px 0
    }
}

.page-login .box-header {
    text-align: center;
    margin-bottom: 40px
}

.page-login .box-header img {
    margin-bottom: 20px
}

.page-login .title-login {
    font-family: "IBM Plex Mono", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2777777778;
    color: #333;
    color: #2980B9;
    text-align: center;
    text-transform: uppercase
}

.page-login .subtitle-login {
    margin-top: 10px;
    letter-spacing: .2px
}

.page-login .wrapper {
    padding: 50px 0 100px
}

.page-login .wrapper,
.page-login .wrapper>.columns {
    height: 100%
}

.col-cover {
    background-color: #F8F8F8
}

.col-form {
    background-color: #fff
}

.form-vaksin .step,
.form-infeksi .step {
    display: none
}

.form-vaksin .step.show,
.form-infeksi .step.show {
    display: block
}


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