/*
  These imports crash the storybook running, because the path is invalid. (comment out when testing)
  BUT they are needed when publishing! (uncomment when publishing)
*/

/* NOTIFICATION */

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

.notification.is-info {
  background-color: #4673b2;
  color: #fff;
}

.notification.is-success {
  background-color: #00ffb2;
  color: #050037;
}

.notification.is-warning {
  background-color: #fb8200;
  color: #050037;
}

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

/* TAGS */
.tag:not(body).is-primary {
  background-color: #050037;
  color: #fff;
}

.tag:not(body).is-info,
.tag:not(body).is-link {
  background-color: #4673b2;
  color: #fff;
}

.tag:not(body).is-success {
  background-color: #00ffb2;
  color: #050037;
}

.tag:not(body).is-warning {
  background-color: #fb8200;
  color: #050037;
}

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

/* BUTTON */
.button:focus,
.button.is-focused {
  border-color: #050037;
  color: #363636;
}

.button:focus:not(:active),
.button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em #05003740;
}

/* BUTTON PRIMARY */
.button.is-primary,
.button.is-primary[disabled],
.button.is-primary.is-outlined:hover,
.button.is-primary.is-outlined:active {
  background-color: #050037;
  border-color: transparent;
  color: #fff;
}

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

.button.is-primary.is-inverted[disabled],
.button.is-primary.is-inverted[disabled]:hover {
  background-color: #fff;
  color: #050037;
}

.button.is-primary.is-outlined,
.button.is-primary.is-outlined[disabled] {
  background-color: #fff;
  border-color: #050037;
  color: #050037;
}

.button.is-primary:hover:not([disabled]) {
  background-color: #252255;
}

.button.is-primary.is-inverted:hover {
  background-color: #f2f2f2;
  color: #252255;
}

.button.is-primary.is-active,
.button.is-primary:active {
  background-color: #2c295f;
}

.button.is-primary:focus:not(:active):not(.is-inverted) {
  box-shadow: 0 0 0 0.08em #050037;
}

.button.is-primary.is-inverted:focus {
  color: hsl(245, 67%, 19%);
  box-shadow: 0 0 0 0.08em hsl(245, 37%, 40%);
}

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

.button.is-primary.is-inverted.is-outlined:hover,
.button.is-primary.is-inverted.is-outlined:focus {
  background-color: #f2f2f2;
  color: #252255;
}

/* BUTTON AS LINK OR INFO */
.button.is-info,
.button.is-link,
.button.is-info[disabled],
.button.is-link[disabled],
.button.is-info.is-outlined:hover,
.button.is-link.is-outlined:hover,
.button.is-info.is-outlined:active,
.button.is-link.is-outlined:active {
  background-color: #4673b2;
  border-color: transparent;
  color: #fff;
}

.button.is-info:focus:not(:active):not(.is-inverted) {
  box-shadow: 0 0 0 0.1em #4673b250;
}

.button.is-link.is-inverted,
.button.is-info.is-inverted,
.button.is-link.is-inverted,
.button.is-info.is-inverted:active,
.button.is-link.is-inverted:active,
.button.is-info.is-inverted.is-outlined:hover,
.button.is-info.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #4673b2;
}

.button.is-info.is-inverted[disabled],
.button.is-info.is-inverted[disabled]:hover,
.button.is-link.is-inverted[disabled],
.button.is-link.is-inverted[disabled]:hover {
  background-color: #fff;
  color: #4673b2;
}

.button.is-info.is-outlined,
.button.is-link.is-outlined,
.button.is-info.is-outlined[disabled],
.button.is-link.is-outlined[disabled] {
  background-color: #fff;
  border-color: #4673b2;
  color: hsl(217, 71%, 53%);
}

.button.is-info:hover:not([disabled]),
.button.is-link:hover:not([disabled]) {
  background-color: #2468d5;
}

.button.is-info.is-inverted:hover,
.button.is-link.is-inverted:hover {
  color: #4673b2;
  background-color: #f2f2f2;
}

