/*
 Level 0.6.0 | MIT  License
 Autor: Leonardo Quintana

 Integration with gulp [
	 'sass',
	 'ts'
 ]
*/
item, dropmenu drop-item, acordeon acordeon-item, navbar nav-item, group group-item, listgroup list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-overflow: ellipsis;
  max-width: 100%; }

/* html basico*/
html {
  font-size: 16px;
  font-family: sans-serif, arial;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 12.5rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  html ::-moz-selection {
    background: #692ABF;
    color: #FFFFFF; }
  html ::selection {
    background: #692ABF;
    color: #FFFFFF; }

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

body {
  color: #353535;
  max-width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #FFFFFF;
  letter-spacing: 0.06rem;
  margin: 0;
  padding: 0; }
  body,
  body p,
  body button,
  body input,
  body textarea {
    font-size: 16px;
    line-height: 1.5; }

p {
  display: block;
  margin: 0.25rem 0;
  padding: 0; }

a {
  text-decoration: none;
  color: #692ABF;
  cursor: pointer; }
  a:hover {
    color: #000000; }

divider {
  display: block;
  background-color: #000000;
  margin: 0.5rem 0;
  width: 100%;
  height: 1px;
  opacity: .4; }
  divider.is-white {
    background-color: #FFFFFF; }

cite,
address {
  display: inline-block;
  opacity: 0.7;
  font-size: 0.75rem; }

address {
  font-style: normal;
  opacity: 1; }

/*code pre*/
small,
pre,
code,
kbd {
  font-size: 0.75rem;
  font-weight: normal;
  margin: 0; }


code,
kbd,
pre,
code *,
kbd *,
pre * {
  -webkit-font-smoothing: auto;
  font-family: monospace; }


code,
kbd {
  background-color: #F6F6F6;
  color: #cc0040;
  padding: 0.1875rem 0.5rem;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
  border-radius: .15rem; }

ul,
ol {
  margin-left: 1rem;
  padding: 0;
  padding-left: 1rem; }

/*estilos para entrada por teclado*/
kbd {
  background-color: #353535;
  color: #FFFFFF; }

/*estilos de sup y sub indice*/
sup,
sub {
  font-size: 0.5rem;
  padding: 0.125rem; }

mark {
  background-color: #FFD232;
  color: #353535; }

[disabled],
.is-disabled,
[inactive] {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*replace scroll*/
* ::-webkit-scrollbar {
  background-color: rgba(53, 53, 53, 0.05);
  transition: background-color .2s ease-out;
  width: 0.25rem;
  height: 0.25rem;
  position: relative; }

@media screen and (max-width: 30rem) {
  * ::-webkit-scrollbar {
    display: none; } }

@media screen and (max-width: 30rem) {
  * ::-moz-scrollbar {
    display: none; } }

* ::-webkit-scrollbar-thumb {
  background-color: rgba(53, 53, 53, 0.5);
  border-radius: 1rem;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: background-color .2s ease-out; }
  * ::-webkit-scrollbar-thumb:hover, * ::-webkit-scrollbar-thumb:active {
    background-color: #692ABF; }

* ::-webkit-scrollbar-track {
  display: none; }

@keyframes zoom-in {
  from {
    transform-origin: center center;
    transform: scale(0); }
  to {
    transform-origin: center center;
    transform: scale(1); } }

.zoom-in {
  animation: zoom-in 0.25s ease-out; }

@keyframes rippleEffect {
  0% {
    opacity: 0; }
  30% {
    opacity: 0.4; }
  100% {
    padding: 200%;
    opacity: 0; } }

@keyframes slide-up {
  from {
    top: 210%; }
  to {
    top: 0; } }

.slide-up {
  animation: slide-up 0.25s ease-out; }

@keyframes slide-down {
  from {
    top: -110%; }
  to {
    top: 0; } }

.slide-down {
  animation: slide-down 0.25s ease-out; }

@keyframes zoom-out {
  from {
    transform-origin: center center;
    transform: scale(1); }
  to {
    transform-origin: center center;
    transform: scale(0); } }

.zoom-out {
  animation: zoom-out 0.6s; }

@keyframes process {
  0% {
    width: 0;
    left: 0; }
  15% {
    width: 25%;
    left: 20%; }
  40% {
    width: 40%;
    left: 50%; }
  65% {
    width: 25%;
    left: 80%; }
  100% {
    width: 15%;
    left: 100%; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-in {
  animation: fade-in 0.2s; }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fade-out {
  animation: fade-out 0.2s; }

@-webkit-keyframes preload {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@-moz-keyframes preload {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@keyframes preload {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@keyframes preload-dinamic {
  0% {
    transform: rotate(0); }
  20% {
    border-color: #2264C8;
    border-top-color: transparent; }
  40% {
    border-color: #22C85C;
    border-top-color: transparent; }
  70% {
    border-color: #FF0050;
    border-top-color: transparent; }
  100% {
    transform: rotate(360deg);
    border-color: #692ABF;
    border-top-color: transparent; } }

.color-dark {
  background-color: #353535; }

.color-dark-lighten-1 {
  background-color: #424242; }

.color-dark-lighten-2 {
  background-color: #4f4f4f; }

.color-dark-lighten-3 {
  background-color: #5b5b5b; }

.color-dark-lighten-4 {
  background-color: #686868; }

.color-black {
  background-color: #000000; }

.color-black-lighten-1 {
  background-color: #0d0d0d; }

.color-black-darken-1 {
  background-color: black; }

.color-black-lighten-2 {
  background-color: #1a1a1a; }

.color-black-darken-2 {
  background-color: black; }

.color-black-lighten-3 {
  background-color: #262626; }

.color-black-darken-3 {
  background-color: black; }

.color-black-lighten-4 {
  background-color: #333333; }

.color-black-darken-4 {
  background-color: black; }

.color-cloud {
  background-color: #FFFFFF; }

.color-cloud-darken-1 {
  background-color: #f2f2f2; }

.color-cloud-darken-2 {
  background-color: #e6e6e6; }

.color-cloud-darken-3 {
  background-color: #d9d9d9; }

.color-cloud-darken-4 {
  background-color: #cccccc; }

.color-light {
  background-color: #F6F6F6; }

.color-light-darken-1 {
  background-color: #e9e9e9; }

.color-light-darken-2 {
  background-color: #dddddd; }

.color-light-darken-3 {
  background-color: #d0d0d0; }

.color-light-darken-4 {
  background-color: #c3c3c3; }

.color-primary {
  background-color: #692ABF; }

.color-primary-lighten-1 {
  background-color: #7531d2; }

.color-primary-darken-1 {
  background-color: #5e25aa; }

.color-primary-lighten-2 {
  background-color: #8346d6; }

.color-primary-darken-2 {
  background-color: #522195; }

.color-primary-lighten-3 {
  background-color: #915bdb; }

.color-primary-darken-3 {
  background-color: #471c80; }

.color-primary-lighten-4 {
  background-color: #9f70df; }

.color-primary-darken-4 {
  background-color: #3b186b; }

.color-info {
  background-color: #2264C8; }

.color-info-lighten-1 {
  background-color: #2970db; }

.color-info-darken-1 {
  background-color: #1e59b2; }

.color-info-lighten-2 {
  background-color: #3f7ede; }

.color-info-darken-2 {
  background-color: #1b4e9c; }

.color-info-lighten-3 {
  background-color: #548de2; }

.color-info-darken-3 {
  background-color: #174387; }

.color-info-lighten-4 {
  background-color: #6a9be6; }

.color-info-darken-4 {
  background-color: #133871; }

.color-success {
  background-color: #22C85C; }

.color-success-lighten-1 {
  background-color: #29db67; }

.color-success-darken-1 {
  background-color: #1eb252; }

.color-success-lighten-2 {
  background-color: #3fde76; }

.color-success-darken-2 {
  background-color: #1b9c48; }

.color-success-lighten-3 {
  background-color: #54e286; }

.color-success-darken-3 {
  background-color: #17873e; }

.color-success-lighten-4 {
  background-color: #6ae695; }

.color-success-darken-4 {
  background-color: #137134; }

.color-warning {
  background-color: #FFD232; }

.color-warning-lighten-1 {
  background-color: #ffd84c; }

.color-warning-darken-1 {
  background-color: #ffcc19; }

.color-warning-lighten-2 {
  background-color: #ffdd65; }

.color-warning-darken-2 {
  background-color: #fec600; }

.color-warning-lighten-3 {
  background-color: #ffe37f; }

.color-warning-darken-3 {
  background-color: #e5b200; }

.color-warning-lighten-4 {
  background-color: #ffe898; }

.color-warning-darken-4 {
  background-color: #cb9e00; }

.color-danger {
  background-color: #FF0050; }

.color-danger-lighten-1 {
  background-color: #ff1a62; }

.color-danger-darken-1 {
  background-color: #e60048; }

.color-danger-lighten-2 {
  background-color: #ff3373; }

.color-danger-darken-2 {
  background-color: #cc0040; }

.color-danger-lighten-3 {
  background-color: #ff4d85; }

.color-danger-darken-3 {
  background-color: #b30038; }

.color-danger-lighten-4 {
  background-color: #ff6696; }

.color-danger-darken-4 {
  background-color: #990030; }

[class*='color-dark'],
[class*='color-primary'],
[class*='color-black'],
[class*='color-info'],
[class*='color-success'],
[class*='color-danger'] {
  color: #FFFFFF; }

[class*='color-light'],
[class*='color-warning'],
[class*='color-cloud'] {
  color: #353535; }

.is-small,
.is-small * {
  font-size: 0.75rem; }

.is-medium,
.is-medium * {
  font-size: 1.25rem; }

.is-large,
.is-large * {
  font-size: 1.5rem; }

.is-tiny,
.is-tiny * {
  font-size: 0.5rem; }

.is-jumbo,
.is-jumbo * {
  font-size: 1.75rem; }

.is-text-upper {
  text-transform: uppercase; }

.is-text-lower {
  text-transform: lowercase; }

.is-text-underline {
  text-decoration: underline; }

.is-text-bolder {
  font-weight: bold; }

.is-text-white {
  color: #FFFFFF; }

.is-text-primary {
  color: #692ABF; }

.is-text-info {
  color: #2264C8; }

.is-text-success {
  color: #22C85C; }

.is-text-warning {
  color: #fec600; }

.is-text-danger {
  color: #FF0050; }

.is-text-right,
.is-text-right * {
  text-align: right; }

.is-text-justify,
.is-text-justify * {
  text-align: justify; }

.is-text-center,
.is-text-center * {
  text-align: center; }

.is-fluid-container,
.is-full-center {
  width: 100%;
  min-height: 100vh; }

.is-full-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: left; }

@media screen and (min-width: 48rem) {
  .is-wrapper {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  h1, h1 a, h1 small,
  h2,
  h2 a,
  h2 small,
  h3,
  h3 a,
  h3 small,
  h4,
  h4 a,
  h4 small,
  h5,
  h5 a,
  h5 small,
  h6,
  h6 a,
  h6 small {
    color: inherit;
    font-weight: inherit; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    opacity: .8;
    font-size: 70%; }

h1 {
  font-size: 2.1em; }

h2 {
  font-size: 1.8em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.3em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 0.7em; }

.margin-0 {
  margin: 0 !important; }

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

.padding-05 {
  padding: 0.5rem; }

.padding-v-05 {
  padding: 0.5rem 0; }

.padding-h-05 {
  padding: 0 0.5rem; }

.padding-1 {
  padding: 1rem; }

.margin-1 {
  margin: 1rem; }

.padding-v-1 {
  padding: 1rem 0; }

.margin-v-1 {
  margin: 1rem 0; }

.padding-h-1 {
  padding: 0 1rem; }

.margin-h-1 {
  margin: 0 1rem; }

.padding-t-1 {
  padding-top: 1rem; }

.margin-t-1 {
  margin-top: 1rem; }

.padding-b-1 {
  padding-bottom: 1rem; }

.margin-b-1 {
  margin-bottom: 1rem; }

.padding-l-1 {
  padding-left: 1rem; }

.margin-l-1 {
  margin-left: 1rem; }

.padding-r-1 {
  padding-right: 1rem; }

.margin-r-1 {
  margin-right: 1rem; }

.padding-2 {
  padding: 2rem; }

.margin-2 {
  margin: 2rem; }

.padding-v-2 {
  padding: 2rem 0; }

.margin-v-2 {
  margin: 2rem 0; }

.padding-h-2 {
  padding: 0 2rem; }

.margin-h-2 {
  margin: 0 2rem; }

.padding-t-2 {
  padding-top: 2rem; }

.margin-t-2 {
  margin-top: 2rem; }

.padding-b-2 {
  padding-bottom: 2rem; }

.margin-b-2 {
  margin-bottom: 2rem; }

.padding-l-2 {
  padding-left: 2rem; }

.margin-l-2 {
  margin-left: 2rem; }

.padding-r-2 {
  padding-right: 2rem; }

.margin-r-2 {
  margin-right: 2rem; }

.padding-3 {
  padding: 3rem; }

.margin-3 {
  margin: 3rem; }

.padding-v-3 {
  padding: 3rem 0; }

.margin-v-3 {
  margin: 3rem 0; }

.padding-h-3 {
  padding: 0 3rem; }

.margin-h-3 {
  margin: 0 3rem; }

.padding-t-3 {
  padding-top: 3rem; }

.margin-t-3 {
  margin-top: 3rem; }

.padding-b-3 {
  padding-bottom: 3rem; }

.margin-b-3 {
  margin-bottom: 3rem; }

.padding-l-3 {
  padding-left: 3rem; }

.margin-l-3 {
  margin-left: 3rem; }

.padding-r-3 {
  padding-right: 3rem; }

.margin-r-3 {
  margin-right: 3rem; }

.opacity-1 {
  opacity: .1; }

.opacity-2 {
  opacity: .2; }

.opacity-3 {
  opacity: .3; }

.opacity-4 {
  opacity: .4; }

.opacity-5 {
  opacity: .5; }

.opacity-6 {
  opacity: .6; }

.opacity-7 {
  opacity: .7; }

.opacity-8 {
  opacity: .8; }

.opacity-9 {
  opacity: .9; }

.is-shadow-xs {
  box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.15); }

.is-shadow-xs-l {
  box-shadow: -2px 0 6px -1px rgba(0, 0, 0, 0.15); }

.is-shadow-xs-r {
  box-shadow: 2px 0 6px -1px rgba(0, 0, 0, 0.15); }

.is-shadow-xs-t {
  box-shadow: 0 -2px 6px -1px rgba(0, 0, 0, 0.15); }

.is-shadow-xs-b {
  box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.15); }

.is-shadow-s {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.15); }

.is-shadow-s-l {
  box-shadow: -4px 0 12px -2px rgba(0, 0, 0, 0.15); }

.is-shadow-s-r {
  box-shadow: 4px 0 12px -2px rgba(0, 0, 0, 0.15); }

.is-shadow-s-t {
  box-shadow: 0 -4px 12px -2px rgba(0, 0, 0, 0.15); }

.is-shadow-s-b {
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.15); }

.is-shadow {
  box-shadow: 0 0 18px -3px rgba(0, 0, 0, 0.15); }

.is-shadow--l {
  box-shadow: -6px 0 18px -3px rgba(0, 0, 0, 0.15); }

.is-shadow--r {
  box-shadow: 6px 0 18px -3px rgba(0, 0, 0, 0.15); }

.is-shadow--t {
  box-shadow: 0 -6px 18px -3px rgba(0, 0, 0, 0.15); }

.is-shadow--b {
  box-shadow: 0 6px 18px -3px rgba(0, 0, 0, 0.15); }

.is-shadow-m {
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.15); }

.is-shadow-m-l {
  box-shadow: -10px 0 30px -5px rgba(0, 0, 0, 0.15); }

.is-shadow-m-r {
  box-shadow: 10px 0 30px -5px rgba(0, 0, 0, 0.15); }

.is-shadow-m-t {
  box-shadow: 0 -10px 30px -5px rgba(0, 0, 0, 0.15); }

.is-shadow-m-b {
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15); }

.is-shadow-l {
  box-shadow: 0 0 48px -8px rgba(0, 0, 0, 0.15); }

.is-shadow-l-l {
  box-shadow: -16px 0 48px -8px rgba(0, 0, 0, 0.15); }

.is-shadow-l-r {
  box-shadow: 16px 0 48px -8px rgba(0, 0, 0, 0.15); }

.is-shadow-l-t {
  box-shadow: 0 -16px 48px -8px rgba(0, 0, 0, 0.15); }

.is-shadow-l-b {
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.15); }

.is-center {
  align-items: center;
  justify-content: center; }

.is-center-v {
  align-items: center; }

.is-center-h {
  justify-content: center; }

.is-up {
  align-items: flex-start; }

.is-left {
  justify-content: flex-start; }

.is-down {
  align-items: flex-end; }

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

.is-separated {
  justify-content: space-between; }

.is-distributed {
  justify-content: space-around; }

.is-block {
  width: 100%; }

.is-half {
  width: 50%; }

/*clases flexbox fila y columna*/
row, row-multiple, row-mobile, row-invert {
  display: flex;
  flex: auto;
  flex-flow: column nowrap; }
  row-multiple {
    flex-wrap: wrap; }
  row-mobile {
    flex-flow: row nowrap; }
  row-invert {
    flex-direction: row-reverse !important; }
  row column, row-multiple column, row-mobile column, row-invert column {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 5%; }

[class*="mobile-"],
[class*="touch-"],
[class*="tablet-"],
[class*="desktop-"],
[class*="widescreen-"] {
  flex-grow: 0;
  flex-shrink: 0; }

@media screen and (min-width: 12.5rem) {
  .mobile-1 {
    width: 5%; }
  .mobile-2 {
    width: 10%; }
  .mobile-3 {
    width: 15%; }
  .mobile-4 {
    width: 20%; }
  .mobile-5 {
    width: 25%; }
  .mobile-6 {
    width: 30%; }
  .mobile-7 {
    width: 35%; }
  .mobile-8 {
    width: 40%; }
  .mobile-9 {
    width: 45%; }
  .mobile-is-half {
    width: 50%; }
  .mobile-11 {
    width: 55%; }
  .mobile-12 {
    width: 60%; }
  .mobile-13 {
    width: 65%; }
  .mobile-14 {
    width: 70%; }
  .mobile-15 {
    width: 75%; }
  .mobile-16 {
    width: 80%; }
  .mobile-17 {
    width: 85%; }
  .mobile-18 {
    width: 90%; }
  .mobile-19 {
    width: 95%; }
  .mobile-is-block {
    width: 100%; }
  .is-hidden-mobile {
    display: none; }
  .is-center-mobile {
    align-items: center;
    justify-content: center; }
  .is-center-v-mobile {
    align-items: center; }
  .is-center-h-mobile {
    justify-content: center; }
  .is-up-mobile {
    align-items: flex-start; }
  .is-left-mobile {
    justify-content: flex-start; }
  .is-down-mobile {
    align-items: flex-end; }
  .is-right-mobile {
    justify-content: flex-end; }
  .is-separated-mobile {
    justify-content: space-between; }
  .is-distributed-mobile {
    justify-content: space-around; } }

@media screen and (min-width: 30rem) {
  .touch-1 {
    width: 5%; }
  .touch-2 {
    width: 10%; }
  .touch-3 {
    width: 15%; }
  .touch-4 {
    width: 20%; }
  .touch-5 {
    width: 25%; }
  .touch-6 {
    width: 30%; }
  .touch-7 {
    width: 35%; }
  .touch-8 {
    width: 40%; }
  .touch-9 {
    width: 45%; }
  .touch-is-half {
    width: 50%; }
  .touch-11 {
    width: 55%; }
  .touch-12 {
    width: 60%; }
  .touch-13 {
    width: 65%; }
  .touch-14 {
    width: 70%; }
  .touch-15 {
    width: 75%; }
  .touch-16 {
    width: 80%; }
  .touch-17 {
    width: 85%; }
  .touch-18 {
    width: 90%; }
  .touch-19 {
    width: 95%; }
  .touch-is-block {
    width: 100%; }
  .is-hidden-touch {
    display: none; }
  .is-center-touch {
    align-items: center;
    justify-content: center; }
  .is-center-v-touch {
    align-items: center; }
  .is-center-h-touch {
    justify-content: center; }
  .is-up-touch {
    align-items: flex-start; }
  .is-left-touch {
    justify-content: flex-start; }
  .is-down-touch {
    align-items: flex-end; }
  .is-right-touch {
    justify-content: flex-end; }
  .is-separated-touch {
    justify-content: space-between; }
  .is-distributed-touch {
    justify-content: space-around; } }

@media screen and (min-width: 48rem) {
  row, row-multiple, row-mobile, row-invert {
    flex-direction: row; }
  .tablet-1 {
    width: 5%; }
  .tablet-2 {
    width: 10%; }
  .tablet-3 {
    width: 15%; }
  .tablet-4 {
    width: 20%; }
  .tablet-5 {
    width: 25%; }
  .tablet-6 {
    width: 30%; }
  .tablet-7 {
    width: 35%; }
  .tablet-8 {
    width: 40%; }
  .tablet-9 {
    width: 45%; }
  .tablet-is-half {
    width: 50%; }
  .tablet-11 {
    width: 55%; }
  .tablet-12 {
    width: 60%; }
  .tablet-13 {
    width: 65%; }
  .tablet-14 {
    width: 70%; }
  .tablet-15 {
    width: 75%; }
  .tablet-16 {
    width: 80%; }
  .tablet-17 {
    width: 85%; }
  .tablet-18 {
    width: 90%; }
  .tablet-19 {
    width: 95%; }
  .tablet-is-block {
    width: 100%; }
  .is-hidden-tablet {
    display: none; }
  .is-center-tablet {
    align-items: center;
    justify-content: center; }
  .is-center-v-tablet {
    align-items: center; }
  .is-center-h-tablet {
    justify-content: center; }
  .is-up-tablet {
    align-items: flex-start; }
  .is-left-tablet {
    justify-content: flex-start; }
  .is-down-tablet {
    align-items: flex-end; }
  .is-right-tablet {
    justify-content: flex-end; }
  .is-separated-tablet {
    justify-content: space-between; }
  .is-distributed-tablet {
    justify-content: space-around; } }

@media screen and (min-width: 64rem) {
  .desktop-1 {
    width: 5%; }
  .desktop-2 {
    width: 10%; }
  .desktop-3 {
    width: 15%; }
  .desktop-4 {
    width: 20%; }
  .desktop-5 {
    width: 25%; }
  .desktop-6 {
    width: 30%; }
  .desktop-7 {
    width: 35%; }
  .desktop-8 {
    width: 40%; }
  .desktop-9 {
    width: 45%; }
  .desktop-is-half {
    width: 50%; }
  .desktop-11 {
    width: 55%; }
  .desktop-12 {
    width: 60%; }
  .desktop-13 {
    width: 65%; }
  .desktop-14 {
    width: 70%; }
  .desktop-15 {
    width: 75%; }
  .desktop-16 {
    width: 80%; }
  .desktop-17 {
    width: 85%; }
  .desktop-18 {
    width: 90%; }
  .desktop-19 {
    width: 95%; }
  .desktop-is-block {
    width: 100%; }
  .is-hidden-desktop {
    display: none; }
  .is-center-desktop {
    align-items: center;
    justify-content: center; }
  .is-center-v-desktop {
    align-items: center; }
  .is-center-h-desktop {
    justify-content: center; }
  .is-up-desktop {
    align-items: flex-start; }
  .is-left-desktop {
    justify-content: flex-start; }
  .is-down-desktop {
    align-items: flex-end; }
  .is-right-desktop {
    justify-content: flex-end; }
  .is-separated-desktop {
    justify-content: space-between; }
  .is-distributed-desktop {
    justify-content: space-around; } }

@media screen and (min-width: 81.25rem) {
  .widescreen-1 {
    width: 5%; }
  .widescreen-2 {
    width: 10%; }
  .widescreen-3 {
    width: 15%; }
  .widescreen-4 {
    width: 20%; }
  .widescreen-5 {
    width: 25%; }
  .widescreen-6 {
    width: 30%; }
  .widescreen-7 {
    width: 35%; }
  .widescreen-8 {
    width: 40%; }
  .widescreen-9 {
    width: 45%; }
  .widescreen-is-half {
    width: 50%; }
  .widescreen-11 {
    width: 55%; }
  .widescreen-12 {
    width: 60%; }
  .widescreen-13 {
    width: 65%; }
  .widescreen-14 {
    width: 70%; }
  .widescreen-15 {
    width: 75%; }
  .widescreen-16 {
    width: 80%; }
  .widescreen-17 {
    width: 85%; }
  .widescreen-18 {
    width: 90%; }
  .widescreen-19 {
    width: 95%; }
  .widescreen-is-block {
    width: 100%; }
  .is-hidden-widescreen {
    display: none; }
  .is-center-widescreen {
    align-items: center;
    justify-content: center; }
  .is-center-v-widescreen {
    align-items: center; }
  .is-center-h-widescreen {
    justify-content: center; }
  .is-up-widescreen {
    align-items: flex-start; }
  .is-left-widescreen {
    justify-content: flex-start; }
  .is-down-widescreen {
    align-items: flex-end; }
  .is-right-widescreen {
    justify-content: flex-end; }
  .is-separated-widescreen {
    justify-content: space-between; }
  .is-distributed-widescreen {
    justify-content: space-around; } }

@media screen and (max-width: 30rem) {
  .is-visible-touch {
    display: none; } }

@media screen and (max-width: 48rem) {
  .is-visible-tablet {
    display: none; } }

@media screen and (max-width: 64rem) {
  .is-visible-desktop {
    display: none; } }

@media screen and (max-width: 81.25rem) {
  .is-visible-widescreen {
    display: none; } }

layout {
  display: grid;
  position: relative;
  max-width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  grid-template-areas: "header" "navbar" "sidebar" "main" "footer"; }
  layout.is-double-sidebar {
    grid-template-areas: "header" "navbar" "sidebar" "main" "sidebar2" "footer"; }
  layout.is-rtl {
    grid-template-areas: "header" "navbar" "main" "sidebar" "footer"; }
  layout sidebar:not(:first-of-type):last-of-type {
    grid-area: sidebar2; }
  layout header {
    grid-area: header; }
  layout navbar {
    grid-area: navbar; }
  layout sidebar {
    grid-area: sidebar; }
  layout main {
    grid-area: main; }
  layout footer {
    grid-area: footer; }
  layout.is-dashboard main,
  layout.is-dashboard sidebar {
    height: 100vh;
    overflow-y: auto; }

@media screen and (min-width: 899px) {
  layout:not(.is-block) {
    grid-template-columns: 20% auto;
    grid-template-areas: "header header" "navbar navbar" "sidebar main" "footer footer"; }
  layout:not(.is-block).is-rtl {
    grid-template-columns: auto 20%;
    grid-template-areas: "header header" "navbar navbar" "main sidebar" "footer footer"; }
  layout:not(.is-block).is-double-sidebar {
    grid-template-columns: 20% auto 20%;
    grid-template-areas: "header header header" "navbar navbar navbar" "sidebar main sidebar2" "footer footer footer"; }
  layout:not(.is-block).is-tiny-sidebar {
    grid-template-columns: 5% 95%; }
  layout:not(.is-block).is-small-sidebar {
    grid-template-columns: 15% 85%; }
  layout:not(.is-block).is-medium-sidebar {
    grid-template-columns: 25% 75%; }
  layout:not(.is-block).is-large-sidebar {
    grid-template-columns: 30% 70%; }
  layout:not(.is-block).is-rtl.is-tiny-sidebar {
    grid-template-columns: 95% 5%; }
  layout:not(.is-block).is-rtl.is-small-sidebar {
    grid-template-columns: 85% 15%; }
  layout:not(.is-block).is-rtl.is-medium-sidebar {
    grid-template-columns: 75% 25%; }
  layout:not(.is-block).is-rtl.is-large-sidebar {
    grid-template-columns: 70% 30%; } }

[tooltip] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0 0.3125rem;
  user-select: none; }
  [tooltip]::after, [tooltip]::before {
    position: absolute;
    display: none;
    background-color: #353535; }
  [tooltip]::after {
    content: attr(tooltip);
    padding: .15rem 0.5rem;
    border-radius: 0.25rem;
    z-index: 1000;
    padding: 0.25rem 1rem;
    transition: all .5s ease-out;
    font-size: 0.6rem;
    text-align: center;
    color: #FFFFFF;
    min-width: 7.5rem; }
  [tooltip]::before {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    z-index: 999; }
  [tooltip].is-rounded::after {
    border-radius: 6.25rem; }
  [tooltip].is-up-tooltip::after, [tooltip].is-down-tooltip::after, [tooltip].is-up-tooltip::before, [tooltip].is-down-tooltip::before {
    left: 57.5%;
    transform: translateX(-57.5%); }
  [tooltip].is-up-tooltip::before, [tooltip].is-down-tooltip::before {
    transform: translateX(-67.5%) rotate(45deg); }
  [tooltip].is-left-tooltip::after, [tooltip].is-right-tooltip::after, [tooltip].is-left-tooltip::before, [tooltip].is-right-tooltip::before {
    top: 57.5%;
    transform: translateY(-57.5%); }
  [tooltip].is-left-tooltip::before, [tooltip].is-right-tooltip::before {
    transform: translateY(-67.5%) rotate(45deg); }
  [tooltip].is-up-tooltip::after {
    bottom: 115%; }
  [tooltip].is-down-tooltip::after {
    top: 115%; }
  [tooltip].is-up-tooltip::before {
    bottom: 100%; }
  [tooltip].is-down-tooltip::before {
    top: 100%; }
  [tooltip].is-left-tooltip::after {
    right: 115%; }
  [tooltip].is-right-tooltip::after {
    left: 115%; }
  [tooltip].is-left-tooltip::before {
    right: 113%; }
  [tooltip].is-right-tooltip::before {
    left: 113%; }
  [tooltip].is-dark {
    color: inherit; }
    [tooltip].is-dark::after, [tooltip].is-dark::before {
      background-color: #353535; }
  [tooltip].is-black {
    color: inherit; }
    [tooltip].is-black::after, [tooltip].is-black::before {
      background-color: #000000; }
  [tooltip].is-cloud {
    color: inherit; }
    [tooltip].is-cloud::after, [tooltip].is-cloud::before {
      background-color: #FFFFFF; }
  [tooltip].is-light {
    color: inherit; }
    [tooltip].is-light::after, [tooltip].is-light::before {
      background-color: #F6F6F6; }
  [tooltip].is-primary {
    color: inherit; }
    [tooltip].is-primary::after, [tooltip].is-primary::before {
      background-color: #692ABF; }
  [tooltip].is-info {
    color: inherit; }
    [tooltip].is-info::after, [tooltip].is-info::before {
      background-color: #2264C8; }
  [tooltip].is-success {
    color: inherit; }
    [tooltip].is-success::after, [tooltip].is-success::before {
      background-color: #22C85C; }
  [tooltip].is-warning {
    color: inherit; }
    [tooltip].is-warning::after, [tooltip].is-warning::before {
      background-color: #FFD232;
      color: #353535; }
  [tooltip].is-danger {
    color: inherit; }
    [tooltip].is-danger::after, [tooltip].is-danger::before {
      background-color: #FF0050; }
  [tooltip]:hover::after, [tooltip]:hover::before {
    display: block;
    animation: fade-in .3s ease-out; }

blockquote {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding: 1rem;
  border-left: 0.25rem solid #e9e9e9;
  border-radius: 0.1875rem;
  background-color: #F6F6F6;
  font-style: italic;
  margin: 0; }
  blockquote.is-dark {
    border-color: #353535; }
    blockquote.is-dark icon {
      color: #353535; }
  blockquote.is-black {
    border-color: #000000; }
    blockquote.is-black icon {
      color: #000000; }
  blockquote.is-primary {
    border-color: #692ABF; }
    blockquote.is-primary icon {
      color: #692ABF; }
  blockquote.is-info {
    border-color: #2264C8; }
    blockquote.is-info icon {
      color: #2264C8; }
  blockquote.is-success {
    border-color: #22C85C; }
    blockquote.is-success icon {
      color: #22C85C; }
  blockquote.is-warning {
    border-color: #FFD232; }
    blockquote.is-warning icon {
      color: #FFD232; }
  blockquote.is-danger {
    border-color: #FF0050; }
    blockquote.is-danger icon {
      color: #FF0050; }
  blockquote.is-icon-left, blockquote.is-icon-right {
    padding-top: 1.5rem; }
    blockquote.is-icon-left icon, blockquote.is-icon-right icon {
      position: absolute;
      top: 0.25rem; }
  blockquote.is-icon-left icon {
    left: 0.5rem; }
  blockquote.is-icon-right icon {
    right: 0.5rem; }

calendar, calendar .calendar {
  position: relative;
  display: inline-flex;
  flex-direction: column; }
  calendar .calendar {
    position: absolute;
    user-select: none;
    overflow: hidden;
    min-width: 300px;
    max-width: 350px;
    max-height: 0;
    top: 100%;
    left: 0;
    z-index: 200;
    transition: max-height .2s ease;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15);
    background-color: #FFFFFF; }
    calendar .calendar.is-visible {
      max-height: 100vh; }
    calendar .calendar * {
      font-size: 0.75rem; }
    calendar .calendar-input {
      min-width: 300px;
      color: #4f4f4f; }
    calendar .calendar-toggle {
      cursor: pointer;
      transition: all .2s ease-out; }
      calendar .calendar-toggle:hover {
        color: #000000; }
    calendar .calendar-controls, calendar .calendar-grid-days, calendar .calendar-controls-month, calendar .calendar-controls-year, calendar .calendar-label {
      display: flex; }
    calendar .calendar-controls {
      padding: 1rem;
      align-items: center;
      text-transform: uppercase; }
      calendar .calendar-controls-month, calendar .calendar-controls-year {
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        calendar .calendar-controls-month span, calendar .calendar-controls-year span {
          text-align: center; }
      calendar .calendar-controls-label {
        font-size: 1.5rem;
        overflow: hidden;
        word-break: no-all;
        text-overflow: ellipsis; }
      calendar .calendar-controls-item {
        padding: 0.15rem 1rem;
        border-radius: 0.1875rem;
        cursor: pointer;
        transition: all .2s ease; }
        calendar .calendar-controls-item:hover {
          background-color: rgba(0, 0, 0, 0.15); }
    calendar .calendar-controls, calendar .calendar-grid-days, calendar .calendar-label {
      align-items: center;
      justify-content: space-between; }
    calendar .calendar-label {
      justify-content: center;
      font-size: 5rem;
      line-height: 1;
      padding: 0 1rem; }
    calendar .calendar-grid {
      padding: 1rem 0;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      justify-items: center;
      align-items: center; }
      calendar .calendar-grid-days {
        padding-bottom: 0.5rem;
        text-transform: uppercase;
        font-weight: bold;
        opacity: 0.6;
        color: #353535; }
      calendar .calendar-grid-button {
        margin-top: 0.25rem;
        max-width: 2rem;
        max-height: 2rem;
        width: 2rem;
        height: 2rem; }
        calendar .calendar-grid-button[disabled] {
          opacity: 0.45; }
  calendar.is-dark .calendar-controls, calendar .is-dark.calendar .calendar-controls,
  calendar.is-dark .is-active,
  calendar .is-dark.calendar .is-active {
    background-color: #353535;
    color: #FFFFFF; }
  calendar.is-black .calendar-controls, calendar .is-black.calendar .calendar-controls,
  calendar.is-black .is-active,
  calendar .is-black.calendar .is-active {
    background-color: #000000;
    color: #FFFFFF; }
  calendar.is-cloud .calendar-controls, calendar .is-cloud.calendar .calendar-controls,
  calendar.is-cloud .is-active,
  calendar .is-cloud.calendar .is-active {
    background-color: #FFFFFF;
    color: #353535; }
  calendar.is-light .calendar-controls, calendar .is-light.calendar .calendar-controls,
  calendar.is-light .is-active,
  calendar .is-light.calendar .is-active {
    background-color: #F6F6F6;
    color: #353535; }
  calendar.is-primary .calendar-controls, calendar .is-primary.calendar .calendar-controls,
  calendar.is-primary .is-active,
  calendar .is-primary.calendar .is-active {
    background-color: #692ABF;
    color: #FFFFFF; }
  calendar.is-info .calendar-controls, calendar .is-info.calendar .calendar-controls,
  calendar.is-info .is-active,
  calendar .is-info.calendar .is-active {
    background-color: #2264C8;
    color: #FFFFFF; }
  calendar.is-success .calendar-controls, calendar .is-success.calendar .calendar-controls,
  calendar.is-success .is-active,
  calendar .is-success.calendar .is-active {
    background-color: #22C85C;
    color: #FFFFFF; }
  calendar.is-warning .calendar-controls, calendar .is-warning.calendar .calendar-controls,
  calendar.is-warning .is-active,
  calendar .is-warning.calendar .is-active {
    background-color: #FFD232;
    color: #353535; }
  calendar.is-danger .calendar-controls, calendar .is-danger.calendar .calendar-controls,
  calendar.is-danger .is-active,
  calendar .is-danger.calendar .is-active {
    background-color: #FF0050;
    color: #FFFFFF; }
  @media screen and (max-width: 30rem) {
    calendar, calendar .calendar {
      position: initial; }
      calendar .calendar.is-visible {
        max-width: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0 10px 500000em 10000em rgba(0, 0, 0, 0.3); } }

icon, close, burger,
ellipsis {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem; }

icon {
  font-size: 16px; }

close {
  cursor: pointer;
  opacity: .7;
  transition: opacity .2s ease-out; }
  close:hover {
    opacity: 1; }
  close:empty::after {
    content: '\d7'; }

burger,
ellipsis {
  padding: 0.25rem;
  position: relative;
  cursor: pointer; }
  burger span,
  ellipsis span {
    transition: all .2s ease-out;
    position: absolute;
    display: block;
    border-radius: 1rem;
    background-color: #444; }
    burger span:first-child,
    ellipsis span:first-child {
      transform: translateY(-0.4rem); }
    burger span:last-child,
    ellipsis span:last-child {
      transform: translateY(0.4rem); }
  burger.is-active span,
  ellipsis.is-active span {
    transform-origin: center center;
    transform: translateY(0) rotate(45deg); }
    burger.is-active span:nth-child(2),
    ellipsis.is-active span:nth-child(2) {
      transform: scale(0); }
    burger.is-active span:last-child,
    ellipsis.is-active span:last-child {
      transform: rotate(-45deg); }
  burger.is-active.is-arrow-left span:nth-child(2), burger.is-active.is-arrow-right span:nth-child(2),
  ellipsis.is-active.is-arrow-left span:nth-child(2),
  ellipsis.is-active.is-arrow-right span:nth-child(2) {
    transform: scale(1); }
  burger.is-active.is-arrow-left span:first-child,
  burger.is-active.is-arrow-left span:last-child, burger.is-active.is-arrow-right span:first-child,
  burger.is-active.is-arrow-right span:last-child,
  ellipsis.is-active.is-arrow-left span:first-child,
  ellipsis.is-active.is-arrow-left span:last-child,
  ellipsis.is-active.is-arrow-right span:first-child,
  ellipsis.is-active.is-arrow-right span:last-child {
    width: 0.75rem; }
  burger.is-active.is-arrow-left span,
  ellipsis.is-active.is-arrow-left span {
    transform-origin: left; }
    burger.is-active.is-arrow-left span:first-child,
    ellipsis.is-active.is-arrow-left span:first-child {
      transform: translateX(-0.5rem) rotate(45deg); }
    burger.is-active.is-arrow-left span:last-child,
    ellipsis.is-active.is-arrow-left span:last-child {
      transform: translateX(-0.5rem) rotate(-45deg); }
  burger.is-active.is-arrow-right span,
  ellipsis.is-active.is-arrow-right span {
    transform-origin: right; }
    burger.is-active.is-arrow-right span:first-child,
    ellipsis.is-active.is-arrow-right span:first-child {
      transform: translateX(0.5rem) rotate(45deg); }
    burger.is-active.is-arrow-right span:last-child,
    ellipsis.is-active.is-arrow-right span:last-child {
      transform: translateX(0.5rem) rotate(-45deg); }

ellipsis span {
  width: 2px;
  height: 2px; }

ellipsis.is-active span {
  width: 1.5rem; }

burger span {
  width: 1.5rem;
  height: 2px; }

icon.is-small,
close.is-small,
burger.is-small,
ellipsis.is-small {
  width: 1.25rem;
  height: 1.25rem; }

icon.is-medium,
close.is-medium,
burger.is-medium,
ellipsis.is-medium {
  width: 1.75rem;
  height: 1.75rem; }

icon.is-large,
close.is-large,
burger.is-large,
ellipsis.is-large {
  width: 2rem;
  height: 2rem; }

button,
.button {
  display: "inline-flex";
  align-items: "center";
  align-content: "center";
  justify-content: "center";
  background-color: #F6F6F6;
  border-radius: 0.1875rem;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  position: relative;
  user-select: none;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  transition: all .2s linear; }
  button .ripple-container,
  .button .ripple-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 50; }
    button .ripple-container .ripple-effect,
    .button .ripple-container .ripple-effect {
      display: block;
      position: absolute;
      transform: translate(-50%, -50%);
      opacity: 0;
      min-width: 0;
      min-height: 0;
      border-radius: 100%;
      background-color: #353535;
      box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.3); }
      button .ripple-container .ripple-effect.ripple-active,
      .button .ripple-container .ripple-effect.ripple-active {
        animation: rippleEffect .4s ease-in; }
  button.is-dark, button.is-dark-outline,
  .button.is-dark,
  .button.is-dark-outline {
    border: 0.0625rem solid #353535; }
  button.is-dark, button.is-dark-outline:hover,
  .button.is-dark,
  .button.is-dark-outline:hover {
    background-color: #353535;
    color: #FFFFFF; }
  button.is-dark-outline, button.is-dark-invert, button.is-dark-inverse:hover,
  .button.is-dark-outline,
  .button.is-dark-invert,
  .button.is-dark-inverse:hover {
    color: #353535; }
  button.is-dark-invert .ripple-effect, button.is-dark-inverse .ripple-effect,
  .button.is-dark-invert .ripple-effect,
  .button.is-dark-inverse .ripple-effect {
    background-color: #353535; }
  button.is-dark[disabled],
  .button.is-dark[disabled] {
    background-color: #757575; }
  button.is-black, button.is-black-outline,
  .button.is-black,
  .button.is-black-outline {
    border: 0.0625rem solid #000000; }
  button.is-black, button.is-black-outline:hover,
  .button.is-black,
  .button.is-black-outline:hover {
    background-color: #000000;
    color: #FFFFFF; }
  button.is-black-outline, button.is-black-invert, button.is-black-inverse:hover,
  .button.is-black-outline,
  .button.is-black-invert,
  .button.is-black-inverse:hover {
    color: #000000; }
  button.is-black-invert .ripple-effect, button.is-black-inverse .ripple-effect,
  .button.is-black-invert .ripple-effect,
  .button.is-black-inverse .ripple-effect {
    background-color: #000000; }
  button.is-black[disabled],
  .button.is-black[disabled] {
    background-color: #404040; }
  button.is-light, button.is-light-outline,
  .button.is-light,
  .button.is-light-outline {
    border: 0.0625rem solid #F6F6F6; }
  button.is-light, button.is-light-outline:hover,
  .button.is-light,
  .button.is-light-outline:hover {
    background-color: #F6F6F6;
    color: #353535; }
  button.is-light-outline, button.is-light-invert, button.is-light-inverse:hover,
  .button.is-light-outline,
  .button.is-light-invert,
  .button.is-light-inverse:hover {
    color: #F6F6F6; }
  button.is-light-invert .ripple-effect, button.is-light-inverse .ripple-effect,
  .button.is-light-invert .ripple-effect,
  .button.is-light-inverse .ripple-effect {
    background-color: #F6F6F6; }
  button.is-light[disabled],
  .button.is-light[disabled] {
    background-color: white; }
  button.is-primary, button.is-primary-outline,
  .button.is-primary,
  .button.is-primary-outline {
    border: 0.0625rem solid #692ABF; }
  button.is-primary, button.is-primary-outline:hover,
  .button.is-primary,
  .button.is-primary-outline:hover {
    background-color: #692ABF;
    color: #FFFFFF; }
  button.is-primary-outline, button.is-primary-invert, button.is-primary-inverse:hover,
  .button.is-primary-outline,
  .button.is-primary-invert,
  .button.is-primary-inverse:hover {
    color: #692ABF; }
  button.is-primary-invert .ripple-effect, button.is-primary-inverse .ripple-effect,
  .button.is-primary-invert .ripple-effect,
  .button.is-primary-inverse .ripple-effect {
    background-color: #692ABF; }
  button.is-primary[disabled],
  .button.is-primary[disabled] {
    background-color: #ad84e4; }
  button.is-info, button.is-info-outline,
  .button.is-info,
  .button.is-info-outline {
    border: 0.0625rem solid #2264C8; }
  button.is-info, button.is-info-outline:hover,
  .button.is-info,
  .button.is-info-outline:hover {
    background-color: #2264C8;
    color: #FFFFFF; }
  button.is-info-outline, button.is-info-invert, button.is-info-inverse:hover,
  .button.is-info-outline,
  .button.is-info-invert,
  .button.is-info-inverse:hover {
    color: #2264C8; }
  button.is-info-invert .ripple-effect, button.is-info-inverse .ripple-effect,
  .button.is-info-invert .ripple-effect,
  .button.is-info-inverse .ripple-effect {
    background-color: #2264C8; }
  button.is-info[disabled],
  .button.is-info[disabled] {
    background-color: #80aae9; }
  button.is-success, button.is-success-outline,
  .button.is-success,
  .button.is-success-outline {
    border: 0.0625rem solid #22C85C; }
  button.is-success, button.is-success-outline:hover,
  .button.is-success,
  .button.is-success-outline:hover {
    background-color: #22C85C;
    color: #FFFFFF; }
  button.is-success-outline, button.is-success-invert, button.is-success-inverse:hover,
  .button.is-success-outline,
  .button.is-success-invert,
  .button.is-success-inverse:hover {
    color: #22C85C; }
  button.is-success-invert .ripple-effect, button.is-success-inverse .ripple-effect,
  .button.is-success-invert .ripple-effect,
  .button.is-success-inverse .ripple-effect {
    background-color: #22C85C; }
  button.is-success[disabled],
  .button.is-success[disabled] {
    background-color: #80e9a5; }
  button.is-warning, button.is-warning-outline,
  .button.is-warning,
  .button.is-warning-outline {
    border: 0.0625rem solid #FFD232; }
  button.is-warning, button.is-warning-outline:hover,
  .button.is-warning,
  .button.is-warning-outline:hover {
    background-color: #FFD232;
    color: #353535; }
  button.is-warning-outline, button.is-warning-invert, button.is-warning-inverse:hover,
  .button.is-warning-outline,
  .button.is-warning-invert,
  .button.is-warning-inverse:hover {
    color: #FFD232; }
  button.is-warning-invert .ripple-effect, button.is-warning-inverse .ripple-effect,
  .button.is-warning-invert .ripple-effect,
  .button.is-warning-inverse .ripple-effect {
    background-color: #FFD232; }
  button.is-warning[disabled],
  .button.is-warning[disabled] {
    background-color: #ffeeb2; }
  button.is-danger, button.is-danger-outline,
  .button.is-danger,
  .button.is-danger-outline {
    border: 0.0625rem solid #FF0050; }
  button.is-danger, button.is-danger-outline:hover,
  .button.is-danger,
  .button.is-danger-outline:hover {
    background-color: #FF0050;
    color: #FFFFFF; }
  button.is-danger-outline, button.is-danger-invert, button.is-danger-inverse:hover,
  .button.is-danger-outline,
  .button.is-danger-invert,
  .button.is-danger-inverse:hover {
    color: #FF0050; }
  button.is-danger-invert .ripple-effect, button.is-danger-inverse .ripple-effect,
  .button.is-danger-invert .ripple-effect,
  .button.is-danger-inverse .ripple-effect {
    background-color: #FF0050; }
  button.is-danger[disabled],
  .button.is-danger[disabled] {
    background-color: #ff80a8; }
  button[class*="-outline"], button[class*="-inverse"],
  .button[class*="-outline"],
  .button[class*="-inverse"] {
    background-color: transparent; }
  button[class*="-inverse"],
  .button[class*="-inverse"] {
    border: 1px solid #fff;
    color: #fff; }
  button[class*="-invert"], button[class*="-inverse"]:hover,
  .button[class*="-invert"],
  .button[class*="-inverse"]:hover {
    background-color: #FFFFFF; }
  button.is-primary .ripple-effect,
  button.is-primary-outline .ripple-effect, button.is-info .ripple-effect,
  button.is-info-outline .ripple-effect, button.is-success .ripple-effect,
  button.is-success-outline .ripple-effect, button.is-warning .ripple-effect,
  button.is-warning-outline .ripple-effect, button.is-danger .ripple-effect,
  button.is-danger-outline .ripple-effect, button.is-black .ripple-effect,
  button.is-black-outline .ripple-effect, button.is-dark .ripple-effect,
  button.is-dark-outline .ripple-effect,
  .button.is-primary .ripple-effect,
  .button.is-primary-outline .ripple-effect,
  .button.is-info .ripple-effect,
  .button.is-info-outline .ripple-effect,
  .button.is-success .ripple-effect,
  .button.is-success-outline .ripple-effect,
  .button.is-warning .ripple-effect,
  .button.is-warning-outline .ripple-effect,
  .button.is-danger .ripple-effect,
  .button.is-danger-outline .ripple-effect,
  .button.is-black .ripple-effect,
  .button.is-black-outline .ripple-effect,
  .button.is-dark .ripple-effect,
  .button.is-dark-outline .ripple-effect {
    background-color: #FFFFFF; }
  button[disabled], button[class$='-invert'],
  .button[disabled],
  .button[class$='-invert'] {
    border-color: transparent; }
  button[is-icon],
  .button[is-icon] {
    padding: 0.5rem; }
  button,
  button a,
  .button,
  .button a {
    color: inherit; }
  button.is-rounded,
  .button.is-rounded {
    border-radius: 5000em; }
  button.is-block,
  .button.is-block {
    display: flex; }
  button:hover,
  .button:hover {
    box-shadow: 0 0.3125rem 1.25rem -2px rgba(0, 0, 0, 0.15); }
  button[type='floating'],
  .button[type='floating'] {
    z-index: 100;
    margin: 0.3125rem;
    border-radius: 5000em;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15); }
    button[type='floating']:hover,
    .button[type='floating']:hover {
      box-shadow: 0 6px 15px -2px rgba(0, 0, 0, 0.15); }

buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  buttons.is-addons {
    flex-wrap: nowrap; }
    buttons.is-addons *:not(:last-child), buttons.is-addons.is-rounded *:not(:last-child) {
      border-radius: 0;
      margin-right: 0; }
    buttons.is-addons :first-child {
      border-top-left-radius: 0.1875rem;
      border-bottom-left-radius: 0.1875rem; }
    buttons.is-addons :last-child {
      border-top-right-radius: 0.1875rem;
      border-bottom-right-radius: 0.1875rem; }
    buttons.is-addons.is-rounded :first-child {
      border-top-left-radius: 5000em;
      border-bottom-left-radius: 5000em; }
    buttons.is-addons.is-rounded :last-child {
      border-top-right-radius: 5000em;
      border-bottom-right-radius: 5000em; }
  buttons:not(.is-addons) {
    justify-content: space-around; }

fab {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 110; }
  fab fabmenu {
    display: none;
    flex-direction: column; }
    fab fabmenu.is-visible {
      display: flex;
      position: absolute; }
    fab fabmenu > * {
      margin: 0.3125rem;
      animation: zoom-in .2s; }
    fab fabmenu.is-left, fab fabmenu.is-right {
      flex-direction: row; }
    fab fabmenu.is-left {
      right: 100%; }
    fab fabmenu.is-right {
      left: 100%; }
    fab fabmenu.is-up {
      bottom: 100%; }
    fab fabmenu.is-down {
      top: 100%; }

chip {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  background-color: #F6F6F6;
  border-radius: 4em;
  margin: 0.25rem;
  line-height: 2rem;
  height: 2rem;
  padding: 0 .5rem 0 0;
  user-select: none; }
  chip img {
    display: inline-block;
    left: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    overflow: hidden;
    z-index: 10; }
  chip chiptext {
    display: block;
    padding: 0 0.75rem;
    font-size: 0.7rem; }
  chip[class*="is-"]:not(.is-warning) {
    color: #353535; }
    chip[class*="is-"]:not(.is-warning):hover {
      color: #FFFFFF; }
  chip.is-dark:hover {
    background-color: #353535; }
  chip.is-black:hover {
    background-color: #000000; }
  chip.is-primary:hover {
    background-color: #692ABF; }
  chip.is-info:hover {
    background-color: #2264C8; }
  chip.is-success:hover {
    background-color: #22C85C; }
  chip.is-warning:hover {
    background-color: #FFD232; }
  chip.is-danger:hover {
    background-color: #FF0050; }

item, dropmenu drop-item, acordeon acordeon-item, navbar nav-item, group group-item, listgroup list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-overflow: ellipsis;
  max-width: 100%; }

dropdown {
  display: inline-flex;
  position: relative;
  padding: 0;
  text-align: center;
  align-items: center;
  align-content: center;
  margin-bottom: .5em; }
  dropdown > *:not(dropmenu) {
    margin: 0; }
    dropdown > *:not(dropmenu):not(:first-child), dropdown > *:not(dropmenu):not(:last-child) {
      border-radius: 0; }
    dropdown > *:not(dropmenu):first-of-type:last-of-type {
      border-radius: 0.1875rem; }
    dropdown > *:not(dropmenu):first-of-type:not(:last-of-type) {
      border-radius: 0.1875rem 0 0 0.1875rem; }
    dropdown > *:not(dropmenu):last-of-type:not(:first-of-type) {
      border-radius: 0 0.1875rem 0.1875rem 0; }
  dropdown.is-hoverable:hover > dropmenu {
    z-index: 10;
    opacity: 1;
    max-height: 100vh; }

dropmenu {
  width: 100%;
  min-width: 15em;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1);
  transition: max-height .2s linear;
  border-radius: 0.25rem;
  text-align: justify;
  top: 100%; }
  dropmenu.is-visible {
    z-index: 10;
    opacity: 1;
    max-height: 100vh; }
  dropmenu.is-up {
    top: initial;
    bottom: 100%; }
  dropmenu.is-right {
    right: 0; }
  dropmenu divider {
    opacity: .1; }
  dropmenu drop-item {
    padding: 0.75rem 1em;
    cursor: pointer;
    user-select: none;
    word-break: break-all; }
    dropmenu drop-item.is-title {
      color: #aaa;
      font-size: 0.5rem;
      pointer-events: none;
      opacity: 0.7; }
    dropmenu drop-item.is-active {
      background-color: #692ABF;
      color: #FFFFFF; }
    dropmenu drop-item:not(.is-active):hover {
      box-shadow: inset 0 0 100px 1px rgba(0, 0, 0, 0.05); }
  @media screen and (max-width: 30rem) {
    dropmenu {
      min-width: 0; } }

.input,
select,
textarea {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  position: relative;
  padding: 0.5rem 0.9375rem;
  background-color: #F6F6F6;
  transition: all .2s ease-out;
  width: 100%;
  margin: 0;
  outline: none;
  border-radius: 0.1875rem;
  border: 1px solid #F6F6F6; }
  .input.is-rounded,
  select.is-rounded,
  textarea.is-rounded {
    border-radius: 3rem; }
  .input:focus ~ icon,
  select:focus ~ icon,
  textarea:focus ~ icon {
    color: #000000; }
  .input:focus,
  select:focus,
  textarea:focus {
    border-color: #692ABF;
    background-color: #FFFFFF; }
    .input:focus:required:invalid,
    select:focus:required:invalid,
    textarea:focus:required:invalid {
      border-color: rgba(255, 0, 80, 0.8);
      background-color: rgba(255, 0, 80, 0.1); }
  .input:required:valid,
  select:required:valid,
  textarea:required:valid {
    border-color: rgba(34, 200, 92, 0.8);
    background-color: rgba(34, 200, 92, 0.1); }
  .input:required ~ .is-validate,
  .input:required:valid ~ .is-validate,
  select:required ~ .is-validate,
  select:required:valid ~ .is-validate,
  textarea:required ~ .is-validate,
  textarea:required:valid ~ .is-validate {
    opacity: 0;
    color: #22C85C;
    transition: opacity .2s ease-out; }
  .input:required:focus:invalid ~ .is-validate,
  select:required:focus:invalid ~ .is-validate,
  textarea:required:focus:invalid ~ .is-validate {
    opacity: 1;
    color: #FF0050; }
  .input.is-material,
  select.is-material,
  textarea.is-material {
    background-color: #FFFFFF;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #F6F6F6; }
    .input.is-material:focus,
    select.is-material:focus,
    textarea.is-material:focus {
      border-color: #692ABF; }
    .input.is-material:required:focus:invalid, .input.is-material:required:valid,
    select.is-material:required:focus:invalid,
    select.is-material:required:valid,
    textarea.is-material:required:focus:invalid,
    textarea.is-material:required:valid {
      background-color: #FFFFFF; }
  .input.is-dark:focus,
  select.is-dark:focus,
  textarea.is-dark:focus {
    border-color: #353535; }
  .input.is-black:focus,
  select.is-black:focus,
  textarea.is-black:focus {
    border-color: #000000; }
  .input.is-cloud:focus,
  select.is-cloud:focus,
  textarea.is-cloud:focus {
    border-color: #FFFFFF; }
  .input.is-info:focus,
  select.is-info:focus,
  textarea.is-info:focus {
    border-color: #2264C8; }
  .input.is-success:focus,
  select.is-success:focus,
  textarea.is-success:focus {
    border-color: #22C85C; }
  .input.is-warning:focus,
  select.is-warning:focus,
  textarea.is-warning:focus {
    border-color: #FFD232; }
  .input.is-danger:focus,
  select.is-danger:focus,
  textarea.is-danger:focus {
    border-color: #FF0050; }

textarea {
  display: block;
  max-height: 31.25rem;
  min-height: 3.125rem;
  resize: vertical; }
  textarea.is-fixed {
    resize: none; }
  textarea[readonly] {
    resize: none;
    pointer-events: none;
    color: #666; }

help {
  display: block;
  padding: 0.25rem 0;
  font-size: 0.5rem; }

label {
  display: block;
  text-align: left;
  margin-bottom: .5rem; }

control {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: left; }
  control > icon {
    position: absolute;
    top: 0;
    color: #9b9b9b;
    width: 2.6875rem;
    height: 2.5rem; }
    control > icon.is-small {
      height: 2.375rem;
      width: 2.375rem; }
    control > icon.is-medium {
      height: 3.125rem;
      width: 3.125rem; }
    control > icon.is-large {
      height: 3.625rem;
      width: 3.625rem; }
  control:not(.is-double-icons) > textarea + icon {
    top: .5rem;
    height: auto;
    width: auto; }
  control:not(.is-double-icons).is-icon-left > textarea + icon {
    left: .5rem; }
  control:not(.is-double-icons).is-icon-right > textarea + icon {
    right: .5rem; }
  control.is-double-icons icon:first-of-type {
    left: 0; }
  control.is-double-icons icon:last-of-type {
    right: 0; }
  control.is-double-icons .input,
  control.is-double-icons textarea {
    padding-left: 2.6875rem;
    padding-right: 2.6875rem; }
    control.is-double-icons .input.is-small,
    control.is-double-icons textarea.is-small {
      padding-left: 2.375rem;
      padding-right: 2.375rem; }
    control.is-double-icons .input.is-medium,
    control.is-double-icons textarea.is-medium {
      padding-left: 3.125rem;
      padding-right: 3.125rem; }
    control.is-double-icons .input.is-large,
    control.is-double-icons textarea.is-large {
      padding-left: 3.625rem;
      padding-right: 3.625rem; }
  control.is-icon-left .input,
  control.is-icon-left textarea {
    padding-left: 2.6875rem; }
    control.is-icon-left .input.is-small,
    control.is-icon-left textarea.is-small {
      padding-left: 2.375rem; }
    control.is-icon-left .input.is-medium,
    control.is-icon-left textarea.is-medium {
      padding-left: 3.125rem; }
    control.is-icon-left .input.is-large,
    control.is-icon-left textarea.is-large {
      padding-left: 3.625rem; }
  control.is-icon-left icon {
    left: 0; }
  control.is-icon-right .input,
  control.is-icon-right textarea {
    padding-right: 2.6875rem; }
    control.is-icon-right .input.is-small,
    control.is-icon-right textarea.is-small {
      padding-right: 2.375rem; }
    control.is-icon-right .input.is-medium,
    control.is-icon-right textarea.is-medium {
      padding-right: 3.125rem; }
    control.is-icon-right .input.is-large,
    control.is-icon-right textarea.is-large {
      padding-right: 3.625rem; }
  control.is-icon-right icon {
    right: 0; }

field {
  display: flex;
  flex-direction: column; }
  field:not(.is-addons) {
    justify-content: center; }
    field:not(.is-addons) control {
      width: 100%; }
  field.is-horizontal control:not(.is-expand) {
    width: auto; }
  field.is-horizontal:not(.is-addons) control:not(:last-child) {
    margin-bottom: 0;
    margin-right: .5rem; }
  field.is-horizontal, field.is-addons {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; }
  field.is-addons control {
    flex-grow: 0;
    margin-bottom: 0;
    margin-right: -1px; }
    field.is-addons control.is-expand {
      flex: 1; }
    field.is-addons control:not(:first-child) > *,
    field.is-addons control:not(:last-child) > * {
      border-radius: 0; }
    field.is-addons control:first-child > * {
      border-top-left-radius: 0.1875rem;
      border-bottom-left-radius: 0.1875rem; }
    field.is-addons control:last-child > * {
      border-top-right-radius: 0.1875rem;
      border-bottom-right-radius: 0.1875rem; }
  field.is-addons.is-rounded control:first-child > * {
    border-top-left-radius: 125rem;
    border-bottom-left-radius: 125rem; }
  field.is-addons.is-rounded control:last-child > * {
    border-top-right-radius: 125rem;
    border-bottom-right-radius: 125rem; }

checkbox,
radio {
  min-width: 1.5rem;
  height: 1.5rem; }
  checkbox,
  checkbox label,
  radio,
  radio label {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center; }
  checkbox input,
  radio input {
    display: none; }
  checkbox label,
  radio label {
    margin: 0; }
  checkbox.is-small > label::before,
  radio.is-small > label::before {
    width: 0.8rem;
    height: 0.8rem; }
  checkbox.is-tiny > label::before,
  radio.is-tiny > label::before {
    width: 0.7rem;
    height: 0.7rem; }
  checkbox > label::before,
  radio > label::before {
    content: '';
    position: relative;
    margin-right: 0.5rem;
    background-color: transparent;
    display: inline-block;
    text-overflow: ellipsis;
    width: 0.85rem;
    height: 0.85rem;
    border: 1px solid #353535;
    border-radius: 0.1875rem;
    cursor: pointer;
    transition: all .2s ease-out; }
  checkbox :checked ~ label::before,
  radio :checked ~ label::before {
    background-color: #353535;
    box-shadow: inset 0 0 0 2px #FFFFFF;
    border-radius: 0.1875rem; }
  checkbox.is-check :checked ~ label::before,
  radio.is-check :checked ~ label::before {
    width: .5rem;
    transform: rotate(45deg) translate(-0.4rem, 0.25rem);
    transform-origin: bottom right;
    background-color: transparent !important;
    border-top: 0;
    border-left: 0;
    border-radius: 0; }
  checkbox.is-filled :checked ~ label::before,
  radio.is-filled :checked ~ label::before {
    box-shadow: none; }
  checkbox.is-black > label::before,
  radio.is-black > label::before {
    border: 1px solid #000000; }
  checkbox.is-black :checked ~ label::before,
  radio.is-black :checked ~ label::before {
    box-shadow: inset 0 0 0 2px #FFFFFF;
    background-color: #000000; }
  checkbox.is-check.is-black :checked ~ label::before,
  radio.is-check.is-black :checked ~ label::before {
    border-color: #000000; }
  checkbox.is-primary > label::before,
  radio.is-primary > label::before {
    border: 1px solid #692ABF; }
  checkbox.is-primary :checked ~ label::before,
  radio.is-primary :checked ~ label::before {
    box-shadow: inset 0 0 0 2px #FFFFFF;
    background-color: #692ABF; }
  checkbox.is-check.is-primary :checked ~ label::before,
  radio.is-check.is-primary :checked ~ label::before {
    border-color: #692ABF; }
  checkbox.is-info > label::before,
  radio.is-info > label::before {
    border: 1px solid #2264C8; }
  checkbox.is-info :checked ~ label::before,
  radio.is-info :checked ~ label::before {
    box-shadow: inset 0 0 0 2px #FFFFFF;
    background-color: #2264C8; }
  checkbox.is-check.is-info :checked ~ label::before,
  radio.is-check.is-info :checked ~ label::before {
    border-color: #2264C8; }
  checkbox.is-success > label::before,
  radio.is-success > label::before {
    border: 1px solid #22C85C; }
  checkbox.is-success :checked ~ label::before,
  radio.is-success :checked ~ label::before {
    box-shadow: inset 0 0 0 2px #FFFFFF;
    background-color: #22C85C; }
  checkbox.is-check.is-success :checked ~ label::before,
  radio.is-check.is-success :checked ~ label::before {
    border-color: #22C85C; }
  checkbox.is-warning > label::before,
  radio.is-warning > label::before {
    border: 1px solid #FFD232; }
  checkbox.is-warning :checked ~ label::before,
  radio.is-warning :checked ~ label::before {
    box-shadow: inset 0 0 0 2px #FFFFFF;
    background-color: #FFD232; }
  checkbox.is-check.is-warning :checked ~ label::before,
  radio.is-check.is-warning :checked ~ label::before {
    border-color: #FFD232; }
  checkbox.is-danger > label::before,
  radio.is-danger > label::before {
    border: 1px solid #FF0050; }
  checkbox.is-danger :checked ~ label::before,
  radio.is-danger :checked ~ label::before {
    box-shadow: inset 0 0 0 2px #FFFFFF;
    background-color: #FF0050; }
  checkbox.is-check.is-danger :checked ~ label::before,
  radio.is-check.is-danger :checked ~ label::before {
    border-color: #FF0050; }

radio > label::before,
radio :checked ~ label::before,
radio :checked ~ label.is-check::before {
  border-radius: 100%; }

color {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.1875rem; }
  color.is-rounded {
    border-radius: 50%; }
  color[disabled] {
    box-shadow: none; }
  color input[type='color'] {
    cursor: pointer !important;
    overflow: hidden !important;
    outline: none;
    border: 0;
    -moz-appearance: button;
    -webkit-appearance: button;
    min-height: 4rem;
    min-width: 4rem; }

listbox {
  min-width: 3.125rem;
  max-width: 25rem;
  position: relative; }
  listbox,
  listbox list,
  listbox list-item,
  listbox .input {
    display: flex;
    flex-direction: column; }
  listbox .input {
    flex-direction: row;
    padding-right: 2em;
    cursor: pointer; }
    listbox .input:focus ~ .listbox-icon {
      opacity: 1; }
  listbox .listbox-icon,
  listbox .is-toggle-listbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer; }
  listbox .listbox-icon {
    left: 0.3rem;
    opacity: 0.6;
    transition: all .2s ease; }
  listbox .is-toggle-listbox {
    color: #692ABF;
    right: 0.3rem;
    font-size: 1.5rem; }
  listbox list {
    position: absolute;
    top: 100%;
    width: 100%;
    max-height: 0;
    background-color: #FFFFFF;
    z-index: 10;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
    font-size: 0.8rem;
    overflow: hidden;
    transition: max-height .2s ease; }
    listbox list.is-visible {
      max-height: 100vh; }
    listbox list-item {
      flex-direction: row;
      align-items: center;
      align-content: center;
      justify-content: space-between;
      padding: 0.5rem 1rem;
      cursor: pointer; }
      listbox list-item:not(.is-active):hover {
        background-color: whitesmoke; }
      listbox list-item.is-active {
        color: #FFFFFF;
        background-color: #692ABF; }
  listbox.is-dark {
    color: inherit; }
  listbox.is-dark .input:focus {
    border-color: #353535; }
  listbox.is-dark .is-toggle-listbox {
    color: #353535; }
  listbox.is-dark list-item.is-active {
    background-color: #353535; }
  listbox.is-black {
    color: inherit; }
  listbox.is-black .input:focus {
    border-color: #000000; }
  listbox.is-black .is-toggle-listbox {
    color: #000000; }
  listbox.is-black list-item.is-active {
    background-color: #000000; }
  listbox.is-cloud {
    color: inherit; }
  listbox.is-cloud .input:focus {
    border-color: #FFFFFF; }
  listbox.is-cloud .is-toggle-listbox {
    color: #FFFFFF; }
  listbox.is-cloud list-item.is-active {
    background-color: #FFFFFF; }
  listbox.is-info {
    color: inherit; }
  listbox.is-info .input:focus {
    border-color: #2264C8; }
  listbox.is-info .is-toggle-listbox {
    color: #2264C8; }
  listbox.is-info list-item.is-active {
    background-color: #2264C8; }
  listbox.is-success {
    color: inherit; }
  listbox.is-success .input:focus {
    border-color: #22C85C; }
  listbox.is-success .is-toggle-listbox {
    color: #22C85C; }
  listbox.is-success list-item.is-active {
    background-color: #22C85C; }
  listbox.is-warning {
    color: inherit; }
  listbox.is-warning .input:focus {
    border-color: #FFD232; }
  listbox.is-warning .is-toggle-listbox {
    color: #FFD232; }
  listbox.is-warning list-item.is-active {
    background-color: #FFD232;
    color: #353535; }
  listbox.is-danger {
    color: inherit; }
  listbox.is-danger .input:focus {
    border-color: #FF0050; }
  listbox.is-danger .is-toggle-listbox {
    color: #FF0050; }
  listbox.is-danger list-item.is-active {
    background-color: #FF0050; }

range {
  height: 30px;
  position: relative; }
  range,
  range label {
    display: flex;
    align-items: center; }
  range input[type='range']:active ~ label {
    transform: scale(1); }
  range label {
    width: 1.5rem;
    height: 1.5rem;
    justify-content: center;
    position: absolute;
    top: -1rem;
    font-size: .5rem;
    background-color: #353535;
    color: #FFFFFF;
    transform: scale(0);
    transition: all .1s ease-out;
    border-radius: 100%;
    z-index: 20; }
    range label:before {
      content: '';
      display: block;
      width: .75rem;
      height: .75rem;
      transform: rotate(45deg);
      background-color: #353535;
      position: absolute;
      left: .35rem;
      top: .9rem;
      z-index: -1; }
  range.is-warning label {
    color: #000000; }
  range input[type='range']:not(.default-browser) {
    height: 1.875rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    width: 100%; }
    range input[type='range']:not(.default-browser)::-webkit-slider-runnable-track {
      width: 100%;
      height: 3px;
      cursor: pointer;
      background-color: #ddd;
      border-radius: 31.25rem; }
    range input[type='range']:not(.default-browser)::-webkit-slider-thumb {
      height: 1rem;
      width: 1rem;
      border-radius: 31.25rem;
      background-color: #353535;
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -7px;
      transition: all .1s ease-out; }
      range input[type='range']:not(.default-browser)::-webkit-slider-thumb:active {
        transform: scale(0); }
      range input[type='range']:not(.default-browser)::-webkit-slider-thumb:hover {
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); }
    range input[type='range']:not(.default-browser)::-moz-range-track {
      width: 100%;
      height: 3px;
      cursor: pointer;
      background-color: #ddd;
      border-radius: 31.25rem; }
    range input[type='range']:not(.default-browser)::-moz-range-thumb {
      height: 1rem;
      width: 1rem;
      border-radius: 31.25rem;
      background-color: #353535;
      cursor: pointer;
      transition: all .1s ease-out;
      position: relative; }
      range input[type='range']:not(.default-browser)::-moz-range-thumb:active {
        transform: scale(0); }
      range input[type='range']:not(.default-browser)::-moz-range-thumb:hover {
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); }
    range input[type='range']:not(.default-browser)::-ms-track {
      width: 100%;
      height: 3px;
      cursor: pointer;
      background: transparent;
      border-color: transparent;
      color: transparent; }
    range input[type='range']:not(.default-browser)::-ms-fill-lower {
      background-color: #ddd;
      border-radius: 100px; }
    range input[type='range']:not(.default-browser)::-ms-fill-upper {
      background-color: #ddd;
      border-radius: 100px; }
    range input[type='range']:not(.default-browser)::-ms-thumb {
      margin-top: 1px;
      width: 1rem;
      height: 1rem;
      border-radius: 31.25rem;
      background-color: #353535;
      cursor: pointer;
      transition: all .1s ease-out; }
    range input[type='range']:not(.default-browser):focus {
      outline: none; }
    range input[type='range']:not(.default-browser):focus::-webkit-slider-runnable-track {
      background-color: #ddd; }
    range input[type='range']:not(.default-browser):focus::-ms-fill-lower {
      background-color: #000; }
    range input[type='range']:not(.default-browser):focus::-ms-fill-upper {
      background-color: #ddd; }
  range.is-dark input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(53, 53, 53, 0.2); }
  range.is-dark input[type='range']::-ms-fill-lower {
    background-color: rgba(53, 53, 53, 0.2); }
  range.is-dark input[type='range']::-ms-fill-upper {
    background-color: rgba(53, 53, 53, 0.2); }
  range.is-dark input[type='range']::-moz-range-track {
    background-color: rgba(53, 53, 53, 0.2); }
  range.is-dark input[type='range']::-webkit-slider-thumb {
    background-color: #353535; }
  range.is-dark input[type='range']::-moz-range-thumb {
    background-color: #353535; }
  range.is-dark input[type='range']::-ms-thumb {
    background-color: #353535; }
  range.is-dark label,
  range.is-dark label:before {
    background-color: #353535; }
  range.is-black input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(0, 0, 0, 0.2); }
  range.is-black input[type='range']::-ms-fill-lower {
    background-color: rgba(0, 0, 0, 0.2); }
  range.is-black input[type='range']::-ms-fill-upper {
    background-color: rgba(0, 0, 0, 0.2); }
  range.is-black input[type='range']::-moz-range-track {
    background-color: rgba(0, 0, 0, 0.2); }
  range.is-black input[type='range']::-webkit-slider-thumb {
    background-color: #000000; }
  range.is-black input[type='range']::-moz-range-thumb {
    background-color: #000000; }
  range.is-black input[type='range']::-ms-thumb {
    background-color: #000000; }
  range.is-black label,
  range.is-black label:before {
    background-color: #000000; }
  range.is-primary input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(105, 42, 191, 0.2); }
  range.is-primary input[type='range']::-ms-fill-lower {
    background-color: rgba(105, 42, 191, 0.2); }
  range.is-primary input[type='range']::-ms-fill-upper {
    background-color: rgba(105, 42, 191, 0.2); }
  range.is-primary input[type='range']::-moz-range-track {
    background-color: rgba(105, 42, 191, 0.2); }
  range.is-primary input[type='range']::-webkit-slider-thumb {
    background-color: #692ABF; }
  range.is-primary input[type='range']::-moz-range-thumb {
    background-color: #692ABF; }
  range.is-primary input[type='range']::-ms-thumb {
    background-color: #692ABF; }
  range.is-primary label,
  range.is-primary label:before {
    background-color: #692ABF; }
  range.is-info input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(34, 100, 200, 0.2); }
  range.is-info input[type='range']::-ms-fill-lower {
    background-color: rgba(34, 100, 200, 0.2); }
  range.is-info input[type='range']::-ms-fill-upper {
    background-color: rgba(34, 100, 200, 0.2); }
  range.is-info input[type='range']::-moz-range-track {
    background-color: rgba(34, 100, 200, 0.2); }
  range.is-info input[type='range']::-webkit-slider-thumb {
    background-color: #2264C8; }
  range.is-info input[type='range']::-moz-range-thumb {
    background-color: #2264C8; }
  range.is-info input[type='range']::-ms-thumb {
    background-color: #2264C8; }
  range.is-info label,
  range.is-info label:before {
    background-color: #2264C8; }
  range.is-success input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(34, 200, 92, 0.2); }
  range.is-success input[type='range']::-ms-fill-lower {
    background-color: rgba(34, 200, 92, 0.2); }
  range.is-success input[type='range']::-ms-fill-upper {
    background-color: rgba(34, 200, 92, 0.2); }
  range.is-success input[type='range']::-moz-range-track {
    background-color: rgba(34, 200, 92, 0.2); }
  range.is-success input[type='range']::-webkit-slider-thumb {
    background-color: #22C85C; }
  range.is-success input[type='range']::-moz-range-thumb {
    background-color: #22C85C; }
  range.is-success input[type='range']::-ms-thumb {
    background-color: #22C85C; }
  range.is-success label,
  range.is-success label:before {
    background-color: #22C85C; }
  range.is-warning input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(255, 210, 50, 0.2); }
  range.is-warning input[type='range']::-ms-fill-lower {
    background-color: rgba(255, 210, 50, 0.2); }
  range.is-warning input[type='range']::-ms-fill-upper {
    background-color: rgba(255, 210, 50, 0.2); }
  range.is-warning input[type='range']::-moz-range-track {
    background-color: rgba(255, 210, 50, 0.2); }
  range.is-warning input[type='range']::-webkit-slider-thumb {
    background-color: #FFD232; }
  range.is-warning input[type='range']::-moz-range-thumb {
    background-color: #FFD232; }
  range.is-warning input[type='range']::-ms-thumb {
    background-color: #FFD232; }
  range.is-warning label,
  range.is-warning label:before {
    background-color: #FFD232; }
  range.is-danger input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(255, 0, 80, 0.2); }
  range.is-danger input[type='range']::-ms-fill-lower {
    background-color: rgba(255, 0, 80, 0.2); }
  range.is-danger input[type='range']::-ms-fill-upper {
    background-color: rgba(255, 0, 80, 0.2); }
  range.is-danger input[type='range']::-moz-range-track {
    background-color: rgba(255, 0, 80, 0.2); }
  range.is-danger input[type='range']::-webkit-slider-thumb {
    background-color: #FF0050; }
  range.is-danger input[type='range']::-moz-range-thumb {
    background-color: #FF0050; }
  range.is-danger input[type='range']::-ms-thumb {
    background-color: #FF0050; }
  range.is-danger label,
  range.is-danger label:before {
    background-color: #FF0050; }
  range[disabled], range.is-disabled {
    background-color: #ddd;
    box-shadow: none; }

process {
  display: block;
  height: 0.5rem;
  width: 100%;
  margin: 1.5rem 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 5px -1px rgba(0, 0, 0, 0.05); }
  process.is-cloud {
    background-color: rgba(255, 255, 255, 0.4); }
  process complete {
    display: flex;
    height: 100%;
    width: 1%;
    background-color: #353535;
    position: relative;
    transition: all .2s ease; }
    process complete, process complete::before, process complete::after {
      align-content: center;
      align-items: center;
      justify-content: center; }
    process complete::after, process complete::before {
      display: none;
      left: 50%;
      top: -3.5em;
      z-index: 20;
      width: 1.5rem;
      color: #FFFFFF;
      height: 1.5rem;
      font-size: .5rem;
      font-weight: bold;
      border-radius: 50%;
      content: attr(value);
      position: absolute;
      transform: translateX(-50%); }
    process complete::after {
      box-shadow: 2px 0 8px -1px rgba(0, 0, 0, 0.2);
      background-color: #353535;
      content: '';
      left: initial;
      border-radius: 50% 50% 0 50%;
      z-index: 15;
      transform: rotate(45deg); }
  process[label='static'] complete::before,
  process[label='floating']:hover complete::before,
  process[label='static'] complete::after,
  process[label='floating']:hover complete::after {
    display: flex;
    animation: fade-in .3s ease; }
  process.is-infinite {
    overflow: hidden; }
    process.is-infinite complete,
    process.is-infinite.is-very-lower complete,
    process.is-infinite.is-lower complete,
    process.is-infinite.is-very-fast complete,
    process.is-infinite.is-fast complete {
      animation-name: process;
      animation-timing-function: ease;
      animation-iteration-count: infinite; }
    process.is-infinite.is-very-lower complete {
      animation-duration: 3.5s; }
    process.is-infinite.is-lower complete {
      animation-duration: 3s; }
    process.is-infinite complete {
      animation-duration: 2s; }
    process.is-infinite.is-fast complete {
      animation-duration: 1s; }
    process.is-infinite.is-very-fast complete {
      animation-duration: .5s; }
  process,
  process complete {
    border-radius: 31.25rem; }
  process.is-dark complete,
  process.is-dark complete::before,
  process.is-dark complete::after {
    background-color: #353535; }
  process.is-black complete,
  process.is-black complete::before,
  process.is-black complete::after {
    background-color: #000000; }
  process.is-cloud complete,
  process.is-cloud complete::before,
  process.is-cloud complete::after {
    background-color: #FFFFFF; }
  process.is-primary complete,
  process.is-primary complete::before,
  process.is-primary complete::after {
    background-color: #692ABF; }
  process.is-info complete,
  process.is-info complete::before,
  process.is-info complete::after {
    background-color: #2264C8; }
  process.is-success complete,
  process.is-success complete::before,
  process.is-success complete::after {
    background-color: #22C85C; }
  process.is-warning complete,
  process.is-warning complete::before,
  process.is-warning complete::after {
    background-color: #FFD232; }
  process.is-danger complete,
  process.is-danger complete::before,
  process.is-danger complete::after {
    background-color: #FF0050; }
  process.is-warning complete,
  process.is-warning complete::before,
  process.is-warning complete::after {
    color: #353535; }
  process.is-tiny {
    height: 0.1rem; }
  process.is-small {
    height: 0.3rem; }
  process.is-medium {
    height: 0.8rem; }
  process.is-large {
    height: 1rem; }

preload {
  display: inline-block;
  border: 2px solid #692ABF;
  border-radius: 100%;
  width: 1.875rem;
  height: 1.875rem;
  margin: .5em;
  animation-duration: 1s; }
  preload.is-dark {
    border-color: #353535; }
  preload.is-black {
    border-color: #000000; }
  preload.is-cloud {
    border-color: #FFFFFF; }
  preload.is-primary {
    border-color: #692ABF; }
  preload.is-info {
    border-color: #2264C8; }
  preload.is-success {
    border-color: #22C85C; }
  preload.is-warning {
    border-color: #FFD232; }
  preload.is-danger {
    border-color: #FF0050; }
  preload.is-tiny {
    width: 0.625rem;
    height: 0.625rem;
    border: 1px solid #692ABF; }
  preload.is-small {
    width: 1.25rem;
    height: 1.25rem; }
  preload.is-medium {
    width: 2.5rem;
    height: 2.5rem; }
  preload.is-large {
    width: 3.125rem;
    height: 3.125rem; }
  preload.is-lower {
    animation-duration: 2s; }
  preload.is-fast {
    animation-duration: 0.5s; }
  preload, preload.is-lower, preload.is-fast {
    animation-name: preload;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
  preload.is-dinamic {
    animation-name: preload-dinamic; }
  preload, preload.is-dinamic {
    border-top-color: transparent !important; }

tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%; }
  tags.is-group {
    border-radius: .2rem;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
    overflow: hidden;
    margin: 0.125rem;
    flex: 0; }
    tags.is-group > tag, tags.is-group > badge {
      margin: 0;
      border-radius: 0; }
    tags.is-group.is-boxed {
      flex-direction: column; }
      tags.is-group.is-boxed > tag, tags.is-group.is-boxed > badge {
        padding: 0.125rem 0.625rem; }
  tags:not(:last-child) {
    margin-bottom: 1rem; }

tag, badge {
  margin: 2px;
  line-height: 1.25rem;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow-x: auto;
  padding: 0.125rem 0.5rem;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 0.1875rem;
  background-color: #F6F6F6; }
  tag.is-dark, badge.is-dark {
    background-color: #353535; }
  tag.is-black, badge.is-black {
    background-color: #000000; }
  tag.is-primary, badge.is-primary {
    background-color: #692ABF; }
  tag.is-info, badge.is-info {
    background-color: #2264C8; }
  tag.is-success, badge.is-success {
    background-color: #22C85C; }
  tag.is-warning, badge.is-warning {
    background-color: #FFD232; }
  tag.is-danger, badge.is-danger {
    background-color: #FF0050; }
  tag.is-primary, badge.is-primary, tag.is-info, badge.is-info, tag.is-success, badge.is-success, tag.is-danger, badge.is-danger, tag.is-dark, badge.is-dark, tag.is-black, badge.is-black {
    color: #FFFFFF; }
  tag.is-warning, badge.is-warning {
    color: #353535; }

tags.is-rounded,
tag.is-rounded,
badge.is-rounded {
  border-radius: 10000em; }

tags.is-small > tag, tags.is-small > badge,
tag.is-small,
badge.is-small {
  line-height: 1rem;
  font-size: 0.5rem;
  padding: 0.125rem 0.3125rem; }

tags.is-large > tag, tags.is-large > badge,
tag.is-large,
badge.is-large {
  font-size: 16px;
  line-height: 1.5rem;
  padding: 0.1875rem 0.75rem; }

badge {
  border-radius: 100em;
  position: relative;
  line-height: normal; }
  badge:first-child {
    margin-right: 0.5rem; }
  badge:last-child {
    margin-left: 0.5rem; }
  badge:first-child:last-child {
    margin: 0; }

toggles {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap; }
  toggles[disabled] {
    pointer-events: none;
    opacity: .7; }

toggle {
  max-height: 30px;
  height: 30px;
  max-width: 4rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /*clases small y large para el toggle*/
  /*mixins que generan el color y estilo del toggle*/ }
  toggle > [type='checkbox'] {
    display: none; }
  toggle > label {
    position: relative;
    display: block;
    width: 2.5rem;
    height: .5rem;
    line-height: 1.5;
    margin: 0 .5rem;
    cursor: pointer;
    border-radius: .5rem;
    background-color: #f0f0f0;
    box-shadow: inset 0 0 7px -1px rgba(53, 53, 53, 0.2); }
    toggle > label:before {
      content: '';
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: 0;
      width: 1.25rem;
      height: 1.25rem;
      line-height: 1.5rem;
      border-radius: 100%;
      background-color: #9b9b9b;
      box-shadow: 0 0 3px 1px rgba(53, 53, 53, 0.2);
      transition: all .25s ease-out;
      z-index: 10; }
    toggle > label:hover::before {
      left: -.15rem;
      width: 1.4rem;
      height: 1.4rem; }
  toggle.is-small > label {
    height: .1rem; }
  toggle.is-medium > label {
    height: 0.8rem;
    border-radius: 5rem; }
  toggle.is-large > label {
    height: 1.2rem;
    border-radius: 5rem; }
  toggle > :checked + label {
    background-color: rgba(53, 53, 53, 0.5);
    transform: rotate(0); }
  toggle > :checked + label::before {
    left: 1.25rem;
    background-color: #343434; }
  toggle.is-dark > :checked + label {
    background-color: rgba(53, 53, 53, 0.2); }
    toggle.is-dark > :checked + label::before {
      background-color: #353535; }
  toggle.is-black > :checked + label {
    background-color: rgba(0, 0, 0, 0.2); }
    toggle.is-black > :checked + label::before {
      background-color: #000000; }
  toggle.is-cloud > :checked + label {
    background-color: rgba(255, 255, 255, 0.2); }
    toggle.is-cloud > :checked + label::before {
      background-color: #FFFFFF; }
  toggle.is-light > :checked + label {
    background-color: rgba(246, 246, 246, 0.2); }
    toggle.is-light > :checked + label::before {
      background-color: #F6F6F6; }
  toggle.is-primary > :checked + label {
    background-color: rgba(105, 42, 191, 0.2); }
    toggle.is-primary > :checked + label::before {
      background-color: #692ABF; }
  toggle.is-info > :checked + label {
    background-color: rgba(34, 100, 200, 0.2); }
    toggle.is-info > :checked + label::before {
      background-color: #2264C8; }
  toggle.is-success > :checked + label {
    background-color: rgba(34, 200, 92, 0.2); }
    toggle.is-success > :checked + label::before {
      background-color: #22C85C; }
  toggle.is-warning > :checked + label {
    background-color: rgba(255, 210, 50, 0.2); }
    toggle.is-warning > :checked + label::before {
      background-color: #FFD232; }
  toggle.is-danger > :checked + label {
    background-color: rgba(255, 0, 80, 0.2); }
    toggle.is-danger > :checked + label::before {
      background-color: #FF0050; }

/*clase disabled para elemento toogle*/
toggle[disabled] > label,
toggles[disabled] > toggle > label {
  background-color: #e8e8e8 !important;
  pointer-events: none; }

toggle[disabled] > label::before,
toggles[disabled] > toggle > label::before {
  background-color: #cfcfcf !important;
  pointer-events: none; }

toggle[disabled] > label:hover::before {
  width: 1.25rem;
  height: 1.25rem;
  left: 0; }

box {
  display: block;
  width: 100%;
  padding: 1rem;
  border-radius: 0.1875rem;
  box-shadow: 0 0.625rem 1.875rem -0.3125rem rgba(0, 0, 0, 0.15); }

item, dropmenu drop-item, acordeon acordeon-item, navbar nav-item, group group-item, listgroup list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-overflow: ellipsis;
  max-width: 100%; }

acordeon {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.3125rem; }
  acordeon acordeon-item {
    line-height: 2.5rem;
    cursor: pointer;
    user-select: none; }
  acordeon content {
    transition: max-height .35s ease-in-out;
    background-color: rgba(255, 255, 255, 0.15);
    display: block;
    max-height: 0;
    overflow: hidden; }
    acordeon content.is-visible {
      max-height: 100vh; }
  acordeon.is-material {
    box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.1); }
    acordeon.is-material,
    acordeon.is-material acordeon-item {
      background-color: #FFFFFF; }
    acordeon.is-material acordeon-item {
      color: #692ABF;
      padding: 0 1rem;
      box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.15); }
      acordeon.is-material acordeon-item icon:hover {
        color: #000000; }

notify {
  display: flex;
  align-items: flex-start;
  position: relative;
  justify-content: space-between;
  background-color: #F6F6F6;
  border-radius: 0.3125rem;
  padding: 1rem 2rem 1rem 1rem;
  user-select: none; }
  notify close {
    position: absolute;
    top: .25rem;
    right: .4rem; }
  notify.is-dark {
    background-color: #353535; }
  notify.is-black {
    background-color: #000000; }
  notify.is-primary {
    background-color: #692ABF; }
  notify.is-info {
    background-color: #2264C8; }
  notify.is-success {
    background-color: #22C85C; }
  notify.is-warning {
    background-color: #FFD232; }
  notify.is-danger {
    background-color: #FF0050; }
  notify.is-primary, notify.is-info, notify.is-success, notify.is-danger, notify.is-dark, notify.is-black {
    color: #FFFFFF; }
  notify.is-light, notify.is-warning {
    color: #353535; }

breadcrumb {
  overflow-x: auto;
  display: flex;
  width: 100%; }
  breadcrumb item {
    flex: 0 0 auto;
    cursor: pointer;
    position: relative;
    justify-content: center;
    padding: 0 1rem;
    word-break: no-all; }
    breadcrumb item:before, breadcrumb item:after {
      content: '\\';
      position: absolute;
      width: 0.875rem;
      right: -0.5rem;
      font-family: "FontAwesome";
      text-align: center;
      font-size: inherit;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none; }
    breadcrumb item:after {
      display: none; }
    breadcrumb item:not(.is-active):hover {
      color: #000000; }
    breadcrumb item.is-active * {
      color: #000000; }
  breadcrumb:not(.is-right) item:first-child {
    padding-left: 0; }
  breadcrumb:not(.is-right) item:last-child {
    padding-right: 0; }
    breadcrumb:not(.is-right) item:last-child:before {
      display: none; }
  breadcrumb.is-right,
  breadcrumb.is-right item {
    flex-direction: row-reverse;
    justify-content: flex-start; }
  breadcrumb.is-right item:after {
    display: block;
    right: initial;
    left: -0.5rem;
    content: '/'; }
  breadcrumb.is-right item:first-child {
    padding-right: 0; }
  breadcrumb.is-right item:last-child {
    padding-left: 0; }
    breadcrumb.is-right item:last-child:after {
      display: none; }
  breadcrumb.is-right item:before {
    display: none; }
  breadcrumb.is-arrowed item:before {
    content: '\02192'; }
  breadcrumb.is-right.is-arrowed item:after {
    content: '\02190'; }
  breadcrumb.is-dotted item:before {
    content: '\02022';
    font-size: 0.5rem; }
  breadcrumb.is-small item:before,
  breadcrumb.is-small item:after {
    font-size: 0.5rem; }
  breadcrumb.is-large item:before,
  breadcrumb.is-large item:after {
    font-size: 1.25rem; }

@media screen and (max-width: 48rem) {
  breadcrumb.is-center,
  breadcrumb.is-center item {
    justify-content: flex-start; } }

card {
  display: flex;
  flex-direction: column;
  border-radius: 0.1875rem;
  overflow: hidden;
  position: relative; }
  card header,
  card footer {
    display: flex;
    height: 3rem;
    align-items: center; }
  card content {
    padding: 1rem; }
  card header {
    padding: 0 0.5rem;
    justify-content: space-between; }
  card footer {
    justify-content: stretch; }
    card footer item {
      min-height: 3rem;
      flex-grow: 1;
      justify-content: center;
      min-width: 2rem;
      text-overflow: ellipsis; }

responsive {
  display: block;
  max-width: 100%;
  width: 100%;
  position: relative; }
  responsive.is-table {
    overflow-x: auto; }
  responsive.is-square-16 {
    width: 1rem;
    height: 1rem; }
  responsive.is-square-24 {
    width: 1.5rem;
    height: 1.5rem; }
  responsive.is-square-32 {
    width: 2rem;
    height: 2rem; }
  responsive.is-square-48 {
    width: 3rem;
    height: 3rem; }
  responsive.is-square-64 {
    width: 4rem;
    height: 4rem; }
  responsive.is-square-96 {
    width: 6rem;
    height: 6rem; }
  responsive.is-square-128 {
    width: 8rem;
    height: 8rem; }
  responsive.is-square-256 {
    width: 16rem;
    height: 16rem; }

img,
video,
audio,
embed,
object {
  max-width: 100%;
  width: 100%;
  height: auto;
  overflow: hidden; }

img[alt] {
  color: #353535;
  font-size: 0.75rem; }

img.blur-2 {
  filter: blur(2px); }

img.blur-4 {
  filter: blur(4px); }

img.blur-6 {
  filter: blur(6px); }

img.blur-8 {
  filter: blur(8px); }

img.blur-10 {
  filter: blur(10px); }

img.is-rounded {
  border-radius: 100000em; }

img.is-bg-5,
img.is-bg-4,
img.is-bg-3,
img.is-bg-2,
img.is-bg {
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: visible;
  background-position: center center; }

img.is-bg-5 {
  z-index: -5; }

img.is-bg-4 {
  z-index: -4; }

img.is-bg-3 {
  z-index: -3; }

img.is-bg-2 {
  z-index: -2; }

img.is-bg {
  z-index: -1; }

social {
  width: 100%; }
  social,
  social media,
  social content,
  social content header,
  social content footer {
    display: flex; }
  social,
  social media,
  social content {
    align-items: flex-start;
    align-content: flex-start; }
  social {
    margin: 0.5rem 0;
    padding: 0.5rem 0; }
  social media {
    max-width: 20%;
    margin-right: .5rem; }
  social content {
    flex-direction: column;
    flex-grow: 1;
    padding: 0 .5em; }
    social content section,
    social content header,
    social content footer {
      width: 100%; }
    social content header,
    social content footer {
      align-items: center;
      align-content: center; }
    social content header {
      justify-content: space-between; }

slideshow {
  position: relative; }
  slideshow:hover .slider-next {
    right: 1rem; }
  slideshow:hover .slider-prev {
    left: 1rem; }
  slideshow, slideshow sliders {
    display: flex;
    overflow: hidden;
    width: 100%; }
  slideshow sliders {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  slideshow[animation="slide"] sliders {
    transition: left .2s ease-out; }
  slideshow[animation="slide-vertical"] sliders {
    transition: top .2s ease-out;
    flex-direction: column; }
  slideshow[animation="fade"] sliders {
    position: relative;
    overflow: visible; }
  slideshow[animation="fade"] slider {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out; }
    slideshow[animation="fade"] slider.is-active {
      opacity: 1; }
  slideshow slider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    slideshow slider-container,
    slideshow slider .slider-caption {
      display: "flex";
      align-items: "center";
      align-content: "center";
      justify-content: "center";
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 20; }
    slideshow slider-container {
      bottom: 0;
      padding: 2rem 4rem; }
    slideshow slider .slider-caption {
      z-index: 10;
      background-color: rgba(0, 0, 0, 0.2);
      color: #FFFFFF;
      padding: 1rem; }
    slideshow slider.is-active {
      transition: all .2s ease-in-out; }
      slideshow slider.is-active .slider-caption {
        z-index: 25; }
  slideshow .slider-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #353535;
    background-color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all .2s ease-out; }
    slideshow .slider-control:hover {
      transform: scale(1.1) translateY(-51%);
      color: #692ABF; }
  slideshow .slider-prev {
    left: -3rem; }
  slideshow .slider-next {
    right: -3rem; }

menu {
  margin: 0;
  padding: 0;
  flex-direction: column;
  justify-content: space-between; }
  menu,
  menu footer,
  menu menu-item {
    display: flex; }
  menu,
  menu menu-item,
  menu footer {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start; }
  menu menu-list {
    display: block;
    width: 95%;
    margin: 0.25rem 1rem;
    margin-right: 0;
    padding-left: .5rem; }
  menu menu-item,
  menu footer {
    align-content: stretch;
    align-items: center;
    position: relative;
    cursor: pointer;
    width: 100%;
    padding: 0 1rem;
    text-overflow: ellipsis;
    user-select: none; }
  menu footer {
    padding: 0;
    font-size: 0.75rem;
    flex-direction: column; }
  menu .is-title {
    text-transform: uppercase;
    pointer-events: none;
    font-size: 0.75rem;
    opacity: .75; }
  menu .is-active {
    background-color: #692ABF; }
    menu .is-active,
    menu .is-active * {
      color: #FFFFFF; }

message {
  flex-direction: column;
  border: 1px solid #dddddd;
  border-radius: .2rem;
  overflow: hidden;
  margin: .5em 0; }
  message,
  message header {
    display: flex; }
  message header {
    background-color: #dddddd;
    align-items: center;
    line-height: normal;
    justify-content: space-between;
    padding: 0.25rem .5rem; }
  message content {
    background-color: #F6F6F6;
    padding: .5rem;
    padding-right: 1.5rem; }
  message.is-dark {
    border-color: #353535; }
    message.is-dark header {
      background-color: #353535; }
    message.is-dark content {
      background-color: rgba(53, 53, 53, 0.05);
      color: #020202; }
  message.is-black {
    border-color: #000000; }
    message.is-black header {
      background-color: #000000; }
    message.is-black content {
      background-color: rgba(0, 0, 0, 0.05);
      color: black; }
  message.is-cloud {
    border-color: #FFFFFF; }
    message.is-cloud header {
      background-color: #FFFFFF; }
    message.is-cloud content {
      background-color: rgba(255, 255, 255, 0.05);
      color: #cccccc; }
  message.is-primary {
    border-color: #692ABF; }
    message.is-primary header {
      background-color: #692ABF; }
    message.is-primary content {
      background-color: rgba(105, 42, 191, 0.05);
      color: #3b186b; }
  message.is-info {
    border-color: #2264C8; }
    message.is-info header {
      background-color: #2264C8; }
    message.is-info content {
      background-color: rgba(34, 100, 200, 0.05);
      color: #133871; }
  message.is-success {
    border-color: #22C85C; }
    message.is-success header {
      background-color: #22C85C; }
    message.is-success content {
      background-color: rgba(34, 200, 92, 0.05);
      color: #137134; }
  message.is-warning {
    border-color: #FFD232; }
    message.is-warning header {
      background-color: #FFD232; }
    message.is-warning content {
      background-color: rgba(255, 210, 50, 0.05);
      color: #cb9e00; }
  message.is-danger {
    border-color: #FF0050; }
    message.is-danger header {
      background-color: #FF0050; }
    message.is-danger content {
      background-color: rgba(255, 0, 80, 0.05);
      color: #990030; }
  message.is-primary header, message.is-info header, message.is-success header, message.is-danger header, message.is-dark header, message.is-black header {
    color: #FFFFFF; }
  message.is-light header, message.is-warning header {
    color: #353535; }

modal {
  align-items: center;
  justify-content: center;
  z-index: 500; }
  modal.is-slide-up {
    align-items: flex-end; }
  modal.is-slide-down {
    align-items: flex-start; }
  modal > content {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    background-color: #FFFFFF;
    box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.4);
    z-index: 510; }
    modal > content > header {
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: space-between;
      background-color: #F6F6F6;
      padding: .25rem;
      z-index: 515; }
  modal.is-fluid > content {
    width: 100%;
    height: 100%; }
  modal.is-visible {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    modal.is-visible > content {
      display: flex; }
      modal.is-visible > content close {
        position: absolute;
        top: 1rem;
        right: 1rem;
        font-size: 3em;
        line-height: 0.75; }
    modal.is-visible > background {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 505;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.6); }
    @media screen and (min-width: 48rem) {
      modal.is-visible:not(.is-fluid) {
        padding: 2rem; }
        modal.is-visible:not(.is-fluid) > content {
          border-radius: 0.25rem; } }

[modal] {
  cursor: pointer; }

mega {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
  padding: 3rem; }
  mega > header {
    letter-spacing: .2rem;
    margin-bottom: 1rem; }
  mega > content {
    text-align: justify;
    letter-spacing: .05rem; }

item, dropmenu drop-item, acordeon acordeon-item, navbar nav-item, group group-item, listgroup list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-overflow: ellipsis;
  max-width: 100%; }

navbar {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 100%;
  align-items: stretch; }
  navbar,
  navbar navmenu {
    flex-direction: column; }
  navbar navbrand,
  navbar navmenu {
    display: flex;
    position: relative;
    flex: 1 1 auto; }
    navbar navbrand > icon, navbar navbrand > icon[class^="is-"],
    navbar navmenu > icon,
    navbar navmenu > icon[class^="is-"] {
      min-width: 4rem;
      min-height: 4rem; }
    navbar navbrand field,
    navbar navmenu field {
      min-height: 4rem;
      padding: 0 16px; }
  navbar navbrand {
    min-height: 4rem;
    justify-content: space-between; }
    navbar navbrand logo {
      display: flex;
      align-items: center;
      align-content: center;
      height: 4rem;
      padding: 0.5rem;
      width: auto; }
      navbar navbrand logo img {
        width: auto;
        height: 100%; }
  navbar navmenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out; }
    navbar navmenu.is-visible {
      max-height: 100vh; }
  navbar nav-item {
    padding: 0 16px; }
  navbar nav-item,
  navbar dropdown,
  navbar .is-toggle-navbar {
    min-height: 4rem;
    min-width: 4rem;
    flex-shrink: 0;
    margin: 0;
    cursor: pointer;
    align-items: center; }
  navbar dropdown dropmenu {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  navbar.is-fixed-top, navbar.is-fixed-bottom {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 400; }
  navbar.is-fixed-top {
    top: 0;
    box-shadow: 0 0.625rem 2.5rem -0.625rem rgba(0, 0, 0, 0.15); }
  navbar.is-fixed-bottom {
    bottom: 0;
    box-shadow: 0 -0.625rem 2.5rem -0.625rem rgba(0, 0, 0, 0.15); }

@media screen and (max-width: 48rem) {
  navbar dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%; }
    navbar dropdown .is-toggle-dropdown,
    navbar dropdown drop-item {
      line-height: 4rem;
      padding: 0 16px; }
    navbar dropdown dropmenu {
      border-radius: 0;
      box-shadow: inset 0 0 50px 1px rgba(0, 0, 0, 0.025);
      border: none;
      position: relative;
      top: initial; } }

@media screen and (min-width: 48rem) {
  navbar navmenu {
    flex-direction: row;
    overflow: visible;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    max-height: 100vh; } }

@media screen and (min-width: 64rem) {
  navbar {
    flex-direction: row; }
    navbar .is-toggle-navbar {
      display: none; } }

pagination {
  min-height: 3rem;
  max-width: 100%;
  width: 100%;
  padding: 0 1rem;
  flex-wrap: wrap; }
  pagination,
  pagination page-item {
    display: flex;
    align-items: center; }
  pagination page-item {
    justify-content: center;
    border: 1px solid #F6F6F6;
    padding: 0.5rem 1rem;
    user-select: none;
    transition: all .2s ease;
    cursor: pointer;
    margin: 0.25rem;
    border-radius: 0.25rem; }
    pagination page-item:not(.is-active):hover {
      border-color: rgba(53, 53, 53, 0.4);
      color: #2264C8; }
    pagination page-item.is-active {
      background-color: #692ABF;
      border-color: #692ABF;
      color: #FFFFFF; }
    pagination page-item[disabled] {
      color: #353535;
      background-color: #F6F6F6;
      border: none; }
  pagination.is-rounded page-item {
    border-radius: 10rem; }
  pagination.is-material page-item {
    background-color: #F6F6F6;
    color: #353535; }
    pagination.is-material page-item:not(.is-active):hover {
      background-color: #FFFFFF;
      border-color: #FFFFFF;
      color: #692ABF; }
    pagination.is-material page-item.is-active {
      background-color: #FFFFFF; }
    pagination.is-material page-item[disabled] {
      background-color: transparent;
      border: none;
      opacity: 0.5; }
  pagination.is-rounded page-item {
    border-radius: 10rem; }
  @media screen and (max-width: 48rem) {
    pagination page-item.page-next, pagination page-item.page-prev {
      order: 5; } }
  @media screen and (max-width: 30rem) {
    pagination page-item.page-next, pagination page-item.page-prev {
      width: 45%; } }

tabs {
  border-bottom: 1px solid rgba(53, 53, 53, 0.1); }
  tabs, tabs.is-boxed, tabs.is-toggle {
    display: flex;
    width: 100%;
    max-width: 100%;
    z-index: 10;
    overflow-x: auto;
    overflow-y: hidden; }
    tabs.is-fluid tab, tabs.is-boxed.is-fluid tab, tabs.is-toggle.is-fluid tab {
      flex-grow: 1; }
  tabs tab {
    display: flex;
    position: relative;
    padding: 0 1rem;
    line-height: 3rem;
    flex-grow: 0;
    flex-shrink: 0;
    color: #353535;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: .25rem; }
    tabs tab a {
      color: inherit; }
    tabs tab:before {
      content: '';
      display: block;
      width: 100%;
      height: 0.125rem;
      position: absolute;
      bottom: 0;
      left: 0;
      transition: all .2s ease-out; }
    tabs tab.is-active {
      background-color: transparent;
      color: #692ABF; }
      tabs tab.is-active:before {
        background-color: #692ABF; }
    tabs tab:not(.is-active):hover {
      color: #000000; }
      tabs tab:not(.is-active):hover:before {
        background-color: rgba(53, 53, 53, 0.2); }
  tabs.is-toggle, tabs.is-boxed {
    border: none; }
    tabs.is-toggle tab, tabs.is-boxed tab {
      transition: all .2s ease-out; }
      tabs.is-toggle tab:before, tabs.is-boxed tab:before {
        display: none; }
      tabs.is-toggle tab.is-active, tabs.is-boxed tab.is-active {
        color: #692ABF;
        border: 1px solid rgba(53, 53, 53, 0.1); }
      tabs.is-toggle tab:not(.is-active):hover, tabs.is-boxed tab:not(.is-active):hover {
        background-color: rgba(53, 53, 53, 0.05); }
  tabs.is-boxed {
    box-shadow: inset 0 -1px 0 rgba(53, 53, 53, 0.1); }
    tabs.is-boxed tab {
      border-radius: .25rem .25rem 0 0; }
      tabs.is-boxed tab.is-active {
        border-bottom-color: #FFFFFF; }
  tabs.is-toggle tab {
    border: 1px solid rgba(53, 53, 53, 0.1); }
    tabs.is-toggle tab:not(:last-of-type) {
      border-right: 0; }
    tabs.is-toggle tab:not(:first-child), tabs.is-toggle tab:not(:last-child) {
      border-radius: 0; }
    tabs.is-toggle tab.is-active {
      background-color: #692ABF;
      color: #FFFFFF;
      border: none; }
    tabs.is-toggle tab:first-child {
      border-radius: .25rem 0 0 .25rem; }
    tabs.is-toggle tab:last-child {
      border-radius: 0 .25rem .25rem 0; }

@media screen and (max-width: 30rem) {
  tabs.is-center {
    justify-content: flex-start; }
  tabs.is-right {
    justify-content: flex-start; } }

tabs-content {
  z-index: 9; }
  tabs-content,
  tabs-content tab-content {
    display: block;
    max-width: 100%;
    width: 100%; }
  tabs-content tab-content {
    display: none;
    opacity: 0;
    transition: all .2s ease-out; }
    tabs-content tab-content.is-active {
      display: block;
      opacity: 1; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid rgba(53, 53, 53, 0.2); }
  table.is-boxed {
    width: 100%; }
  table.is-narrow {
    width: auto; }
    table.is-narrow td,
    table.is-narrow th {
      min-width: 0; }
  table tr {
    vertical-align: middle;
    transition: all .1s ease;
    border-bottom: 1px solid rgba(53, 53, 53, 0.2); }
    table tr.is-active {
      background-color: #692ABF;
      color: #FFFFFF;
      border-bottom: 0; }
    table tr:not(.is-active):hover {
      background-color: #f1f1f1; }
  table td,
  table th {
    text-align: left;
    padding: .5rem;
    min-width: 9.375rem;
    vertical-align: middle; }
  table.is-clean,
  table.is-striped tbody tr {
    border: none; }
  table.is-clean thead,
  table.is-clean tbody {
    border-bottom: 1px solid rgba(53, 53, 53, 0.2); }
  table.is-striped tr:nth-child(2n) {
    background-color: #F6F6F6; }
    table.is-striped tr:nth-child(2n):hover {
      background-color: #f1f1f1; }
  table.is-cell td,
  table.is-cell th {
    border-right: 1px solid rgba(53, 53, 53, 0.2);
    border-bottom: 1px solid rgba(53, 53, 53, 0.2); }
  table.is-cell thead {
    border-left: 1px solid rgba(53, 53, 53, 0.2); }
  table.is-cell thead,
  table.is-cell tbody {
    border-top: 1px solid rgba(53, 53, 53, 0.2); }

@media screen and (max-width: 600px) {
  table *.is-collapse {
    display: none; } }

item, dropmenu drop-item, acordeon acordeon-item, navbar nav-item, group group-item, listgroup list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-overflow: ellipsis;
  max-width: 100%; }

group {
  overflow-x: auto;
  display: flex;
  align-items: stretch;
  align-content: center;
  justify-content: stretch;
  width: 100%; }
  group.is-inline {
    display: inline-flex;
    width: auto; }
  group group-item {
    min-height: 2.5rem;
    justify-content: center;
    flex: 1; }
  group.is-boxed group-item {
    flex-direction: column; }
    group.is-boxed group-item icon {
      margin: 0 !important; }

listgroup {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start; }
  listgroup list-item {
    flex-grow: 1;
    justify-content: space-between;
    border: 0; }
    listgroup list-item:not(:last-child) {
      border-bottom: 1px solid rgba(53, 53, 53, 0.1); }