/* compiled by scssphp v0.6.7 on Thu, 11 Apr 2019 16:09:13 +0000 (1.323s) */

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
img, video, audio {
  max-width: 100%;
}
img, video {
  height: auto;
}
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
svg {
  max-height: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
iframe {
  border: none;
  width: 100%;
}
button, [type="submit"] {
  -webkit-appearance: button;
}
[type="radio"], [type="checkbox"] {
  vertical-align: middle;
  position: relative;
  bottom: 0.15rem;
  margin-right: 2px;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
::-moz-focus-inner {
  border: none;
  padding: 0;
}
@font-face {
  font-family: 'Kube';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-kube-"], [class*=" icon-kube-"], .close, .caret {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Kube' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  font-size: 1.7em;
}
body {
  font-family:  "bodyfont", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #111113;
  line-height: 1.5;
}
a {
  color: #2624bc;
}
a:hover {
  color: #ee2455;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "headerfont", "bodyfont", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  color: #111113;
  line-height: 1.2;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
  margin-top: 8px;
}
h1 + h1, h2 + h1, h3 + h1, h4 + h1, h5 + h1, h6 + h1, h1 + h2, h2 + h2, h3 + h2, h4 + h2, h5 + h2, h6 + h2, h1 + h3, h2 + h3, h3 + h3, h4 + h3, h5 + h3, h6 + h3, h1 + h4, h2 + h4, h3 + h4, h4 + h4, h5 + h4, h6 + h4, h1 + h5, h2 + h5, h3 + h5, h4 + h5, h5 + h5, h6 + h5, h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6, h6 + h6 {
  margin-top: 8px;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.75em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.25em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.75em;
}
h6 {
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
p, blockquote, hr, pre, ol, ul, dl, figure, address {
  margin-bottom: 16px;
}
p + h1, blockquote + h1, hr + h1, pre + h1, ol + h1, ul + h1, dl + h1, table + h1, div + h1, form + h1, p + h2, blockquote + h2, hr + h2, pre + h2, ol + h2, ul + h2, dl + h2, table + h2, div + h2, form + h2, p + h3, blockquote + h3, hr + h3, pre + h3, ol + h3, ul + h3, dl + h3, table + h3, div + h3, form + h3, p + h4, blockquote + h4, hr + h4, pre + h4, ol + h4, ul + h4, dl + h4, table + h4, div + h4, form + h4, p + h5, blockquote + h5, hr + h5, pre + h5, ol + h5, ul + h5, dl + h5, table + h5, div + h5, form + h5, p + h6, blockquote + h6, hr + h6, pre + h6, ol + h6, ul + h6, dl + h6, table + h6, div + h6, form + h6 {
  margin-top: 20px;
}
hr {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  overflow: visible;
  margin-top: -1px;
}
b, strong {
  font-weight: 600;
}
em, i, cite, dfn {
  font-style: italic;
}
time, small {
  display: inline-block;
  font-size: 87.5%;
  line-height: 1;
  color: rgba(17, 17, 19, .6);
}
sup, sub {
  font-size: 0.6em;
}
sup {
  vertical-align: top;
  position: relative;
  bottom: -0.2em;
}
h1 sup, h2 sup, h3 sup, h1 sub, h2 sub, h3 sub {
  font-size: 0.4em;
}
sub {
  line-height: 1;
}
.is-large {
  font-size: 1.3125em;
  line-height: 1.45;
}
.is-big {
  font-size: 1.125em;
  line-height: 1.45;
}
.is-small {
  font-size: 0.875em;
}
.is-smaller {
  font-size: 0.75em;
}
.is-text-left {
  text-align: left;
}
.is-text-center {
  text-align: center;
}
.is-text-right {
  text-align: right;
}
.is-row {
  /* display: flex; */
  /* flex-direction: row; */
  /* flex-wrap: wrap; */
  margin-left: -28px;
}
.is-row > .is-col {
  flex: 1;
  margin-left: 28px;
}
.is-row > .is-col.is-10 {
  min-width: calc(10% - 28px);
}
.is-row > .is-col.is-20 {
  min-width: calc(20% - 28px);
}
.is-row > .is-col.is-25 {
  min-width: calc(25% - 28px);
}
.is-row > .is-col.is-30 {
  min-width: calc(30% - 28px);
}
.is-row > .is-col.is-33, .is-row > .is-col.is-34 {
  min-width: calc(33.3333% - 28px);
}
.is-row > .is-col.is-35 {
  min-width: calc(35% - 28px);
}
.is-row > .is-col.is-40 {
  min-width: calc(40% - 28px);
}
.is-row > .is-col.is-50 {
  min-width: calc(50% - 28px);
}
.is-row > .is-col.is-60 {
  min-width: calc(60% - 28px);
}
.is-row > .is-col.is-65 {
  min-width: calc(65% - 28px);
}
.is-row > .is-col.is-66, .is-row > .is-col.is-67 {
  min-width: calc(66.6666% - 28px);
}
.is-row > .is-col.is-70 {
  min-width: calc(70% - 28px);
}
.is-row > .is-col.is-75 {
  min-width: calc(75% - 28px);
}
.is-row > .is-col.is-80 {
  min-width: calc(80% - 28px);
}
.is-row > .is-col.is-90 {
  min-width: calc(90% - 28px);
}
.is-row.is-gapless > .is-col {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  [class^='is-offset-'], [class*=' is-offset-'] {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .is-row {
    /* flex-direction: column; */
    /* flex-wrap: nowrap; */
    margin-left: 0;
    margin-top: 0;
  }
  .is-row + .is-row {
    margin-top: 0;
  }
  .is-row > .is-col {
    /* flex: 0 0 100%; */
    /* width: 100% !important; */
    /* max-width: 100% !important; */
    margin-left: 0;
  }
}

.button, .button:active, .button:focus {
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  font-family: inherit;
  font-size: 0.625em;
  /* font-weight: 50; */
  text-decoration: none;
  text-transform: none;
  color: #ff0000;
  background: #fff;
  border-radius: 26px;
  border: 1px solid transparent;
  min-height: 1.86667em;
  padding: 24px 1em;
  box-shadow: none;
  cursor: pointer;
  line-height: 1.2;
}

.button i, .button span {
  position: relative;
  top: 1px;
  display: inline-block;
  font-size: 16px;
  width: 24px;
  margin-left: 3px;
}
.button i.caret, .button span.caret {
  top: 0;
  font-size: 110%;
  margin-right: -12px;
}
.button:hover {
  -moz-transition: all linear 0.2s;
  transition: all linear 0.2s;
  outline: none;
  text-decoration: none;
  /* color: rgba(255, 255, 255, .95); */
  background-color: #ededed;
}
.button:disabled, .button.is-disabled {
  cursor: default;
  font-style: normal;
  color: #fff;
  background-color: rgba(17, 17, 19, .5);
  opacity: 0.55;
}
.button.is-secondary {
  font-size: 0.9375em;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  color: #2624bc;
  background: none;
  border-radius: 5px;
  border: 1px solid #2624bc;
  min-height: 1.86667em;
  padding: 0.2em 1.6em;
  box-shadow: none;
}
.button.is-secondary:hover {
  color: rgba(255, 255, 255, .95);
  background: #ccc;
  border-color: #2624bc;
}
.button.is-secondary.is-loading:before {
  width: 23px;
  height: 23px;
  border-color: rgba(63, 42, 179, .25);
  border-bottom-color: #2624bc;
}
.button.is-secondary.is-loading:hover:before {
  border-color: rgba(255, 255, 255, .25);
  border-bottom-color: #fff;
}
.button.is-secondary:disabled, .button.is-secondary.is-disabled {
  color: rgba(17, 17, 19, .5);
  border-color: rgba(17, 17, 19, .3);
  background: none;
}
.button.is-secondary:disabled:hover, .button.is-secondary.is-disabled:hover {
  background-color: none;
}
.button.is-tertiary {
  font-size: 0.9375em;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  color: #2624bc;
  background: none;
  border-radius: 5px;
  border: 0 solid transparent;
  min-height: 1.86667em;
  padding: 0.5em 0;
  box-shadow: none;
}
.button.is-tertiary i, .button.is-tertiary span {
  top: 0;
}
.button.is-tertiary i.caret, .button.is-tertiary span.caret {
  top: -1px;
  margin-left: -4px;
}
.button.is-tertiary:hover {
  color: #2624bc;
  text-decoration: underline;
}
.button.is-tertiary.is-loading:before {
  border-color: rgba(63, 42, 179, 0.25);
  border-bottom-color: #2624bc;
}
.button.is-tertiary:disabled, .button.is-tertiary.is-disabled {
  text-decoration: none;
  color: rgba(17, 17, 19, .5);
}
.button.is-small {
  font-size: 0.54em;
  min-height: 1.71429em;
  padding: 21px 0.8em;
}
.button.is-small.is-tertiary {
  padding-left: 0;
  padding-right: 0;
}
.button.is-big {
  font-size: 1.125em;
  min-height: 2em;
  padding: 0.45em 1.45em;
}
.button.is-big.is-tertiary {
  padding-left: 0;
  padding-right: 0;
}
::placeholder {
  color: rgba(17, 17, 19, .4);
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(17, 17, 19, .4);
}
::-ms-input-placeholder {
  color: rgba(17, 17, 19, .4);
}

input, textarea, select {
  display: block;
  width: 100%;
  font-family: inherit;
  vertical-align: middle;
  /* font-size: 0.9375em; */
  font-size: 0.8em;
  font-weight: normal;
  height: 1.86667em;
  background-color: #fff;
  border: 1px solid rgba(17, 17, 19, .1);
  border-radius: 5px;
  box-shadow: none;
  padding: 0.2em 0.8em;
  color: rgba(17, 17, 19, .8);
}
textarea {
  padding: 8px;
  resize: vertical;
  height: auto;
  line-height: 1.5;
  vertical-align: top;
}
select {
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4)" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.65em center;
  padding-right: 28px;
}
select[multiple] {
  background-image: none;
  height: auto;
  padding: 8px;
}
input:hover, textarea:hover, select:hover {
  outline: none;
  color: inherit;
  background-color: #fff;
  border: 1px solid rgba(17, 17, 19, .2);
  box-shadow: none;
}
input:focus, textarea:focus, select:focus {
  -moz-transition: all linear 0.2s;
  transition: all linear 0.2s;
  outline: none;
  color: inherit;
  background-color: #fff;
  border: 1px solid rgba(21, 141, 247, .5);
  box-shadow: 0 0 3px rgba(21, 141, 247, .5) inset;
}
input.is-error, textarea.is-error, select.is-error {
  /* background-color: rgba(238, 36, 85, .05); */
  border: 1px solid rgba(238, 36, 85, 1);
  box-shadow: none inset;
}
input.is-error:focus, textarea.is-error:focus, select.is-error:focus {
  border-color: rgba(238, 36, 85, .75);
  box-shadow: 0 0 3px rgba(238, 36, 85, .5) inset;
}
input.is-success, textarea.is-success, select.is-success {
  background-color: rgba(32, 188, 113, .05);
  border: 1px solid rgba(32, 188, 113, .5);
  box-shadow: none inset;
}
input.is-success:focus, textarea.is-success:focus, select.is-success:focus {
  border-color: rgba(32, 188, 113, .75);
  box-shadow: 0 0 3px rgba(32, 188, 113, .5) inset;
}
input.is-warning, textarea.is-warning, select.is-warning {
  background-color: rgba(255, 105, 81, .05);
  border: 1px solid rgba(255, 105, 81, .5);
  box-shadow: none inset;
}
input.is-warning:focus, textarea.is-warning:focus, select.is-warning:focus {
  border-color: rgba(255, 105, 81, .75);
  box-shadow: 0 0 3px rgba(255, 105, 81, .5) inset;
}
input:disabled, textarea:disabled, select:disabled, input.is-disabled, textarea.is-disabled, select.is-disabled, input:disabled:hover, textarea:disabled:hover, select:disabled:hover, input.is-disabled:hover, textarea.is-disabled:hover, select.is-disabled:hover {
  resize: none;
  opacity: 0.7;
  cursor: default;
  font-style: italic;
  color: rgba(17, 17, 19, .6);
  border: 1px solid rgba(17, 17, 19, .1);
  box-shadow: none;
  background-color: #fff;
}
input[type="radio"].is-error, input[type="checkbox"].is-error {
  outline: 2px solid rgba(238, 36, 85, .5);
}
input[type="radio"].is-success, input[type="checkbox"].is-success {
  outline: 2px solid rgba(32, 188, 113, .5);
}
input[type="file"] {
  width: auto;
  border: none;
  padding: 0;
  height: auto;
  background: none;
  box-shadow: none;
  display: inline-block;
}
input[type="search"], input.is-search {
  background-repeat: no-repeat;
  background-position: 8px 51%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="rgb(0, 0, 0)" fill-opacity="0.4" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');
  padding-left: 32px;
}
input[type="radio"], input[type="checkbox"] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
}
label {
  display: block;
  font-size: 0.9375em;
  font-weight: normal;
  text-transform: none;
  color: #111113;
  margin-bottom: 4px;
}
label.is-checkbox, label .is-desc, label .is-success, label .is-warning, label .is-error {
  text-transform: none;
  font-weight: normal;
}
label.is-checkbox {
  font-size: 1em;
  line-height: 1.5;
  cursor: pointer;
  color: inherit;
}
label.is-checkbox.is-small {
  font-size: 0.875em;
}
label.is-checkbox.is-big {
  font-size: 1.125em;
}
label.is-checkbox.is-large {
  font-size: 1.3125em;
}
form {
  margin-bottom: 16px;
}
form span.is-success, form div.is-success {
  font-size: 0.75em;
  color: #20bc71;
}
form span.is-error, form div.is-error {
  font-size: 0.75em;
  color: #ee2455;
}
form span.is-warning, form div.is-warning {
  font-size: 0.75em;
  color: #ff6951;
}
form span.is-success, form span.is-error, form span.is-warning {
  margin-left: 2px;
}
form .is-desc {
  font-size: 0.75rem;
  font-weight: normal;
  text-transform: none;
  color: rgba(17, 17, 19, .5);
}
form span.is-desc {
  margin-left: 4px;
}
form div.is-desc {
  margin-top: 4px;
  margin-bottom: -4px;
}
form .is-req {
  position: relative;
  top: 1px;
  font-size: 1rem;
  font-weight: bold;
  color: #ee2455;
}
.form-item {
  margin-bottom: 16px;
}
fieldset > .form-item:last-child {
  margin-bottom: 0;
}
.form-checkboxes label.is-checkbox {
  display: inline-block;
  margin-right: 16px;
}
.form-item.is-inline, .form-item.is-inline-offset {
  padding-left: 150px;
}
.form-item.is-inline label:not(.is-checkbox) {
  float: left;
  margin-left: -150px;
}
.form-item.is-bar input, .form-item.is-bar textarea, .form-item.is-bar select {
  display: inline-block;
  width: auto;
}
.form-item.is-buttons {
  display: flex;
}

.form-item.is-buttons .button {
   /* margin-bottom: 10px; */
  }


.form-item.is-buttons button, .form-item.is-buttons .button {
  margin-right: 8px;
}
.form-item.is-buttons button + .button.is-tertiary {
  margin-left: 8px;
}
.form-item.is-buttons button.is-push-right, .form-item.is-buttons .button.is-tertiary.is-push-right, .form-item.is-buttons .button.is-push-right {
  margin-left: auto;
  margin-right: 0;
}
.is-append, .is-prepend {
  display: flex;
}
.is-append input, .is-prepend input {
  flex: 1;
}
.is-append .button, .is-prepend .button, .is-append span, .is-prepend span, .is-append a, .is-prepend a {
  flex-shrink: 0;
}
.is-append span, .is-prepend span, .is-append a, .is-prepend a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(17, 17, 19, .1);
  background-color: #fff;
  white-space: nowrap;
}
.is-append span, .is-prepend span {
  font-size: 0.875em;
  font-weight: normal;
  text-transform: none;
  color: rgba(17, 17, 19, .5);
}
.is-append a, .is-prepend a {
  font-size: 0.875em;
  color: #2624bc;
  text-decoration: none;
}
.is-append a:hover, .is-prepend a:hover {
  text-decoration: underline;
}
.is-append a.icon, .is-prepend a.icon, .is-append a[class^="icon-kube-"], .is-prepend a[class^="icon-kube-"], .is-append a[class*=" icon-kube-"], .is-prepend a[class*=" icon-kube-"] {
  font-size: 1rem;
  color: rgba(17, 17, 19, .6);
}
.is-append a.icon:hover, .is-prepend a.icon:hover, .is-append a[class^="icon-kube-"]:hover, .is-prepend a[class^="icon-kube-"]:hover, .is-append a[class*=" icon-kube-"]:hover, .is-prepend a[class*=" icon-kube-"]:hover {
  color: #111113;
  text-decoration: none;
}
.is-prepend input {
  border-radius: 0 30px 30px 0;
}
.is-prepend .button {
  margin-right: -1px;
  border-radius: 5px 0 0 5px !important;
}
.is-prepend span, .is-prepend a {
  border-right: none;
  border-radius: 30px 0 0 30px;
}
.is-append input {
  border-radius: 5px 0 0 5px;
}
.is-append .button {
  margin-left: -1px;
  border-radius: 0 5px 5px 0 !important;
}
.is-append span, .is-append a {
  border-left: none;
  border-radius: 0 5px 5px 0;
}

.is-hidden {
    display: none !important;
  }

@keyframes slideUp {
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@keyframes slideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes flipIn {
  from {
    opacity: 0;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes flipOut {
  from {
    opacity: 1;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes shake {
  15% {
    transform: translateX(0.5rem);
  }
  30% {
    transform: translateX(-0.4rem);
  }
  45% {
    transform: translateX(0.3rem);
  }
  60% {
    transform: translateX(-0.2rem);
  }
  75% {
    transform: translateX(0.1rem);
  }
  90% {
    transform: translateX(0);
  }
  90% {
    transform: translateX(0);
  }
}
.kube-fadeIn {
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out;
}
.kube-fadeOut {
  opacity: 1;
  animation: fadeOut 0.5s ease-in-out;
}
.kube-zoomIn {
  animation: zoomIn 0.5s ease-in;
}
.kube-zoomOut {
  animation: zoomOut 0.5s ease-in;
}
.kube-slideInRight {
  animation: slideInRight 0.5s ease;
}
.kube-slideInLeft {
  animation: slideInLeft 0.5s ease;
}
.kube-slideInDown {
  animation: slideInDown 0.5s ease;
}
.kube-slideOutLeft {
  animation: slideOutLeft 0.5s ease;
}
.kube-slideOutRight {
  animation: slideOutRight 0.5s ease;
}
.kube-slideOutUp {
  animation: slideOutUp 0.5s ease;
}
.kube-slideUp {
  overflow: hidden;
  animation: slideUp 0.3s ease-out;
}
.kube-slideDown {
  overflow: hidden;
  animation: slideDown 0.4s ease-in-out;
}
.kube-flipIn {
  animation: flipIn 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
.kube-flipOut {
  animation: flipOut 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
.kube-rotate {
  animation: rotate 0.5s ease-in-out;
}
.kube-pulse {
  animation: pulse 0.5s ease-out 2;
}
.kube-shake {
  animation: shake 0.5s ease-in-out;
}
.message {
  position: fixed;
  top: 8px;
  right: 8px;
  width: 360px;
  background: #fff;
  box-shadow: 0 6px 24px rgba(17, 17, 19, .12);
  border-radius: 5px;
  z-index: 400;
  border: 1px solid transparent;
  font-family: "bodyfont", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 0.9375em;
  font-weight: normal;
  text-transform: none;
  color: #111113;
  padding: 16px;
}
.dropdown {
  position: absolute;
  z-index: 300;
  background: #fff;
  box-shadow: 0 6px 24px rgba(17, 17, 19, .12);
  border-radius: 5px;
  width: 280px;
  font-size: 0.9375em;
  font-weight: normal;
  border: 0 solid transparent;
  padding: 0 0 2px 0;
}
.dropdown span, .dropdown a {
  display: block;
  text-decoration: none;
  padding: 8px 16px;
  white-space: nowrap;
}
.dropdown a {
  color: #111113;
  background: none;
}
.dropdown a:hover {
  text-decoration: underline;
  color: #111113;
  background: rgba(17, 17, 19, .04);
}
.dropdown a.is-separator {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(17, 17, 19, .05);
}
.dropdown a:first-child, .dropdown span:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dropdown a.is-active, .dropdown span, .dropdown a.is-active:hover, .dropdown span:hover {
  text-decoration: none;
  cursor: text;
  color: rgba(17, 17, 19, .4);
  background: none;
}
.modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 200;
}
.modal {
  position: relative;
  margin: 16px auto;
  padding: 0;
  font-family: inherit;
  background: #fff;
  box-shadow: 0 15px 40px rgba(17, 17, 19, .2);
  border-radius: 5px;
  color: #111113;
}
@media only screen and (max-width: 767px) {
  .modal input, .modal textarea {
    font-size: 16px;
  }
}
.modal .close {
  position: absolute;
  top: 22px;
  right: 16px;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  opacity: 0.4;
}
.modal .close:hover {
  opacity: 1;
}
.modal-header {
  font-size: 1.05rem;
  font-weight: bold;
  background: none;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(17, 17, 19, .05);
}
.modal-header:empty {
  display: none;
}
.modal-body {
  font-size: inherit;
  background: none;
  padding: 24px;
}
.modal-footer {
  font-size: inherit;
  font-weight: normal;
  background-color: none;
  padding: 16px 24px;
  border-top: 1px solid rgba(17, 17, 19, .2);
  text-align: right;
}
.modal-footer:empty {
  display: none;
}
.modal-footer button {
  margin-right: 8px;
}
.modal-footer button + button.is-tertiary {
  margin-left: 8px;
}

.is-10 {
  width: 10%;
  min-width: 10%;
}
.is-20 {
  width: 20%;
  min-width: 20%;
}
.is-25 {
  width: 25%;
  min-width: 25%;
}
.is-30 {
  width: 30%;
  min-width: 30%;
}
.is-33, .is-34 {
  width: 33.3333%;
  min-width: 33.3333%;
}
.is-35 {
  width: 35%;
  min-width: 35%;
}
.is-40 {
  width: 40%;
  min-width: 40%;
}
.is-50 {
  width: 50%;
  min-width: 50%;
}
.is-60 {
  width: 60%;
}
.is-65 {
  width: 65%;
}
.is-66, .is-67 {
  width: 66.6666%;
  min-width: 66.6666%;
}
.is-70 {
  width: 70%;
  min-width: 70%;
}
.is-75 {
  width: 75%;
  min-width: 75%;
}
.is-80 {
  width: 80%;
  min-width: 80%;
}
.is-90 {
  width: 90%;
  min-width: 90%;
}
.is-100 {
  width: 100%;
  min-width: 100%;
}

.is-scrollable {
  overflow-x: auto;
  white-space: nowrap;
}
.is-no-scroll {
  overflow: hidden;
}
.is-no-scroll-x {
  overflow-x: hidden;
}
.close {
  display: inline-block;
  vertical-align: baseline;
  text-align: center;
  font-size: 9px;
  opacity: 0.85;
  border-radius: 20px;
  cursor: pointer;
  margin-top: -3px;
  margin-bottom: -3px;
  width: 20px;
  height: 20px;
  line-height: 22px;
}
.close:hover {
  -moz-transition: all linear 0.2s;
  transition: all linear 0.2s;
  opacity: 1;
  color: #fff;
  background-color: #111113;
}
.close.is-big {
  font-size: 14px;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.close.is-large {
  font-size: 18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.close.is-inverted {
  color: #fff;
}
.caret {
  display: inline-block;
}
.is-loading:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0.5em;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.25);
  border-bottom-color: #fff;
  -webkit-animation: loadingRotate 2s linear 0s infinite;
  animation: loadingRotate 2s linear 0s infinite;
}
@keyframes loadingRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(17, 17, 19, .18);
}
.overlay > .close {
  position: fixed;
  top: 1rem;
  right: 1rem;
}


html {
  height: 100%;
}
body {
  background: #b1d5f3;
  height: 100%;
}
.small {
  font-size: 0.833em;
}
.app-header {
  width: 100%;
  padding: 28px 0 10px;
  
}
a {
  text-decoration: none;
}
.container {
  max-width: 680px;
  margin: auto;
  position: relative;
  padding: 0 6%;
}

.is-logo {
  color: #2624bc;
  font-family: headerfont;
  font-size: 1.3125em;
}
.is-logo span {
  color: #a43dec;
  color: #a43dec;
}
.app-section {
  padding: 18px 0;
  /* background: #f4f7fb; */
}

h1.title, h2.title {
  position: relative;
}
h1.title a, h2.title a {
  font-family: bodyfont;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 20px;
}
h2.title a {
  top: 4px;
}


.ui-dashboard {
  margin: 0;
  padding-top: 24px;
  display: flex;
  display: flex;
  flex-wrap: wrap;
}
.ui-dashboard li {
  display: inline-block;
  width: 100%;
  /* max-width: 48%; */
  /* max-width: 48%; */
  margin: 0 4% 24px 0;
  /* background: #fff; */
  border-radius: 5px;
  text-align: center;
  color: #003;
  overflow: hidden;
  text-decoration: none;
  padding: 0;
  flex-grow: 1;
  /* flex-basis: 270px; */
  position: relative;
}

.ui-dashboard a div, .ui-dashboard li div {
  padding: 36px 16px;
}
/* 
.ui-dashboard a:hover {
  border: 1px solid #b4e021;
  background: #f2f2f2;
} */


/* Define the "system" font family */
/* @font-face {
  font-family: ' headerfont';
  src: url('../css/fonts/pt_sans-web-regular-webfont.woff2') format('woff2'), url('../css/fonts/pt_sans-web-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: 'body';
  src: url('../css/fonts/exo-regular-webfont.woff2') format('woff2'), url('../css/fonts/exo-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'headerfont';
  src: local('headerfont'), local('Roboto-Thin'), url('../css/fonts/roboto-thin-webfont.woff2') format('woff2'), url('../css/fonts/roboto-thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../css/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../css/fonts/MaterialIcons-Regular.woff) format('woff'), url(../css/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons, .fa {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}