.button.is-info:active,
.button.is-link:active,
.button.is-info.is-active,
.button.is-link.is-active {
  background-color: hsl(217, 72%, 50%);
}

.button.is-info:focus:not(:active),
.button.is-link:focus:not(:active) {
  box-shadow: 0 0 0 0.125em #4673b250;
}

.button.is-info.is-outlined:focus,
.button.is-link.is-outlined:focus {
  background-color: #4673b2;
  border-color: #4673b2;
  color: #fff;
}

/* BUTTON SUCCESS */
.button.is-success,
.button.is-success.is-outlined:hover,
.button.is-success.is-outlined:active,
.button.is-success[disabled] {
  background-color: #00ffb2;
  border-color: transparent;
  color: #050037;
}

.button.is-success.is-inverted[disabled],
.button.is-success.is-inverted[disabled]:hover,
.button.is-success.is-inverted,
.button.is-success.is-inverted:active {
  background-color: #fff;
  color: #00ffb2;
}

.button.is-success.is-outlined,
.button.is-success.is-outlined[disabled] {
  color: #00ffb2;
  border-color: #00ffb2;
  background-color: #fff;
}

.button.is-success:hover:not([disabled]) {
  background-color: #00f4ab;
  border-color: transparent;
  color: #050037;
}

.button.is-success.is-inverted:hover {
  background-color: #f2f2f2;
  color: #00ffb2;
}

.button.is-success:active,
.button.is-success.is-active {
  background-color: #00efa7;
  color: #050037;
}

.button.is-success:focus:not(:active):not(.is-inverted) {
  box-shadow: 0 0 0 0.08em #05003720;
  color: #050037;
}

.button.is-success.is-outlined:focus {
  background-color: #00ffb2;
  border-color: #00ffb2;
  color: #050037;
}

.button.is-success.is-loading::after {
  border-color: transparent transparent #050037 #050037;
}

/* BUTTON WARNING */
.button.is-warning,
.button.is-warning[disabled],
.button.is-warning.is-outlined:hover,
.button.is-warning.is-outlined:active {
  background-color: #fb8200;
  border-color: transparent;
  color: #050037;
}

.button.is-inverted.is-outlined,
.button.is-inverted.is-outlined[disabled],
.button.is-inverted.is-outlined[disabled]:hover,
.button.is-primary.is-inverted.is-outlined,
.button.is-primary.is-inverted.is-outlined[disabled],
.button.is-primary.is-inverted.is-outlined[disabled]:hover,
.button.is-info.is-inverted.is-outlined,
.button.is-info.is-inverted.is-outlined[disabled],
.button.is-info.is-inverted.is-outlined[disabled]:hover,
.button.is-link.is-inverted.is-outlined,
.button.is-link.is-inverted.is-outlined[disabled],
.button.is-link.is-inverted.is-outlined[disabled]:hover,
.button.is-warning.is-inverted.is-outlined,
.button.is-warning.is-inverted.is-outlined[disabled],
.button.is-warning.is-inverted.is-outlined[disabled]:hover,
.button.is-danger.is-inverted.is-outlined,
.button.is-danger.is-inverted.is-outlined[disabled],
.button.is-danger.is-inverted.is-outlined[disabled]:hover,
.button.is-success.is-inverted.is-outlined,
.button.is-success.is-inverted.is-outlined[disabled],
.button.is-success.is-inverted.is-outlined[disabled]:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-warning.is-inverted[disabled],
.button.is-warning.is-inverted[disabled]:hover,
.button.is-warning.is-inverted,
.button.is-warning.is-inverted:active,
.button.is-warning.is-inverted.is-outlined:hover,
.button.is-warning.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #fb8200;
}

.button.is-warning.is-outlined,
.button.is-warning.is-outlined[disabled] {
  color: #fb8200;
  border-color: #fb8200;
  background-color: #fff;
}

.button.is-warning.is-outlined:focus {
  background-color: #fb8200;
  border-color: transparent;
  color: #050037;
}

