/*
 Kimera 0.3.7 | MIT License
 GitHub: github.com/JorgeAntrax/kimera
 Autor: Leonardo Quintana
 pseudo name: Leito Winchester Grimes Salvatore

 New module acordion

 Contact: spicer_94@hotmail.com or jantraxhernandez@gmail.com
*/
.is-small, .is-small * {
  font-size: 0.8rem;
}

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

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

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

medium {
  font-size: 1.3rem;
}

large {
  font-size: 1.6rem;
}

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

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

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

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

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

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

primary, .is-text-primary {
  color: #1fadff;
}

info, .is-text-info {
  color: #2367cd;
}

success, .is-text-success {
  color: #23cd5e;
}

warning, .is-text-warning {
  color: #ffc905;
}

danger, .is-text-danger {
  color: #ff0051;
}

.is-dark,
.is-primary,
.is-black,
.is-info,
.is-success,
.is-danger {
  color: #FFFFFF;
}

.is-light,
.is-warning,
.is-cloud {
  color: #444444;
}

right > *, justify > * > *,
justify > *,
.is-text-justify > * > *,
.is-text-justify > *,
right,
justify > *,
justify,
.is-text-justify > *,
.is-text-justify,
.is-text-right > *,
.is-text-right {
  display: block;
  text-align: right;
}

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

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

