@-webkit-keyframes spinAround { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes spinAround { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .accordions .accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f5f5f5; border-radius: 3px; font-size: 1rem } .accordions .accordion:not(:last-child) { margin-bottom: 1.5rem } .accordions .accordion strong { color: currentColor } .accordions .accordion a:not(.button):not(.tag) { color: currentColor; text-decoration: underline } .accordions .accordion.is-small { font-size: .75rem } .accordions .accordion.is-medium { font-size: 1.25rem } .accordions .accordion.is-large { font-size: 1.5rem } .accordions .accordion:not(:first-child) .accordion-header { border-radius: 0 } .accordions .accordion:not(:last-child) { margin-bottom: 0 } .accordions .accordion:not(:last-child) .accordion-content { border-radius: 0 } .accordions .accordion .toggle, .accordions .accordion [data-action=toggle] { cursor: pointer } .accordions .accordion .accordion-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.25; padding: .5em .75em; position: relative } .accordions .accordion .accordion-header .toggle { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(10, 10, 10, .2); border: none; border-radius: 290486px; display: inline-block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: .75em; height: 20px; width: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: 0; position: relative; vertical-align: top } .accordions .accordion .accordion-header .toggle::before { color: #fff; display: block; left: 0; position: absolute; top: -.1em; right: 0; bottom: 0; content: '\002B' } .accordions .accordion .accordion-header .toggle::after { display: none } .accordions .accordion .accordion-header+.accordion-body { overflow-y: hidden; max-height: 0; color: #4a4a4a; border: 1px solid #dbdbdb; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; -webkit-transition: max-height .2s ease; transition: max-height .2s ease } .accordions .accordion .accordion-header+.accordion-body .accordion-content { padding: 1em 1.25em } .accordions .accordion .accordion-header+.accordion-body .accordion-content code, .accordions .accordion .accordion-header+.accordion-body .accordion-content pre { background-color: #fff } .accordions .accordion .accordion-header+.accordion-body .accordion-content pre code { background-color: transparent } .accordions .accordion.is-active .accordion-header .toggle::before { content: '\002D' } .accordions .accordion.is-active .accordion-body { max-height: 100em } .accordions .accordion.is-white { background-color: #fff } .accordions .accordion.is-white .accordion-header { background-color: #fff; color: #0a0a0a } .accordions .accordion.is-white .accordion-content { border-color: #fff; color: #4d4d4d } .accordions .accordion.is-black { background-color: #fafafa } .accordions .accordion.is-black .accordion-header { background-color: #0a0a0a; color: #fff } .accordions .accordion.is-black .accordion-content { border-color: #0a0a0a; color: #090909 } .accordions .accordion.is-light { background-color: #fafafa } .accordions .accordion.is-light .accordion-header { background-color: #f5f5f5; color: #363636 } .accordions .accordion.is-light .accordion-content { border-color: #f5f5f5; color: #505050 } .accordions .accordion.is-dark { background-color: #fafafa } .accordions .accordion.is-dark .accordion-header { background-color: #363636; color: #f5f5f5 } .accordions .accordion.is-dark .accordion-content { border-color: #363636; color: #2a2a2a } .accordions .accordion.is-primary { background-color: #f5fffd } .accordions .accordion.is-primary .accordion-header { background-color: #00d1b2; color: #fff } .accordions .accordion.is-primary .accordion-content { border-color: #00d1b2; color: #021310 } .accordions .accordion.is-link { background-color: #f6f9fe } .accordions .accordion.is-link .accordion-header { background-color: #3273dc; color: #fff } .accordions .accordion.is-link .accordion-content { border-color: #3273dc; color: #22509a } .accordions .accordion.is-info { background-color: #f6fbfe } .accordions .accordion.is-info .accordion-header { background-color: #209cee; color: #fff } .accordions .accordion.is-info .accordion-content { border-color: #209cee; color: #12537e } .accordions .accordion.is-success { background-color: #f6fef9 } .accordions .accordion.is-success .accordion-header { background-color: #23d160; color: #fff } .accordions .accordion.is-success .accordion-content { border-color: #23d160; color: #0e301a } .accordions .accordion.is-warning { background-color: #fffdf5 } .accordions .accordion.is-warning .accordion-header { background-color: #ffdd57; color: rgba(0, 0, 0, .7) } .accordions .accordion.is-warning .accordion-content { border-color: #ffdd57; color: #3b3108 } .accordions .accordion.is-danger { background-color: #fff5f7 } .accordions .accordion.is-danger .accordion-header { background-color: #ff3860; color: #fff } .accordions .accordion.is-danger .accordion-content { border-color: #ff3860; color: #cd0930 } .badge { position: relative; white-space: nowrap; position: relative } .badge[data-badge]::after { position: absolute; left: 100%; margin: 0; background: #00d1b2; background-clip: padding-box; border-radius: 1rem; -webkit-box-shadow: 0 0 0 .1rem #fff; box-shadow: 0 0 0 .1rem #fff; color: #fff; content: attr(data-badge); display: inline-block } .badge:not([data-badge=""])::after { padding: .3rem .5rem; text-align: center; white-space: nowrap } .badge[data-badge=""]::after { display: inline-block; vertical-align: inherit } .badge.is-badge-white:not([data-badge])::after, .badge.is-badge-white[data-badge]::after { background: #fff; color: #0a0a0a } .badge.is-badge-black:not([data-badge])::after, .badge.is-badge-black[data-badge]::after { background: #0a0a0a; color: #fff } .badge.is-badge-light:not([data-badge])::after, .badge.is-badge-light[data-badge]::after { background: #f5f5f5; color: #363636 } .badge.is-badge-dark:not([data-badge])::after, .badge.is-badge-dark[data-badge]::after { background: #363636; color: #f5f5f5 } .badge.is-badge-primary:not([data-badge])::after, .badge.is-badge-primary[data-badge]::after { background: #00d1b2; color: #fff } .badge.is-badge-link:not([data-badge])::after, .badge.is-badge-link[data-badge]::after { background: #3273dc; color: #fff } .badge.is-badge-info:not([data-badge])::after, .badge.is-badge-info[data-badge]::after { background: #209cee; color: #fff } .badge.is-badge-success:not([data-badge])::after, .badge.is-badge-success[data-badge]::after { background: #23d160; color: #fff } .badge.is-badge-warning:not([data-badge])::after, .badge.is-badge-warning[data-badge]::after { background: #ffdd57; color: rgba(0, 0, 0, .7) } .badge.is-badge-danger:not([data-badge])::after, .badge.is-badge-danger[data-badge]::after { background: #ff3860; color: #fff } .badge.is-badge-outlined[data-badge]::after { background-color: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #00d1b2; color: #00d1b2 } .badge.is-badge-outlined.is-badge-white[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #fff; color: #fff } .badge.is-badge-outlined.is-badge-black[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #0a0a0a; color: #0a0a0a } .badge.is-badge-outlined.is-badge-light[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #f5f5f5; color: #f5f5f5 } .badge.is-badge-outlined.is-badge-dark[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #363636; color: #363636 } .badge.is-badge-outlined.is-badge-primary[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #00d1b2; color: #00d1b2 } .badge.is-badge-outlined.is-badge-link[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #3273dc; color: #3273dc } .badge.is-badge-outlined.is-badge-info[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #209cee; color: #209cee } .badge.is-badge-outlined.is-badge-success[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #23d160; color: #23d160 } .badge.is-badge-outlined.is-badge-warning[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #ffdd57; color: #ffdd57 } .badge.is-badge-outlined.is-badge-danger[data-badge]::after { background: #fff; -webkit-box-shadow: none; box-shadow: none; border: .1rem solid #ff3860; color: #ff3860 } .badge[data-badge]::after { top: calc(0px - (1rem / 2)); left: calc(100% - (1rem / 2)); min-height: 1rem; min-width: 1rem } .badge:not([data-badge=""])::after { font-size: .75rem; line-height: .5rem } .badge[data-badge=""]::after { width: 1rem } .badge.is-badge-left::after { left: calc(0px - (1rem / 2)) } .badge.is-badge-bottom::after { top: calc(100% - (1rem / 2)) } .badge.is-badge-bottom-left::after { left: calc(0px - (1rem / 2)); top: calc(100% - (1rem / 2)) } .badge.is-badge-small[data-badge]::after { top: calc(0px - (.75rem / 2)); left: calc(100% - (.75rem / 2)); min-height: .75rem; min-width: .75rem } .badge.is-badge-small:not([data-badge=""])::after { font-size: .5625rem; line-height: .375rem } .badge.is-badge-small[data-badge=""]::after { width: .75rem } .badge.is-badge-small.is-badge-left::after { left: calc(0px - (.75rem / 2)) } .badge.is-badge-small.is-badge-bottom::after { top: calc(100% - (.75rem / 2)) } .badge.is-badge-small.is-badge-bottom-left::after { left: calc(0px - (.75rem / 2)); top: calc(100% - (.75rem / 2)) } .badge.is-badge-medium[data-badge]::after { top: calc(0px - (1.25rem / 2)); left: calc(100% - (1.25rem / 2)); min-height: 1.25rem; min-width: 1.25rem } .badge.is-badge-medium:not([data-badge=""])::after { font-size: .9375rem; line-height: .625rem } .badge.is-badge-medium[data-badge=""]::after { width: 1.25rem } .badge.is-badge-medium.is-badge-left::after { left: calc(0px - (1.25rem / 2)) } .badge.is-badge-medium.is-badge-bottom::after { top: calc(100% - (1.25rem / 2)) } .badge.is-badge-medium.is-badge-bottom-left::after { left: calc(0px - (1.25rem / 2)); top: calc(100% - (1.25rem / 2)) } .badge.is-badge-large[data-badge]::after { top: calc(0px - (1.5rem / 2)); left: calc(100% - (1.5rem / 2)); min-height: 1.5rem; min-width: 1.5rem } .badge.is-badge-large:not([data-badge=""])::after { font-size: 1.125rem; line-height: .75rem } .badge.is-badge-large[data-badge=""]::after { width: 1.5rem } .badge.is-badge-large.is-badge-left::after { left: calc(0px - (1.5rem / 2)) } .badge.is-badge-large.is-badge-bottom::after { top: calc(100% - (1.5rem / 2)) } .badge.is-badge-large.is-badge-bottom-left::after { left: calc(0px - (1.5rem / 2)); top: calc(100% - (1.5rem / 2)) } .datepicker { display: none } .datepicker.is-active { display: -webkit-box; display: -ms-flexbox; display: flex } .datepicker.is-active .calendar { position: fixed; z-index: 40; min-width: 20rem; max-width: 20rem; position: relative; margin: 0 auto; max-height: calc(100vh - 40px) } .datepicker.is-active .calendar-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .datepicker .calendar { background: #fff; border: none; border-radius: 2px; display: block; min-width: 20rem; text-align: center; max-width: 20rem } .datepicker .calendar.is-active { display: initial } .datepicker .calendar .calendar-nav { background: #00d1b2; color: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.25rem; padding: .5em } .datepicker .calendar .calendar-nav .calendar-nav-day, .datepicker .calendar .calendar-nav .calendar-nav-month, .datepicker .calendar .calendar-nav .calendar-nav-year { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .datepicker .calendar .calendar-nav .calendar-day, .datepicker .calendar .calendar-nav .calendar-month, .datepicker .calendar .calendar-nav .calendar-year { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .datepicker .calendar .calendar-nav .calendar-month { font-size: 1.5rem } .datepicker .calendar .calendar-nav .calendar-day { font-size: 2.5rem } .datepicker .calendar .calendar-nav .calendar-nav-next-month, .datepicker .calendar .calendar-nav .calendar-nav-next-year, .datepicker .calendar .calendar-nav .calendar-nav-previous-month, .datepicker .calendar .calendar-nav .calendar-nav-previous-year { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; color: #fff } .datepicker .calendar .calendar-nav .calendar-nav-next-month:hover, .datepicker .calendar .calendar-nav .calendar-nav-next-year:hover, .datepicker .calendar .calendar-nav .calendar-nav-previous-month:hover, .datepicker .calendar .calendar-nav .calendar-nav-previous-year:hover { background-color: transparent } .datepicker .calendar .calendar-nav .calendar-nav-next-month:hover svg, .datepicker .calendar .calendar-nav .calendar-nav-next-year:hover svg, .datepicker .calendar .calendar-nav .calendar-nav-previous-month:hover svg, .datepicker .calendar .calendar-nav .calendar-nav-previous-year:hover svg { stroke-width: 1em } .datepicker .calendar .calendar-nav .calendar-nav-next-month svg, .datepicker .calendar .calendar-nav .calendar-nav-next-year svg, .datepicker .calendar .calendar-nav .calendar-nav-previous-month svg, .datepicker .calendar .calendar-nav .calendar-nav-previous-year svg { stroke: currentColor; width: 11.25px; height: 18px } .datepicker .calendar .calendar-body, .datepicker .calendar .calendar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .datepicker .calendar .calendar-body .calendar-date, .datepicker .calendar .calendar-header .calendar-date { -webkit-box-flex: 0; -ms-flex: 0 0 14.28%; flex: 0 0 14.28%; max-width: 14.28% } .datepicker .calendar .calendar-header { padding: 1em 1em 0 1em; background: 0 0; color: #fff; font-size: .75rem } .datepicker .calendar .calendar-header .calendar-date { color: #b5b5b5 } .datepicker .calendar .calendar-body { padding: 0 1em 1em 1em; color: #7a7a7a } .datepicker .calendar .calendar-date { border: 0; padding: .4rem 0 } .datepicker .calendar .calendar-date .date-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; border: .1rem solid transparent; border-radius: 100%; color: #4a4a4a; cursor: pointer; height: 2.2rem; line-height: 1.4rem; outline: 0; padding: .3rem; position: relative; text-align: center; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease; vertical-align: middle; white-space: nowrap; width: 2.2rem } .datepicker .calendar .calendar-date .date-item.is-today { background: 0 0; border-color: #00d1b2; color: #00d1b2 } .datepicker .calendar .calendar-date .date-item:focus { background: #f5f5f5; border-color: #f5f5f5; color: rgba(0, 0, 0, .7); text-decoration: none } .datepicker .calendar .calendar-date .date-item:hover { background: #f5f5f5; border-color: #f5f5f5; color: rgba(0, 0, 0, .7); text-decoration: none } .datepicker .calendar .calendar-date .date-item.is-active { background: #00d1b2; border-color: #00d1b2; color: #fff } .datepicker .calendar .calendar-date.is-disabled .calendar-event, .datepicker .calendar .calendar-date.is-disabled .date-item, .datepicker .calendar .calendar-date[disabled] .calendar-event, .datepicker .calendar .calendar-date[disabled] .date-item { cursor: default; opacity: .25; pointer-events: none } .datepicker .calendar .calendar-range { position: relative } .datepicker .calendar .calendar-range::before { background: #d1fff8; content: ""; height: 2.2rem; left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .datepicker .calendar .calendar-range.calendar-range-start::before { left: 50% } .datepicker .calendar .calendar-range.calendar-range-end::before { right: 50% } .datepicker .calendar .calendar-range .date-item { color: #00d1b2 } .datepicker .calendar.is-large { max-width: 100% } .datepicker .calendar.is-large .calendar-body .calendar-date { border-bottom: none; border-right: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 11rem; padding: 0 } .datepicker .calendar.is-large .calendar-body .calendar-date:nth-child(7n) { border-right: 0 } .datepicker .calendar.is-large .calendar-body .calendar-date:nth-last-child(-n+7) { border-bottom: 0 } .datepicker .calendar.is-large .date-item { -ms-flex-item-align: end; align-self: flex-end; height: 2.2rem; margin-right: .5rem; margin-top: .5rem } .datepicker .calendar.is-large .calendar-range::before { top: 1.9rem } .datepicker .calendar.is-large .calendar-range.calendar-range-start::before { left: auto; width: 1.9rem } .datepicker .calendar.is-large .calendar-range.calendar-range-end::before { right: 1.9rem } .datepicker .calendar.is-large .calendar-events { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1; overflow-y: auto; padding: .5rem } .datepicker .calendar.is-large .calendar-event { background-color: #7a7a7a; border-radius: 2px; color: #fff; display: block; font-size: 1rem; margin: .2rem auto; overflow: hidden; padding: .3rem .4rem; text-align: left; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap } .datepicker .calendar.is-large .calendar-event.is-white { background-color: #fff; color: #0a0a0a } .datepicker .calendar.is-large .calendar-event.is-black { background-color: #0a0a0a; color: #fff } .datepicker .calendar.is-large .calendar-event.is-light { background-color: #f5f5f5; color: #363636 } .datepicker .calendar.is-large .calendar-event.is-dark { background-color: #363636; color: #f5f5f5 } .datepicker .calendar.is-large .calendar-event.is-primary { background-color: #00d1b2; color: #fff } .datepicker .calendar.is-large .calendar-event.is-link { background-color: #3273dc; color: #fff } .datepicker .calendar.is-large .calendar-event.is-info { background-color: #209cee; color: #fff } .datepicker .calendar.is-large .calendar-event.is-success { background-color: #23d160; color: #fff } .datepicker .calendar.is-large .calendar-event.is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, .7) } .datepicker .calendar.is-large .calendar-event.is-danger { background-color: #ff3860; color: #fff } .calendar { background: #fff; border: none; border-radius: 2px; display: block; min-width: 20rem; text-align: center; max-width: 20rem } .calendar.is-active { display: initial } .calendar .calendar-nav { background: #00d1b2; color: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.25rem; padding: .5em } .calendar .calendar-nav .calendar-nav-day, .calendar .calendar-nav .calendar-nav-month, .calendar .calendar-nav .calendar-nav-year { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .calendar .calendar-nav .calendar-day, .calendar .calendar-nav .calendar-month, .calendar .calendar-nav .calendar-year { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .calendar .calendar-nav .calendar-month { font-size: 1.5rem } .calendar .calendar-nav .calendar-day { font-size: 2.5rem } .calendar .calendar-nav .calendar-nav-next-month, .calendar .calendar-nav .calendar-nav-next-year, .calendar .calendar-nav .calendar-nav-previous-month, .calendar .calendar-nav .calendar-nav-previous-year { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; color: #fff } .calendar .calendar-nav .calendar-nav-next-month:hover, .calendar .calendar-nav .calendar-nav-next-year:hover, .calendar .calendar-nav .calendar-nav-previous-month:hover, .calendar .calendar-nav .calendar-nav-previous-year:hover { background-color: transparent } .calendar .calendar-nav .calendar-nav-next-month:hover svg, .calendar .calendar-nav .calendar-nav-next-year:hover svg, .calendar .calendar-nav .calendar-nav-previous-month:hover svg, .calendar .calendar-nav .calendar-nav-previous-year:hover svg { stroke-width: 1em } .calendar .calendar-nav .calendar-nav-next-month svg, .calendar .calendar-nav .calendar-nav-next-year svg, .calendar .calendar-nav .calendar-nav-previous-month svg, .calendar .calendar-nav .calendar-nav-previous-year svg { stroke: currentColor; width: 11.25px; height: 18px } .calendar .calendar-body, .calendar .calendar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .calendar .calendar-body .calendar-date, .calendar .calendar-header .calendar-date { -webkit-box-flex: 0; -ms-flex: 0 0 14.28%; flex: 0 0 14.28%; max-width: 14.28% } .calendar .calendar-header { padding: 1em 1em 0 1em; background: 0 0; color: #fff; font-size: .75rem } .calendar .calendar-header .calendar-date { color: #b5b5b5 } .calendar .calendar-body { padding: 0 1em 1em 1em; color: #7a7a7a } .calendar .calendar-date { border: 0; padding: .4rem 0 } .calendar .calendar-date .date-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; border: .1rem solid transparent; border-radius: 100%; color: #4a4a4a; cursor: pointer; height: 2.2rem; line-height: 1.4rem; outline: 0; padding: .3rem; position: relative; text-align: center; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease; vertical-align: middle; white-space: nowrap; width: 2.2rem } .calendar .calendar-date .date-item.is-today { background: 0 0; border-color: #00d1b2; color: #00d1b2 } .calendar .calendar-date .date-item:focus { background: #f5f5f5; border-color: #f5f5f5; color: rgba(0, 0, 0, .7); text-decoration: none } .calendar .calendar-date .date-item:hover { background: #f5f5f5; border-color: #f5f5f5; color: rgba(0, 0, 0, .7); text-decoration: none } .calendar .calendar-date .date-item.is-active { background: #00d1b2; border-color: #00d1b2; color: #fff } .calendar .calendar-date.is-disabled .calendar-event, .calendar .calendar-date.is-disabled .date-item, .calendar .calendar-date[disabled] .calendar-event, .calendar .calendar-date[disabled] .date-item { cursor: default; opacity: .25; pointer-events: none } .calendar .calendar-range { position: relative } .calendar .calendar-range::before { background: #d1fff8; content: ""; height: 2.2rem; left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .calendar .calendar-range.calendar-range-start::before { left: 50% } .calendar .calendar-range.calendar-range-end::before { right: 50% } .calendar .calendar-range .date-item { color: #00d1b2 } .calendar.is-large { max-width: 100% } .calendar.is-large .calendar-body .calendar-date { border-bottom: none; border-right: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 11rem; padding: 0 } .calendar.is-large .calendar-body .calendar-date:nth-child(7n) { border-right: 0 } .calendar.is-large .calendar-body .calendar-date:nth-last-child(-n+7) { border-bottom: 0 } .calendar.is-large .date-item { -ms-flex-item-align: end; align-self: flex-end; height: 2.2rem; margin-right: .5rem; margin-top: .5rem } .calendar.is-large .calendar-range::before { top: 1.9rem } .calendar.is-large .calendar-range.calendar-range-start::before { left: auto; width: 1.9rem } .calendar.is-large .calendar-range.calendar-range-end::before { right: 1.9rem } .calendar.is-large .calendar-events { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1; overflow-y: auto; padding: .5rem } .calendar.is-large .calendar-event { background-color: #7a7a7a; border-radius: 2px; color: #fff; display: block; font-size: 1rem; margin: .2rem auto; overflow: hidden; padding: .3rem .4rem; text-align: left; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap } .calendar.is-large .calendar-event.is-white { background-color: #fff; color: #0a0a0a } .calendar.is-large .calendar-event.is-black { background-color: #0a0a0a; color: #fff } .calendar.is-large .calendar-event.is-light { background-color: #f5f5f5; color: #363636 } .calendar.is-large .calendar-event.is-dark { background-color: #363636; color: #f5f5f5 } .calendar.is-large .calendar-event.is-primary { background-color: #00d1b2; color: #fff } .calendar.is-large .calendar-event.is-link { background-color: #3273dc; color: #fff } .calendar.is-large .calendar-event.is-info { background-color: #209cee; color: #fff } .calendar.is-large .calendar-event.is-success { background-color: #23d160; color: #fff } .calendar.is-large .calendar-event.is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, .7) } .calendar.is-large .calendar-event.is-danger { background-color: #ff3860; color: #fff } .carousel { position: relative; overflow: hidden } .carousel .carousel-container { width: 100%; position: relative; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; left: -100%; -webkit-transform: translateX(100%); transform: translateX(100%) } .carousel .carousel-container .carousel-item { display: block; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100% } .carousel .carousel-container .carousel-item.has-background .is-background { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; height: 100%; width: 100% } .carousel .carousel-container .carousel-item .title { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.5em; margin: 0; text-align: center; background: rgba(255, 255, 255, .6); font-size: .75rem } .carousel .carousel-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 100% } .carousel .carousel-navigation .carousel-nav-left, .carousel .carousel-navigation .carousel-nav-right { padding: 1em } .carousel .carousel-navigation.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .carousel .carousel-navigation.is-overlay { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 20 } .carousel .carousel-navigation.is-overlay .carousel-nav-left, .carousel .carousel-navigation.is-overlay .carousel-nav-right { height: 2.2em; width: 2em; background: rgba(255, 255, 255, .7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4a4a4a; z-index: 99 } .carousel .carousel-navigation.is-overlay .carousel-nav-left:hover, .carousel .carousel-navigation.is-overlay .carousel-nav-right:hover { cursor: pointer } .carousel .carousel-navigation.is-overlay .carousel-nav-right { left: auto; right: 0 } .carousel.is-reversing .carousel-container { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .carousel.is-reversing.is-2 .carousel-container { -webkit-transform: translateX(calc(-100% / 2)); transform: translateX(calc(-100% / 2)) } .carousel.is-reversing.is-3 .carousel-container { -webkit-transform: translateX(calc(-100% / 3)); transform: translateX(calc(-100% / 3)) } .carousel.is-reversing.is-4 .carousel-container { -webkit-transform: translateX(calc(-100% / 4)); transform: translateX(calc(-100% / 4)) } .carousel.is-reversing.is-5 .carousel-container { -webkit-transform: translateX(calc(-100% / 5)); transform: translateX(calc(-100% / 5)) } .carousel.is-2 .carousel-container { left: calc(-100% / 2); -webkit-transform: translateX(calc(100% / 2)); transform: translateX(calc(100% / 2)) } .carousel.is-2 .carousel-container .carousel-item { padding: 1em; -ms-flex-preferred-size: calc(100% / 2); flex-basis: calc(100% / 2) } .carousel.is-3 .carousel-container { left: calc(-100% / 3); -webkit-transform: translateX(calc(100% / 3)); transform: translateX(calc(100% / 3)) } .carousel.is-3 .carousel-container .carousel-item { padding: 1em; -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3) } .carousel.is-4 .carousel-container { left: calc(-100% / 4); -webkit-transform: translateX(calc(100% / 4)); transform: translateX(calc(100% / 4)) } .carousel.is-4 .carousel-container .carousel-item { padding: 1em; -ms-flex-preferred-size: calc(100% / 4); flex-basis: calc(100% / 4) } .carousel.is-5 .carousel-container { left: calc(-100% / 5); -webkit-transform: translateX(calc(100% / 5)); transform: translateX(calc(100% / 5)) } .carousel.is-5 .carousel-container .carousel-item { padding: 1em; -ms-flex-preferred-size: calc(100% / 5); flex-basis: calc(100% / 5) } .hero.has-carousel { position: relative } .hero.has-carousel+.hero-body, .hero.has-carousel+.hero-footer, .hero.has-carousel+.hero-head { z-index: 1 } .hero.has-carousel .hero-carousel { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; border: none; margin: auto; padding: 0; z-index: 0 } .hero-carousel { position: relative; overflow: hidden } .hero-carousel .carousel-container { width: 100%; position: relative; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; left: -100%; -webkit-transform: translateX(100%); transform: translateX(100%) } .hero-carousel .carousel-container .carousel-item { display: block; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100% } .hero-carousel .carousel-container .carousel-item.has-background .is-background { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; height: 100%; width: 100% } .hero-carousel .carousel-container .carousel-item .title { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.5em; margin: 0; text-align: center; background: rgba(255, 255, 255, .6); font-size: .75rem } .hero-carousel .carousel-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 100% } .hero-carousel .carousel-navigation .carousel-nav-left, .hero-carousel .carousel-navigation .carousel-nav-right { padding: 1em } .hero-carousel .carousel-navigation.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .hero-carousel .carousel-navigation.is-overlay { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 20 } .hero-carousel .carousel-navigation.is-overlay .carousel-nav-left, .hero-carousel .carousel-navigation.is-overlay .carousel-nav-right { height: 2.2em; width: 2em; background: rgba(255, 255, 255, .7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4a4a4a; z-index: 99 } .hero-carousel .carousel-navigation.is-overlay .carousel-nav-left:hover, .hero-carousel .carousel-navigation.is-overlay .carousel-nav-right:hover { cursor: pointer } .hero-carousel .carousel-navigation.is-overlay .carousel-nav-right { left: auto; right: 0 } .hero-carousel.is-reversing .carousel-container { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .hero-carousel.is-reversing.is-2 .carousel-container { -webkit-transform: translateX(calc(-100% / 2)); transform: translateX(calc(-100% / 2)) } .hero-carousel.is-reversing.is-3 .carousel-container { -webkit-transform: translateX(calc(-100% / 3)); transform: translateX(calc(-100% / 3)) } .hero-carousel.is-reversing.is-4 .carousel-container { -webkit-transform: translateX(calc(-100% / 4)); transform: translateX(calc(-100% / 4)) } .hero-carousel.is-reversing.is-5 .carousel-container { -webkit-transform: translateX(calc(-100% / 5)); transform: translateX(calc(-100% / 5)) } .carousel.carousel-animate-slide.carousel-animated .carousel-container, .hero-carousel.carousel-animate-slide.carousel-animated .carousel-container { -webkit-transform: none; transform: none; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } .carousel.carousel-animate-fade .carousel-item, .hero-carousel.carousel-animate-fade .carousel-item { position: absolute; width: 100%; height: 100%; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .carousel.carousel-animate-fade .carousel-item.is-active, .hero-carousel.carousel-animate-fade .carousel-item.is-active { opacity: 1 } .carousel.carousel-animate-fade .carousel-item:not(.is-active), .hero-carousel.carousel-animate-fade .carousel-item:not(.is-active) { opacity: 0 } .is-checkradio[type=checkbox], .is-checkradio[type=radio] { outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; position: absolute; opacity: 0 } .is-checkradio[type=checkbox]+label, .is-checkradio[type=radio]+label { position: relative; display: initial; cursor: pointer; vertical-align: middle; margin: .5em; padding: .2rem .5rem .2rem 0; border-radius: 3px } .is-checkradio[type=checkbox]+label:hover::before, .is-checkradio[type=radio]+label:hover::before { -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: hover-color; animation-name: hover-color } .is-checkradio[type=checkbox]+label::before, .is-checkradio[type=radio]+label::before { position: absolute; left: 0; top: 0; content: ''; border: .1rem solid #dbdbdb } .is-checkradio[type=checkbox]+label::after, .is-checkradio[type=radio]+label::after { position: absolute; display: none; content: ''; top: 0 } .is-checkradio[type=checkbox].is-rtl+label, .is-checkradio[type=radio].is-rtl+label { margin-right: 0; margin-left: .5rem } .is-checkradio[type=checkbox].is-rtl+label::before, .is-checkradio[type=radio].is-rtl+label::before { left: auto; right: 0 } .is-checkradio[type=checkbox]:focus+label::before, .is-checkradio[type=radio]:focus+label::before { outline: 1px dotted #b5b5b5 } .is-checkradio[type=checkbox]:hover:not([disabled])+label::before, .is-checkradio[type=radio]:hover:not([disabled])+label::before { border-color: #00d1b2 !important } .is-checkradio[type=checkbox]:checked+label::before, .is-checkradio[type=radio]:checked+label::before { border: .1rem solid #dbdbdb } .is-checkradio[type=checkbox]:checked[disabled], .is-checkradio[type=radio]:checked[disabled] { cursor: not-allowed } .is-checkradio[type=checkbox]:checked[disabled]+label, .is-checkradio[type=radio]:checked[disabled]+label { opacity: .5 } .is-checkradio[type=checkbox]:checked+label::before, .is-checkradio[type=radio]:checked+label::before { -webkit-animation-name: none; animation-name: none } .is-checkradio[type=checkbox]:checked+label::after, .is-checkradio[type=radio]:checked+label::after { display: inline-block } .is-checkradio[type=checkbox][disabled], .is-checkradio[type=radio][disabled] { cursor: not-allowed } .is-checkradio[type=checkbox][disabled]+label, .is-checkradio[type=radio][disabled]+label { opacity: .5; cursor: not-allowed } .is-checkradio[type=checkbox][disabled]+label:after, .is-checkradio[type=checkbox][disabled]+label:before, .is-checkradio[type=checkbox][disabled]+label:hover, .is-checkradio[type=radio][disabled]+label:after, .is-checkradio[type=radio][disabled]+label:before, .is-checkradio[type=radio][disabled]+label:hover { cursor: not-allowed } .is-checkradio[type=checkbox][disabled]:hover, .is-checkradio[type=radio][disabled]:hover { cursor: not-allowed } .is-checkradio[type=checkbox][disabled]:hover::before, .is-checkradio[type=radio][disabled]:hover::before { -webkit-animation-name: none; animation-name: none } .is-checkradio[type=checkbox][disabled]::before, .is-checkradio[type=radio][disabled]::before { cursor: not-allowed } .is-checkradio[type=checkbox][disabled]::after, .is-checkradio[type=radio][disabled]::after { cursor: not-allowed } .is-checkradio[type=checkbox].has-no-border+label::before, .is-checkradio[type=radio].has-no-border+label::before { border: none !important } .is-checkradio[type=checkbox].is-block, .is-checkradio[type=radio].is-block { display: none !important } .is-checkradio[type=checkbox].is-block+label, .is-checkradio[type=radio].is-block+label { width: 100% !important; background: #f5f5f5; color: rgba(0, 0, 0, .7); padding-right: .75em } .is-checkradio[type=checkbox].is-block+label::before, .is-checkradio[type=radio].is-block+label::before { border: none !important } .is-checkradio[type=checkbox]+label::before { border-radius: 3px } .is-checkradio[type=checkbox]+label::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width: .1rem; border-style: solid; border-color: #00d1b2; border-top: 0; border-left: 0 } .is-checkradio[type=checkbox].is-circle+label::before { border-radius: 50% } .is-checkradio[type=checkbox]+label { font-size: 1rem; padding-left: 2rem } .is-checkradio[type=checkbox]+label::before { width: 1.5rem; height: 1.5rem } .is-checkradio[type=checkbox]+label::after { width: .375rem; height: .6rem; top: .405rem; left: .6rem } .is-checkradio[type=checkbox].is-block+label::after { top: .585rem; left: .78rem } .is-checkradio[type=checkbox].is-rtl+label { padding-left: 0; padding-right: 2rem } .is-checkradio[type=checkbox].is-rtl+label::after { left: auto; right: .6rem } .is-checkradio[type=checkbox].is-small+label { font-size: .75rem; padding-left: 1.5rem } .is-checkradio[type=checkbox].is-small+label::before { width: 1.125rem; height: 1.125rem } .is-checkradio[type=checkbox].is-small+label::after { width: .28125rem; height: .45rem; top: .30375rem; left: .45rem } .is-checkradio[type=checkbox].is-small.is-block+label::after { top: .43875rem; left: .585rem } .is-checkradio[type=checkbox].is-small.is-rtl+label { padding-left: 0; padding-right: 1.5rem } .is-checkradio[type=checkbox].is-small.is-rtl+label::after { left: auto; right: .45rem } .is-checkradio[type=checkbox].is-medium+label { font-size: 1.25rem; padding-left: 2.5rem } .is-checkradio[type=checkbox].is-medium+label::before { width: 1.875rem; height: 1.875rem } .is-checkradio[type=checkbox].is-medium+label::after { width: .46875rem; height: .75rem; top: .50625rem; left: .75rem } .is-checkradio[type=checkbox].is-medium.is-block+label::after { top: .73125rem; left: .975rem } .is-checkradio[type=checkbox].is-medium.is-rtl+label { padding-left: 0; padding-right: 2.5rem } .is-checkradio[type=checkbox].is-medium.is-rtl+label::after { left: auto; right: .75rem } .is-checkradio[type=checkbox].is-large+label { font-size: 1.5rem; padding-left: 3rem } .is-checkradio[type=checkbox].is-large+label::before { width: 2.25rem; height: 2.25rem } .is-checkradio[type=checkbox].is-large+label::after { width: .5625rem; height: .9rem; top: .6075rem; left: .9rem } .is-checkradio[type=checkbox].is-large.is-block+label::after { top: .8775rem; left: 1.17rem } .is-checkradio[type=checkbox].is-large.is-rtl+label { padding-left: 0; padding-right: 3rem } .is-checkradio[type=checkbox].is-large.is-rtl+label::after { left: auto; right: .9rem } .is-checkradio[type=checkbox].is-white.has-background-color+label::before { border-color: transparent !important; background-color: #fff !important } .is-checkradio[type=checkbox].is-white:hover:not([disabled])+label::before { border-color: #fff !important } .is-checkradio[type=checkbox].is-white:checked+label::after { border-color: #fff !important } .is-checkradio[type=checkbox].is-white:checked.has-background-color+label::before { border-color: transparent !important; background-color: #fff !important } .is-checkradio[type=checkbox].is-white:checked.has-background-color+label::after { border-color: #0a0a0a !important; background-color: #fff !important } .is-checkradio[type=checkbox].is-white:checked.is-block+label { color: #0a0a0a; border-color: #fff !important; background: #fff } .is-checkradio[type=checkbox].is-white:checked.is-block+label::after { border-color: #0a0a0a !important } .is-checkradio[type=checkbox].is-black.has-background-color+label::before { border-color: transparent !important; background-color: #0a0a0a !important } .is-checkradio[type=checkbox].is-black:hover:not([disabled])+label::before { border-color: #0a0a0a !important } .is-checkradio[type=checkbox].is-black:checked+label::after { border-color: #0a0a0a !important } .is-checkradio[type=checkbox].is-black:checked.has-background-color+label::before { border-color: transparent !important; background-color: #0a0a0a !important } .is-checkradio[type=checkbox].is-black:checked.has-background-color+label::after { border-color: #fff !important; background-color: #0a0a0a !important } .is-checkradio[type=checkbox].is-black:checked.is-block+label { color: #fff; border-color: #0a0a0a !important; background: #0a0a0a } .is-checkradio[type=checkbox].is-black:checked.is-block+label::after { border-color: #fff !important } .is-checkradio[type=checkbox].is-light.has-background-color+label::before { border-color: transparent !important; background-color: #f5f5f5 !important } .is-checkradio[type=checkbox].is-light:hover:not([disabled])+label::before { border-color: #f5f5f5 !important } .is-checkradio[type=checkbox].is-light:checked+label::after { border-color: #f5f5f5 !important } .is-checkradio[type=checkbox].is-light:checked.has-background-color+label::before { border-color: transparent !important; background-color: #f5f5f5 !important } .is-checkradio[type=checkbox].is-light:checked.has-background-color+label::after { border-color: #363636 !important; background-color: #f5f5f5 !important } .is-checkradio[type=checkbox].is-light:checked.is-block+label { color: #363636; border-color: #f5f5f5 !important; background: #f5f5f5 } .is-checkradio[type=checkbox].is-light:checked.is-block+label::after { border-color: #363636 !important } .is-checkradio[type=checkbox].is-dark.has-background-color+label::before { border-color: transparent !important; background-color: #363636 !important } .is-checkradio[type=checkbox].is-dark:hover:not([disabled])+label::before { border-color: #363636 !important } .is-checkradio[type=checkbox].is-dark:checked+label::after { border-color: #363636 !important } .is-checkradio[type=checkbox].is-dark:checked.has-background-color+label::before { border-color: transparent !important; background-color: #363636 !important } .is-checkradio[type=checkbox].is-dark:checked.has-background-color+label::after { border-color: #f5f5f5 !important; background-color: #363636 !important } .is-checkradio[type=checkbox].is-dark:checked.is-block+label { color: #f5f5f5; border-color: #363636 !important; background: #363636 } .is-checkradio[type=checkbox].is-dark:checked.is-block+label::after { border-color: #f5f5f5 !important } .is-checkradio[type=checkbox].is-primary.has-background-color+label::before { border-color: transparent !important; background-color: #00d1b2 !important } .is-checkradio[type=checkbox].is-primary:hover:not([disabled])+label::before { border-color: #00d1b2 !important } .is-checkradio[type=checkbox].is-primary:checked+label::after { border-color: #00d1b2 !important } .is-checkradio[type=checkbox].is-primary:checked.has-background-color+label::before { border-color: transparent !important; background-color: #00d1b2 !important } .is-checkradio[type=checkbox].is-primary:checked.has-background-color+label::after { border-color: #fff !important; background-color: #00d1b2 !important } .is-checkradio[type=checkbox].is-primary:checked.is-block+label { color: #fff; border-color: #00d1b2 !important; background: #00d1b2 } .is-checkradio[type=checkbox].is-primary:checked.is-block+label::after { border-color: #fff !important } .is-checkradio[type=checkbox].is-link.has-background-color+label::before { border-color: transparent !important; background-color: #3273dc !important } .is-checkradio[type=checkbox].is-link:hover:not([disabled])+label::before { border-color: #3273dc !important } .is-checkradio[type=checkbox].is-link:checked+label::after { border-color: #3273dc !important } .is-checkradio[type=checkbox].is-link:checked.has-background-color+label::before { border-color: transparent !important; background-color: #3273dc !important } .is-checkradio[type=checkbox].is-link:checked.has-background-color+label::after { border-color: #fff !important; background-color: #3273dc !important } .is-checkradio[type=checkbox].is-link:checked.is-block+label { color: #fff; border-color: #3273dc !important; background: #3273dc } .is-checkradio[type=checkbox].is-link:checked.is-block+label::after { border-color: #fff !important } .is-checkradio[type=checkbox].is-info.has-background-color+label::before { border-color: transparent !important; background-color: #209cee !important } .is-checkradio[type=checkbox].is-info:hover:not([disabled])+label::before { border-color: #209cee !important } .is-checkradio[type=checkbox].is-info:checked+label::after { border-color: #209cee !important } .is-checkradio[type=checkbox].is-info:checked.has-background-color+label::before { border-color: transparent !important; background-color: #209cee !important } .is-checkradio[type=checkbox].is-info:checked.has-background-color+label::after { border-color: #fff !important; background-color: #209cee !important } .is-checkradio[type=checkbox].is-info:checked.is-block+label { color: #fff; border-color: #209cee !important; background: #209cee } .is-checkradio[type=checkbox].is-info:checked.is-block+label::after { border-color: #fff !important } .is-checkradio[type=checkbox].is-success.has-background-color+label::before { border-color: transparent !important; background-color: #23d160 !important } .is-checkradio[type=checkbox].is-success:hover:not([disabled])+label::before { border-color: #23d160 !important } .is-checkradio[type=checkbox].is-success:checked+label::after { border-color: #23d160 !important } .is-checkradio[type=checkbox].is-success:checked.has-background-color+label::before { border-color: transparent !important; background-color: #23d160 !important } .is-checkradio[type=checkbox].is-success:checked.has-background-color+label::after { border-color: #fff !important; background-color: #23d160 !important } .is-checkradio[type=checkbox].is-success:checked.is-block+label { color: #fff; border-color: #23d160 !important; background: #23d160 } .is-checkradio[type=checkbox].is-success:checked.is-block+label::after { border-color: #fff !important } .is-checkradio[type=checkbox].is-warning.has-background-color+label::before { border-color: transparent !important; background-color: #ffdd57 !important } .is-checkradio[type=checkbox].is-warning:hover:not([disabled])+label::before { border-color: #ffdd57 !important } .is-checkradio[type=checkbox].is-warning:checked+label::after { border-color: #ffdd57 !important } .is-checkradio[type=checkbox].is-warning:checked.has-background-color+label::before { border-color: transparent !important; background-color: #ffdd57 !important } .is-checkradio[type=checkbox].is-warning:checked.has-background-color+label::after { border-color: rgba(0, 0, 0, .7) !important; background-color: #ffdd57 !important } .is-checkradio[type=checkbox].is-warning:checked.is-block+label { color: rgba(0, 0, 0, .7); border-color: #ffdd57 !important; background: #ffdd57 } .is-checkradio[type=checkbox].is-warning:checked.is-block+label::after { border-color: rgba(0, 0, 0, .7) !important } .is-checkradio[type=checkbox].is-danger.has-background-color+label::before { border-color: transparent !important; background-color: #ff3860 !important } .is-checkradio[type=checkbox].is-danger:hover:not([disabled])+label::before { border-color: #ff3860 !important } .is-checkradio[type=checkbox].is-danger:checked+label::after { border-color: #ff3860 !important } .is-checkradio[type=checkbox].is-danger:checked.has-background-color+label::before { border-color: transparent !important; background-color: #ff3860 !important } .is-checkradio[type=checkbox].is-danger:checked.has-background-color+label::after { border-color: #fff !important; background-color: #ff3860 !important } .is-checkradio[type=checkbox].is-danger:checked.is-block+label { color: #fff; border-color: #ff3860 !important; background: #ff3860 } .is-checkradio[type=checkbox].is-danger:checked.is-block+label::after { border-color: #fff !important } .is-checkradio[type=checkbox]:indeterminate+label::after { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); border-bottom: none } .is-checkradio[type=checkbox]:indeterminate.is-white+label::after { border-color: #fff } .is-checkradio[type=checkbox]:indeterminate.is-black+label::after { border-color: #0a0a0a } .is-checkradio[type=checkbox]:indeterminate.is-light+label::after { border-color: #f5f5f5 } .is-checkradio[type=checkbox]:indeterminate.is-dark+label::after { border-color: #363636 } .is-checkradio[type=checkbox]:indeterminate.is-primary+label::after { border-color: #00d1b2 } .is-checkradio[type=checkbox]:indeterminate.is-link+label::after { border-color: #3273dc } .is-checkradio[type=checkbox]:indeterminate.is-info+label::after { border-color: #209cee } .is-checkradio[type=checkbox]:indeterminate.is-success+label::after { border-color: #23d160 } .is-checkradio[type=checkbox]:indeterminate.is-warning+label::after { border-color: #ffdd57 } .is-checkradio[type=checkbox]:indeterminate.is-danger+label::after { border-color: #ff3860 } .is-checkradio[type=radio]+label::before { border-radius: 50% } .is-checkradio[type=radio]+label::after { border-radius: 50%; background: #00d1b2; left: 0; -webkit-transform: scale(.5); transform: scale(.5) } .is-checkradio[type=radio]:checked.has-background-color+label::before { border-color: #4a4a4a !important; background-color: #4a4a4a !important } .is-checkradio[type=radio]:checked.has-background-color+label::after { border-color: #4a4a4a !important; background-color: #4a4a4a !important } .is-checkradio[type=radio].is-rtl+label { padding-left: 0 } .is-checkradio[type=radio].is-rtl+label::after { left: auto; right: 0 } .is-checkradio[type=radio]+label { font-size: 1rem; line-height: 1.5rem; padding-left: 2rem } .is-checkradio[type=radio]+label::after, .is-checkradio[type=radio]+label::before { width: 1.5rem; height: 1.5rem } .is-checkradio[type=radio].is-rtl+label { padding-right: 2rem } .is-checkradio[type=radio].is-small+label { font-size: .75rem; line-height: 1.125rem; padding-left: 1.5rem } .is-checkradio[type=radio].is-small+label::after, .is-checkradio[type=radio].is-small+label::before { width: 1.125rem; height: 1.125rem } .is-checkradio[type=radio].is-small.is-rtl+label { padding-right: 1.5rem } .is-checkradio[type=radio].is-medium+label { font-size: 1.25rem; line-height: 1.875rem; padding-left: 2.5rem } .is-checkradio[type=radio].is-medium+label::after, .is-checkradio[type=radio].is-medium+label::before { width: 1.875rem; height: 1.875rem } .is-checkradio[type=radio].is-medium.is-rtl+label { padding-right: 2.5rem } .is-checkradio[type=radio].is-large+label { font-size: 1.5rem; line-height: 2.25rem; padding-left: 3rem } .is-checkradio[type=radio].is-large+label::after, .is-checkradio[type=radio].is-large+label::before { width: 2.25rem; height: 2.25rem } .is-checkradio[type=radio].is-large.is-rtl+label { padding-right: 3rem } .is-checkradio[type=radio].is-white.has-background-color+label::before { border-color: #fff !important; background-color: #fff !important } .is-checkradio[type=radio].is-white:hover:not([disabled])+label::before { border-color: #fff !important } .is-checkradio[type=radio].is-white:checked+label::after { border-color: #fff !important; background-color: #fff !important } .is-checkradio[type=radio].is-white:checked.has-background-color+label::before { border-color: #fff !important; background-color: #fff !important } .is-checkradio[type=radio].is-white:checked.has-background-color+label::after { border-color: #0a0a0a !important; background-color: #0a0a0a !important } .is-checkradio[type=radio].is-black.has-background-color+label::before { border-color: #0a0a0a !important; background-color: #0a0a0a !important } .is-checkradio[type=radio].is-black:hover:not([disabled])+label::before { border-color: #0a0a0a !important } .is-checkradio[type=radio].is-black:checked+label::after { border-color: #0a0a0a !important; background-color: #0a0a0a !important } .is-checkradio[type=radio].is-black:checked.has-background-color+label::before { border-color: #0a0a0a !important; background-color: #0a0a0a !important } .is-checkradio[type=radio].is-black:checked.has-background-color+label::after { border-color: #fff !important; background-color: #fff !important } .is-checkradio[type=radio].is-light.has-background-color+label::before { border-color: #f5f5f5 !important; background-color: #f5f5f5 !important } .is-checkradio[type=radio].is-light:hover:not([disabled])+label::before { border-color: #f5f5f5 !important } .is-checkradio[type=radio].is-light:checked+label::after { border-color: #f5f5f5 !important; background-color: #f5f5f5 !important } .is-checkradio[type=radio].is-light:checked.has-background-color+label::before { border-color: #f5f5f5 !important; background-color: #f5f5f5 !important } .is-checkradio[type=radio].is-light:checked.has-background-color+label::after { border-color: #363636 !important; background-color: #363636 !important } .is-checkradio[type=radio].is-dark.has-background-color+label::before { border-color: #363636 !important; background-color: #363636 !important } .is-checkradio[type=radio].is-dark:hover:not([disabled])+label::before { border-color: #363636 !important } .is-checkradio[type=radio].is-dark:checked+label::after { border-color: #363636 !important; background-color: #363636 !important } .is-checkradio[type=radio].is-dark:checked.has-background-color+label::before { border-color: #363636 !important; background-color: #363636 !important } .is-checkradio[type=radio].is-dark:checked.has-background-color+label::after { border-color: #f5f5f5 !important; background-color: #f5f5f5 !important } .is-checkradio[type=radio].is-primary.has-background-color+label::before { border-color: #00d1b2 !important; background-color: #00d1b2 !important } .is-checkradio[type=radio].is-primary:hover:not([disabled])+label::before { border-color: #00d1b2 !important } .is-checkradio[type=radio].is-primary:checked+label::after { border-color: #00d1b2 !important; background-color: #00d1b2 !important } .is-checkradio[type=radio].is-primary:checked.has-background-color+label::before { border-color: #00d1b2 !important; background-color: #00d1b2 !important } .is-checkradio[type=radio].is-primary:checked.has-background-color+label::after { border-color: #fff !important; background-color: #fff !important } .is-checkradio[type=radio].is-link.has-background-color+label::before { border-color: #3273dc !important; background-color: #3273dc !important } .is-checkradio[type=radio].is-link:hover:not([disabled])+label::before { border-color: #3273dc !important } .is-checkradio[type=radio].is-link:checked+label::after { border-color: #3273dc !important; background-color: #3273dc !important } .is-checkradio[type=radio].is-link:checked.has-background-color+label::before { border-color: #3273dc !important; background-color: #3273dc !important } .is-checkradio[type=radio].is-link:checked.has-background-color+label::after { border-color: #fff !important; background-color: #fff !important } .is-checkradio[type=radio].is-info.has-background-color+label::before { border-color: #209cee !important; background-color: #209cee !important } .is-checkradio[type=radio].is-info:hover:not([disabled])+label::before { border-color: #209cee !important } .is-checkradio[type=radio].is-info:checked+label::after { border-color: #209cee !important; background-color: #209cee !important } .is-checkradio[type=radio].is-info:checked.has-background-color+label::before { border-color: #209cee !important; background-color: #209cee !important } .is-checkradio[type=radio].is-info:checked.has-background-color+label::after { border-color: #fff !important; background-color: #fff !important } .is-checkradio[type=radio].is-success.has-background-color+label::before { border-color: #23d160 !important; background-color: #23d160 !important } .is-checkradio[type=radio].is-success:hover:not([disabled])+label::before { border-color: #23d160 !important } .is-checkradio[type=radio].is-success:checked+label::after { border-color: #23d160 !important; background-color: #23d160 !important } .is-checkradio[type=radio].is-success:checked.has-background-color+label::before { border-color: #23d160 !important; background-color: #23d160 !important } .is-checkradio[type=radio].is-success:checked.has-background-color+label::after { border-color: #fff !important; background-color: #fff !important } .is-checkradio[type=radio].is-warning.has-background-color+label::before { border-color: #ffdd57 !important; background-color: #ffdd57 !important } .is-checkradio[type=radio].is-warning:hover:not([disabled])+label::before { border-color: #ffdd57 !important } .is-checkradio[type=radio].is-warning:checked+label::after { border-color: #ffdd57 !important; background-color: #ffdd57 !important } .is-checkradio[type=radio].is-warning:checked.has-background-color+label::before { border-color: #ffdd57 !important; background-color: #ffdd57 !important } .is-checkradio[type=radio].is-warning:checked.has-background-color+label::after { border-color: rgba(0, 0, 0, .7) !important; background-color: rgba(0, 0, 0, .7) !important } .is-checkradio[type=radio].is-danger.has-background-color+label::before { border-color: #ff3860 !important; background-color: #ff3860 !important } .is-checkradio[type=radio].is-danger:hover:not([disabled])+label::before { border-color: #ff3860 !important } .is-checkradio[type=radio].is-danger:checked+label::after { border-color: #ff3860 !important; background-color: #ff3860 !important } .is-checkradio[type=radio].is-danger:checked.has-background-color+label::before { border-color: #ff3860 !important; background-color: #ff3860 !important } .is-checkradio[type=radio].is-danger:checked.has-background-color+label::after { border-color: #fff !important; background-color: #fff !important } .is-divider, .is-divider-vertical { display: block; position: relative } .is-divider-vertical[data-content]::after, .is-divider[data-content]::after { background: #fff; color: #b5b5b5; content: attr(data-content); display: inline-block; font-size: .75rem; padding: .5rem .8rem; -webkit-transform: translateY(-1.1rem); transform: translateY(-1.1rem); text-align: center } .is-divider { border-top: .1rem solid #dbdbdb; height: .1rem; margin: 2rem 0; text-align: center } .is-divider-vertical { display: block; padding: 2rem; position: relative } .is-divider-vertical::before { border-left: .1rem solid #dbdbdb; bottom: 1rem; content: ""; display: block; left: 50%; position: absolute; top: 1rem; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .is-divider-vertical[data-content]::after { left: 50%; padding: .4rem 0; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } [data-action=iconPicker] { width: 0; height: 0; display: block; opacity: 0; top: -999px; position: absolute } .iconpicker-preview { border-radius: 100%; background-color: #f5f5f5 } .iconpicker-preview:hover { cursor: pointer } .iconpicker-preview .iconpicker-icon-preview { color: #7a7a7a; font-size: 1.5em } .iconpicker-modal .modal-card .modal-card-head { background: #00d1b2; color: #fff; border-top-left-radius: 0; border-top-right-radius: 0; padding: 1rem } .iconpicker-modal .modal-card .modal-card-head .modal-card-title { font-size: 1.2em; color: #fff } .iconpicker-modal .modal-card .modal-card-head .iconpicker-search { background-color: rgba(255, 255, 255, .5); border-radius: 2em; -webkit-box-shadow: none; box-shadow: none; border: .1em solid rgba(255, 255, 255, .3); margin: 0 2em; padding: .3em 1em; color: #7a7a7a } .iconpicker-modal .iconpicker-sets { -ms-flex-negative: 0; flex-shrink: 0; background-color: #f5f5f5; font-size: .8em; margin: 0 } .iconpicker-modal .modal-card-body { padding: 0 } .iconpicker-modal .modal-card-body .iconpicker-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1em } .iconpicker-modal .modal-card-body .iconpicker-icons [data-icon] { display: block; width: 48px; height: 48px; text-align: center; padding: .5rem } .iconpicker-modal .modal-card-body .iconpicker-icons [data-icon] .iconpicker-icon-preview { font-size: 1.4em } .pageloader { bottom: 0; left: 0; position: absolute; right: 0; top: 0; position: fixed; padding-top: 2em; background: #00d1b2; background: #00d1b2; z-index: 999998; transition: transform .35s ease-out, -webkit-transform .35s ease-out; will-change: transform } .pageloader.is-white { background-color: #fff; background: #fff } .pageloader.is-white::after { border-color: #0a0a0a; -webkit-animation: loader-figure-white 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-white 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-white .title { color: #0a0a0a } .pageloader.is-black { background-color: #0a0a0a; background: #0a0a0a } .pageloader.is-black::after { border-color: #fff; -webkit-animation: loader-figure-black 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-black 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-black .title { color: #fff } .pageloader.is-light { background-color: #f5f5f5; background: #f5f5f5 } .pageloader.is-light::after { border-color: #363636; -webkit-animation: loader-figure-light 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-light 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-light .title { color: #363636 } .pageloader.is-dark { background-color: #363636; background: #363636 } .pageloader.is-dark::after { border-color: #f5f5f5; -webkit-animation: loader-figure-dark 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-dark 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-dark .title { color: #f5f5f5 } .pageloader.is-primary { background-color: #00d1b2; background: #00d1b2 } .pageloader.is-primary::after { border-color: #fff; -webkit-animation: loader-figure-primary 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-primary 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-primary .title { color: #fff } .pageloader.is-link { background-color: #3273dc; background: #3273dc } .pageloader.is-link::after { border-color: #fff; -webkit-animation: loader-figure-link 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-link 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-link .title { color: #fff } .pageloader.is-info { background-color: #209cee; background: #209cee } .pageloader.is-info::after { border-color: #fff; -webkit-animation: loader-figure-info 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-info 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-info .title { color: #fff } .pageloader.is-success { background-color: #23d160; background: #23d160 } .pageloader.is-success::after { border-color: #fff; -webkit-animation: loader-figure-success 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-success 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-success .title { color: #fff } .pageloader.is-warning { background-color: #ffdd57; background: #ffdd57 } .pageloader.is-warning::after { border-color: rgba(0, 0, 0, .7); -webkit-animation: loader-figure-warning 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-warning 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-warning .title { color: rgba(0, 0, 0, .7) } .pageloader.is-danger { background-color: #ff3860; background: #ff3860 } .pageloader.is-danger::after { border-color: #fff; -webkit-animation: loader-figure-danger 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure-danger 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader.is-danger .title { color: #fff } .pageloader:not(.is-left-to-right), .pageloader:not(.is-right-to-left) { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .pageloader.is-left-to-right { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .pageloader.is-right-to-left { -webkit-transform: translateX(100%); transform: translateX(100%) } .pageloader.is-active:not(.is-left-to-right), .pageloader.is-active:not(.is-right-to-left) { -webkit-transform: translateY(0); transform: translateY(0) } .pageloader.is-active.is-left-to-right, .pageloader.is-active.is-right-to-left { -webkit-transform: translateX(0); transform: translateX(0) } .pageloader::after { position: absolute; top: 50%; left: 50%; display: block; border-radius: 100%; content: ''; z-index: 9999; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 solid #fff; -webkit-animation: loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .pageloader .title { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 2em 0 0 0; font-size: .875em; letter-spacing: .1em; line-height: 1.5em; color: #fff; white-space: nowrap } @-webkit-keyframes loader-figure { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-white { 0% { height: 0; width: 0; background-color: #0a0a0a } 29% { background-color: #0a0a0a } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-white { 0% { height: 0; width: 0; background-color: #0a0a0a } 29% { background-color: #0a0a0a } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-black { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-black { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-light { 0% { height: 0; width: 0; background-color: #363636 } 29% { background-color: #363636 } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-light { 0% { height: 0; width: 0; background-color: #363636 } 29% { background-color: #363636 } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-dark { 0% { height: 0; width: 0; background-color: #f5f5f5 } 29% { background-color: #f5f5f5 } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-dark { 0% { height: 0; width: 0; background-color: #f5f5f5 } 29% { background-color: #f5f5f5 } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-primary { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-primary { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-link { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-link { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-info { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-info { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-success { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-success { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-warning { 0% { height: 0; width: 0; background-color: rgba(0, 0, 0, .7) } 29% { background-color: rgba(0, 0, 0, .7) } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-warning { 0% { height: 0; width: 0; background-color: rgba(0, 0, 0, .7) } 29% { background-color: rgba(0, 0, 0, .7) } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @-webkit-keyframes loader-figure-danger { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } @keyframes loader-figure-danger { 0% { height: 0; width: 0; background-color: #fff } 29% { background-color: #fff } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent } } .pricing-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .pricing-table.is-comparative .pricing-plan { margin: 0 } .pricing-table.is-comparative .pricing-plan:not(:last-child) { border-right: none } .pricing-table .pricing-plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #fff; border: .1rem solid #f5f5f5; border-radius: 3px; list-style-type: none; -webkit-transition: .25s; transition: .25s; margin: .5em } .pricing-table .pricing-plan .plan-header { border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #fff; font-size: 1.25rem; font-weight: 600; padding: .75em; -ms-flex-line-pack: center; align-content: center; text-align: center } .pricing-table .pricing-plan .plan-item { background: #f5f5f5; border-bottom: .1rem solid #fff; padding: .75em; -ms-flex-line-pack: center; align-content: center; text-align: center; font-size: .9em; color: #7a7a7a } .pricing-table .pricing-plan .plan-price { background-color: #fff; font-size: .75rem; font-weight: 400; padding: .75em; -ms-flex-line-pack: center; align-content: center; text-align: center } .pricing-table .pricing-plan .plan-price .plan-price-amount { font-size: 2.5rem; font-weight: 700 } .pricing-table .pricing-plan .plan-price .plan-price-amount .plan-price-currency { vertical-align: super; font-size: 1rem !important; font-weight: 400 !important; color: #4a4a4a; margin-right: .25rem } .pricing-table .pricing-plan .plan-footer { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: .75em; -ms-flex-line-pack: center; align-content: center; text-align: center; margin-top: auto } .pricing-table .pricing-plan.is-active { -webkit-box-shadow: 0 8px 12px 0 rgba(122, 122, 122, .2); box-shadow: 0 8px 12px 0 rgba(122, 122, 122, .2); -webkit-transform: scale(1.05); transform: scale(1.05) } .pricing-table .pricing-plan.is-active .plan-price .plan-price-amount { color: #00d1b2 } .pricing-table .pricing-plan.is-active .plan-footer .button { background-color: #00d1b2; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-active .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-active .plan-footer .button:hover { background-color: #00c4a7; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-active .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-active .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(0, 209, 178, .25); box-shadow: 0 0 .5em rgba(0, 209, 178, .25); color: #fff } .pricing-table .pricing-plan.is-active .plan-footer .button.is-active, .pricing-table .pricing-plan.is-active .plan-footer .button:active { background-color: #00b89c; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-active .plan-footer .button[disabled] { background-color: #00d1b2; border-color: transparent } .pricing-table .pricing-plan.is-white .plan-price .plan-price-amount { color: #fff } .pricing-table .pricing-plan.is-white .plan-footer .button { background-color: #fff; border-color: transparent; color: #0a0a0a } .pricing-table .pricing-plan.is-white .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-white .plan-footer .button:hover { background-color: #f9f9f9; border-color: transparent; color: #0a0a0a } .pricing-table .pricing-plan.is-white .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-white .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(255, 255, 255, .25); box-shadow: 0 0 .5em rgba(255, 255, 255, .25); color: #0a0a0a } .pricing-table .pricing-plan.is-white .plan-footer .button.is-active, .pricing-table .pricing-plan.is-white .plan-footer .button:active { background-color: #f2f2f2; border-color: transparent; color: #0a0a0a } .pricing-table .pricing-plan.is-white .plan-footer .button[disabled] { background-color: #fff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-black .plan-price .plan-price-amount { color: #0a0a0a } .pricing-table .pricing-plan.is-black .plan-footer .button { background-color: #0a0a0a; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-black .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-black .plan-footer .button:hover { background-color: #040404; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-black .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-black .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(10, 10, 10, .25); box-shadow: 0 0 .5em rgba(10, 10, 10, .25); color: #fff } .pricing-table .pricing-plan.is-black .plan-footer .button.is-active, .pricing-table .pricing-plan.is-black .plan-footer .button:active { background-color: #000; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-black .plan-footer .button[disabled] { background-color: #0a0a0a; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-light .plan-price .plan-price-amount { color: #f5f5f5 } .pricing-table .pricing-plan.is-light .plan-footer .button { background-color: #f5f5f5; border-color: transparent; color: #363636 } .pricing-table .pricing-plan.is-light .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-light .plan-footer .button:hover { background-color: #eee; border-color: transparent; color: #363636 } .pricing-table .pricing-plan.is-light .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-light .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(245, 245, 245, .25); box-shadow: 0 0 .5em rgba(245, 245, 245, .25); color: #363636 } .pricing-table .pricing-plan.is-light .plan-footer .button.is-active, .pricing-table .pricing-plan.is-light .plan-footer .button:active { background-color: #e8e8e8; border-color: transparent; color: #363636 } .pricing-table .pricing-plan.is-light .plan-footer .button[disabled] { background-color: #f5f5f5; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-dark .plan-price .plan-price-amount { color: #363636 } .pricing-table .pricing-plan.is-dark .plan-footer .button { background-color: #363636; border-color: transparent; color: #f5f5f5 } .pricing-table .pricing-plan.is-dark .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-dark .plan-footer .button:hover { background-color: #2f2f2f; border-color: transparent; color: #f5f5f5 } .pricing-table .pricing-plan.is-dark .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-dark .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(54, 54, 54, .25); box-shadow: 0 0 .5em rgba(54, 54, 54, .25); color: #f5f5f5 } .pricing-table .pricing-plan.is-dark .plan-footer .button.is-active, .pricing-table .pricing-plan.is-dark .plan-footer .button:active { background-color: #292929; border-color: transparent; color: #f5f5f5 } .pricing-table .pricing-plan.is-dark .plan-footer .button[disabled] { background-color: #363636; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-primary .plan-price .plan-price-amount { color: #00d1b2 } .pricing-table .pricing-plan.is-primary .plan-footer .button { background-color: #00d1b2; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-primary .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-primary .plan-footer .button:hover { background-color: #00c4a7; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-primary .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-primary .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(0, 209, 178, .25); box-shadow: 0 0 .5em rgba(0, 209, 178, .25); color: #fff } .pricing-table .pricing-plan.is-primary .plan-footer .button.is-active, .pricing-table .pricing-plan.is-primary .plan-footer .button:active { background-color: #00b89c; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-primary .plan-footer .button[disabled] { background-color: #00d1b2; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-link .plan-price .plan-price-amount { color: #3273dc } .pricing-table .pricing-plan.is-link .plan-footer .button { background-color: #3273dc; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-link .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-link .plan-footer .button:hover { background-color: #276cda; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-link .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-link .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(50, 115, 220, .25); box-shadow: 0 0 .5em rgba(50, 115, 220, .25); color: #fff } .pricing-table .pricing-plan.is-link .plan-footer .button.is-active, .pricing-table .pricing-plan.is-link .plan-footer .button:active { background-color: #2366d1; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-link .plan-footer .button[disabled] { background-color: #3273dc; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-info .plan-price .plan-price-amount { color: #209cee } .pricing-table .pricing-plan.is-info .plan-footer .button { background-color: #209cee; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-info .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-info .plan-footer .button:hover { background-color: #1496ed; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-info .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-info .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(32, 156, 238, .25); box-shadow: 0 0 .5em rgba(32, 156, 238, .25); color: #fff } .pricing-table .pricing-plan.is-info .plan-footer .button.is-active, .pricing-table .pricing-plan.is-info .plan-footer .button:active { background-color: #118fe4; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-info .plan-footer .button[disabled] { background-color: #209cee; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-success .plan-price .plan-price-amount { color: #23d160 } .pricing-table .pricing-plan.is-success .plan-footer .button { background-color: #23d160; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-success .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-success .plan-footer .button:hover { background-color: #22c65b; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-success .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-success .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(35, 209, 96, .25); box-shadow: 0 0 .5em rgba(35, 209, 96, .25); color: #fff } .pricing-table .pricing-plan.is-success .plan-footer .button.is-active, .pricing-table .pricing-plan.is-success .plan-footer .button:active { background-color: #20bc56; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-success .plan-footer .button[disabled] { background-color: #23d160; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-warning .plan-price .plan-price-amount { color: #ffdd57 } .pricing-table .pricing-plan.is-warning .plan-footer .button { background-color: #ffdd57; border-color: transparent; color: rgba(0, 0, 0, .7) } .pricing-table .pricing-plan.is-warning .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-warning .plan-footer .button:hover { background-color: #ffdb4a; border-color: transparent; color: rgba(0, 0, 0, .7) } .pricing-table .pricing-plan.is-warning .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-warning .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(255, 221, 87, .25); box-shadow: 0 0 .5em rgba(255, 221, 87, .25); color: rgba(0, 0, 0, .7) } .pricing-table .pricing-plan.is-warning .plan-footer .button.is-active, .pricing-table .pricing-plan.is-warning .plan-footer .button:active { background-color: #ffd83d; border-color: transparent; color: rgba(0, 0, 0, .7) } .pricing-table .pricing-plan.is-warning .plan-footer .button[disabled] { background-color: #ffdd57; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .pricing-table .pricing-plan.is-danger .plan-price .plan-price-amount { color: #ff3860 } .pricing-table .pricing-plan.is-danger .plan-footer .button { background-color: #ff3860; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-danger .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-danger .plan-footer .button:hover { background-color: #ff2b56; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-danger .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-danger .plan-footer .button:focus { border-color: transparent; -webkit-box-shadow: 0 0 .5em rgba(255, 56, 96, .25); box-shadow: 0 0 .5em rgba(255, 56, 96, .25); color: #fff } .pricing-table .pricing-plan.is-danger .plan-footer .button.is-active, .pricing-table .pricing-plan.is-danger .plan-footer .button:active { background-color: #ff1f4b; border-color: transparent; color: #fff } .pricing-table .pricing-plan.is-danger .plan-footer .button[disabled] { background-color: #ff3860; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } @media screen and (min-width:769px), print { .pricing-table.is-comparative { margin: .5rem } .pricing-table.is-comparative.is-features { display: none } .pricing-table.is-comparative .plan-item::before { content: attr("data-feature") } .pricing-table.is-horizontal .pricing-plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-preferred-size: 100%; flex-basis: 100% } .pricing-table.is-horizontal .pricing-plan .plan-header { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pricing-table.is-horizontal .pricing-plan .plan-price { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pricing-table.is-horizontal .pricing-plan .plan-items { width: 100%; background-color: #f5f5f5; columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-gap: .1rem; column-gap: .1rem } .pricing-table.is-horizontal .pricing-plan .plan-footer { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto } } @media screen and (max-width:768px) { .pricing-table.is-comparative .pricing-plan { margin: .5rem } .pricing-table.is-comparative .pricing-plan.is-plan-first-mobile { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .pricing-table.is-comparative .pricing-plan.is-features { display: none } .pricing-table.is-comparative .pricing-plan .plan-item::before { content: attr(data-feature); display: block; font-weight: 600; font-size: .75rem; color: #b5b5b5 } } .quickview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; max-width: calc(100% - 50px); position: fixed; top: 0; bottom: 0; z-index: 35; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: .3s ease; transition: .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; will-change: transform } .quickview.is-marginless { max-width: 100% } @media screen and (max-width:768px) { .quickview { width: 100%; right: -100% } } @media screen and (min-width:769px), print { .quickview { width: 50%; right: -50% } } @media screen and (min-width:1024px) { .quickview { width: 35%; right: -35% } } @media screen and (min-width:1216px) { .quickview { width: 30%; right: -30% } } @media screen and (min-width:1408px) { .quickview { width: 25%; right: -25% } } @media screen and (max-width:768px) { .quickview.is-left { left: -100% } } @media screen and (min-width:769px), print { .quickview.is-left { left: -50% } } @media screen and (min-width:1024px) { .quickview.is-left { left: -35% } } @media screen and (min-width:1216px) { .quickview.is-left { left: -30% } } @media screen and (min-width:1408px) { .quickview.is-left { left: -25% } } .quickview.is-active { right: 0; -webkit-box-shadow: 5px 0 13px 3px rgba(0, 0, 0, .1); box-shadow: 5px 0 13px 3px rgba(0, 0, 0, .1) } .quickview.is-active.is-left { left: 0 } .quickview-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1rem; min-height: 3.25em !important; border-bottom: 1px solid #dbdbdb } .quickview-header.is-white { background-color: #fff } .quickview-header.is-white .title { color: #0a0a0a } .quickview-header.is-black { background-color: #0a0a0a } .quickview-header.is-black .title { color: #fff } .quickview-header.is-light { background-color: #f5f5f5 } .quickview-header.is-light .title { color: #363636 } .quickview-header.is-dark { background-color: #363636 } .quickview-header.is-dark .title { color: #f5f5f5 } .quickview-header.is-primary { background-color: #00d1b2 } .quickview-header.is-primary .title { color: #fff } .quickview-header.is-link { background-color: #3273dc } .quickview-header.is-link .title { color: #fff } .quickview-header.is-info { background-color: #209cee } .quickview-header.is-info .title { color: #fff } .quickview-header.is-success { background-color: #23d160 } .quickview-header.is-success .title { color: #fff } .quickview-header.is-warning { background-color: #ffdd57 } .quickview-header.is-warning .title { color: rgba(0, 0, 0, .7) } .quickview-header.is-danger { background-color: #ff3860 } .quickview-header.is-danger .title { color: #fff } .quickview-header .title { font-size: 1rem; font-weight: 300; margin-bottom: 0 } .quickview-header .title img { max-height: 2em } .quickview-body { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; overflow-y: auto } .quickview-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1rem; min-height: 4rem; background-color: #f5f5f5; border-top: 1px solid #dbdbdb } .quickview-footer>* { margin: 0 .4rem } input[type=range].slider { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 1rem 0; background: 0 0 } input[type=range].slider.is-fullwidth { display: block; width: 100% } input[type=range].slider:focus { outline: 0 } input[type=range].slider:not([orient=vertical])::-webkit-slider-runnable-track { width: 100% } input[type=range].slider:not([orient=vertical])::-moz-range-track { width: 100% } input[type=range].slider:not([orient=vertical])::-ms-track { width: 100% } input[type=range].slider:not([orient=vertical]).has-output+output, input[type=range].slider:not([orient=vertical]).has-output-tooltip+output { width: 3rem; background: #4a4a4a; border-radius: 3px; padding: .4rem .8rem; font-size: .75rem; line-height: .75rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #fff; overflow: hidden; pointer-events: none; z-index: 200 } input[type=range].slider:not([orient=vertical]).has-output { display: inline-block; width: calc(100% - (4.2rem)) } input[type=range].slider:not([orient=vertical]).has-output+output { display: inline-block; position: relative; margin-left: .75rem; top: -.75rem } input[type=range].slider:not([orient=vertical]).has-output-tooltip { display: block } input[type=range].slider:not([orient=vertical]).has-output-tooltip+output { position: absolute; left: 0; top: -.1rem } input[type=range].slider[orient=vertical] { -webkit-appearance: slider-vertical; -webkit-writing-mode: bt-lr; -ms-writing-mode: bt-lr; writing-mode: bt-lr } input[type=range].slider[orient=vertical]::-webkit-slider-runnable-track { height: 100% } input[type=range].slider[orient=vertical]::-moz-range-track { height: 100% } input[type=range].slider[orient=vertical]::-ms-track { height: 100% } input[type=range].slider::-webkit-slider-runnable-track { cursor: pointer; animate: .2s; -webkit-box-shadow: 0 0 0 #7a7a7a; box-shadow: 0 0 0 #7a7a7a; background: #dbdbdb; border-radius: 3px; border: 0 solid #7a7a7a } input[type=range].slider::-moz-range-track { cursor: pointer; animate: .2s; box-shadow: 0 0 0 #7a7a7a; background: #dbdbdb; border-radius: 3px; border: 0 solid #7a7a7a } input[type=range].slider::-ms-track { cursor: pointer; animate: .2s; box-shadow: 0 0 0 #7a7a7a; background: #dbdbdb; border-radius: 3px; border: 0 solid #7a7a7a } input[type=range].slider::-ms-fill-lower { background: #00d1b2 } input[type=range].slider::-ms-fill-upper { background: #dbdbdb } input[type=range].slider::-webkit-slider-thumb { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #b5b5b5; border-radius: 3px; background: #fff; cursor: pointer; -webkit-appearance: none; transition: transform .2s ease, -webkit-transform .2s ease; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: -webkit-transform .2s ease } input[type=range].slider::-moz-range-thumb { box-shadow: none; border: 1px solid #b5b5b5; background: #fff; border-radius: 3px; cursor: pointer; transition: transform .2s ease, -webkit-transform .2s ease; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: -webkit-transform .2s ease } input[type=range].slider::-ms-thumb { box-shadow: none; border: 1px solid #b5b5b5; background: #fff; border-radius: 3px; cursor: pointer; transition: transform .2s ease, -webkit-transform .2s ease; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: -webkit-transform .2s ease } input[type=range].slider::-webkit-slider-thumb { -webkit-appearance: none } input[type=range].slider.is-circle::-webkit-slider-thumb { border-radius: 50% } input[type=range].slider.is-circle::-moz-range-thumb { border-radius: 50% } input[type=range].slider.is-circle::-ms-thumb { border-radius: 50% } input[type=range].slider:active::-webkit-slider-thumb { -webkit-transform: scale(1.25); transform: scale(1.25) } input[type=range].slider:active::-moz-range-thumb { transform: scale(1.25) } input[type=range].slider:active::-ms-thumb { transform: scale(1.25) } input[type=range].slider:disabled { opacity: .5; cursor: not-allowed } input[type=range].slider:disabled::-webkit-slider-thumb { cursor: not-allowed; -webkit-transform: scale(1); transform: scale(1) } input[type=range].slider:disabled::-moz-range-thumb { cursor: not-allowed; transform: scale(1) } input[type=range].slider:disabled::-ms-thumb { cursor: not-allowed; transform: scale(1) } input[type=range].slider:not([orient=vertical])::-webkit-slider-runnable-track { height: .5rem } input[type=range].slider:not([orient=vertical])::-moz-range-track { height: .5rem } input[type=range].slider:not([orient=vertical])::-ms-track { height: .5rem } input[type=range].slider[orient=vertical]::-webkit-slider-runnable-track { width: .5rem } input[type=range].slider[orient=vertical]::-moz-range-track { width: .5rem } input[type=range].slider[orient=vertical]::-ms-track { width: .5rem } input[type=range].slider::-webkit-slider-thumb { height: 1rem; width: 1rem; margin-top: -.25rem } input[type=range].slider::-moz-range-thumb { height: 1rem; width: 1rem } input[type=range].slider::-ms-thumb { height: 1rem; width: 1rem } input[type=range].slider[orient=vertical]::-webkit-slider-thumb { margin-top: auto; margin-left: -.25rem } input[type=range].slider.is-small:not([orient=vertical])::-webkit-slider-runnable-track { height: .375rem } input[type=range].slider.is-small:not([orient=vertical])::-moz-range-track { height: .375rem } input[type=range].slider.is-small:not([orient=vertical])::-ms-track { height: .375rem } input[type=range].slider.is-small[orient=vertical]::-webkit-slider-runnable-track { width: .375rem } input[type=range].slider.is-small[orient=vertical]::-moz-range-track { width: .375rem } input[type=range].slider.is-small[orient=vertical]::-ms-track { width: .375rem } input[type=range].slider.is-small::-webkit-slider-thumb { height: .75rem; width: .75rem; margin-top: -.1875rem } input[type=range].slider.is-small::-moz-range-thumb { height: .75rem; width: .75rem } input[type=range].slider.is-small::-ms-thumb { height: .75rem; width: .75rem } input[type=range].slider.is-small[orient=vertical]::-webkit-slider-thumb { margin-top: auto; margin-left: -.1875rem } input[type=range].slider.is-medium:not([orient=vertical])::-webkit-slider-runnable-track { height: .625rem } input[type=range].slider.is-medium:not([orient=vertical])::-moz-range-track { height: .625rem } input[type=range].slider.is-medium:not([orient=vertical])::-ms-track { height: .625rem } input[type=range].slider.is-medium[orient=vertical]::-webkit-slider-runnable-track { width: .625rem } input[type=range].slider.is-medium[orient=vertical]::-moz-range-track { width: .625rem } input[type=range].slider.is-medium[orient=vertical]::-ms-track { width: .625rem } input[type=range].slider.is-medium::-webkit-slider-thumb { height: 1.25rem; width: 1.25rem; margin-top: -.3125rem } input[type=range].slider.is-medium::-moz-range-thumb { height: 1.25rem; width: 1.25rem } input[type=range].slider.is-medium::-ms-thumb { height: 1.25rem; width: 1.25rem } input[type=range].slider.is-medium[orient=vertical]::-webkit-slider-thumb { margin-top: auto; margin-left: -.3125rem } input[type=range].slider.is-large:not([orient=vertical])::-webkit-slider-runnable-track { height: .75rem } input[type=range].slider.is-large:not([orient=vertical])::-moz-range-track { height: .75rem } input[type=range].slider.is-large:not([orient=vertical])::-ms-track { height: .75rem } input[type=range].slider.is-large[orient=vertical]::-webkit-slider-runnable-track { width: .75rem } input[type=range].slider.is-large[orient=vertical]::-moz-range-track { width: .75rem } input[type=range].slider.is-large[orient=vertical]::-ms-track { width: .75rem } input[type=range].slider.is-large::-webkit-slider-thumb { height: 1.5rem; width: 1.5rem; margin-top: -.375rem } input[type=range].slider.is-large::-moz-range-thumb { height: 1.5rem; width: 1.5rem } input[type=range].slider.is-large::-ms-thumb { height: 1.5rem; width: 1.5rem } input[type=range].slider.is-large[orient=vertical]::-webkit-slider-thumb { margin-top: auto; margin-left: -.375rem } input[type=range].slider.is-white::-moz-range-track { background: #fff } input[type=range].slider.is-white::-webkit-slider-runnable-track { background: #fff } input[type=range].slider.is-white::-ms-track { background: #fff !important } input[type=range].slider.is-white::-ms-fill-lower { background: #fff } input[type=range].slider.is-white .has-output-tooltip+output, input[type=range].slider.is-white.has-output+output { background-color: #fff; color: #0a0a0a } input[type=range].slider.is-black::-moz-range-track { background: #0a0a0a } input[type=range].slider.is-black::-webkit-slider-runnable-track { background: #0a0a0a } input[type=range].slider.is-black::-ms-track { background: #0a0a0a !important } input[type=range].slider.is-black::-ms-fill-lower { background: #0a0a0a } input[type=range].slider.is-black .has-output-tooltip+output, input[type=range].slider.is-black.has-output+output { background-color: #0a0a0a; color: #fff } input[type=range].slider.is-light::-moz-range-track { background: #f5f5f5 } input[type=range].slider.is-light::-webkit-slider-runnable-track { background: #f5f5f5 } input[type=range].slider.is-light::-ms-track { background: #f5f5f5 !important } input[type=range].slider.is-light::-ms-fill-lower { background: #f5f5f5 } input[type=range].slider.is-light .has-output-tooltip+output, input[type=range].slider.is-light.has-output+output { background-color: #f5f5f5; color: #363636 } input[type=range].slider.is-dark::-moz-range-track { background: #363636 } input[type=range].slider.is-dark::-webkit-slider-runnable-track { background: #363636 } input[type=range].slider.is-dark::-ms-track { background: #363636 !important } input[type=range].slider.is-dark::-ms-fill-lower { background: #363636 } input[type=range].slider.is-dark .has-output-tooltip+output, input[type=range].slider.is-dark.has-output+output { background-color: #363636; color: #f5f5f5 } input[type=range].slider.is-primary::-moz-range-track { background: #00d1b2 } input[type=range].slider.is-primary::-webkit-slider-runnable-track { background: #00d1b2 } input[type=range].slider.is-primary::-ms-track { background: #00d1b2 !important } input[type=range].slider.is-primary::-ms-fill-lower { background: #00d1b2 } input[type=range].slider.is-primary .has-output-tooltip+output, input[type=range].slider.is-primary.has-output+output { background-color: #00d1b2; color: #fff } input[type=range].slider.is-link::-moz-range-track { background: #3273dc } input[type=range].slider.is-link::-webkit-slider-runnable-track { background: #3273dc } input[type=range].slider.is-link::-ms-track { background: #3273dc !important } input[type=range].slider.is-link::-ms-fill-lower { background: #3273dc } input[type=range].slider.is-link .has-output-tooltip+output, input[type=range].slider.is-link.has-output+output { background-color: #3273dc; color: #fff } input[type=range].slider.is-info::-moz-range-track { background: #209cee } input[type=range].slider.is-info::-webkit-slider-runnable-track { background: #209cee } input[type=range].slider.is-info::-ms-track { background: #209cee !important } input[type=range].slider.is-info::-ms-fill-lower { background: #209cee } input[type=range].slider.is-info .has-output-tooltip+output, input[type=range].slider.is-info.has-output+output { background-color: #209cee; color: #fff } input[type=range].slider.is-success::-moz-range-track { background: #23d160 } input[type=range].slider.is-success::-webkit-slider-runnable-track { background: #23d160 } input[type=range].slider.is-success::-ms-track { background: #23d160 !important } input[type=range].slider.is-success::-ms-fill-lower { background: #23d160 } input[type=range].slider.is-success .has-output-tooltip+output, input[type=range].slider.is-success.has-output+output { background-color: #23d160; color: #fff } input[type=range].slider.is-warning::-moz-range-track { background: #ffdd57 } input[type=range].slider.is-warning::-webkit-slider-runnable-track { background: #ffdd57 } input[type=range].slider.is-warning::-ms-track { background: #ffdd57 !important } input[type=range].slider.is-warning::-ms-fill-lower { background: #ffdd57 } input[type=range].slider.is-warning .has-output-tooltip+output, input[type=range].slider.is-warning.has-output+output { background-color: #ffdd57; color: rgba(0, 0, 0, .7) } input[type=range].slider.is-danger::-moz-range-track { background: #ff3860 } input[type=range].slider.is-danger::-webkit-slider-runnable-track { background: #ff3860 } input[type=range].slider.is-danger::-ms-track { background: #ff3860 !important } input[type=range].slider.is-danger::-ms-fill-lower { background: #ff3860 } input[type=range].slider.is-danger .has-output-tooltip+output, input[type=range].slider.is-danger.has-output+output { background-color: #ff3860; color: #fff } .steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1rem; min-height: 2rem } .steps:not(:last-child) { margin-bottom: 1.5rem } .steps .step-item { margin-top: 0; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0 } .steps .step-item:not(:first-child) { -ms-flex-preferred-size: 1em; flex-basis: 1em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1 } .steps .step-item:not(:first-child)::before { content: " "; display: block; position: absolute } .steps .step-item::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #00d1b2)); background: linear-gradient(to left, #dbdbdb 50%, #00d1b2 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item::before .step-marker { color: #fff } .steps .step-item.is-active::before { background-position: left bottom } .steps .step-item.is-active .step-marker { background-color: #fff; border-color: #00d1b2; color: #00d1b2 } .steps .step-item.is-completed::before { background-position: left bottom } .steps .step-item.is-completed .step-marker { color: #fff; background-color: #00d1b2 } .steps .step-item .step-marker { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #b5b5b5; color: #fff; border: .2em solid #fff; z-index: 1 } .steps .step-item .step-details { text-align: center } .steps .step-item.is-white::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #fff)); background: linear-gradient(to left, #dbdbdb 50%, #fff 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-white.is-active::before { background-position: left bottom } .steps .step-item.is-white.is-active .step-marker { background-color: #fff; border-color: #fff; color: #fff } .steps .step-item.is-white.is-completed::before { background-position: left bottom } .steps .step-item.is-white.is-completed .step-marker { color: #0a0a0a; background-color: #fff } .steps .step-item.is-black::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #0a0a0a)); background: linear-gradient(to left, #dbdbdb 50%, #0a0a0a 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-black.is-active::before { background-position: left bottom } .steps .step-item.is-black.is-active .step-marker { background-color: #fff; border-color: #0a0a0a; color: #0a0a0a } .steps .step-item.is-black.is-completed::before { background-position: left bottom } .steps .step-item.is-black.is-completed .step-marker { color: #fff; background-color: #0a0a0a } .steps .step-item.is-light::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #f5f5f5)); background: linear-gradient(to left, #dbdbdb 50%, #f5f5f5 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-light.is-active::before { background-position: left bottom } .steps .step-item.is-light.is-active .step-marker { background-color: #fff; border-color: #f5f5f5; color: #f5f5f5 } .steps .step-item.is-light.is-completed::before { background-position: left bottom } .steps .step-item.is-light.is-completed .step-marker { color: #363636; background-color: #f5f5f5 } .steps .step-item.is-dark::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #363636)); background: linear-gradient(to left, #dbdbdb 50%, #363636 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-dark.is-active::before { background-position: left bottom } .steps .step-item.is-dark.is-active .step-marker { background-color: #fff; border-color: #363636; color: #363636 } .steps .step-item.is-dark.is-completed::before { background-position: left bottom } .steps .step-item.is-dark.is-completed .step-marker { color: #f5f5f5; background-color: #363636 } .steps .step-item.is-primary::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #00d1b2)); background: linear-gradient(to left, #dbdbdb 50%, #00d1b2 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-primary.is-active::before { background-position: left bottom } .steps .step-item.is-primary.is-active .step-marker { background-color: #fff; border-color: #00d1b2; color: #00d1b2 } .steps .step-item.is-primary.is-completed::before { background-position: left bottom } .steps .step-item.is-primary.is-completed .step-marker { color: #fff; background-color: #00d1b2 } .steps .step-item.is-link::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #3273dc)); background: linear-gradient(to left, #dbdbdb 50%, #3273dc 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-link.is-active::before { background-position: left bottom } .steps .step-item.is-link.is-active .step-marker { background-color: #fff; border-color: #3273dc; color: #3273dc } .steps .step-item.is-link.is-completed::before { background-position: left bottom } .steps .step-item.is-link.is-completed .step-marker { color: #fff; background-color: #3273dc } .steps .step-item.is-info::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #209cee)); background: linear-gradient(to left, #dbdbdb 50%, #209cee 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-info.is-active::before { background-position: left bottom } .steps .step-item.is-info.is-active .step-marker { background-color: #fff; border-color: #209cee; color: #209cee } .steps .step-item.is-info.is-completed::before { background-position: left bottom } .steps .step-item.is-info.is-completed .step-marker { color: #fff; background-color: #209cee } .steps .step-item.is-success::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #23d160)); background: linear-gradient(to left, #dbdbdb 50%, #23d160 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-success.is-active::before { background-position: left bottom } .steps .step-item.is-success.is-active .step-marker { background-color: #fff; border-color: #23d160; color: #23d160 } .steps .step-item.is-success.is-completed::before { background-position: left bottom } .steps .step-item.is-success.is-completed .step-marker { color: #fff; background-color: #23d160 } .steps .step-item.is-warning::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #ffdd57)); background: linear-gradient(to left, #dbdbdb 50%, #ffdd57 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-warning.is-active::before { background-position: left bottom } .steps .step-item.is-warning.is-active .step-marker { background-color: #fff; border-color: #ffdd57; color: #ffdd57 } .steps .step-item.is-warning.is-completed::before { background-position: left bottom } .steps .step-item.is-warning.is-completed .step-marker { color: rgba(0, 0, 0, .7); background-color: #ffdd57 } .steps .step-item.is-danger::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #ff3860)); background: linear-gradient(to left, #dbdbdb 50%, #ff3860 50%); background-size: 200% 100%; background-position: right bottom } .steps .step-item.is-danger.is-active::before { background-position: left bottom } .steps .step-item.is-danger.is-active .step-marker { background-color: #fff; border-color: #ff3860; color: #ff3860 } .steps .step-item.is-danger.is-completed::before { background-position: left bottom } .steps .step-item.is-danger.is-completed .step-marker { color: #fff; background-color: #ff3860 } .steps .steps-content { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 2rem 0 } .steps .steps-content .step-content { display: none } .steps .steps-content .step-content.is-active { display: block } .steps .steps-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-preferred-size: 100%; flex-basis: 100% } .steps .steps-actions .steps-action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: .5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .steps.is-animated .step-item::before { -webkit-transition: all 2s ease; transition: all 2s ease } .steps.is-animated .step-item .step-marker { -webkit-transition: all 0s ease; transition: all 0s ease; -webkit-transition-delay: 1.5s; transition-delay: 1.5s } .steps .step-item:not(:first-child)::before { height: .2em; width: 100%; bottom: 0; left: -50%; top: 1rem } .steps .step-item .step-marker { height: 2rem; width: 2rem; position: absolute; left: calc(50% - 1rem) } .steps .step-item .step-marker .icon * { font-size: 1rem } .steps .step-item .step-details { margin-top: 2rem; margin-left: .5em; margin-right: .5em; padding-top: .2em } .steps .step-item .step-details .step-title { font-size: 1.2rem; font-weight: 600 } .steps.is-small { font-size: .75rem; min-height: 1.5rem } .steps.is-small .step-item:not(:first-child)::before { height: .2em; width: 100%; bottom: 0; left: -50%; top: .75rem } .steps.is-small .step-item .step-marker { height: 1.5rem; width: 1.5rem; position: absolute; left: calc(50% - .75rem) } .steps.is-small .step-item .step-marker .icon * { font-size: .75rem } .steps.is-small .step-item .step-details { margin-top: 1.5rem; margin-left: .5em; margin-right: .5em; padding-top: .2em } .steps.is-small .step-item .step-details .step-title { font-size: .9rem; font-weight: 600 } .steps.is-medium { font-size: 1.25rem; min-height: 2.5rem } .steps.is-medium .step-item:not(:first-child)::before { height: .2em; width: 100%; bottom: 0; left: -50%; top: 1.25rem } .steps.is-medium .step-item .step-marker { height: 2.5rem; width: 2.5rem; position: absolute; left: calc(50% - 1.25rem) } .steps.is-medium .step-item .step-marker .icon * { font-size: 1.25rem } .steps.is-medium .step-item .step-details { margin-top: 2.5rem; margin-left: .5em; margin-right: .5em; padding-top: .2em } .steps.is-medium .step-item .step-details .step-title { font-size: 1.5rem; font-weight: 600 } .steps.is-large { font-size: 1.5rem; min-height: 3rem } .steps.is-large .step-item:not(:first-child)::before { height: .2em; width: 100%; bottom: 0; left: -50%; top: 1.5rem } .steps.is-large .step-item .step-marker { height: 3rem; width: 3rem; position: absolute; left: calc(50% - 1.5rem) } .steps.is-large .step-item .step-marker .icon * { font-size: 1.5rem } .steps.is-large .step-item .step-details { margin-top: 3rem; margin-left: .5em; margin-right: .5em; padding-top: .2em } .steps.is-large .step-item .step-details .step-title { font-size: 1.8rem; font-weight: 600 } .switch[type=checkbox] { outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; position: absolute; opacity: 0 } .switch[type=checkbox][disabled] { cursor: not-allowed } .switch[type=checkbox][disabled]+label { opacity: .5 } .switch[type=checkbox][disabled]+label::before { opacity: .5 } .switch[type=checkbox][disabled]+label::after { opacity: .5 } .switch[type=checkbox][disabled]+label:hover { cursor: not-allowed } .switch[type=checkbox]+label { position: relative; display: initial; font-size: 1rem; line-height: initial; padding-left: 3.5rem; padding-top: .2rem; cursor: pointer } .switch[type=checkbox]+label::before { position: absolute; display: block; top: 0; left: 0; width: 3rem; height: 1.5rem; border: .1rem solid transparent; border-radius: 3px; background: #b5b5b5; content: '' } .switch[type=checkbox]+label::after { display: block; position: absolute; top: .25rem; left: .25rem; width: 1rem; height: 1rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 3px; background: #fff; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; content: '' } .switch[type=checkbox].is-rtl+label { padding-left: 0; padding-right: 3.5rem } .switch[type=checkbox].is-rtl+label::before { left: auto; right: 0 } .switch[type=checkbox].is-rtl+label::after { left: auto; right: .25rem } .switch[type=checkbox]:checked+label::before { background: #00d1b2 } .switch[type=checkbox]:checked+label::after { left: 1.625rem } .switch[type=checkbox]:checked.is-rtl+label::after { left: auto; right: 1.625rem } .switch[type=checkbox].is-outlined+label::before { background-color: transparent; border-color: #b5b5b5 } .switch[type=checkbox].is-outlined+label::after { background: #b5b5b5 } .switch[type=checkbox].is-outlined:checked+label::before { background-color: transparent; border-color: #00d1b2 } .switch[type=checkbox].is-outlined:checked+label::after { background: #00d1b2 } .switch[type=checkbox].is-thin+label::before { top: .54545rem; height: .375rem } .switch[type=checkbox].is-thin+label::after { -webkit-box-shadow: 0 0 3px #7a7a7a; box-shadow: 0 0 3px #7a7a7a } .switch[type=checkbox].is-rounded+label::before { border-radius: 20px } .switch[type=checkbox].is-rounded+label::after { border-radius: 50% } .switch[type=checkbox].is-small+label { position: relative; display: initial; font-size: .75rem; line-height: initial; padding-left: 2.75rem; padding-top: .2rem; cursor: pointer } .switch[type=checkbox].is-small+label::before { position: absolute; display: block; top: 0; left: 0; width: 2.25rem; height: 1.125rem; border: .1rem solid transparent; border-radius: 3px; background: #b5b5b5; content: '' } .switch[type=checkbox].is-small+label::after { display: block; position: absolute; top: .25rem; left: .25rem; width: .625rem; height: .625rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 3px; background: #fff; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; content: '' } .switch[type=checkbox].is-small.is-rtl+label { padding-left: 0; padding-right: 2.75rem } .switch[type=checkbox].is-small.is-rtl+label::before { left: auto; right: 0 } .switch[type=checkbox].is-small.is-rtl+label::after { left: auto; right: .25rem } .switch[type=checkbox].is-small:checked+label::before { background: #00d1b2 } .switch[type=checkbox].is-small:checked+label::after { left: 1.25rem } .switch[type=checkbox].is-small:checked.is-rtl+label::after { left: auto; right: 1.25rem } .switch[type=checkbox].is-small.is-outlined+label::before { background-color: transparent; border-color: #b5b5b5 } .switch[type=checkbox].is-small.is-outlined+label::after { background: #b5b5b5 } .switch[type=checkbox].is-small.is-outlined:checked+label::before { background-color: transparent; border-color: #00d1b2 } .switch[type=checkbox].is-small.is-outlined:checked+label::after { background: #00d1b2 } .switch[type=checkbox].is-small.is-thin+label::before { top: .40909rem; height: .28125rem } .switch[type=checkbox].is-small.is-thin+label::after { -webkit-box-shadow: 0 0 3px #7a7a7a; box-shadow: 0 0 3px #7a7a7a } .switch[type=checkbox].is-small.is-rounded+label::before { border-radius: 20px } .switch[type=checkbox].is-small.is-rounded+label::after { border-radius: 50% } .switch[type=checkbox].is-medium+label { position: relative; display: initial; font-size: 1.25rem; line-height: initial; padding-left: 4.25rem; padding-top: .2rem; cursor: pointer } .switch[type=checkbox].is-medium+label::before { position: absolute; display: block; top: 0; left: 0; width: 3.75rem; height: 1.875rem; border: .1rem solid transparent; border-radius: 3px; background: #b5b5b5; content: '' } .switch[type=checkbox].is-medium+label::after { display: block; position: absolute; top: .25rem; left: .25rem; width: 1.375rem; height: 1.375rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 3px; background: #fff; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; content: '' } .switch[type=checkbox].is-medium.is-rtl+label { padding-left: 0; padding-right: 4.25rem } .switch[type=checkbox].is-medium.is-rtl+label::before { left: auto; right: 0 } .switch[type=checkbox].is-medium.is-rtl+label::after { left: auto; right: .25rem } .switch[type=checkbox].is-medium:checked+label::before { background: #00d1b2 } .switch[type=checkbox].is-medium:checked+label::after { left: 2rem } .switch[type=checkbox].is-medium:checked.is-rtl+label::after { left: auto; right: 2rem } .switch[type=checkbox].is-medium.is-outlined+label::before { background-color: transparent; border-color: #b5b5b5 } .switch[type=checkbox].is-medium.is-outlined+label::after { background: #b5b5b5 } .switch[type=checkbox].is-medium.is-outlined:checked+label::before { background-color: transparent; border-color: #00d1b2 } .switch[type=checkbox].is-medium.is-outlined:checked+label::after { background: #00d1b2 } .switch[type=checkbox].is-medium.is-thin+label::before { top: .68182rem; height: .46875rem } .switch[type=checkbox].is-medium.is-thin+label::after { -webkit-box-shadow: 0 0 3px #7a7a7a; box-shadow: 0 0 3px #7a7a7a } .switch[type=checkbox].is-medium.is-rounded+label::before { border-radius: 20px } .switch[type=checkbox].is-medium.is-rounded+label::after { border-radius: 50% } .switch[type=checkbox].is-large+label { position: relative; display: initial; font-size: 1.5rem; line-height: initial; padding-left: 5rem; padding-top: .2rem; cursor: pointer } .switch[type=checkbox].is-large+label::before { position: absolute; display: block; top: 0; left: 0; width: 4.5rem; height: 2.25rem; border: .1rem solid transparent; border-radius: 3px; background: #b5b5b5; content: '' } .switch[type=checkbox].is-large+label::after { display: block; position: absolute; top: .25rem; left: .25rem; width: 1.75rem; height: 1.75rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 3px; background: #fff; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; content: '' } .switch[type=checkbox].is-large.is-rtl+label { padding-left: 0; padding-right: 5rem } .switch[type=checkbox].is-large.is-rtl+label::before { left: auto; right: 0 } .switch[type=checkbox].is-large.is-rtl+label::after { left: auto; right: .25rem } .switch[type=checkbox].is-large:checked+label::before { background: #00d1b2 } .switch[type=checkbox].is-large:checked+label::after { left: 2.375rem } .switch[type=checkbox].is-large:checked.is-rtl+label::after { left: auto; right: 2.375rem } .switch[type=checkbox].is-large.is-outlined+label::before { background-color: transparent; border-color: #b5b5b5 } .switch[type=checkbox].is-large.is-outlined+label::after { background: #b5b5b5 } .switch[type=checkbox].is-large.is-outlined:checked+label::before { background-color: transparent; border-color: #00d1b2 } .switch[type=checkbox].is-large.is-outlined:checked+label::after { background: #00d1b2 } .switch[type=checkbox].is-large.is-thin+label::before { top: .81818rem; height: .5625rem } .switch[type=checkbox].is-large.is-thin+label::after { -webkit-box-shadow: 0 0 3px #7a7a7a; box-shadow: 0 0 3px #7a7a7a } .switch[type=checkbox].is-large.is-rounded+label::before { border-radius: 20px } .switch[type=checkbox].is-large.is-rounded+label::after { border-radius: 50% } .switch[type=checkbox].is-white:checked+label::before { background: #fff } .switch[type=checkbox].is-white.is-outlined:checked+label::before { background-color: transparent; border-color: #fff !important } .switch[type=checkbox].is-white.is-outlined:checked+label::after { background: #fff } .switch[type=checkbox].is-white.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-white+label::before { background: #fff } .switch[type=checkbox].is-unchecked-white.is-outlined+label::before { background-color: transparent; border-color: #fff !important } .switch[type=checkbox].is-unchecked-white.is-outlined+label::after { background: #fff } .switch[type=checkbox].is-black:checked+label::before { background: #0a0a0a } .switch[type=checkbox].is-black.is-outlined:checked+label::before { background-color: transparent; border-color: #0a0a0a !important } .switch[type=checkbox].is-black.is-outlined:checked+label::after { background: #0a0a0a } .switch[type=checkbox].is-black.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-black+label::before { background: #0a0a0a } .switch[type=checkbox].is-unchecked-black.is-outlined+label::before { background-color: transparent; border-color: #0a0a0a !important } .switch[type=checkbox].is-unchecked-black.is-outlined+label::after { background: #0a0a0a } .switch[type=checkbox].is-light:checked+label::before { background: #f5f5f5 } .switch[type=checkbox].is-light.is-outlined:checked+label::before { background-color: transparent; border-color: #f5f5f5 !important } .switch[type=checkbox].is-light.is-outlined:checked+label::after { background: #f5f5f5 } .switch[type=checkbox].is-light.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-light+label::before { background: #f5f5f5 } .switch[type=checkbox].is-unchecked-light.is-outlined+label::before { background-color: transparent; border-color: #f5f5f5 !important } .switch[type=checkbox].is-unchecked-light.is-outlined+label::after { background: #f5f5f5 } .switch[type=checkbox].is-dark:checked+label::before { background: #363636 } .switch[type=checkbox].is-dark.is-outlined:checked+label::before { background-color: transparent; border-color: #363636 !important } .switch[type=checkbox].is-dark.is-outlined:checked+label::after { background: #363636 } .switch[type=checkbox].is-dark.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-dark+label::before { background: #363636 } .switch[type=checkbox].is-unchecked-dark.is-outlined+label::before { background-color: transparent; border-color: #363636 !important } .switch[type=checkbox].is-unchecked-dark.is-outlined+label::after { background: #363636 } .switch[type=checkbox].is-primary:checked+label::before { background: #00d1b2 } .switch[type=checkbox].is-primary.is-outlined:checked+label::before { background-color: transparent; border-color: #00d1b2 !important } .switch[type=checkbox].is-primary.is-outlined:checked+label::after { background: #00d1b2 } .switch[type=checkbox].is-primary.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-primary+label::before { background: #00d1b2 } .switch[type=checkbox].is-unchecked-primary.is-outlined+label::before { background-color: transparent; border-color: #00d1b2 !important } .switch[type=checkbox].is-unchecked-primary.is-outlined+label::after { background: #00d1b2 } .switch[type=checkbox].is-link:checked+label::before { background: #3273dc } .switch[type=checkbox].is-link.is-outlined:checked+label::before { background-color: transparent; border-color: #3273dc !important } .switch[type=checkbox].is-link.is-outlined:checked+label::after { background: #3273dc } .switch[type=checkbox].is-link.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-link+label::before { background: #3273dc } .switch[type=checkbox].is-unchecked-link.is-outlined+label::before { background-color: transparent; border-color: #3273dc !important } .switch[type=checkbox].is-unchecked-link.is-outlined+label::after { background: #3273dc } .switch[type=checkbox].is-info:checked+label::before { background: #209cee } .switch[type=checkbox].is-info.is-outlined:checked+label::before { background-color: transparent; border-color: #209cee !important } .switch[type=checkbox].is-info.is-outlined:checked+label::after { background: #209cee } .switch[type=checkbox].is-info.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-info+label::before { background: #209cee } .switch[type=checkbox].is-unchecked-info.is-outlined+label::before { background-color: transparent; border-color: #209cee !important } .switch[type=checkbox].is-unchecked-info.is-outlined+label::after { background: #209cee } .switch[type=checkbox].is-success:checked+label::before { background: #23d160 } .switch[type=checkbox].is-success.is-outlined:checked+label::before { background-color: transparent; border-color: #23d160 !important } .switch[type=checkbox].is-success.is-outlined:checked+label::after { background: #23d160 } .switch[type=checkbox].is-success.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-success+label::before { background: #23d160 } .switch[type=checkbox].is-unchecked-success.is-outlined+label::before { background-color: transparent; border-color: #23d160 !important } .switch[type=checkbox].is-unchecked-success.is-outlined+label::after { background: #23d160 } .switch[type=checkbox].is-warning:checked+label::before { background: #ffdd57 } .switch[type=checkbox].is-warning.is-outlined:checked+label::before { background-color: transparent; border-color: #ffdd57 !important } .switch[type=checkbox].is-warning.is-outlined:checked+label::after { background: #ffdd57 } .switch[type=checkbox].is-warning.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-warning+label::before { background: #ffdd57 } .switch[type=checkbox].is-unchecked-warning.is-outlined+label::before { background-color: transparent; border-color: #ffdd57 !important } .switch[type=checkbox].is-unchecked-warning.is-outlined+label::after { background: #ffdd57 } .switch[type=checkbox].is-danger:checked+label::before { background: #ff3860 } .switch[type=checkbox].is-danger.is-outlined:checked+label::before { background-color: transparent; border-color: #ff3860 !important } .switch[type=checkbox].is-danger.is-outlined:checked+label::after { background: #ff3860 } .switch[type=checkbox].is-danger.is-thin.is-outlined+label::after { -webkit-box-shadow: none; box-shadow: none } .switch[type=checkbox].is-unchecked-danger+label::before { background: #ff3860 } .switch[type=checkbox].is-unchecked-danger.is-outlined+label::before { background-color: transparent; border-color: #ff3860 !important } .switch[type=checkbox].is-unchecked-danger.is-outlined+label::after { background: #ff3860 } .tagsinput { height: auto !important } .tagsinput .control { margin-bottom: .1em !important; margin-top: .1em !important } .tagsinput input { border: none; margin-bottom: .1em !important; margin-top: .1em !important } .tagsinput .tag.is-active { background-color: #00d1b2; color: #fff } .timeline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .timeline .timeline-header { width: 4em; min-width: 4em; max-width: 8em; word-wrap: normal; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .timeline .timeline-item { display: -webkit-box; display: flex; display: -ms-flexbox; display: -webkit-flex; position: relative; margin-left: 2em; padding-bottom: 2em } .timeline .timeline-item::before { content: ""; background-color: #dbdbdb; display: block; width: .1em; height: 100%; position: absolute; left: 0; top: 0 } .timeline .timeline-item .timeline-marker { position: absolute; background: #dbdbdb; border: .1em solid #dbdbdb; border-radius: 100%; content: ""; display: block; height: .8em; left: -.35em; top: 1.2rem; width: .8em } .timeline .timeline-item .timeline-marker.is-image { background: #dbdbdb; border: .1em solid #dbdbdb; border-radius: 100%; display: block; overflow: hidden } .timeline .timeline-item .timeline-marker.is-image.is-16x16 { height: 16px; width: 16px; left: -8px } .timeline .timeline-item .timeline-marker.is-image.is-24x24 { height: 24px; width: 24px; left: -12px } .timeline .timeline-item .timeline-marker.is-image.is-32x32 { height: 32px; width: 32px; left: -16px } .timeline .timeline-item .timeline-marker.is-image.is-48x48 { height: 48px; width: 48px; left: -24px } .timeline .timeline-item .timeline-marker.is-image.is-64x64 { height: 64px; width: 64px; left: -32px } .timeline .timeline-item .timeline-marker.is-image.is-96x96 { height: 96px; width: 96px; left: -48px } .timeline .timeline-item .timeline-marker.is-image.is-128x128 { height: 128px; width: 128px; left: -64px } .timeline .timeline-item .timeline-marker.is-icon { height: 1.5em; width: 1.5em; left: -.7em; line-height: .75rem; padding: .25rem; background: #dbdbdb; border: .1em solid #dbdbdb; border-radius: 100% } .timeline .timeline-item .timeline-marker.is-icon>i { color: #fff; font-size: .75rem !important } .timeline .timeline-item .timeline-marker.is-outlined .image { background: #fff } .timeline .timeline-item .timeline-marker.is-outlined.is-icon { background: #fff } .timeline .timeline-item .timeline-marker.is-outlined.is-icon>i { color: #dbdbdb } .timeline .timeline-item .timeline-marker.is-white { background-color: #fff !important; border-color: #fff !important } .timeline .timeline-item .timeline-marker.is-white .image { border-color: #fff !important } .timeline .timeline-item .timeline-marker.is-white.is-icon { background-color: #fff !important; border-color: #fff !important } .timeline .timeline-item .timeline-marker.is-white.is-icon>i { color: #0a0a0a !important } .timeline .timeline-item .timeline-marker.is-white.is-outlined { background-color: #fff !important; border-color: #fff !important } .timeline .timeline-item .timeline-marker.is-white.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-white.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-white.is-outlined.is-icon>i { color: #fff !important } .timeline .timeline-item .timeline-marker.is-black { background-color: #0a0a0a !important; border-color: #0a0a0a !important } .timeline .timeline-item .timeline-marker.is-black .image { border-color: #0a0a0a !important } .timeline .timeline-item .timeline-marker.is-black.is-icon { background-color: #0a0a0a !important; border-color: #0a0a0a !important } .timeline .timeline-item .timeline-marker.is-black.is-icon>i { color: #fff !important } .timeline .timeline-item .timeline-marker.is-black.is-outlined { background-color: #fff !important; border-color: #0a0a0a !important } .timeline .timeline-item .timeline-marker.is-black.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-black.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-black.is-outlined.is-icon>i { color: #0a0a0a !important } .timeline .timeline-item .timeline-marker.is-light { background-color: #f5f5f5 !important; border-color: #f5f5f5 !important } .timeline .timeline-item .timeline-marker.is-light .image { border-color: #f5f5f5 !important } .timeline .timeline-item .timeline-marker.is-light.is-icon { background-color: #f5f5f5 !important; border-color: #f5f5f5 !important } .timeline .timeline-item .timeline-marker.is-light.is-icon>i { color: #363636 !important } .timeline .timeline-item .timeline-marker.is-light.is-outlined { background-color: #fff !important; border-color: #f5f5f5 !important } .timeline .timeline-item .timeline-marker.is-light.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-light.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-light.is-outlined.is-icon>i { color: #f5f5f5 !important } .timeline .timeline-item .timeline-marker.is-dark { background-color: #363636 !important; border-color: #363636 !important } .timeline .timeline-item .timeline-marker.is-dark .image { border-color: #363636 !important } .timeline .timeline-item .timeline-marker.is-dark.is-icon { background-color: #363636 !important; border-color: #363636 !important } .timeline .timeline-item .timeline-marker.is-dark.is-icon>i { color: #f5f5f5 !important } .timeline .timeline-item .timeline-marker.is-dark.is-outlined { background-color: #fff !important; border-color: #363636 !important } .timeline .timeline-item .timeline-marker.is-dark.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-dark.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-dark.is-outlined.is-icon>i { color: #363636 !important } .timeline .timeline-item .timeline-marker.is-primary { background-color: #00d1b2 !important; border-color: #00d1b2 !important } .timeline .timeline-item .timeline-marker.is-primary .image { border-color: #00d1b2 !important } .timeline .timeline-item .timeline-marker.is-primary.is-icon { background-color: #00d1b2 !important; border-color: #00d1b2 !important } .timeline .timeline-item .timeline-marker.is-primary.is-icon>i { color: #fff !important } .timeline .timeline-item .timeline-marker.is-primary.is-outlined { background-color: #fff !important; border-color: #00d1b2 !important } .timeline .timeline-item .timeline-marker.is-primary.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-primary.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-primary.is-outlined.is-icon>i { color: #00d1b2 !important } .timeline .timeline-item .timeline-marker.is-link { background-color: #3273dc !important; border-color: #3273dc !important } .timeline .timeline-item .timeline-marker.is-link .image { border-color: #3273dc !important } .timeline .timeline-item .timeline-marker.is-link.is-icon { background-color: #3273dc !important; border-color: #3273dc !important } .timeline .timeline-item .timeline-marker.is-link.is-icon>i { color: #fff !important } .timeline .timeline-item .timeline-marker.is-link.is-outlined { background-color: #fff !important; border-color: #3273dc !important } .timeline .timeline-item .timeline-marker.is-link.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-link.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-link.is-outlined.is-icon>i { color: #3273dc !important } .timeline .timeline-item .timeline-marker.is-info { background-color: #209cee !important; border-color: #209cee !important } .timeline .timeline-item .timeline-marker.is-info .image { border-color: #209cee !important } .timeline .timeline-item .timeline-marker.is-info.is-icon { background-color: #209cee !important; border-color: #209cee !important } .timeline .timeline-item .timeline-marker.is-info.is-icon>i { color: #fff !important } .timeline .timeline-item .timeline-marker.is-info.is-outlined { background-color: #fff !important; border-color: #209cee !important } .timeline .timeline-item .timeline-marker.is-info.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-info.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-info.is-outlined.is-icon>i { color: #209cee !important } .timeline .timeline-item .timeline-marker.is-success { background-color: #23d160 !important; border-color: #23d160 !important } .timeline .timeline-item .timeline-marker.is-success .image { border-color: #23d160 !important } .timeline .timeline-item .timeline-marker.is-success.is-icon { background-color: #23d160 !important; border-color: #23d160 !important } .timeline .timeline-item .timeline-marker.is-success.is-icon>i { color: #fff !important } .timeline .timeline-item .timeline-marker.is-success.is-outlined { background-color: #fff !important; border-color: #23d160 !important } .timeline .timeline-item .timeline-marker.is-success.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-success.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-success.is-outlined.is-icon>i { color: #23d160 !important } .timeline .timeline-item .timeline-marker.is-warning { background-color: #ffdd57 !important; border-color: #ffdd57 !important } .timeline .timeline-item .timeline-marker.is-warning .image { border-color: #ffdd57 !important } .timeline .timeline-item .timeline-marker.is-warning.is-icon { background-color: #ffdd57 !important; border-color: #ffdd57 !important } .timeline .timeline-item .timeline-marker.is-warning.is-icon>i { color: rgba(0, 0, 0, .7) !important } .timeline .timeline-item .timeline-marker.is-warning.is-outlined { background-color: #fff !important; border-color: #ffdd57 !important } .timeline .timeline-item .timeline-marker.is-warning.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-warning.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-warning.is-outlined.is-icon>i { color: #ffdd57 !important } .timeline .timeline-item .timeline-marker.is-danger { background-color: #ff3860 !important; border-color: #ff3860 !important } .timeline .timeline-item .timeline-marker.is-danger .image { border-color: #ff3860 !important } .timeline .timeline-item .timeline-marker.is-danger.is-icon { background-color: #ff3860 !important; border-color: #ff3860 !important } .timeline .timeline-item .timeline-marker.is-danger.is-icon>i { color: #fff !important } .timeline .timeline-item .timeline-marker.is-danger.is-outlined { background-color: #fff !important; border-color: #ff3860 !important } .timeline .timeline-item .timeline-marker.is-danger.is-outlined .image { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-danger.is-outlined.is-icon { background-color: #fff !important } .timeline .timeline-item .timeline-marker.is-danger.is-outlined.is-icon>i { color: #ff3860 !important } .timeline .timeline-item .timeline-content { padding: 1em 0 0 .5em; padding: 1em 0 0 2em } .timeline .timeline-item .timeline-content .heading { font-weight: 600 } .timeline .timeline-item.is-white::before { background-color: #fff } .timeline .timeline-item.is-black::before { background-color: #0a0a0a } .timeline .timeline-item.is-light::before { background-color: #f5f5f5 } .timeline .timeline-item.is-dark::before { background-color: #363636 } .timeline .timeline-item.is-primary::before { background-color: #00d1b2 } .timeline .timeline-item.is-link::before { background-color: #3273dc } .timeline .timeline-item.is-info::before { background-color: #209cee } .timeline .timeline-item.is-success::before { background-color: #23d160 } .timeline .timeline-item.is-warning::before { background-color: #ffdd57 } .timeline .timeline-item.is-danger::before { background-color: #ff3860 } .timeline.is-centered .timeline-header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-item-align: center; align-self: center } .timeline.is-centered .timeline-item { width: 50%; -ms-flex-item-align: end; align-self: flex-end } .timeline.is-centered .timeline-item:nth-of-type(2n) { -ms-flex-item-align: start; align-self: flex-start; margin-left: 0; margin-right: 2em } .timeline.is-centered .timeline-item:nth-of-type(2n)::before { right: -.1em; left: auto } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker { left: auto; right: -.45em } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-16x16 { left: auto; right: -8px } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-24x24 { left: auto; right: -12px } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-32x32 { left: auto; right: -16px } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-48x48 { left: auto; right: -24px } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-64x64 { left: auto; right: -32px } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-96x96 { left: auto; right: -48px } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-128x128 { left: auto; right: -64px } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-icon { left: auto; right: -.8em } .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-content { padding: 1em 2em 0 0; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-preferred-size: 100%; flex-basis: 100% } .timeline.is-centered .timeline-item:nth-of-type(2n+1)::before { content: ""; background-color: #dbdbdb; display: block; width: .1em; height: 100%; position: absolute; top: 0 } .timeline.is-rtl { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .timeline.is-rtl .timeline-item { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-left: none; margin-left: 0; margin-right: 2em } .timeline.is-rtl .timeline-item::before { right: 0; left: auto } .timeline.is-rtl .timeline-item .timeline-marker { left: auto; right: -.35em } .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-16x16 { left: auto; right: -8px } .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-24x24 { left: auto; right: -12px } .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-32x32 { left: auto; right: -16px } .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-48x48 { left: auto; right: -24px } .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-64x64 { left: auto; right: -32px } .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-96x96 { left: auto; right: -48px } .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-128x128 { left: auto; right: -64px } .timeline.is-rtl .timeline-item .timeline-marker.is-icon { left: auto; right: -.7em } .timeline.is-rtl .timeline-item .timeline-content { padding: 1em 2em 0 0; text-align: right } .tooltip { position: relative } .tooltip.is-tooltip-active:not(.is-loading)::after, .tooltip:hover:not(.is-loading)::after { z-index: 99999; position: absolute; display: inline-block; pointer-events: none } .tooltip.is-tooltip-active::before, .tooltip:hover::before { z-index: 99999; position: absolute; display: inline-block; pointer-events: none } .tooltip.is-tooltip-active:not(.is-loading)::after, .tooltip:hover:not(.is-loading)::after { content: ""; border-style: solid; border-width: .5rem } .tooltip.is-tooltip-active::before, .tooltip:hover::before { opacity: 0; content: attr(data-tooltip); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .75rem; padding: .4rem .8rem; -webkit-transform: translate(-50%, 1rem); transform: translate(-50%, 1rem); background: rgba(74, 74, 74, .9); border-radius: 3px; color: #fff; max-width: 24rem } .tooltip.is-tooltip-active:not(.is-loading)::after, .tooltip:focus:not(.is-loading)::after, .tooltip:hover:not(.is-loading)::after { top: 0; bottom: auto; left: 50%; opacity: 1; margin-left: -.5rem; margin-top: -.5rem; border-color: rgba(74, 74, 74, .9) transparent transparent transparent } .tooltip.is-tooltip-active::before, .tooltip:focus::before, .tooltip:hover::before { top: auto; bottom: 100%; left: 50%; opacity: 1; -webkit-transform: translate(-50%, -.5rem); transform: translate(-50%, -.5rem) } .tooltip.is-tooltip-right::before { top: auto; bottom: 50%; left: 100%; right: auto; -webkit-transform: translate(-1rem, 50%); transform: translate(-1rem, 50%) } .tooltip.is-tooltip-right.is-tooltip-active:not(.is-loading)::after, .tooltip.is-tooltip-right:focus:not(.is-loading)::after, .tooltip.is-tooltip-right:hover:not(.is-loading)::after { top: 50%; left: 100%; right: auto; border-color: transparent rgba(74, 74, 74, .9) transparent transparent } .tooltip.is-tooltip-right.is-tooltip-active::before, .tooltip.is-tooltip-right:focus::before, .tooltip.is-tooltip-right:hover::before { -webkit-transform: translate(.5rem, 50%); transform: translate(.5rem, 50%) } .tooltip.is-tooltip-bottom::before { top: 100%; bottom: auto; left: 50%; right: auto; -webkit-transform: translate(-50%, -1rem); transform: translate(-50%, -1rem) } .tooltip.is-tooltip-bottom.is-tooltip-active:not(.is-loading)::after, .tooltip.is-tooltip-bottom:focus:not(.is-loading)::after, .tooltip.is-tooltip-bottom:hover:not(.is-loading)::after { top: 100%; bottom: auto; left: 50%; right: auto; border-color: transparent transparent rgba(74, 74, 74, .9) transparent } .tooltip.is-tooltip-bottom.is-tooltip-active::before, .tooltip.is-tooltip-bottom:focus::before, .tooltip.is-tooltip-bottom:hover::before { -webkit-transform: translate(-50%, .5rem); transform: translate(-50%, .5rem) } .tooltip.is-tooltip-left::before { top: auto; bottom: 50%; left: auto; right: 100%; -webkit-transform: translate(1rem, 50%); transform: translate(1rem, 50%) } .tooltip.is-tooltip-left.is-tooltip-active:not(.is-loading)::after, .tooltip.is-tooltip-left:focus:not(.is-loading)::after, .tooltip.is-tooltip-left:hover:not(.is-loading)::after { top: 50%; left: auto; right: calc(100% - .5rem); border-color: transparent transparent transparent rgba(74, 74, 74, .9) } .tooltip.is-tooltip-left.is-tooltip-active::before, .tooltip.is-tooltip-left:focus::before, .tooltip.is-tooltip-left:hover::before { -webkit-transform: translate(-.5rem, 50%); transform: translate(-.5rem, 50%) } .tooltip.is-tooltip-multiline::before { min-width: 24rem; text-overflow: clip; white-space: normal; word-break: break-word } .tooltip.is-tooltip-white:not(.is-loading)::after { border-color: rgba(255, 255, 255, .9) transparent transparent transparent } .tooltip.is-tooltip-white.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(255, 255, 255, .9) transparent transparent } .tooltip.is-tooltip-white.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(255, 255, 255, .9) transparent } .tooltip.is-tooltip-white.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(255, 255, 255, .9) } .tooltip.is-tooltip-white::before { background: rgba(255, 255, 255, .9); color: #0a0a0a } .tooltip.is-tooltip-black:not(.is-loading)::after { border-color: rgba(10, 10, 10, .9) transparent transparent transparent } .tooltip.is-tooltip-black.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(10, 10, 10, .9) transparent transparent } .tooltip.is-tooltip-black.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(10, 10, 10, .9) transparent } .tooltip.is-tooltip-black.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(10, 10, 10, .9) } .tooltip.is-tooltip-black::before { background: rgba(10, 10, 10, .9); color: #fff } .tooltip.is-tooltip-light:not(.is-loading)::after { border-color: rgba(245, 245, 245, .9) transparent transparent transparent } .tooltip.is-tooltip-light.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(245, 245, 245, .9) transparent transparent } .tooltip.is-tooltip-light.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(245, 245, 245, .9) transparent } .tooltip.is-tooltip-light.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(245, 245, 245, .9) } .tooltip.is-tooltip-light::before { background: rgba(245, 245, 245, .9); color: #363636 } .tooltip.is-tooltip-dark:not(.is-loading)::after { border-color: rgba(54, 54, 54, .9) transparent transparent transparent } .tooltip.is-tooltip-dark.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(54, 54, 54, .9) transparent transparent } .tooltip.is-tooltip-dark.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(54, 54, 54, .9) transparent } .tooltip.is-tooltip-dark.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(54, 54, 54, .9) } .tooltip.is-tooltip-dark::before { background: rgba(54, 54, 54, .9); color: #f5f5f5 } .tooltip.is-tooltip-primary:not(.is-loading)::after { border-color: rgba(0, 209, 178, .9) transparent transparent transparent } .tooltip.is-tooltip-primary.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(0, 209, 178, .9) transparent transparent } .tooltip.is-tooltip-primary.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(0, 209, 178, .9) transparent } .tooltip.is-tooltip-primary.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(0, 209, 178, .9) } .tooltip.is-tooltip-primary::before { background: rgba(0, 209, 178, .9); color: #fff } .tooltip.is-tooltip-link:not(.is-loading)::after { border-color: rgba(50, 115, 220, .9) transparent transparent transparent } .tooltip.is-tooltip-link.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(50, 115, 220, .9) transparent transparent } .tooltip.is-tooltip-link.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(50, 115, 220, .9) transparent } .tooltip.is-tooltip-link.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(50, 115, 220, .9) } .tooltip.is-tooltip-link::before { background: rgba(50, 115, 220, .9); color: #fff } .tooltip.is-tooltip-info:not(.is-loading)::after { border-color: rgba(32, 156, 238, .9) transparent transparent transparent } .tooltip.is-tooltip-info.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(32, 156, 238, .9) transparent transparent } .tooltip.is-tooltip-info.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(32, 156, 238, .9) transparent } .tooltip.is-tooltip-info.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(32, 156, 238, .9) } .tooltip.is-tooltip-info::before { background: rgba(32, 156, 238, .9); color: #fff } .tooltip.is-tooltip-success:not(.is-loading)::after { border-color: rgba(35, 209, 96, .9) transparent transparent transparent } .tooltip.is-tooltip-success.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(35, 209, 96, .9) transparent transparent } .tooltip.is-tooltip-success.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(35, 209, 96, .9) transparent } .tooltip.is-tooltip-success.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(35, 209, 96, .9) } .tooltip.is-tooltip-success::before { background: rgba(35, 209, 96, .9); color: #fff } .tooltip.is-tooltip-warning:not(.is-loading)::after { border-color: rgba(255, 221, 87, .9) transparent transparent transparent } .tooltip.is-tooltip-warning.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(255, 221, 87, .9) transparent transparent } .tooltip.is-tooltip-warning.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(255, 221, 87, .9) transparent } .tooltip.is-tooltip-warning.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(255, 221, 87, .9) } .tooltip.is-tooltip-warning::before { background: rgba(255, 221, 87, .9); color: rgba(0, 0, 0, .7) } .tooltip.is-tooltip-danger:not(.is-loading)::after { border-color: rgba(255, 56, 96, .9) transparent transparent transparent } .tooltip.is-tooltip-danger.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(255, 56, 96, .9) transparent transparent } .tooltip.is-tooltip-danger.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(255, 56, 96, .9) transparent } .tooltip.is-tooltip-danger.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(255, 56, 96, .9) } .tooltip.is-tooltip-danger::before { background: rgba(255, 56, 96, .9); color: #fff }