.button.is-warning:hover:not([disabled]) {
  background-color: #ff890c;
  border-color: transparent;
  color: #050037;
}

.button.is-warning.is-inverted:hover {
  background-color: #f2f2f2;
  color: #fb8200;
}

.button.is-warning:active,
.button.is-warning.is-active {
  background-color: #ff8e16;
  color: #050037;
}

.button.is-warning:focus:not(:active):not(.is-inverted) {
  box-shadow: 0 0 0 0.1em #fc820050;
  color: #050037;
}

.button.is-warning.is-inverted:focus {
  color: #fb8200;
  box-shadow: 0 0 0 0.08em #fc820050;
}

.button.is-warning.is-loading::after {
  border-color: transparent transparent #050037 #050037;
}

/* BUTTON DANGER */
.button.is-danger,
.button.is-danger[disabled],
.button.is-danger.is-outlined:hover,
.button.is-danger.is-outlined:active {
  background-color: #B20129;
  border-color: transparent;
  color: #fff;
}

.button.is-danger.is-outlined,
.button.is-danger.is-outlined[disabled] {
  color: #B20129;
  border-color: #B20129;
  background-color: #fff;
}

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

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

.button.is-danger:hover:not([disabled]) {
  background-color: #B20129;
  border-color: transparent;
  color: #fff;
}

.button.is-danger.is-inverted[disabled],
.button.is-danger.is-inverted[disabled]:hover {
  color: #B20129;
  background-color: #fff;
}

.button.is-danger.is-inverted:hover {
  color: #B20129;
  background-color: #f2f2f2;
}

.button.is-danger:active,
.button.is-danger.is-active {
  background-color: #B20129;
  color: #fff;
}

.button.is-danger:focus:not(:active) {
  box-shadow: 0 0 0 0.125em #ff324650;
  color: #fff;
}

.button.is-danger.is-inverted:focus {
  color: #B20129;
  box-shadow: 0 0 0 0.06em #ff324650;
}

.button.is-danger:focus:not(:active):not(.is-inverted) {
  box-shadow: 0 0 0 0.08em #fe314650;
  color: #fff;
}

/* FLATPICKER */
.flatpickr-calendar.arrowTop::after {
  border-bottom-color: #050037;
}

.flatpickr-calendar.arrowBottom::after {
  border-top-color: #050037;
}

.flatpickr-input[readonly]:focus,
.flatpickr-input[readonly]:active,
.flatpickr-input[readonly]:hover {
  border-color: #b2b2b2;
}

.flatpickr-input[disabled] {
  cursor: not-allowed;
}

span.flatpickr-weekday,
.flatpickr-months .flatpickr-month,
.flatpickr-weekdays,
.flatpickr-weekday,
.flatpickr-month {
  background: #050037;
  background-color: #050037;
  color: white;
}

.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #050037;
  background-color: #050037;
  border-color: #050037;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #050037;
  box-shadow: -10px 0 0 #050037;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #ccc;
}

/* BURGER FIX */
@media screen and (min-width: 1088px) {
  .navbar-burger {
    display: none;
  }
}

/* FOOTER */
.footer {
  background-color: #ededed;
}

/* CONTAINER AND HERO */
.hero > .container {
  height: 12.5rem;
  display: flex;
  flex-direction: column;
}

.hero > .container > .hero-body {
  height: 10.0625rem;
}

.hero > .container > .hero-foot {
  height: 2.4375rem;
}

.hero {
  height: 12.5rem;
}

.hero,
.hero.is-primary {
  background-color: #050037;
  color: #fff;
}

.hero.is-primary.is-bold .title,
.hero.is-primary.is-bold .subtitle,
.hero:not(.is-bold) .title,
.hero:not(.is-bold) .subtitle,
.hero.is-primary:not(.is-bold) .title,
.hero.is-primary:not(.is-bold) .subtitle {
  background-color: transparent;
  color: #fff;
}