.is-full-center {
  text-align: left;
  display: flex;
  width: 100%;
  min-height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: inherit;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

h1 *.is-subtitle, h2 *.is-subtitle, h3 *.is-subtitle, h4 *.is-subtitle, h5 *.is-subtitle, h6 *.is-subtitle {
  opacity: .6;
  font-weight: normal;
  margin: 1rem 0 1.5em 0;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.3em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.7em;
}

html {
  font-size: 16px;
  font-family: sans-serif, arial;
  box-sizing: border-box;
  min-width: 12.5rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

html ::selection {
  background: #1fadff;
  color: #FFFFFF;
}

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

body {
  color: #444444;
  font-size: 1rem;
  max-width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  background-color: #fff;
  letter-spacing: 0.075rem;
  margin: 0;
}

p {
  display: block;
  margin: 0.25rem 0;
  padding: 0;
  text-align: justify;
  font-size: 1rem;
  line-height: 1.5;
}

p p {
  margin: 0;
  display: inline-block;
}

b, strong, a {
  margin: 0 0.33333rem;
}

a {
  text-decoration: none;
  color: #1fadff;
  cursor: pointer;
}

a:hover {
  color: #000;
}

item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-overflow: ellipsis;
}

divider {
  display: block;
  background-color: #000;
  margin: 1rem 0;
  width: 100%;
  height: 1px;
  opacity: .2;
}

divider.is-white {
  background-color: #FFFFFF;
}

cite, address {
  display: inline-block;
  line-height: 1.5;
  opacity: 0.7;
  font-size: 0.8rem;
}

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

small, pre, code, kbd {
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
}

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

code, kbd {
  background-color: whitesmoke;
  color: #cc0041;
  padding: 0.1875rem 0.5rem;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
  border-radius: .15rem;
  word-break: break-word;
}

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

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

mark {
  background-color: #ffd438;
  color: #444444;
}

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

ol:not(.default-browser), ol:not(.default-browser) ul, ol:not(.default-browser) ol,
ul:not(.default-browser),
ul:not(.default-browser) ul,
ul:not(.default-browser) ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

* ::-webkit-scrollbar {
  background-color: rgba(68, 68, 68, 0.05);
  width: 0.3125rem;
  height: 0.3125rem;
}

@media screen and (max-width: 480px) {
  * ::-webkit-scrollbar {
    display: none;
  }
  .is-table::-webkit-scrollbar {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  * ::-moz-scrollbar {
    display: none;
  }
  .is-table::-moz-scrollbar {
    display: block;
  }
}

* ::-webkit-scrollbar-thumb {
  background-color: rgba(68, 68, 68, 0.1);
  border-radius: 1rem;
  cursor: pointer;
  transition: all .2s ease-out;
}

* ::-webkit-scrollbar-thumb:hover, * ::-webkit-scrollbar-thumb:active {
  background-color: rgba(68, 68, 68, 0.25);
}

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

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

/*clases flexbox fila y columna*/
row {
  display: flex;
  flex: auto;
  flex-flow: column nowrap;
}

row.is-multiline {
  flex-wrap: wrap;
}

row.is-mobile {
  flex-flow: row nowrap;
}

row.is-inverted {
  flex-direction: row-reverse;
}

row.is-boxed {
  flex-direction: column;
}

row column {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 5%;
}

.is-block {
  width: 100%;
}

.is-half {
  width: 50%;
}

@media screen and (min-width: 300px) {
  .mobile-1 {
    width: 5%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-2 {
    width: 10%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-3 {
    width: 15%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-4 {
    width: 20%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-5 {
    width: 25%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-6 {
    width: 30%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-7 {
    width: 35%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-8 {
    width: 40%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-9 {
    width: 45%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-is-half {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-11 {
    width: 55%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-12 {
    width: 60%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-13 {
    width: 65%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-14 {
    width: 70%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-15 {
    width: 75%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-16 {
    width: 80%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-17 {
    width: 85%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-18 {
    width: 90%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-19 {
    width: 95%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .mobile-20 {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
  }
}

@media screen and (min-width: 480px) {
  .touch-1 {
    width: 5%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-2 {
    width: 10%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-3 {
    width: 15%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-4 {
    width: 20%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-5 {
    width: 25%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-6 {
    width: 30%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-7 {
    width: 35%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-8 {
    width: 40%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-9 {
    width: 45%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-is-half {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-11 {
    width: 55%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-12 {
    width: 60%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-13 {
    width: 65%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-14 {
    width: 70%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-15 {
    width: 75%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-16 {
    width: 80%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-17 {
    width: 85%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-18 {
    width: 90%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .touch-19 {
    width: 95%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .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: 768px) {
  row {
    flex-direction: row;
  }
  .tablet-1 {
    width: 5%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-2 {
    width: 10%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-3 {
    width: 15%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-4 {
    width: 20%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-5 {
    width: 25%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-6 {
    width: 30%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-7 {
    width: 35%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-8 {
    width: 40%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-9 {
    width: 45%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-is-half {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-11 {
    width: 55%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-12 {
    width: 60%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-13 {
    width: 65%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-14 {
    width: 70%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-15 {
    width: 75%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-16 {
    width: 80%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-17 {
    width: 85%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-18 {
    width: 90%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .tablet-19 {
    width: 95%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .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: 1024px) {
  .desktop-1 {
    width: 5%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-2 {
    width: 10%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-3 {
    width: 15%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-4 {
    width: 20%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-5 {
    width: 25%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-6 {
    width: 30%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-7 {
    width: 35%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-8 {
    width: 40%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-9 {
    width: 45%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-is-half {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-11 {
    width: 55%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-12 {
    width: 60%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-13 {
    width: 65%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-14 {
    width: 70%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-15 {
    width: 75%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-16 {
    width: 80%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-17 {
    width: 85%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-18 {
    width: 90%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .desktop-19 {
    width: 95%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .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: 1300px) {
  .widescreen-1 {
    width: 5%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-2 {
    width: 10%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-3 {
    width: 15%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-4 {
    width: 20%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-5 {
    width: 25%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-6 {
    width: 30%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-7 {
    width: 35%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-8 {
    width: 40%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-9 {
    width: 45%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-is-half {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-11 {
    width: 55%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-12 {
    width: 60%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-13 {
    width: 65%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-14 {
    width: 70%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-15 {
    width: 75%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-16 {
    width: 80%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-17 {
    width: 85%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-18 {
    width: 90%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .widescreen-19 {
    width: 95%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .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: 480px) {
  .is-visible-touch {
    display: none;
  }
}

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

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

@media screen and (max-width: 1300px) {
  .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 sidebar:not(:first-of-type):last-of-type {
  grid-area: sidebar2;
}

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 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 {
  overflow: hidden;
}

layout.is-dashboard > main, layout.is-dashboard > sidebar {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

@media screen and (min-width: 899px) {
  layout {
    grid-template-columns: 20% auto;
    grid-template-areas: "header header"
 "navbar navbar"
 "sidebar main"
 "footer footer";
  }
  layout.is-rtl {
    grid-template-columns: auto 20%;
    grid-template-areas: "header header"
 "navbar navbar"
 "main sidebar"
 "footer footer";
  }
  layout.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.is-small-sidebar {
    grid-template-columns: 15% 85%;
  }
  layout.is-medium-sidebar {
    grid-template-columns: 25% 75%;
  }
  layout.is-large-sidebar {
    grid-template-columns: 30% 70%;
  }
}

@media screen and (max-width: 768px) {
  layout.is-sidebar-ofcanvas > sidebar {
    position: fixed;
    top: 0;
    z-index: 20;
    max-width: 40%;
    transition: all .15s ease-out;
    left: -110%;
  }
  layout.is-sidebar-ofcanvas > sidebar.is-visible {
    rght: 0;
  }
}

[tooltip] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0 0.3125rem;
  user-select: none;
  border-bottom: 1px dotted #c2c2c2;
}

[tooltip]::after, [tooltip]::before {
  position: absolute;
  display: none;
  background-color: #444444;
}

[tooltip]::after {
  content: attr(tooltip);
  padding: .15rem 0.5rem;
  border-radius: 31.25rem;
  z-index: 1000;
  padding: 0.25rem 1rem;
  transition: all .5s ease-out;
  font-size: 0.55rem;
  text-align: center;
  color: #FFFFFF;
  min-width: 7.5rem;
}

[tooltip]::before {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  z-index: 999;
}

[tooltip].is-up::after, [tooltip].is-bottom::after, [tooltip].is-up::before, [tooltip].is-bottom::before {
  left: 57.5%;
  transform: translateX(-57.5%);
}

[tooltip].is-up::before, [tooltip].is-bottom::before {
  transform: translateX(-67.5%) rotate(45deg);
}

[tooltip].is-left::after, [tooltip].is-right::after, [tooltip].is-left::before, [tooltip].is-right::before {
  top: 57.5%;
  transform: translateY(-57.5%);
}

[tooltip].is-left::before, [tooltip].is-right::before {
  transform: translateY(-67.5%) rotate(45deg);
}

[tooltip].is-up::after {
  bottom: 115%;
}

[tooltip].is-bottom::after {
  top: 115%;
}

[tooltip].is-up::before {
  bottom: 100%;
}

[tooltip].is-bottom::before {
  top: 100%;
}

[tooltip].is-left::after {
  right: 115%;
}

[tooltip].is-right::after {
  left: 115%;
}

[tooltip].is-left::before {
  right: 113%;
}

[tooltip].is-right::before {
  left: 113%;
}

[tooltip].is-dark {
  color: inherit;
}

[tooltip].is-dark::after, [tooltip].is-dark::before {
  background-color: #444444;
}

[tooltip].is-black {
  color: inherit;
}

[tooltip].is-black::after, [tooltip].is-black::before {
  background-color: #000;
}

[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: whitesmoke;
}

[tooltip].is-primary {
  color: inherit;
}

[tooltip].is-primary::after, [tooltip].is-primary::before {
  background-color: #1fadff;
}

[tooltip].is-info {
  color: inherit;
}

[tooltip].is-info::after, [tooltip].is-info::before {
  background-color: #2367cd;
}

[tooltip].is-success {
  color: inherit;
}

[tooltip].is-success::after, [tooltip].is-success::before {
  background-color: #23cd5e;
}

[tooltip].is-warning {
  color: inherit;
}

[tooltip].is-warning::after, [tooltip].is-warning::before {
  background-color: #ffd438;
  color: #444444;
}

[tooltip].is-danger {
  color: inherit;
}

[tooltip].is-danger::after, [tooltip].is-danger::before {
  background-color: #ff0051;
}

[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 #e8e8e8;
  border-radius: 0.1875rem;
  background-color: whitesmoke;
  font-style: italic;
  margin: 0;
}

blockquote.is-dark {
  color: inherit;
  border-color: #444444;
}

blockquote.is-dark icon {
  color: #444444;
}

blockquote.is-black {
  color: inherit;
  border-color: #000;
}

blockquote.is-black icon {
  color: #000;
}

blockquote.is-primary {
  color: inherit;
  border-color: #1fadff;
}

blockquote.is-primary icon {
  color: #1fadff;
}

blockquote.is-info {
  color: inherit;
  border-color: #2367cd;
}

blockquote.is-info icon {
  color: #2367cd;
}

blockquote.is-success {
  color: inherit;
  border-color: #23cd5e;
}

blockquote.is-success icon {
  color: #23cd5e;
}

blockquote.is-warning {
  color: inherit;
  border-color: #ffd438;
}

blockquote.is-warning icon {
  color: #ffd438;
}

blockquote.is-danger {
  color: inherit;
  border-color: #ff0051;
}

blockquote.is-danger icon {
  color: #ff0051;
}

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.3125rem;
}

blockquote.is-icon-left icon {
  left: 0.5rem;
}

blockquote.is-icon-right icon {
  right: 0.5rem;
}

icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 16px;
  border-radius: 0.125rem;
}

icon.is-normal {
  font-size: 16px;
  width: 1.5rem;
  height: 1.5rem;
}

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

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

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

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

icon:first-child:not(:last-child) {
  margin-right: .5rem;
}

icon:last-child:not(:first-child) {
  margin-left: .5rem;
}

icon:last-child:first-child {
  margin: 0;
}

icon.is-close {
  opacity: .5;
  width: auto;
}

icon.is-close:hover {
  opacity: 1;
  cursor: pointer;
}

.burger-icon, .burger-icon--cloud, .ellipsis-icon, .ellipsis-icon--cloud {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.5rem;
  height: 1.25rem;
}

.burger-icon > *, .burger-icon--cloud > *, .ellipsis-icon > *, .ellipsis-icon--cloud > * {
  background-color: #444444;
  height: 1px;
}

.burger-icon--cloud > * {
  background-color: #FFFFFF;
}

.ellipsis-icon, .ellipsis-icon--cloud {
  align-items: center;
}

.ellipsis-icon > *, .ellipsis-icon--cloud > * {
  width: 4px;
  height: 4px;
  border-radius: 5em;
}

.ellipsis-icon--cloud > span {
  background-color: #FFFFFF;
}

button,
.button {
  transition: all .1s linear;
  background-color: #FFFFFF;
  color: #444444;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1rem;
  outline: none;
  cursor: pointer;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  line-height: 1.5;
  user-select: none;
  border-radius: 0.125rem;
  padding: 0.3125rem 0.9375rem;
  position: relative;
  overflow: hidden;
}

button::before,
.button::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: -1;
  border-radius: 1000em;
  transition: all .2s ease-out;
}

button.is-rounded,
.button.is-rounded {
  border-radius: 1000em;
}

button:not([inactive]):hover, button.hovered:not([inactive]),
.button:not([inactive]):hover,
.button.hovered:not([inactive]) {
  z-index: 1;
}

button:not([inactive]):hover::before, button.hovered:not([inactive])::before,
.button:not([inactive]):hover::before,
.button.hovered:not([inactive])::before {
  background-color: rgba(0, 0, 0, 0.05);
  width: 50em;
  height: 50em;
}

button:focus, button.focused,
.button:focus,
.button.focused {
  box-shadow: 0 0 0 2px rgba(68, 68, 68, 0.1);
  background-color: whitesmoke;
}

button.is-boxed,
.button.is-boxed {
  flex-direction: column;
  padding: 0.5em;
  justify-content: space-between;
}

button.is-boxed icon:first-child,
button.is-boxed icon:last-child,
.button.is-boxed icon:first-child,
.button.is-boxed icon:last-child {
  margin: 0 0 0.5rem 0;
}

button.is-block,
.button.is-block {
  display: flex;
}

button icon,
.button icon {
  height: 1.5;
}

button icon:first-child:last-child,
.button icon:first-child:last-child {
  width: 1.5em;
  height: 1.5em;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

button.is-dark, button.is-dark-outline:hover::before,
.button.is-dark,
.button.is-dark-outline:hover::before {
  background-color: #444444;
}

button.is-dark, button.is-dark-outline,
.button.is-dark,
.button.is-dark-outline {
  border: 1px solid #444444;
}

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: #444444;
}

button.is-dark, button.is-dark-outline:hover,
.button.is-dark,
.button.is-dark-outline:hover {
  color: #FFFFFF;
}

button.is-dark:focus, button.is-dark.focused, button.is-dark-outline:focus, button.is-dark-outline.focused, button.is-dark-invert:focus, button.is-dark-invert.focused, button.is-dark-inverse:focus,
.button.is-dark:focus,
.button.is-dark.focused,
.button.is-dark-outline:focus,
.button.is-dark-outline.focused,
.button.is-dark-invert:focus,
.button.is-dark-invert.focused,
.button.is-dark-inverse:focus {
  box-shadow: 0 0 0 2px rgba(68, 68, 68, 0.5);
}

button.is-dark[disabled],
.button.is-dark[disabled] {
  background-color: #848484;
}

button.is-black, button.is-black-outline:hover::before,
.button.is-black,
.button.is-black-outline:hover::before {
  background-color: #000;
}

button.is-black, button.is-black-outline,
.button.is-black,
.button.is-black-outline {
  border: 1px solid #000;
}

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: #000;
}

button.is-black, button.is-black-outline:hover,
.button.is-black,
.button.is-black-outline:hover {
  color: #FFFFFF;
}

button.is-black:focus, button.is-black.focused, button.is-black-outline:focus, button.is-black-outline.focused, button.is-black-invert:focus, button.is-black-invert.focused, button.is-black-inverse:focus,
.button.is-black:focus,
.button.is-black.focused,
.button.is-black-outline:focus,
.button.is-black-outline.focused,
.button.is-black-invert:focus,
.button.is-black-invert.focused,
.button.is-black-inverse:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}

button.is-black[disabled],
.button.is-black[disabled] {
  background-color: #404040;
}

button.is-light, button.is-light-outline:hover::before,
.button.is-light,
.button.is-light-outline:hover::before {
  background-color: whitesmoke;
}

button.is-light, button.is-light-outline,
.button.is-light,
.button.is-light-outline {
  border: 1px solid whitesmoke;
}

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

button.is-light, button.is-light-outline:hover,
.button.is-light,
.button.is-light-outline:hover {
  color: #444444;
}

button.is-light:focus, button.is-light.focused, button.is-light-outline:focus, button.is-light-outline.focused, button.is-light-invert:focus, button.is-light-invert.focused, button.is-light-inverse:focus,
.button.is-light:focus,
.button.is-light.focused,
.button.is-light-outline:focus,
.button.is-light-outline.focused,
.button.is-light-invert:focus,
.button.is-light-invert.focused,
.button.is-light-inverse:focus {
  box-shadow: 0 0 0 2px rgba(245, 245, 245, 0.5);
}

button.is-light[disabled],
.button.is-light[disabled] {
  background-color: white;
}

button.is-primary, button.is-primary-outline:hover::before,
.button.is-primary,
.button.is-primary-outline:hover::before {
  background-color: #1fadff;
}

button.is-primary, button.is-primary-outline,
.button.is-primary,
.button.is-primary-outline {
  border: 1px solid #1fadff;
}

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: #1fadff;
}

button.is-primary, button.is-primary-outline:hover,
.button.is-primary,
.button.is-primary-outline:hover {
  color: #FFFFFF;
}

button.is-primary:focus, button.is-primary.focused, button.is-primary-outline:focus, button.is-primary-outline.focused, button.is-primary-invert:focus, button.is-primary-invert.focused, button.is-primary-inverse:focus,
.button.is-primary:focus,
.button.is-primary.focused,
.button.is-primary-outline:focus,
.button.is-primary-outline.focused,
.button.is-primary-invert:focus,
.button.is-primary-invert.focused,
.button.is-primary-inverse:focus {
  box-shadow: 0 0 0 2px rgba(31, 173, 255, 0.5);
}

button.is-primary[disabled],
.button.is-primary[disabled] {
  background-color: #9edbff;
}

button.is-info, button.is-info-outline:hover::before,
.button.is-info,
.button.is-info-outline:hover::before {
  background-color: #2367cd;
}

button.is-info, button.is-info-outline,
.button.is-info,
.button.is-info-outline {
  border: 1px solid #2367cd;
}

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: #2367cd;
}

button.is-info, button.is-info-outline:hover,
.button.is-info,
.button.is-info-outline:hover {
  color: #FFFFFF;
}

button.is-info:focus, button.is-info.focused, button.is-info-outline:focus, button.is-info-outline.focused, button.is-info-invert:focus, button.is-info-invert.focused, button.is-info-inverse:focus,
.button.is-info:focus,
.button.is-info.focused,
.button.is-info-outline:focus,
.button.is-info-outline.focused,
.button.is-info-invert:focus,
.button.is-info-invert.focused,
.button.is-info-inverse:focus {
  box-shadow: 0 0 0 2px rgba(35, 103, 205, 0.5);
}

button.is-info[disabled],
.button.is-info[disabled] {
  background-color: #85adea;
}

button.is-success, button.is-success-outline:hover::before,
.button.is-success,
.button.is-success-outline:hover::before {
  background-color: #23cd5e;
}

button.is-success, button.is-success-outline,
.button.is-success,
.button.is-success-outline {
  border: 1px solid #23cd5e;
}

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: #23cd5e;
}

button.is-success, button.is-success-outline:hover,
.button.is-success,
.button.is-success-outline:hover {
  color: #FFFFFF;
}

button.is-success:focus, button.is-success.focused, button.is-success-outline:focus, button.is-success-outline.focused, button.is-success-invert:focus, button.is-success-invert.focused, button.is-success-inverse:focus,
.button.is-success:focus,
.button.is-success.focused,
.button.is-success-outline:focus,
.button.is-success-outline.focused,
.button.is-success-invert:focus,
.button.is-success-invert.focused,
.button.is-success-inverse:focus {
  box-shadow: 0 0 0 2px rgba(35, 205, 94, 0.5);
}

button.is-success[disabled],
.button.is-success[disabled] {
  background-color: #85eaa8;
}

button.is-warning, button.is-warning-outline:hover::before,
.button.is-warning,
.button.is-warning-outline:hover::before {
  background-color: #ffd438;
}

button.is-warning, button.is-warning-outline,
.button.is-warning,
.button.is-warning-outline {
  border: 1px solid #ffd438;
}

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: #ffd438;
}

button.is-warning, button.is-warning-outline:hover,
.button.is-warning,
.button.is-warning-outline:hover {
  color: #444444;
}

button.is-warning:focus, button.is-warning.focused, button.is-warning-outline:focus, button.is-warning-outline.focused, button.is-warning-invert:focus, button.is-warning-invert.focused, button.is-warning-inverse:focus,
.button.is-warning:focus,
.button.is-warning.focused,
.button.is-warning-outline:focus,
.button.is-warning-outline.focused,
.button.is-warning-invert:focus,
.button.is-warning-invert.focused,
.button.is-warning-inverse:focus {
  box-shadow: 0 0 0 2px rgba(255, 212, 56, 0.5);
}

button.is-warning[disabled],
.button.is-warning[disabled] {
  background-color: #fff0b8;
}

button.is-danger, button.is-danger-outline:hover::before,
.button.is-danger,
.button.is-danger-outline:hover::before {
  background-color: #ff0051;
}

button.is-danger, button.is-danger-outline,
.button.is-danger,
.button.is-danger-outline {
  border: 1px solid #ff0051;
}

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: #ff0051;
}

button.is-danger, button.is-danger-outline:hover,
.button.is-danger,
.button.is-danger-outline:hover {
  color: #FFFFFF;
}

button.is-danger:focus, button.is-danger.focused, button.is-danger-outline:focus, button.is-danger-outline.focused, button.is-danger-invert:focus, button.is-danger-invert.focused, button.is-danger-inverse:focus,
.button.is-danger:focus,
.button.is-danger.focused,
.button.is-danger-outline:focus,
.button.is-danger-outline.focused,
.button.is-danger-invert:focus,
.button.is-danger-invert.focused,
.button.is-danger-inverse:focus {
  box-shadow: 0 0 0 2px rgba(255, 0, 81, 0.5);
}

button.is-danger[disabled],
.button.is-danger[disabled] {
  background-color: #ff80a8;
}

button[class$="-outline"], button[class$="-invert"], button[class$="-inverse"]:hover::before,
.button[class$="-outline"],
.button[class$="-invert"],
.button[class$="-inverse"]:hover::before {
  background-color: #FFFFFF;
}

button[class$='-invert'],
.button[class$='-invert'] {
  border-color: #FFFFFF;
}

button[class$='-inverse'],
.button[class$='-inverse'] {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

button[type='floating'],
.button[type='floating'] {
  z-index: 40;
  margin: 0.3125rem;
  border-radius: 1000em;
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.1);
  padding: 0.625rem 1.25rem;
}

button[type='floating']:hover,
.button[type='floating']:hover {
  box-shadow: 0 6px 15px -1px rgba(0, 0, 0, 0.1);
}

button[inactive], button[inactive]:active, button[inactive]:focus, button[inactive]:hover,
.button[inactive],
.button[inactive]:active,
.button[inactive]:focus,
.button[inactive]:hover {
  cursor: default;
  ponter-events: none;
  box-shadow: 0 0 0 transparent;
}

buttons {
  display: flex;
  flex-wrap: wrap;
}

buttons.is-addons {
  flex-wrap: nowrap;
}

buttons.is-addons *, buttons.is-addons.is-rounded * {
  border-radius: 0;
  margin-right: -1px;
}

buttons.is-addons :first-child {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

buttons.is-addons :last-child {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

buttons.is-addons.is-rounded :first-child {
  border-top-left-radius: 1000em;
  border-bottom-left-radius: 1000em;
}

buttons.is-addons.is-rounded :last-child {
  border-top-right-radius: 1000em;
  border-bottom-right-radius: 1000em;
}

buttons:not(.is-addons) button, buttons:not(.is-addons) .button {
  margin-bottom: .2rem;
}

fab {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

fab fabmenu {
  display: none;
  flex-direction: column;
}

fab fabmenu.is-visible {
  display: flex;
  position: absolute;
}

fab fabmenu > * {
  margin: 0.125rem;
  animation: zoom-in .2s;
  animation-delay: .05s;
}

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

checkbox, radio {
  display: inline-flex;
  min-width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
}

checkbox input, radio input {
  display: none;
}

checkbox label, radio label {
  margin: 0;
}

checkbox span, radio span {
  margin: 0 0.5em;
}

checkbox :checked ~ label, radio :checked ~ label {
  background-color: #444444;
  box-shadow: inset 0 0 0 2px #FFFFFF;
  border-radius: 0.125rem;
}

checkbox.is-check :checked ~ label, radio.is-check :checked ~ label {
  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, radio.is-filled :checked ~ label {
  box-shadow: none;
}

checkbox > label, radio > label {
  position: relative;
  background-color: transparent;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #444444;
  border-radius: .2rem;
  cursor: pointer;
  transition: all .2s ease-out;
}

checkbox.is-black > label, radio.is-black > label {
  border: 1px solid #000;
}

checkbox.is-black :checked ~ label, radio.is-black :checked ~ label {
  box-shadow: inset 0 0 0 2px #FFFFFF;
  background-color: #000;
}

checkbox.is-check.is-black :checked ~ label, radio.is-check.is-black :checked ~ label {
  border-color: #000;
}

checkbox.is-primary > label, radio.is-primary > label {
  border: 1px solid #1fadff;
}

checkbox.is-primary :checked ~ label, radio.is-primary :checked ~ label {
  box-shadow: inset 0 0 0 2px #FFFFFF;
  background-color: #1fadff;
}

checkbox.is-check.is-primary :checked ~ label, radio.is-check.is-primary :checked ~ label {
  border-color: #1fadff;
}

checkbox.is-info > label, radio.is-info > label {
  border: 1px solid #2367cd;
}

checkbox.is-info :checked ~ label, radio.is-info :checked ~ label {
  box-shadow: inset 0 0 0 2px #FFFFFF;
  background-color: #2367cd;
}

checkbox.is-check.is-info :checked ~ label, radio.is-check.is-info :checked ~ label {
  border-color: #2367cd;
}

checkbox.is-success > label, radio.is-success > label {
  border: 1px solid #23cd5e;
}

checkbox.is-success :checked ~ label, radio.is-success :checked ~ label {
  box-shadow: inset 0 0 0 2px #FFFFFF;
  background-color: #23cd5e;
}

checkbox.is-check.is-success :checked ~ label, radio.is-check.is-success :checked ~ label {
  border-color: #23cd5e;
}

checkbox.is-warning > label, radio.is-warning > label {
  border: 1px solid #ffd438;
}

checkbox.is-warning :checked ~ label, radio.is-warning :checked ~ label {
  box-shadow: inset 0 0 0 2px #FFFFFF;
  background-color: #ffd438;
}

checkbox.is-check.is-warning :checked ~ label, radio.is-check.is-warning :checked ~ label {
  border-color: #ffd438;
}

checkbox.is-danger > label, radio.is-danger > label {
  border: 1px solid #ff0051;
}

checkbox.is-danger :checked ~ label, radio.is-danger :checked ~ label {
  box-shadow: inset 0 0 0 2px #FFFFFF;
  background-color: #ff0051;
}

checkbox.is-check.is-danger :checked ~ label, radio.is-check.is-danger :checked ~ label {
  border-color: #ff0051;
}

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

chip {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  background-color: whitesmoke;
  border-radius: 4em;
  margin: 0.25rem;
  line-height: 2rem;
  height: 2rem;
  padding: 0 .5rem 0 0;
}

chip img {
  display: inline-block;
  /* position: absolute;
    top: 50%;
    transform: translateY(-50%);*/
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  overflow: hidden;
  z-index: 10;
}

chip chiptext {
  display: block;
  padding: 0 0.5rem;
  font-size: 0.7rem;
}

chip[class*="is-"]:not(.is-warning) {
  color: #444444;
}

chip[class*="is-"]:not(.is-warning):hover {
  color: #FFFFFF;
}

chip.is-dark:hover {
  background-color: #444444;
}

chip.is-black:hover {
  background-color: #000;
}

chip.is-primary:hover {
  background-color: #1fadff;
}

chip.is-info:hover {
  background-color: #2367cd;
}

chip.is-success:hover {
  background-color: #23cd5e;
}

chip.is-warning:hover {
  background-color: #ffd438;
}

chip.is-danger:hover {
  background-color: #ff0051;
}

dropdown {
  display: inline-flex;
  position: relative;
  padding: 0;
  text-align: center;
  align-items: center;
  align-content: center;
  margin-bottom: .5em;
}

dropdown > * {
  margin: 0;
}

dropdown > *:not(:first-child), dropdown > *:not(:last-child) {
  border-radius: 0;
}

dropdown > *:first-of-type:last-of-type {
  border-radius: 0.1875rem;
}

dropdown > *:first-of-type:not(:last-of-type) {
  border-radius: 0.1875rem 0 0 0.1875rem;
}

dropdown > *:last-of-type:not(:first-of-type) {
  border-radius: 0 0.1875rem 0.1875rem 0;
}

dropmenu {
  min-width: 120%;
  z-index: 10;
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid #f0f0f0;
  border-radius: 0.1875rem;
  padding: 0.1875rem 0;
  text-align: justify;
  top: 100%;
}

dropmenu.is-visible {
  display: block;
}

dropmenu.is-up {
  top: initial;
  bottom: 100%;
}

dropmenu.is-right {
  right: 0;
}

dropmenu divider {
  opacity: .1;
}

dropmenu item {
  width: 100%;
  padding: .75em 1em;
}

dropmenu item, dropmenu item * {
  font-size: 0.8rem;
}

dropmenu item.is-title {
  color: #aaa;
  font-size: 0.7rem;
  pointer-events: none;
  opacity: 0.7;
}

dropmenu item.is-active {
  background-color: #1fadff;
  color: #FFFFFF;
}

dropmenu item:not(.is-active):hover {
  background-color: whitesmoke;
}

.input,
.date,
select,
textarea {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  position: relative;
  padding: 0.3125rem 0.9375rem;
  border: none;
  transition: all .2s ease-out;
  font-size: 1rem;
  width: 100%;
  line-height: 1.5;
  margin: 0;
  outline: none;
}

.input.is-black:not(.is-material):focus,
.date.is-black:not(.is-material):focus,
select.is-black:not(.is-material):focus,
textarea.is-black:not(.is-material):focus {
  border: 1px solid #000;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

.input.is-material.is-black:focus,
.date.is-material.is-black:focus,
select.is-material.is-black:focus,
textarea.is-material.is-black:focus {
  border-color: #000;
}

.input.is-black,
.date.is-black,
select.is-black,
textarea.is-black {
  color: #444444;
}

.input.is-cloud:not(.is-material):focus,
.date.is-cloud:not(.is-material):focus,
select.is-cloud:not(.is-material):focus,
textarea.is-cloud:not(.is-material):focus {
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.input.is-material.is-cloud:focus,
.date.is-material.is-cloud:focus,
select.is-material.is-cloud:focus,
textarea.is-material.is-cloud:focus {
  border-color: #FFFFFF;
}

.input.is-cloud,
.date.is-cloud,
select.is-cloud,
textarea.is-cloud {
  color: #444444;
}

.input.is-info:not(.is-material):focus,
.date.is-info:not(.is-material):focus,
select.is-info:not(.is-material):focus,
textarea.is-info:not(.is-material):focus {
  border: 1px solid #2367cd;
  box-shadow: 0 0 0 2px rgba(35, 103, 205, 0.2);
}

.input.is-material.is-info:focus,
.date.is-material.is-info:focus,
select.is-material.is-info:focus,
textarea.is-material.is-info:focus {
  border-color: #2367cd;
}

.input.is-info,
.date.is-info,
select.is-info,
textarea.is-info {
  color: #444444;
}

.input.is-success:not(.is-material):focus,
.date.is-success:not(.is-material):focus,
select.is-success:not(.is-material):focus,
textarea.is-success:not(.is-material):focus {
  border: 1px solid #23cd5e;
  box-shadow: 0 0 0 2px rgba(35, 205, 94, 0.2);
}

.input.is-material.is-success:focus,
.date.is-material.is-success:focus,
select.is-material.is-success:focus,
textarea.is-material.is-success:focus {
  border-color: #23cd5e;
}

.input.is-success,
.date.is-success,
select.is-success,
textarea.is-success {
  color: #444444;
}

.input.is-warning:not(.is-material):focus,
.date.is-warning:not(.is-material):focus,
select.is-warning:not(.is-material):focus,
textarea.is-warning:not(.is-material):focus {
  border: 1px solid #ffd438;
  box-shadow: 0 0 0 2px rgba(255, 212, 56, 0.2);
}

.input.is-material.is-warning:focus,
.date.is-material.is-warning:focus,
select.is-material.is-warning:focus,
textarea.is-material.is-warning:focus {
  border-color: #ffd438;
}

.input.is-warning,
.date.is-warning,
select.is-warning,
textarea.is-warning {
  color: #444444;
}

.input.is-danger:not(.is-material):focus,
.date.is-danger:not(.is-material):focus,
select.is-danger:not(.is-material):focus,
textarea.is-danger:not(.is-material):focus {
  border: 1px solid #ff0051;
  box-shadow: 0 0 0 2px rgba(255, 0, 81, 0.2);
}

.input.is-material.is-danger:focus,
.date.is-material.is-danger:focus,
select.is-material.is-danger:focus,
textarea.is-material.is-danger:focus {
  border-color: #ff0051;
}

.input.is-danger,
.date.is-danger,
select.is-danger,
textarea.is-danger {
  color: #444444;
}

.input.is-material,
.date.is-material,
select.is-material,
textarea.is-material {
  border: 0;
  border-bottom: 1px solid #e8e8e8;
}

.input.is-material:focus,
.date.is-material:focus,
select.is-material:focus,
textarea.is-material:focus {
  border-color: #1fadff;
}

.input:not(.is-material),
.date:not(.is-material),
select:not(.is-material),
textarea:not(.is-material) {
  border-radius: 0.1875rem;
  border: 1px solid #ddd;
}

.input:not(.is-material):focus,
.date:not(.is-material):focus,
select:not(.is-material):focus,
textarea:not(.is-material):focus {
  border-color: #1fadff;
  box-shadow: 0 0 0 2px rgba(31, 173, 255, 0.2);
}

.input:not(.is-material):required:focus:invalid,
.date:not(.is-material):required:focus:invalid,
select:not(.is-material):required:focus:invalid,
textarea:not(.is-material):required:focus:invalid {
  box-shadow: 0 0 0 2px rgba(255, 0, 81, 0.2);
}

.input:not(.is-material):required:valid,
.date:not(.is-material):required:valid,
select:not(.is-material):required:valid,
textarea:not(.is-material):required:valid {
  box-shadow: 0 0 0 2px rgba(35, 205, 94, 0.2);
}

.input.is-rounded,
.date.is-rounded,
select.is-rounded,
textarea.is-rounded {
  border-radius: 1.5rem;
}

.input:focus ~ icon,
.date:focus ~ icon,
select:focus ~ icon,
textarea:focus ~ icon {
  color: #000;
}

.input ~ .is-validate,
.input:required:valid ~ .is-validate,
.date ~ .is-validate,
.date:required:valid ~ .is-validate,
select ~ .is-validate,
select:required:valid ~ .is-validate,
textarea ~ .is-validate,
textarea:required:valid ~ .is-validate {
  opacity: 0;
  color: #23cd5e;
  transition: opacity .2s ease-out;
}

.input:required:focus:invalid ~ .is-validate,
.date:required:focus:invalid ~ .is-validate,
select:required:focus:invalid ~ .is-validate,
textarea:required:focus:invalid ~ .is-validate {
  opacity: 1;
  color: #ff0051;
}

.input:required:focus:invalid,
.date:required:focus:invalid,
select:required:focus:invalid,
textarea:required:focus:invalid {
  border-color: #ff0051;
}

.input:required:valid,
.date:required:valid,
select:required:valid,
textarea:required:valid {
  border-color: #23cd5e;
}

color {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  margin: 0 .5rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.1875rem;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 6px 5px rgba(0, 0, 0, 0.1);
}

color.is-rounded {
  border-radius: 50%;
}

color[disabled] {
  box-shadow: none;
  pointer-events: none;
  opacity: .7;
}

color.is-dark {
  box-shadow: 0 0 0 3px #444444, 0 0 6px 5px rgba(0, 0, 0, 0.1);
}

input[type='color'] {
  cursor: pointer;
  overflow: hidden;
  outline: none;
  border: 0;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  min-height: 5rem;
  min-width: 5rem;
}

textarea {
  display: block;
  max-height: 31.25rem;
  min-height: 3.125rem;
  resize: vertical;
}

textarea.is-fixed {
  resize: none;
}

textarea[is-readonly] {
  resize: none;
  pointer-events: none;
  color: #666;
}

listbox, date {
  display: inline-flex;
  position: relative;
  align-items: center;
}

listbox:not([multiple])::before, listbox:not([multiple])::after, date:not([multiple])::before, date:not([multiple])::after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

listbox:not([multiple])::before, date:not([multiple])::before {
  top: 50%;
  right: 0.65rem;
  margin-top: -0.4rem;
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #1fadff;
  border-top: 0;
  border-left: 0;
  transform-origin: top center;
  transform: rotate(45deg);
  z-index: 5;
}

listbox:not([multiple])::after, date:not([multiple])::after {
  top: 2px;
  right: 1px;
  z-index: 4;
  width: 2.3rem;
  height: 2rem;
  background-color: #FFFFFF;
}

listbox select,
listbox datalist,
listbox input, date select,
date datalist,
date input {
  cursor: pointer;
  padding: 0.3125rem 0.9375rem;
  background-color: #FFFFFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}

listbox select:not([multiple]),
listbox datalist:not([multiple]),
listbox input:not([multiple]), date select:not([multiple]),
date datalist:not([multiple]),
date input:not([multiple]) {
  padding-right: 2.5rem;
}

listbox select[multiple],
listbox datalist[multiple],
listbox input[multiple], date select[multiple],
date datalist[multiple],
date input[multiple] {
  padding: 0;
}

listbox select[multiple] option,
listbox datalist[multiple] option,
listbox input[multiple] option, date select[multiple] option,
date datalist[multiple] option,
date input[multiple] option {
  padding: .5rem 1rem;
}

listbox option, date option {
  color: #444444;
}

listbox.is-black select:focus, date.is-black select:focus {
  border: 1px solid #000;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

listbox.is-black::before, date.is-black::before {
  border-color: #000;
}

listbox.is-cloud select:focus, date.is-cloud select:focus {
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

listbox.is-cloud::before, date.is-cloud::before {
  border-color: #FFFFFF;
}

listbox.is-info select:focus, date.is-info select:focus {
  border: 1px solid #2367cd;
  box-shadow: 0 0 0 2px rgba(35, 103, 205, 0.2);
}

listbox.is-info::before, date.is-info::before {
  border-color: #2367cd;
}

listbox.is-success select:focus, date.is-success select:focus {
  border: 1px solid #23cd5e;
  box-shadow: 0 0 0 2px rgba(35, 205, 94, 0.2);
}

listbox.is-success::before, date.is-success::before {
  border-color: #23cd5e;
}

listbox.is-warning select:focus, date.is-warning select:focus {
  border: 1px solid #ffd438;
  box-shadow: 0 0 0 2px rgba(255, 212, 56, 0.2);
}

listbox.is-warning::before, date.is-warning::before {
  border-color: #ffd438;
}

listbox.is-danger select:focus, date.is-danger select:focus {
  border: 1px solid #ff0051;
  box-shadow: 0 0 0 2px rgba(255, 0, 81, 0.2);
}

listbox.is-danger::before, date.is-danger::before {
  border-color: #ff0051;
}

date:not([multiple]) {
  display: flex;
}

date:not([multiple]) input:not([multiple]) {
  padding-right: 0;
}

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

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

.input.is-small, textarea.is-small, label.is-small, select.is-small {
  font-size: 0.8rem;
}

.input.is-medium, textarea.is-medium, label.is-medium, select.is-medium {
  font-size: 1.3rem;
}

.input.is-large, textarea.is-large, label.is-large, select.is-large {
  font-size: 1.6rem;
}

control {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: left;
}

control > icon {
  position: absolute;
  top: 0;
  color: #aaaaaa;
  width: 2.25rem;
  height: 2.25rem;
}

control > icon.is-small {
  height: 2rem;
}

control > icon.is-medium {
  height: 2.6875rem;
}

control > icon.is-large {
  height: 3.125rem;
}

control > icon.is-small {
  width: 1.875rem;
}

control > icon.is-medium {
  width: 2.625rem;
}

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

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.25rem;
  padding-right: 2.25rem;
}

control.is-double-icons .input.is-small, control.is-double-icons textarea.is-small {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

control.is-double-icons .input.is-medium, control.is-double-icons textarea.is-medium {
  padding-left: 2.625rem;
  padding-right: 2.625rem;
}

control.is-double-icons .input.is-large, control.is-double-icons textarea.is-large {
  padding-left: 3rem;
  padding-right: 3rem;
}

control.is-icon-left .input, control.is-icon-left textarea {
  padding-left: 2.25rem;
}

control.is-icon-left .input.is-small, control.is-icon-left textarea.is-small {
  padding-left: 1.875rem;
}

control.is-icon-left .input.is-medium, control.is-icon-left textarea.is-medium {
  padding-left: 2.625rem;
}

control.is-icon-left .input.is-large, control.is-icon-left textarea.is-large {
  padding-left: 3rem;
}

control.is-icon-left icon {
  left: 0;
}

control.is-icon-right .input, control.is-icon-right textarea {
  padding-right: 2.25rem;
}

control.is-icon-right .input.is-small, control.is-icon-right textarea.is-small {
  padding-right: 1.875rem;
}

control.is-icon-right .input.is-medium, control.is-icon-right textarea.is-medium {
  padding-right: 2.625rem;
}

control.is-icon-right .input.is-large, control.is-icon-right textarea.is-large {
  padding-right: 3rem;
}

control.is-icon-right icon {
  right: 0;
}

field {
  display: flex;
  flex-direction: column;
}

field:not([addons]) {
  justify-content: center;
}

field:not([addons]) control {
  width: 100%;
}

field:not([addons]) control:not(:last-of-type) {
  margin-bottom: 1.25rem;
}

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

field.is-horizontal control:not(.is-expand) {
  width: auto;
}

field.is-horizontal control:not(:last-child) {
  margin-bottom: 0;
  margin-right: .5rem;
}

field.is-horizontal, field[addons] {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

field[addons] control {
  flex-grow: 0;
  margin-bottom: 0;
  margin-right: -1px;
}

field[addons] control.is-expand {
  flex: 1;
}

field[addons] control:not(:first-child) > *,
field[addons] control:not(:last-child) > * {
  border-radius: 0;
}

field[addons] control:first-child > * {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}

field[addons] control:last-child > * {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
}

field[addons].is-rounded control:first-child > * {
  border-top-left-radius: 125rem;
  border-bottom-left-radius: 125rem;
}

field[addons].is-rounded control:last-child > * {
  border-top-right-radius: 125rem;
  border-bottom-right-radius: 125rem;
}

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: #444444;
  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: #444444;
  position: absolute;
  left: .35rem;
  top: .9rem;
  z-index: -1;
}

range.is-warning label {
  color: #000;
}

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: #444444;
  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: #444444;
  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: #444444;
  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(68, 68, 68, 0.2);
}

range.is-dark input[type='range']::-ms-fill-lower {
  background-color: rgba(68, 68, 68, 0.2);
}

range.is-dark input[type='range']::-ms-fill-upper {
  background-color: rgba(68, 68, 68, 0.2);
}

range.is-dark input[type='range']::-moz-range-track {
  background-color: rgba(68, 68, 68, 0.2);
}

range.is-dark input[type='range']::-webkit-slider-thumb {
  background-color: #444444;
}

range.is-dark input[type='range']::-moz-range-thumb {
  background-color: #444444;
}

range.is-dark input[type='range']::-ms-thumb {
  background-color: #444444;
}

range.is-dark label,
range.is-dark label:before {
  background-color: #444444;
}

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: #000;
}

range.is-black input[type='range']::-moz-range-thumb {
  background-color: #000;
}

range.is-black input[type='range']::-ms-thumb {
  background-color: #000;
}

range.is-black label,
range.is-black label:before {
  background-color: #000;
}

range.is-primary input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(31, 173, 255, 0.2);
}

range.is-primary input[type='range']::-ms-fill-lower {
  background-color: rgba(31, 173, 255, 0.2);
}

range.is-primary input[type='range']::-ms-fill-upper {
  background-color: rgba(31, 173, 255, 0.2);
}

range.is-primary input[type='range']::-moz-range-track {
  background-color: rgba(31, 173, 255, 0.2);
}

range.is-primary input[type='range']::-webkit-slider-thumb {
  background-color: #1fadff;
}

range.is-primary input[type='range']::-moz-range-thumb {
  background-color: #1fadff;
}

range.is-primary input[type='range']::-ms-thumb {
  background-color: #1fadff;
}

range.is-primary label,
range.is-primary label:before {
  background-color: #1fadff;
}

range.is-info input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(35, 103, 205, 0.2);
}

range.is-info input[type='range']::-ms-fill-lower {
  background-color: rgba(35, 103, 205, 0.2);
}

range.is-info input[type='range']::-ms-fill-upper {
  background-color: rgba(35, 103, 205, 0.2);
}

range.is-info input[type='range']::-moz-range-track {
  background-color: rgba(35, 103, 205, 0.2);
}

range.is-info input[type='range']::-webkit-slider-thumb {
  background-color: #2367cd;
}

range.is-info input[type='range']::-moz-range-thumb {
  background-color: #2367cd;
}

range.is-info input[type='range']::-ms-thumb {
  background-color: #2367cd;
}

range.is-info label,
range.is-info label:before {
  background-color: #2367cd;
}

range.is-success input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(35, 205, 94, 0.2);
}

range.is-success input[type='range']::-ms-fill-lower {
  background-color: rgba(35, 205, 94, 0.2);
}

range.is-success input[type='range']::-ms-fill-upper {
  background-color: rgba(35, 205, 94, 0.2);
}

range.is-success input[type='range']::-moz-range-track {
  background-color: rgba(35, 205, 94, 0.2);
}

range.is-success input[type='range']::-webkit-slider-thumb {
  background-color: #23cd5e;
}

range.is-success input[type='range']::-moz-range-thumb {
  background-color: #23cd5e;
}

range.is-success input[type='range']::-ms-thumb {
  background-color: #23cd5e;
}

range.is-success label,
range.is-success label:before {
  background-color: #23cd5e;
}

range.is-warning input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(255, 212, 56, 0.2);
}

range.is-warning input[type='range']::-ms-fill-lower {
  background-color: rgba(255, 212, 56, 0.2);
}

range.is-warning input[type='range']::-ms-fill-upper {
  background-color: rgba(255, 212, 56, 0.2);
}

range.is-warning input[type='range']::-moz-range-track {
  background-color: rgba(255, 212, 56, 0.2);
}

range.is-warning input[type='range']::-webkit-slider-thumb {
  background-color: #ffd438;
}

range.is-warning input[type='range']::-moz-range-thumb {
  background-color: #ffd438;
}

range.is-warning input[type='range']::-ms-thumb {
  background-color: #ffd438;
}

range.is-warning label,
range.is-warning label:before {
  background-color: #ffd438;
}

range.is-danger input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(255, 0, 81, 0.2);
}

range.is-danger input[type='range']::-ms-fill-lower {
  background-color: rgba(255, 0, 81, 0.2);
}

range.is-danger input[type='range']::-ms-fill-upper {
  background-color: rgba(255, 0, 81, 0.2);
}

range.is-danger input[type='range']::-moz-range-track {
  background-color: rgba(255, 0, 81, 0.2);
}

range.is-danger input[type='range']::-webkit-slider-thumb {
  background-color: #ff0051;
}

range.is-danger input[type='range']::-moz-range-thumb {
  background-color: #ff0051;
}

range.is-danger input[type='range']::-ms-thumb {
  background-color: #ff0051;
}

range.is-danger label,
range.is-danger label:before {
  background-color: #ff0051;
}

range[disabled], range.is-disabled {
  background-color: #ddd;
  box-shadow: none;
  pointer-events: none;
}

progress-bar {
  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);
}

progress-bar.is-cloud {
  background-color: rgba(255, 255, 255, 0.4);
}

progress-bar complete {
  display: flex;
  height: 100%;
  background-color: #444444;
  position: relative;
  transition: all .2s ease;
}

progress-bar complete, progress-bar complete::before, progress-bar complete::after {
  align-content: center;
  align-items: center;
  justify-content: center;
}

progress-bar complete::after, progress-bar 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%);
}

progress-bar complete::after {
  box-shadow: 2px 0 8px -1px rgba(0, 0, 0, 0.2);
  background-color: #444444;
  content: '';
  left: initial;
  border-radius: 50% 50% 0 50%;
  z-index: 15;
  transform: rotate(45deg);
}

progress-bar[label='static'] complete::before,
progress-bar[label='floating']:hover complete::before,
progress-bar[label='static'] complete::after,
progress-bar[label='floating']:hover complete::after {
  display: flex;
  animation: fade-in .3s ease;
}

progress-bar.is-infinite {
  overflow: hidden;
}

progress-bar.is-infinite complete, progress-bar.is-infinite.is-very-lower complete,
progress-bar.is-infinite.is-lower complete,
progress-bar.is-infinite.is-very-fast complete,
progress-bar.is-infinite.is-fast complete {
  animation-name: progress;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

progress-bar.is-infinite complete {
  animation-duration: 2s;
}

progress-bar.is-infinite.is-very-lower complete {
  animation-duration: 3s;
}

progress-bar.is-infinite.is-lower complete {
  animation-duration: 2.5s;
}

progress-bar.is-infinite.is-fast complete {
  animation-duration: 1s;
}

progress-bar.is-infinite.is-very-fast complete {
  animation-duration: .5s;
}

progress-bar, progress-bar complete {
  border-radius: 31.25rem;
}

progress-bar.is-dark complete, progress-bar.is-dark complete::before,
progress-bar.is-dark complete::after {
  background-color: #444444;
}

progress-bar.is-black complete, progress-bar.is-black complete::before,
progress-bar.is-black complete::after {
  background-color: #000;
}

progress-bar.is-cloud complete, progress-bar.is-cloud complete::before,
progress-bar.is-cloud complete::after {
  background-color: #FFFFFF;
}

progress-bar.is-primary complete, progress-bar.is-primary complete::before,
progress-bar.is-primary complete::after {
  background-color: #1fadff;
}

progress-bar.is-info complete, progress-bar.is-info complete::before,
progress-bar.is-info complete::after {
  background-color: #2367cd;
}

progress-bar.is-success complete, progress-bar.is-success complete::before,
progress-bar.is-success complete::after {
  background-color: #23cd5e;
}

progress-bar.is-warning complete, progress-bar.is-warning complete::before,
progress-bar.is-warning complete::after {
  background-color: #ffd438;
}

progress-bar.is-danger complete, progress-bar.is-danger complete::before,
progress-bar.is-danger complete::after {
  background-color: #ff0051;
}

progress-bar.is-warning complete, progress-bar.is-warning complete::before,
progress-bar.is-warning complete::after {
  color: #444444;
}

progress-bar.is-slim {
  height: 0.1rem;
}

progress-bar.is-small {
  height: 0.3rem;
}

progress-bar.is-medium {
  height: 0.8rem;
}

progress-bar.is-large {
  height: 1rem;
}

preload {
  display: inline-block;
  border: 2px solid #1fadff;
  border-radius: 100%;
  width: 1.875rem;
  height: 1.875rem;
  margin: .5em;
  animation-duration: 1s;
}

preload.is-dark {
  border-color: #444444;
}

preload.is-black {
  border-color: #000;
}

preload.is-cloud {
  border-color: #FFFFFF;
}

preload.is-primary {
  border-color: #1fadff;
}

preload.is-info {
  border-color: #2367cd;
}

preload.is-success {
  border-color: #23cd5e;
}

preload.is-warning {
  border-color: #ffd438;
}

preload.is-danger {
  border-color: #ff0051;
}

preload.is-tiny {
  width: 0.625rem;
  height: 0.625rem;
  border: 1px solid #1fadff;
}

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.8rem;
  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: whitesmoke;
}

tag.is-dark, badge.is-dark {
  background-color: #444444;
}

tag.is-black, badge.is-black {
  background-color: #000;
}

tag.is-primary, badge.is-primary {
  background-color: #1fadff;
}

tag.is-info, badge.is-info {
  background-color: #2367cd;
}

tag.is-success, badge.is-success {
  background-color: #23cd5e;
}

tag.is-warning, badge.is-warning {
  background-color: #ffd438;
}

tag.is-danger, badge.is-danger {
  background-color: #ff0051;
}

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.7rem;
  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(68, 68, 68, 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: #aaaaaa;
  box-shadow: 0 0 3px 1px rgba(68, 68, 68, 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(68, 68, 68, 0.5);
  transform: rotate(0);
}

toggle > :checked + label::before {
  left: 1.25rem;
  background-color: #434343;
}

toggle.is-dark > :checked + label {
  background-color: rgba(68, 68, 68, 0.2);
}

toggle.is-dark > :checked + label::before {
  background-color: #444444;
}

toggle.is-black > :checked + label {
  background-color: rgba(0, 0, 0, 0.2);
}

toggle.is-black > :checked + label::before {
  background-color: #000;
}

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(245, 245, 245, 0.2);
}

toggle.is-light > :checked + label::before {
  background-color: whitesmoke;
}

toggle.is-primary > :checked + label {
  background-color: rgba(31, 173, 255, 0.2);
}

toggle.is-primary > :checked + label::before {
  background-color: #1fadff;
}

toggle.is-info > :checked + label {
  background-color: rgba(35, 103, 205, 0.2);
}

toggle.is-info > :checked + label::before {
  background-color: #2367cd;
}

toggle.is-success > :checked + label {
  background-color: rgba(35, 205, 94, 0.2);
}

toggle.is-success > :checked + label::before {
  background-color: #23cd5e;
}

toggle.is-warning > :checked + label {
  background-color: rgba(255, 212, 56, 0.2);
}

toggle.is-warning > :checked + label::before {
  background-color: #ffd438;
}

toggle.is-danger > :checked + label {
  background-color: rgba(255, 0, 81, 0.2);
}

toggle.is-danger > :checked + label::before {
  background-color: #ff0051;
}

/*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: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid rgba(68, 68, 68, 0.085);
  border-radius: .2rem;
  box-shadow: 0 0.1875rem 0.3125rem -0.125rem rgba(0, 0, 0, 0.15);
}

box.is-mobile {
  flex-direction: row;
}

acordeon {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

acordeon, acordeon item, acordeon content {
  overflow: hidden;
}

acordeon item {
  flex-direction: column;
  width: 100%;
  align-items: stretch;
}

acordeon item [type="checkbox"],
acordeon item [type="radio"] {
  display: none;
}

acordeon item [type="checkbox"]:checked ~ content,
acordeon item [type="radio"]:checked ~ content {
  max-height: 20em;
}

acordeon item content {
  max-height: 0;
  -webkit-transition: max-height .35s;
  transition: max-height .35s;
}

acordeon item content > * {
  padding: 0.5rem 1rem;
}

acordeon item label {
  margin: 0;
  cursor: pointer;
  line-height: 2em;
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  font-weight: inherit;
  user-select: none;
}

acordeon:not(.is-clear) item {
  border: 1px solid whitesmoke;
}

acordeon:not(.is-clear) item:not(:last-child) {
  border-bottom: 0;
}

acordeon:not(.is-clear) item content {
  background-color: rgba(255, 255, 255, 0.3);
}

acordeon:not(.is-clear) item content > * {
  padding: 0.5rem 1rem;
}

acordeon:not(.is-clear) item label {
  padding: 0.5rem 1rem;
  transition: background .2s ease-out;
}

acordeon:not(.is-clear) item [type="checkbox"]:checked + label,
acordeon:not(.is-clear) item [type="radio"]:checked + label {
  background-color: rgba(0, 0, 0, 0.05);
}

notify {
  display: flex;
  align-items: flex-start;
  position: relative;
  justify-content: space-between;
  background-color: whitesmoke;
  border-radius: 0.3125rem;
  padding: 1rem 2rem 1rem 1rem;
}

notify .is-close {
  position: absolute;
  top: .25rem;
  right: .4rem;
}

notify.is-dark {
  background-color: #444444;
}

notify.is-black {
  background-color: #000;
}

notify.is-primary {
  background-color: #1fadff;
}

notify.is-info {
  background-color: #2367cd;
}

notify.is-success {
  background-color: #23cd5e;
}

notify.is-warning {
  background-color: #ffd438;
}

notify.is-danger {
  background-color: #ff0051;
}

breadcrumb {
  overflow-x: auto;
  display: flex;
  max-width: 100%;
  padding: 0.25rem 0;
}

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;
  font-family: "FontAwesome";
  width: 0.8rem;
  right: -.4rem;
  text-align: center;
  font-size: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
}

breadcrumb item:after {
  display: none;
}

breadcrumb item:not(.is-active):hover {
  color: #000 !important;
}

breadcrumb item.is-active * {
  color: #000;
}

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

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

breadcrumb.is-small item:before,
breadcrumb.is-small item:after {
  font-size: 0.7rem;
}

breadcrumb.is-large item:before,
breadcrumb.is-large item:after {
  font-size: 1.3rem;
}

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

card {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(68, 68, 68, 0.1);
  border-radius: 0.1875rem;
  overflow: hidden;
  position: relative;
}

card header,
card footer {
  display: flex;
  height: 3rem;
  align-items: center;
}

card content {
  padding: 1rem;
}

card > :not(:last-child) {
  border-bottom: 1px solid rgba(68, 68, 68, 0.1);
}

card image {
  border: 0;
}

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

card footer item:not(:last-child) {
  border-right: 1px solid rgba(68, 68, 68, 0.1);
}

.snippet {
  display: block;
  max-width: 100%;
  position: relative;
  background-color: whitesmoke;
  color: #444444;
  border-radius: 5px;
  overflow: auto;
  padding: 1rem;
  height: auto;
  max-height: 12.5rem;
  text-align: left;
}

.snippet .comment {
  display: block;
  color: rgba(0, 0, 0, 0.3);
}

.snippet .tg {
  color: #2980b9;
  margin: 0 0.3rem;
}

.snippet .tg:first-child:last-child {
  margin: 0;
}

.snippet .at {
  margin-left: .3rem;
  color: #d35400;
}

.snippet .vat {
  color: #16a085;
  margin-right: .3rem;
}

.snippet.monokai {
  background-color: #000041;
  color: #FFFFFF;
}

.snippet.monokai .comment {
  color: rgba(255, 255, 255, 0.6);
}

.snippet.monokai .tg {
  color: #ffd438;
}

.snippet.monokai .at {
  color: #FFFFFF;
}

.snippet.monokai .vat {
  color: #ff0050;
}

.snippet.monokai:hover {
  box-shadow: none;
}

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: #444444;
  font-size: 0.8rem;
}

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 social {
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  border-top: 1px solid whitesmoke;
}

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

gallery {
  max-width: 100%;
}

gallery, gallery collage {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}

gallery.is-2x2 picture:not(.is-expand),
gallery.is-2x2 collage, gallery collage.is-2x2 picture:not(.is-expand),
gallery collage.is-2x2 collage {
  max-width: 50%;
}

gallery.is-3x3 picture:not(.is-expand),
gallery.is-3x3 collage, gallery collage.is-3x3 picture:not(.is-expand),
gallery collage.is-3x3 collage {
  max-width: 33%;
}

gallery.is-4x4 picture:not(.is-expand),
gallery.is-4x4 collage, gallery collage.is-4x4 picture:not(.is-expand),
gallery collage.is-4x4 collage {
  max-width: 25%;
}

gallery.is-5x5 picture:not(.is-expand),
gallery.is-5x5 collage, gallery collage.is-5x5 picture:not(.is-expand),
gallery collage.is-5x5 collage {
  max-width: 20%;
}

gallery.is-6x6 picture:not(.is-expand),
gallery.is-6x6 collage, gallery collage.is-6x6 picture:not(.is-expand),
gallery collage.is-6x6 collage {
  max-width: 16.66666666666666666666666%;
}

gallery picture {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding: 0.0625rem;
  flex: 1 1 auto;
  cursor: pointer;
  border-radius: 0.3125rem;
  overflow: hidden;
  max-width: 25%;
}

gallery picture img {
  width: 100%;
  height: auto;
}

gallery picture.is-expand {
  position: fixed;
  border-radius: 0;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 900;
  cursor: initial;
}

gallery picture.is-expand img {
  max-height: 80%;
  width: 120%;
  height: auto;
  border-radius: 0.5rem;
  overflow: hidden;
  backface-visibility: hidden;
}

gallery close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  color: #FFFFFF;
  font-size: 3rem;
  display: none;
  z-index: 1000;
  cursor: pointer;
}

gallery close.is-visible {
  display: block;
}

@media screen and (min-width: mobile) {
  gallery picture.is-expand img {
    max-width: 80%;
  }
}

@media screen and (min-width: 768px) {
  gallery picture.is-expand img {
    max-width: 70%;
  }
}

/* clase generica menu */
menu:not(.default-browser) {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  justify-content: space-between;
}

menu:not(.default-browser) divider {
  opacity: .2;
}

menu, menu footer {
  display: flex;
}

menu, menu item, menu footer {
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

menu list {
  display: block;
  width: 95%;
  margin: 0.25rem 1rem;
  margin-right: 0;
  padding-left: .5rem;
}

menu item, menu footer {
  align-content: stretch;
  align-items: center;
  position: relative;
  cursor: pointer;
  min-height: 3rem;
  width: 100%;
  padding: 0 1rem;
  text-overflow: ellipsis;
  user-select: none;
  border-radius: 0.1875rem;
}

menu footer {
  padding: 0;
  font-size: 0.8rem;
  flex-direction: column;
}

menu .is-label {
  text-transform: uppercase;
  pointer-events: none;
  font-size: 0.8rem;
  /* padding-left: 0.5rem; */
  opacity: .75;
}

menu .is-active {
  background-color: #1fadff;
}

menu .is-active, menu .is-active * {
  color: #FFFFFF;
}

message, message header {
  display: flex;
}

message {
  flex-direction: column;
  border: 1px solid #dbdbdb;
  border-radius: .2rem;
  overflow: hidden;
  margin: .5em 0;
}

message header {
  background-color: #dbdbdb;
  align-items: center;
  line-height: normal;
  justify-content: space-between;
  padding: 0.25rem .5rem;
}

message content {
  background-color: whitesmoke;
  padding: .5rem;
  padding-right: 1.5rem;
}

message.is-dark {
  border-color: #444444;
}

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

message.is-dark content {
  background-color: rgba(68, 68, 68, 0.05);
  color: #111111;
}

message.is-black {
  border-color: #000;
}

message.is-black header {
  background-color: #000;
}

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: #1fadff;
}

message.is-primary header {
  background-color: #1fadff;
}

message.is-primary content {
  background-color: rgba(31, 173, 255, 0.05);
  color: #0074b8;
}

message.is-info {
  border-color: #2367cd;
}

message.is-info header {
  background-color: #2367cd;
}

message.is-info content {
  background-color: rgba(35, 103, 205, 0.05);
  color: #143b76;
}

message.is-success {
  border-color: #23cd5e;
}

message.is-success header {
  background-color: #23cd5e;
}

message.is-success content {
  background-color: rgba(35, 205, 94, 0.05);
  color: #147636;
}

message.is-warning {
  border-color: #ffd438;
}

message.is-warning header {
  background-color: #ffd438;
}

message.is-warning content {
  background-color: rgba(255, 212, 56, 0.05);
  color: #d1a400;
}

message.is-danger {
  border-color: #ff0051;
}

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

message.is-danger content {
  background-color: rgba(255, 0, 81, 0.05);
  color: #990030;
}

message.is-small * {
  font-size: 0.8rem;
}

message.is-medium * {
  font-size: 1.3rem;
}

message.is-large * {
  font-size: 1.6rem;
}

modal > content {
  display: none;
  max-width: 80%;
  max-height: 90%;
  background-color: #FFFFFF;
  border-radius: .2rem;
  overflow-x: hidden;
  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: whitesmoke;
  padding: .25rem;
  position: absolute;
  z-index: 515;
  top: 0;
  left: 0;
  right: 0;
}

modal.is-visible {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  z-index: 500;
}

modal.is-visible > content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

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

navbar {
  width: 100%;
  max-width: 100%;
  align-items: stretch;
  z-index: 10;
  padding: 0 .25rem;
}

navbar, navbar navbrand, navbar navmenu, navbar item {
  display: flex;
  position: relative;
}

navbar navmenu {
  z-index: 5;
}

navbar.is-mobile {
  flex-direction: row;
  overflow-x: auto;
  justify-content: flex-start;
}

navbar.is-rtl navbrand {
  flex-direction: row-reverse;
}

navbar.is-rtl navmenu {
  flex-direction: column-reverse;
}

navbar, navbar navmenu {
  flex-direction: column;
}

navbar navbrand, navbar navmenu {
  min-height: 3rem;
  flex: 1 1 auto;
}

navbar navbrand {
  justify-content: space-between;
  z-index: 10;
}

navbar navbrand logo, navbar navbrand item.is-toggle {
  height: 3rem;
  padding: 0.3125rem;
  width: auto;
}

navbar img {
  width: auto;
  height: 100%;
}

navbar item, navbar dropdown, navbar item.is-toggle {
  height: 3rem;
  min-width: 3rem;
  flex-shrink: 0;
  margin: 0;
  cursor: pointer;
  align-items: center;
}

navbar item {
  padding: 0 0.75rem;
}

navbar item.is-label {
  pointer-events: none;
  user-select: none;
}

navbar item.is-toggle {
  justify-content: center;
}

navbar dropdown drop-menu {
  border-top-left-radius: none;
  border-top-right-radius: none;
}

navbar dropdown drop-menu.is-up {
  bottom: 3rem;
}

navbar dropdown drop-menu.is-down {
  top: 3rem;
}

@media screen and (min-width: 768px) {
  navbar navmenu {
    flex-direction: row;
    justify-content: flex-end;
  }
  navbar navmenu.is-left {
    justify-content: flex-start;
  }
  navbar navmenu.is-center {
    justify-content: center;
  }
  navbar.is-rtl navmenu {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 1024px) {
  navbar {
    flex-direction: row;
  }
  navbar item.is-toggle {
    display: none;
  }
  navbar.is-rtl {
    flex-direction: row-reverse;
  }
}

mega {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
  padding: 3rem;
}

mega.is-horizontal {
  display: flex;
  flex-wrap: wrap;
}

mega > header {
  letter-spacing: .2rem;
  margin-bottom: 1rem;
}

mega > content {
  text-align: justify;
  letter-spacing: .05rem;
}

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-small, tabs.is-boxed.is-small, tabs.is-toggle.is-small {
  font-size: 0.8rem;
}

tabs.is-medium, tabs.is-boxed.is-medium, tabs.is-toggle.is-medium {
  font-size: 1.3rem;
}

tabs.is-large, tabs.is-boxed.is-large, tabs.is-toggle.is-large {
  font-size: 1.6rem;
}

tabs.is-center, tabs.is-boxed.is-center, tabs.is-toggle.is-center {
  justify-content: center;
}

tabs.is-right, tabs.is-boxed.is-right, tabs.is-toggle.is-right {
  justify-content: flex-end;
}

tabs.is-fluid tab, tabs.is-boxed.is-fluid tab, tabs.is-toggle.is-fluid tab {
  flex-grow: 1;
  flex-shrink: 0;
}

tabs tab {
  display: flex;
  position: relative;
  padding: 0.65rem 1rem;
  flex-grow: 0;
  flex-shrink: 0;
  color: #444444;
  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.09375rem;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .2s ease-out;
}

tabs tab.is-active {
  background-color: transparent;
  color: #1fadff;
}

tabs tab.is-active:before {
  background-color: #1fadff;
}

tabs tab:not(.is-active):hover {
  color: #000;
}

tabs tab:not(.is-active):hover:before {
  background-color: rgba(68, 68, 68, 0.2);
}

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: #1fadff;
  border: 1px solid rgba(68, 68, 68, 0.1);
}

tabs.is-toggle tab:not(.is-active):hover, tabs.is-boxed tab:not(.is-active):hover {
  background-color: rgba(68, 68, 68, 0.05);
}

tabs.is-boxed tab {
  border-bottom: 1px solid rgba(68, 68, 68, 0.1);
  border-radius: .25rem .25rem 0 0;
}

tabs.is-boxed tab.is-active {
  border-bottom: 0;
}

tabs.is-toggle tab {
  border: 1px solid rgba(68, 68, 68, 0.1);
  margin-right: -1px;
}

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: #1fadff;
  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: 480px) {
  tabs.is-center {
    justify-content: flex-start;
  }
  tabs.is-right {
    justify-content: flex-start;
  }
}

table:not(.default-broswer) {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid rgba(68, 68, 68, 0.2);
}

table:not(.default-broswer).is-boxed {
  width: 100%;
}

table:not(.default-broswer).is-narrow {
  width: auto;
}

table:not(.default-broswer).is-narrow td, table:not(.default-broswer).is-narrow th {
  min-width: 0;
}

table:not(.default-broswer) tr {
  vertical-align: middle;
  transition: all .1s ease;
  border-bottom: 1px solid rgba(68, 68, 68, 0.2);
}

table:not(.default-broswer) tr.is-active {
  background-color: #1fadff;
  color: #FFFFFF;
  border-bottom: 0;
}

table:not(.default-broswer) tr:not(.is-active):hover {
  background-color: #f0f0f0;
}

table:not(.default-broswer) td, table:not(.default-broswer) th {
  text-align: left;
  padding: .5rem;
  min-width: 9.375rem;
  vertical-align: middle;
}

table:not(.default-broswer).is-clean,
table:not(.default-broswer).is-striped tbody tr, table:not(.default-broswer).is-flexible,
table:not(.default-broswer).is-flexible.is-clean.is-striped td,
table:not(.default-broswer).is-flexible.is-clean.is-striped th,
table:not(.default-broswer).is-flexible.is-cell td,
table:not(.default-broswer).is-flexible.is-cell th {
  border: none;
}

table:not(.default-broswer).is-clean thead, table:not(.default-broswer).is-clean tbody {
  border-bottom: 1px solid rgba(68, 68, 68, 0.2);
}

table:not(.default-broswer).is-striped tr:nth-child(2n) {
  background-color: whitesmoke;
}

table:not(.default-broswer).is-striped tr:nth-child(2n):hover {
  background-color: #f0f0f0;
}

table:not(.default-broswer).is-flexible.is-striped td:nth-child(2n), table:not(.default-broswer).is-flexible.is-striped th:nth-child(2n) {
  background-color: whitesmoke;
}

table:not(.default-broswer).is-flexible.is-striped td:nth-child(2n):hover, table:not(.default-broswer).is-flexible.is-striped th:nth-child(2n):hover {
  background-color: #f0f0f0;
}

table:not(.default-broswer).is-flexible.is-striped tr {
  background: none;
}

table:not(.default-broswer).is-flexible {
  position: relative;
}

table:not(.default-broswer).is-flexible, table:not(.default-broswer).is-flexible thead, table:not(.default-broswer).is-flexible tbody, table:not(.default-broswer).is-flexible tr {
  display: flex;
}

table:not(.default-broswer).is-flexible tr {
  flex-direction: column;
}

table:not(.default-broswer).is-flexible thead,
table:not(.default-broswer).is-flexible thead tr,
table:not(.default-broswer).is-flexible tbody tr,
table:not(.default-broswer).is-flexible.is-cell tbody {
  border-right: 0;
}

table:not(.default-broswer).is-flexible.is-clean td, table:not(.default-broswer).is-flexible.is-clean th {
  border-bottom: 1px solid rgba(68, 68, 68, 0.2);
}

table:not(.default-broswer).is-cell td, table:not(.default-broswer).is-cell th, table:not(.default-broswer).is-flexible.is-cell td, table:not(.default-broswer).is-flexible.is-cell th {
  border-right: 1px solid rgba(68, 68, 68, 0.2);
  border-bottom: 1px solid rgba(68, 68, 68, 0.2);
}

table:not(.default-broswer).is-cell thead, table:not(.default-broswer).is-flexible.is-cell thead {
  border-left: 1px solid rgba(68, 68, 68, 0.2);
}

table:not(.default-broswer).is-cell thead, table:not(.default-broswer).is-cell tbody, table:not(.default-broswer).is-flexible.is-cell thead, table:not(.default-broswer).is-flexible.is-cell tbody {
  border-top: 1px solid rgba(68, 68, 68, 0.2);
}

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

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 item {
  justify-content: center;
  flex: 1;
}

group.is-boxed item {
  flex-direction: column;
}

group.is-boxed item icon {
  margin: 0 !important;
}

listgroup {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

listgroup item {
  flex-grow: 1;
  justify-content: space-between;
  border: 0;
}

listgroup item:not(:last-child) {
  border-bottom: 1px solid rgba(68, 68, 68, 0.1);
}

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

.zoom-in {
  animation-delay: 5s;
  animation: zoom-in 0.2s;
}

@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 progress {
  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: #2367cd;
    border-top-color: transparent;
  }
  40% {
    border-color: #23cd5e;
    border-top-color: transparent;
  }
  70% {
    border-color: #ff0051;
    border-top-color: transparent;
  }
  100% {
    transform: rotate(360deg);
    border-color: #1fadff;
    border-top-color: transparent;
  }
}

.has-fixed, .has-fixed-tl, .has-fixed-tr, .has-fixed-bl, .has-fixed-br {
  position: fixed !important;
}

.has-fixed-tl, .has-fixed-tr {
  top: 0.5rem;
}

.has-fixed-bl, .has-fixed-br {
  bottom: 0.5rem;
}

.has-fixed-tl, .has-fixed-bl {
  left: 0.5rem;
}

.has-fixed-tr, .has-fixed-br {
  right: 0.5rem;
}

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

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

.is-rounded {
  border-radius: 1000em;
}

.padding-05 {
  padding: 0.5rem;
}

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

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

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

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

.padding-1 {
  padding: 1rem;
}

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

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

.padding-2 {
  padding: 2rem;
}

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

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

.padding-3 {
  padding: 2rem;
}

.op-01 {
  opacity: .1;
}

.op-02 {
  opacity: .2;
}

.op-03 {
  opacity: .3;
}

.op-04 {
  opacity: .4;
}

.op-05 {
  opacity: .5;
}

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

.is-text-dark {
  color: #444444;
}

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

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

.color-dark-lighten-2 {
  background-color: #5e5e5e;
}

.color-dark-lighten-3 {
  background-color: #6a6a6a;
}

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

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

.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: whitesmoke;
}

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

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

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

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

.color-primary {
  background-color: #1fadff;
}

.color-primary-lighten-1 {
  background-color: #38b6ff;
}

.color-primary-darken-1 {
  background-color: #05a3ff;
}

.color-primary-lighten-2 {
  background-color: #52bfff;
}

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

.color-primary-lighten-3 {
  background-color: #6bc9ff;
}

.color-primary-darken-3 {
  background-color: #0084d1;
}

.color-primary-lighten-4 {
  background-color: #85d2ff;
}

.color-primary-darken-4 {
  background-color: #0074b8;
}

.color-info {
  background-color: #2367cd;
}

.color-info-lighten-1 {
  background-color: #2e73dc;
}

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

.color-info-lighten-2 {
  background-color: #4382df;
}

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

.color-info-lighten-3 {
  background-color: #5990e3;
}

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

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

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

.color-success {
  background-color: #23cd5e;
}

.color-success-lighten-1 {
  background-color: #2edc6b;
}

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

.color-success-lighten-2 {
  background-color: #43df7a;
}

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

.color-success-lighten-3 {
  background-color: #59e389;
}

.color-success-darken-3 {
  background-color: #188c40;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #444444;
}