.hero.is-primary.is-bold {
  color: #fff;
  background-image: linear-gradient(
    141deg,
    hsl(0, 0%, 86%) 0%,
    hsl(0, 0%, 93%) 71%,
    hsl(0, 0%, 100%) 100%
  );
}

.hero.is-info {
  background-color: #4673b2;
  color: #fff;
}
.hero.is-info.is-bold .title,
.hero.is-info.is-bold .subtitle,
.hero.is-info:not(.is-bold) .title,
.hero.is-info:not(.is-bold) .subtitle {
  background-color: transparent;
  color: #fff;
}

.hero.is-info.is-bold {
  color: #fff;
  background-image: linear-gradient(
    141deg,
    hsl(217, 71%, 40%) 0%,
    hsl(217, 71%, 53%) 71%,
    hsl(217, 71%, 60%) 100%
  );
}

.hero.is-success {
  background-color: #00ffb2;
  color: #050037;
}
.hero.is-success.is-bold .title,
.hero.is-success.is-bold .subtitle,
.hero.is-success:not(.is-bold) .title,
.hero.is-success:not(.is-bold) .subtitle {
  background-color: transparent;
  color: #050037;
}

.hero.is-success.is-bold {
  color: #050037;
  background-image: linear-gradient(
    141deg,
    hsl(162, 100%, 45%) 0%,
    hsl(162, 100%, 50%) 71%,
    hsl(162, 100%, 70%) 100%
  );
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
  color: #050037;
}

.hero.is-warning {
  background-color: #fb8200;
  color: #050037;
}

.hero.is-warning.is-bold .title,
.hero.is-warning.is-bold .subtitle,
.hero.is-warning:not(.is-bold) .title,
.hero.is-warning:not(.is-bold) .subtitle {
  background-color: transparent;
  color: #050037;
}

.hero.is-warning.is-bold {
  color: #050037;
  background-image: linear-gradient(
    141deg,
    hsl(31, 100%, 49%) 0%,
    hsl(31, 100%, 49%) 71%,
    hsl(31, 100%, 60%) 100%
  );
}

.hero.is-danger {
  background-color: #fe3146;
  color: #fff;
}

.hero.is-danger.is-bold .title,
.hero.is-danger.is-bold .subtitle,
.hero.is-danger:not(.is-bold) .title,
.hero.is-danger:not(.is-bold) .subtitle {
  background-color: transparent;
  color: #fff;
}

.hero.is-danger.is-bold {
  color: #fff;
  background-image: linear-gradient(
    141deg,
    hsl(354, 99%, 59%) 0%,
    hsl(354, 99%, 59%) 71%,
    hsl(354, 99%, 65%) 100%
  );
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #fe3146;
}

.hero.is-info .tabs.is-boxed li.is-active a {
  color: #050037;
}

.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(217, 71%, 35%);
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.tabs.is-boxed li.is-active a,
.tabs.is-boxed li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #050037;
}

.hero.is-warning .tabs.is-boxed li.is-active a {
  color: #050037;
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #050037;
}

.hero .tabs a {
  margin-bottom: -3px;
}

.hero .tabs.is-boxed a:hover,
.hero .tabs.is-toggle a:hover,
.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.03);
}

a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:hover,
.navbar-link.is-active,
.tabs a,
.title,
.subtitle,
.label,
a.navbar-item:hover,
.navbar.is-white .navbar-end > .navbar-item,
.navbar.is-white .navbar-end > .navbar-item:hover {
  color: #050037;
  /*text-decoration: none;*/
}

.hero.is-primary .tabs a,
.hero.is-primary .tabs.is-boxed a,
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag) {
  color: #fff;
}

.hero.is-image {
  background-color: #050037;
  color: #fff;
}

.hero.is-image.is-bold .title,
.hero.is-image.is-bold .subtitle,
.hero.is-image:not(.is-bold) .title,
.hero.is-image:not(.is-bold) .subtitle {
  background-color: transparent;
  color: #fff;
}

.hero.is-image.is-bold {
  color: #fff;
  background-image: linear-gradient(
    141deg,
    hsl(0, 0%, 86%) 0%,
    hsl(0, 0%, 93%) 71%,
    hsl(0, 0%, 100%) 100%
  );
}

.hero.is-image .tabs.is-boxed li.is-active a,
.hero.is-image .tabs.is-boxed li.is-active a:hover,
.hero.is-image .tabs.is-toggle li.is-active a,
.hero.is-image .tabs.is-toggle li.is-active a:hover {
  background-color: #ffffff;
  color: #050037;
}

.hero.is-image .tabs a,
.hero.is-image .tabs.is-boxed a,
.hero.is-image a:not(.button):not(.dropdown-item):not(.tag) {
  color: #fff;
}

/* NAVBAR */
.navbar-item.is-tab.is-active {
  color: #050037;
  border-bottom-color: #050037;
}

.navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: #050037;
  color: #050037;
}

.navbar-link::after {
  border-color: #050037;
}

.navbar-menu {
  width: 100%;
}

.navbar-start {
  flex-wrap: wrap;
}

.navbar-select-wrapper {
  width: 200px;
}

.navbar-select {
  width: 100%;
}

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

.tabs li.is-active a:focus {
  border-bottom-color: #050037;
  color: #050037;
  outline-color: #050037;
}

.tabs a:focus {
  border-bottom-color: #050037;
  color: #050037;
  outline-color: #050037;
}

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

/* TOGGLE */
.tabs.is-toggle li.is-active a {
  border-bottom-color: #050037;
  border-color: #050037;
  background-color: #050037;
  color: #fff;
  z-index: 1;
}

.react-select {
  color: #050037;
}

/* TABLE */
.table tr.is-selected {
  background-color: #363636;
  color: #fff;
}

.table.is-bordered tr.is-selected th,
.table.is-bordered tr.is-selected td {
  border-color: #5c5c5c;
}

/* PROGRESS */
.progress.is-primary::-webkit-progress-value {
  background-color: #050037;
}

.progress.is-primary::-moz-progress-bar {
  background-color: #050037;
}

.progress.is-primary::-ms-fill {
  background-color: #050037;
}

.progress.is-info::-webkit-progress-value {
  background-color: #4673b2;
}

.progress.is-info::-moz-progress-bar {
  background-color: #4673b2;
}

.progress.is-info::-ms-fill {
  background-color: #4673b2;
}

.progress.is-success::-webkit-progress-value {
  background-color: #00ffb2;
}

.progress.is-success::-moz-progress-bar {
  background-color: #00ffb2;
}

.progress.is-success::-ms-fill {
  background-color: #00ffb2;
}

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

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

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

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

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

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

/* PANEL */
.panel-block.is-active {
  border-left-color: #050037;
  color: #363636;
}

.panel-block.is-active .panel-icon {
  color: #050037;
}

.panel-tabs a {
  color: #4673b2;
}

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

/* PAGINATION */
.pagination-link.is-current {
  background-color: #050037;
  border-color: #050037;
  color: #fff;
}

/* MESSAGE */
.message.is-primary .message-header {
  background-color: #050037;
  color: #fff;
}
.message.is-primary .message-body {
  background-color: hsl(249, 64%, 98%);
  color: hsl(246, 68%, 19%);
  border-color: hsl(245, 67%, 19%);
}

.message.is-info .message-header {
  background-color: #4673b2;
  color: #fff;
}
.message.is-info .message-body {
  background-color: hsl(215, 100%, 98%);
  color: hsl(215, 100%, 25%);
  border-color: hsl(215, 100%, 69%);
}

.message.is-success .message-header {
  background-color: #00ffb2;
  color: #050037;
}
.message.is-success .message-body {
  background-color: hsl(162, 100%, 98%);
  color: hsl(162, 100%, 10%);
  border-color: hsl(162, 100%, 50%);
}

.message.is-warning .message-header {
  background-color: #fb8200;
  color: #050037;
}
.message.is-warning .message-body {
  background-color: hsl(31, 100%, 98%);
  color: hsl(31, 100%, 10%);
  border-color: hsl(31, 100%, 49%);
}

.message.is-danger .message-header {
  background-color: #fe3146;
  color: #fff;
}
.message.is-danger .message-body {
  background-color: hsl(354, 99%, 98%);
  color: hsl(354, 99%, 40%);
  border-color: #fe3146;
}

/* MENU */
.menu.is-primary a.is-active {
  background-color: #050037;
  color: #fff;
}

.menu.is-info a.is-active {
  background-color: #4673b2;
  color: #fff;
}

/* Link in footer to KF */
.footer-link {
  color: #0000EE;
  text-decoration: underline;
}

/* ANCHOR TAG */
a {
  color: #4673b2;
}

a:hover {
  color: #2468d5;
}

/*a {*/
/*  color: #0000FF;*/
/*  text-decoration: underline;*/
/*}*/


/* HELP */
.help.is-success {
  color: #00cc8e;
}

.help.is-danger {
  color: #fe3146;
}

/* INPUT + TEXT AREA */
.input.is-primary,
.textarea.is-primary {
  border-color: #050037;
}

.input.is-primary:focus:not([disabled]),
.input.is-primary.is-focused:not([disabled]),
.input.is-primary:active:not([disabled]),
.input.is-primary.is-active:not([disabled]),
.input.is-focused:not([disabled]),
.input:active:not([disabled]),
.input.is-active:not([disabled]),
.input:focus:not([disabled]),
.textarea.is-primary:focus:not([disabled]),
.textarea.is-primary.is-focused:not([disabled]),
.textarea.is-primary:active:not([disabled]),
.textarea.is-primary.is-active .input:focus:not([disabled]),
.textarea:focus:not([disabled]),
.textarea.is-focused:not([disabled]),
.textarea:active:not([disabled]),
.textarea.is-active:not([disabled]) {
  border-color: #050037;
  box-shadow: 0 0 0 0.125em #050037;
}

.input.is-info,
.textarea.is-info {
  border-color: #4673b2;
}

.input.is-info:focus,
.input.is-info.is-focused,
.input.is-info:active,
.input.is-info.is-active,
.textarea.is-info:focus,
.textarea.is-info.is-focused,
.textarea.is-info:active,
.textarea.is-info.is-active {
  -webkit-box-shadow: 0 0 0 0.125em #4673b240;
  box-shadow: 0 0 0 0.125em #4673b240;
}

.input.is-success,
.textarea.is-success {
  border-color: #00ffb2;
}

.input.is-success:focus,
.input.is-success.is-focused,
.input.is-success:active,
.input.is-success.is-active,
.textarea.is-success:focus,
.textarea.is-success.is-focused,
.textarea.is-success:active,
.textarea.is-success.is-active {
  border-color: #00ffb2;
  box-shadow: 0 0 0 0.125em #00ffb240;
}

.input.is-warning,
.textarea.is-warning {
  border-color: #fb8200;
}
.input.is-warning:focus,
.input.is-warning.is-focused,
.input.is-warning:active,
.input.is-warning.is-active,
.textarea.is-warning:focus,
.textarea.is-warning.is-focused,
.textarea.is-warning:active,
.textarea.is-warning.is-active {
  -webkit-box-shadow: 0 0 0 0.125em #fb820040;
  box-shadow: 0 0 0 0.125em #fb820040;
}

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

.input.is-danger:focus,
.input.is-danger.is-focused,
.input.is-danger:active,
.input.is-danger.is-active,
.textarea.is-danger:focus,
.textarea.is-danger.is-focused,
.textarea.is-danger:active,
.textarea.is-danger.is-active {
  border-color: #fe3146;
  box-shadow: 0 0 0 0.125em #fe314640;
}

/* MODAL */
.modal.is-active {
  flex-direction: column;
}

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

.modal-card-foot.is-center {
  justify-content: center;
}



.menu-label {
  color: #595959;
}