@charset "UTF-8";
:root {
  --gray-dark: #333;
  --gray: #999;
  --gray-light: #ccc;
  --gray-lighter: #eee;
  --primary: #0085f0;
  --secondary: #666;
  --success: #81c735;
  --info: #5bc0de;
  --warning: #f0ad4e;
  --danger: #ff3a3c;
  --background-color: #fff;
  --text-color: #333;
  --link-color: var(--primary);
  --border-color-default: #ccc;
  --border-color-primary: var(--primary);
  --border-color-success: var(--success);
  --border-color-info: var(--info);
  --border-color-warning: var(--warning);
  --border-color-danger: var(--danger);
  --border-color-default-hover: #b3b3b3;
  --border-color-primary-hover: #0069c0;
  --border-color-success-hover: #6aa82b;
  --border-color-info-hover: #499ab2;
  --border-color-warning-hover: #c38a3e;
  --border-color-danger-hover: #cc2e2f;
  --border-color-default-focus: #c4c4c4;
  --border-color-primary-focus: #0072cc;
  --border-color-success-focus: #71b730;
  --border-color-info-focus: #4dadbd;
  --border-color-warning-focus: #cb9d42;
  --border-color-danger-focus: #d93132;
  --border-radius: 2px;
  --border-radius-small: 2px;
  --border-radius-large: 4px;
  --font-family-sans-serif: 'Helvetica Neue', helvetica, arial, sans-serif;
  --font-family-monospace: menlo, monaco, consolas, 'Courier New', monospace;
  --font-family-base: var(--font-family-sans-serif);
  --font-size-base: 14px;
  --font-size-large: 18px;
  --font-size-small: 12px;
  --font-size-h1: 36px;
  --font-size-h2: 32px;
  --font-size-h3: 24px;
  --font-size-h4: 18px;
  --font-size-h5: 14px;
  --font-size-h6: 12px;
  --line-height-base: 1.4286;
  --line-height-computed: 20px;
  --heading-font-family: var(--font-family-base);
  --heading-font-weight: 500;
  --heading-line-height: 1.1;
  --blockquote-font-size: 18px;
  --callout-font-size: var(--font-size-base);
  --padding-base-vertical: 6px;
  --padding-base-horizontal: 12px;
  --padding-small-vertical: 5px;
  --padding-small-horizontal: 10px;
  --padding-large-vertical: 8px;
  --padding-large-horizontal: 15px;
  --padding-mini-vertical: 2px;
  --padding-mini-horizontal: 6px;
  --code-color: #c7254e;
  --code-background: #f9f2f4;
  --kbd-color: #fff;
  --kbd-background: #333;
  --pre-background: #f5f5f5;
  --pre-border-color: #ccc;
  --pre-scrollable-max-height: 340px;
  --input-height-default: 34px;
  --input-height-small: 27px;
  --input-height-large: 45px;
  --input-padding-default-vertical: 6px;
  --input-padding-default-horizontal: 6px;
  --input-padding-small-vertical: 5px;
  --input-padding-small-horizontal: 5px;
  --input-padding-large-vertical: 8px;
  --input-padding-large-horizontal: 8px;
  --input-group-addon-background: #eee;
  --input-group-addon-border-color: #ccc;
  --state-primary-text: var(--primary);
  --state-primary-background: var(--primary);
  --state-success-text: #3c763d;
  --state-success-background: #dff0d8;
  --state-info-text: #31708f;
  --state-info-background: #d9edf7;
  --state-warning-text: #8a6d3b;
  --state-warning-background: #fcf8e3;
  --state-danger-text: #a94442;
  --state-danger-background: #f2dede;
  --link-hover-color: #0076e6;
  --close-font-weight: bold;
  --close-color: #000;
  --close-text-shadow: 0 1px 0 #fff;
  --zindex-navbar-fixed: 1030;
  --zindex-dialog-background: 1040;
  --zindex-dialog: 1050;
  --zindex-tooltip: 1070;
  --zindex-message: 1090;
  --screen-sm-min: 768px;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */ /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
}

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

html {
  font-size: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--text-color);
  background-color: var(--background-color);
  -webkit-font-smoothing: antialiased;
}

header {
  min-height: 45px;
}

footer {
  margin-top: 50px;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: var(--link-color);
  text-decoration: none;
}
a:hover, a:focus {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.shake {
  transform-origin: center center 0 50%;
}
.shake:hover {
  animation-name: shake;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  box-sizing: content-box;
}
hr.dotted {
  border-top: 1px dotted #eee;
}
hr.dashed {
  border-top: 1px dashed #eee;
}
hr.double {
  border-top: 1px double #eee;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  line-height: var(--heading-line-height);
  color: var(--heading-color);
  margin-top: calc(var(--line-height-computed) / 2);
  margin-bottom: calc(var(--line-height-computed) / 2);
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: var(--gray-light);
}
h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
  padding-bottom: calc(var(--line-height-computed) / 2);
  border-bottom: 1px solid var(--gray-lighter);
  margin: calc(var(--line-height-computed) * 2) 0 var(--line-height-computed);
}

h1 small,
h2 small,
h3 small {
  font-size: 65%;
}

h4 small,
h5 small,
h6 small {
  font-size: 75%;
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

h5 {
  font-size: var(--font-size-h5);
}

h6 {
  font-size: var(--font-size-h6);
}

p {
  margin: 0 0 calc(var(--line-height-computed) / 2);
}

.lead {
  margin-bottom: var(--line-height-computed);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}

small,
.small {
  font-size: 85%;
}

cite {
  font-style: normal;
}

mark,
.mark {
  background-color: var(--state-warning-background);
  padding: 0.2em;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.text.muted {
  color: var(--gray-light);
}

.text.primary {
  color: var(--state-primary-text);
}

a.text.primary:hover {
  filter: brightness(0.9);
}

.text.success {
  color: var(--state-success-text);
}

a.text.success:hover {
  filter: brightness(0.9);
}

.text.info {
  color: var(--state-info-text);
}

a.text.info:hover {
  filter: brightness(0.9);
}

.text.warning {
  color: var(--state-warning-text);
}

a.text.warning:hover {
  filter: brightness(0.9);
}

.text.danger {
  color: var(--state-danger-text);
}

a.text.danger:hover {
  filter: brightness(0.9);
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: var(--state-primary-background);
}

a.bg-primary:hover {
  filter: brightness(0.9);
}

.bg-success {
  background-color: var(--state-success-background);
}

a.bg-success:hover {
  filter: brightness(0.9);
}

.bg-info {
  background-color: var(--state-info-background);
}

a.bg-info:hover {
  filter: brightness(0.9);
}

.bg-warning {
  background-color: var(--state-warning-background);
}

a.bg-warning:hover {
  filter: brightness(0.9);
}

.bg-danger {
  background-color: var(--state-danger-background);
}

a.bg-danger:hover {
  filter: brightness(0.9);
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted var(--gray-light);
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

address {
  margin-bottom: var(--line-height-computed);
  font-style: normal;
  line-height: var(--line-height-base);
}

code,
kbd,
pre,
samp {
  font-family: var(--font-family-monospace);
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: var(--code-color);
  background-color: var(--code-background);
  border-radius: var(--border-radius);
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: var(--kbd-color);
  background-color: var(--kbd-background);
  border-radius: var(--border-radius-small);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

pre {
  display: block;
  padding: calc(var(--line-height-computed) / 2);
  margin: 0 0 calc(var(--line-height-computed) / 2);
  font-size: calc(var(--font-size-base) - 1px);
  line-height: var(--line-height-base);
  word-break: break-all;
  word-wrap: break-word;
  color: var(--gray-dark);
  background-color: var(--pre-background);
  border: 1px solid var(--pre-border-color);
  border-radius: var(--border-radius);
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
pre.scrollable {
  max-height: var(--pre-scrollable-max-height);
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  display: flow-root;
}
@media (width >= 768px) {
  .container {
    width: 750px;
  }
}
@media (width >= 992px) {
  .container {
    width: 970px;
  }
}
@media (width >= 1200px) {
  .container {
    width: 1170px;
  }
}

.grid {
  display: flow-root;
}
.grid > .column {
  display: block;
  min-height: 1px;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.grid > .column:first-child {
  margin-left: 0;
}
.grid > .column.righted {
  float: right;
}
.grid > .column.centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.grid.two > .column {
  width: 50%;
}

.grid.three > .column {
  width: 33.3333333333%;
}
.grid.three > .two.column {
  width: 66.6666666667%;
}

.grid.four > .column {
  width: 25%;
}
.grid.four > .two.column {
  width: 50%;
}
.grid.four > .three.column {
  width: 75%;
}

.grid.five > .column {
  width: 20%;
}
.grid.five > .two.column {
  width: 40%;
}
.grid.five > .three.column {
  width: 60%;
}
.grid.five > .four.column {
  width: 80%;
}

.grid.six > .column {
  width: 16.6666666667%;
}
.grid.six > .two.column {
  width: 33.3333333333%;
}
.grid.six > .three.column {
  width: 50%;
}
.grid.six > .four.column {
  width: 66.6666666667%;
}
.grid.six > .five.column {
  width: 83.3333333333%;
}

.grid.seven > .column {
  width: 14.2857142857%;
}
.grid.seven > .two.column {
  width: 28.5714285714%;
}
.grid.seven > .three.column {
  width: 42.8571428571%;
}
.grid.seven > .four.column {
  width: 57.1428571429%;
}
.grid.seven > .five.column {
  width: 71.4285714286%;
}
.grid.seven > .six.column {
  width: 85.7142857143%;
}

.grid.eight > .column {
  width: 12.5%;
}
.grid.eight > .two.column {
  width: 25%;
}
.grid.eight > .three.column {
  width: 37.5%;
}
.grid.eight > .four.column {
  width: 50%;
}
.grid.eight > .five.column {
  width: 62.5%;
}
.grid.eight > .six.column {
  width: 75%;
}
.grid.eight > .seven.column {
  width: 87.5%;
}

.grid.nine > .column {
  width: 11.1111111111%;
}
.grid.nine > .two.column {
  width: 22.2222222222%;
}
.grid.nine > .three.column {
  width: 33.3333333333%;
}
.grid.nine > .four.column {
  width: 44.4444444444%;
}
.grid.nine > .five.column {
  width: 55.5555555556%;
}
.grid.nine > .six.column {
  width: 66.6666666667%;
}
.grid.nine > .seven.column {
  width: 77.7777777778%;
}
.grid.nine > .eight.column {
  width: 88.8888888889%;
}

.grid.ten > .column {
  width: 10%;
}
.grid.ten > .two.column {
  width: 20%;
}
.grid.ten > .three.column {
  width: 30%;
}
.grid.ten > .four.column {
  width: 40%;
}
.grid.ten > .five.column {
  width: 50%;
}
.grid.ten > .six.column {
  width: 60%;
}
.grid.ten > .seven.column {
  width: 70%;
}
.grid.ten > .eight.column {
  width: 80%;
}
.grid.ten > .nine.column {
  width: 90%;
}

.grid.eleven > .column {
  width: 9.0909090909%;
}
.grid.eleven > .two.column {
  width: 18.1818181818%;
}
.grid.eleven > .three.column {
  width: 27.2727272727%;
}
.grid.eleven > .four.column {
  width: 36.3636363636%;
}
.grid.eleven > .five.column {
  width: 45.4545454545%;
}
.grid.eleven > .six.column {
  width: 54.5454545455%;
}
.grid.eleven > .seven.column {
  width: 63.6363636364%;
}
.grid.eleven > .eight.column {
  width: 72.7272727273%;
}
.grid.eleven > .nine.column {
  width: 81.8181818182%;
}
.grid.eleven > .ten.column {
  width: 90.9090909091%;
}

.grid.twelve > .column {
  width: 8.3333333333%;
}
.grid.twelve > .two.column {
  width: 16.6666666667%;
}
.grid.twelve > .three.column {
  width: 25%;
}
.grid.twelve > .four.column {
  width: 33.3333333333%;
}
.grid.twelve > .five.column {
  width: 41.6666666667%;
}
.grid.twelve > .six.column {
  width: 50%;
}
.grid.twelve > .seven.column {
  width: 58.3333333333%;
}
.grid.twelve > .eight.column {
  width: 66.6666666667%;
}
.grid.twelve > .nine.column {
  width: 75%;
}
.grid.twelve > .ten.column {
  width: 83.3333333333%;
}
.grid.twelve > .eleven.column {
  width: 91.6666666667%;
}

@media only screen and (width <= 480px) {
  .grid.two > .column {
    width: 100%;
  }
  .grid.two > .two.column {
    width: 100%;
  }
  .grid.three > .column {
    width: 100%;
  }
  .grid.three > .two.column {
    width: 100%;
  }
  .grid.three > .three.column {
    width: 100%;
  }
  .grid.four > .column {
    width: 100%;
  }
  .grid.four > .two.column {
    width: 100%;
  }
  .grid.four > .three.column {
    width: 100%;
  }
  .grid.four > .four.column {
    width: 100%;
  }
  .grid.five > .column {
    width: 100%;
  }
  .grid.five > .two.column {
    width: 100%;
  }
  .grid.five > .three.column {
    width: 100%;
  }
  .grid.five > .four.column {
    width: 100%;
  }
  .grid.five > .five.column {
    width: 100%;
  }
  .grid.six > .column {
    width: 100%;
  }
  .grid.six > .two.column {
    width: 100%;
  }
  .grid.six > .three.column {
    width: 100%;
  }
  .grid.six > .four.column {
    width: 100%;
  }
  .grid.six > .five.column {
    width: 100%;
  }
  .grid.six > .six.column {
    width: 100%;
  }
  .grid.seven > .column {
    width: 100%;
  }
  .grid.seven > .two.column {
    width: 100%;
  }
  .grid.seven > .three.column {
    width: 100%;
  }
  .grid.seven > .four.column {
    width: 100%;
  }
  .grid.seven > .five.column {
    width: 100%;
  }
  .grid.seven > .six.column {
    width: 100%;
  }
  .grid.seven > .seven.column {
    width: 100%;
  }
  .grid.eight > .column {
    width: 100%;
  }
  .grid.eight > .two.column {
    width: 100%;
  }
  .grid.eight > .three.column {
    width: 100%;
  }
  .grid.eight > .four.column {
    width: 100%;
  }
  .grid.eight > .five.column {
    width: 100%;
  }
  .grid.eight > .six.column {
    width: 100%;
  }
  .grid.eight > .seven.column {
    width: 100%;
  }
  .grid.eight > .eight.column {
    width: 100%;
  }
  .grid.nine > .column {
    width: 100%;
  }
  .grid.nine > .two.column {
    width: 100%;
  }
  .grid.nine > .three.column {
    width: 100%;
  }
  .grid.nine > .four.column {
    width: 100%;
  }
  .grid.nine > .five.column {
    width: 100%;
  }
  .grid.nine > .six.column {
    width: 100%;
  }
  .grid.nine > .seven.column {
    width: 100%;
  }
  .grid.nine > .eight.column {
    width: 100%;
  }
  .grid.nine > .nine.column {
    width: 100%;
  }
  .grid.ten > .column {
    width: 100%;
  }
  .grid.ten > .two.column {
    width: 100%;
  }
  .grid.ten > .three.column {
    width: 100%;
  }
  .grid.ten > .four.column {
    width: 100%;
  }
  .grid.ten > .five.column {
    width: 100%;
  }
  .grid.ten > .six.column {
    width: 100%;
  }
  .grid.ten > .seven.column {
    width: 100%;
  }
  .grid.ten > .eight.column {
    width: 100%;
  }
  .grid.ten > .nine.column {
    width: 100%;
  }
  .grid.ten > .ten.column {
    width: 100%;
  }
  .grid.eleven > .column {
    width: 100%;
  }
  .grid.eleven > .two.column {
    width: 100%;
  }
  .grid.eleven > .three.column {
    width: 100%;
  }
  .grid.eleven > .four.column {
    width: 100%;
  }
  .grid.eleven > .five.column {
    width: 100%;
  }
  .grid.eleven > .six.column {
    width: 100%;
  }
  .grid.eleven > .seven.column {
    width: 100%;
  }
  .grid.eleven > .eight.column {
    width: 100%;
  }
  .grid.eleven > .nine.column {
    width: 100%;
  }
  .grid.eleven > .ten.column {
    width: 100%;
  }
  .grid.eleven > .eleven.column {
    width: 100%;
  }
  .grid.twelve > .column {
    width: 100%;
  }
  .grid.twelve > .two.column {
    width: 100%;
  }
  .grid.twelve > .three.column {
    width: 100%;
  }
  .grid.twelve > .four.column {
    width: 100%;
  }
  .grid.twelve > .five.column {
    width: 100%;
  }
  .grid.twelve > .six.column {
    width: 100%;
  }
  .grid.twelve > .seven.column {
    width: 100%;
  }
  .grid.twelve > .eight.column {
    width: 100%;
  }
  .grid.twelve > .nine.column {
    width: 100%;
  }
  .grid.twelve > .ten.column {
    width: 100%;
  }
  .grid.twelve > .eleven.column {
    width: 100%;
  }
  .grid.twelve > .twelve.column {
    width: 100%;
  }
}
blockquote,
.callout {
  padding: calc(var(--line-height-computed) / 2) var(--line-height-computed);
  margin: 0 0 var(--line-height-computed);
  font-size: var(--blockquote-font-size);
  border-left: 5px solid var(--gray-lighter);
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child,
.callout p:last-child,
.callout ul:last-child,
.callout ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small,
.callout footer,
.callout small,
.callout .small {
  display: block;
  font-size: 80%;
  line-height: var(--line-height-base);
  color: var(--gray-light);
}
blockquote footer::before,
blockquote small::before,
blockquote .small::before,
.callout footer::before,
.callout small::before,
.callout .small::before {
  content: "— ";
}
blockquote footer,
.callout footer {
  margin-top: 0;
}

blockquote.reverse, blockquote.righted,
.callout.reverse,
.callout.righted {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid var(--gray-lighter);
  border-left: 0;
  text-align: right;
}
blockquote.reverse footer::before,
blockquote.reverse small::before,
blockquote.reverse .small::before, blockquote.righted footer::before,
blockquote.righted small::before,
blockquote.righted .small::before,
.callout.reverse footer::before,
.callout.reverse small::before,
.callout.reverse .small::before,
.callout.righted footer::before,
.callout.righted small::before,
.callout.righted .small::before {
  content: "";
}
blockquote.reverse footer::after,
blockquote.reverse small::after,
blockquote.reverse .small::after, blockquote.righted footer::after,
blockquote.righted small::after,
blockquote.righted .small::after,
.callout.reverse footer::after,
.callout.reverse small::after,
.callout.reverse .small::after,
.callout.righted footer::after,
.callout.righted small::after,
.callout.righted .small::after {
  content: " —";
}

blockquote::before,
.callout::before,
blockquote::after,
.callout::after {
  content: "";
}

.callout {
  --callout-primary-background: var(--primary);
  --callout-primary-text: #fff;
  --callout-success-background: var(--state-success-background);
  --callout-success-text: var(--state-success-text);
  --callout-info-background: var(--state-info-background);
  --callout-info-text: var(--state-info-text);
  --callout-warning-background: var(--state-warning-background);
  --callout-warning-text: var(--state-warning-text);
  --callout-danger-background: var(--state-danger-background);
  --callout-danger-text: var(--state-danger-text);
}

blockquote.primary,
.callout.primary {
  border-color: var(--border-color-primary);
  background-color: var(--state-primary-background);
  color: #fff;
}
blockquote.success,
.callout.success {
  border-color: var(--border-color-success);
  background-color: var(--state-success-background);
  color: #fff;
}
blockquote.info,
.callout.info {
  border-color: var(--border-color-info);
  background-color: var(--state-info-background);
  color: #fff;
}
blockquote.warning,
.callout.warning {
  border-color: var(--border-color-warning);
  background-color: var(--state-warning-background);
  color: #fff;
}
blockquote.danger,
.callout.danger {
  border-color: var(--border-color-danger);
  background-color: var(--state-danger-background);
  color: #fff;
}

.callout {
  border-width: 3px;
  padding: calc(var(--line-height-computed) / 2);
  font-size: var(--callout-font-size);
}
.callout h1:first-child,
.callout h2:first-child,
.callout h3:first-child,
.callout h4:first-child,
.callout h5:first-child,
.callout h6:first-child {
  margin-top: 0;
}
.callout.primary h1,
.callout.primary h2,
.callout.primary h3,
.callout.primary h4,
.callout.primary h5,
.callout.primary h6 {
  color: var(--border-color-primary);
}
.callout.success h1,
.callout.success h2,
.callout.success h3,
.callout.success h4,
.callout.success h5,
.callout.success h6 {
  color: var(--border-color-success);
}
.callout.info h1,
.callout.info h2,
.callout.info h3,
.callout.info h4,
.callout.info h5,
.callout.info h6 {
  color: var(--border-color-info);
}
.callout.warning h1,
.callout.warning h2,
.callout.warning h3,
.callout.warning h4,
.callout.warning h5,
.callout.warning h6 {
  color: var(--border-color-warning);
}
.callout.danger h1,
.callout.danger h2,
.callout.danger h3,
.callout.danger h4,
.callout.danger h5,
.callout.danger h6 {
  color: var(--border-color-danger);
}

button,
.button,
input[type=button],
input[type=submit] {
  --button-default-color: var(--secondary);
  --button-default-background: #fff;
  --button-default-border: #d9d9d9;
  --button-primary-color: #fff;
  --button-primary-background: var(--primary);
  --button-primary-border: color-mix(in srgb, var(--primary) 85%, black);
  --button-success-color: #fff;
  --button-success-background: var(--success);
  --button-success-border: color-mix(in srgb, var(--success) 85%, black);
  --button-info-color: #fff;
  --button-info-background: var(--info);
  --button-info-border: color-mix(in srgb, var(--info) 85%, black);
  --button-warning-color: #fff;
  --button-warning-background: var(--warning);
  --button-warning-border: color-mix(in srgb, var(--warning) 85%, black);
  --button-danger-color: #fff;
  --button-danger-background: var(--danger);
  --button-danger-border: color-mix(in srgb, var(--danger) 85%, black);
}

input[type=button],
input[type=submit],
button,
.button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  outline: none;
  position: relative;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  padding: var(--padding-base-vertical) var(--padding-base-horizontal);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  border-radius: var(--border-radius);
  user-select: none;
}
input[type=button]:hover, input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
  color: var(--button-default-color);
  text-decoration: none;
}
input[type=button].disabled, input[type=button][disabled],
input[type=submit].disabled,
input[type=submit][disabled],
button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
input[type=button],
input[type=submit],
button,
.button {
  color: var(--button-default-color);
  background-color: var(--button-default-background);
  border-color: var(--button-default-border);
}
input[type=button]:hover, input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
  color: var(--button-default-color);
  filter: brightness(0.9);
}
input[type=button]:active, input[type=button].active,
input[type=submit]:active,
input[type=submit].active,
button:active,
button.active,
.button:active,
.button.active {
  filter: brightness(0.85);
}
input[type=button].disabled, input[type=button].disabled:hover, input[type=button].disabled:active, input[type=button].disabled.active, input[type=button][disabled], input[type=button][disabled]:hover, input[type=button][disabled]:active, input[type=button][disabled].active,
input[type=submit].disabled,
input[type=submit].disabled:hover,
input[type=submit].disabled:active,
input[type=submit].disabled.active,
input[type=submit][disabled],
input[type=submit][disabled]:hover,
input[type=submit][disabled]:active,
input[type=submit][disabled].active,
button.disabled,
button.disabled:hover,
button.disabled:active,
button.disabled.active,
button[disabled],
button[disabled]:hover,
button[disabled]:active,
button[disabled].active,
.button.disabled,
.button.disabled:hover,
.button.disabled:active,
.button.disabled.active,
.button[disabled],
.button[disabled]:hover,
.button[disabled]:active,
.button[disabled].active {
  background-color: var(--button-default-background);
  border-color: var(--button-default-border);
  filter: none;
}
input[type=button].primary,
input[type=submit].primary,
button.primary,
.button.primary {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
input[type=button].primary:hover, input[type=button].primary:focus,
input[type=submit].primary:hover,
input[type=submit].primary:focus,
button.primary:hover,
button.primary:focus,
.button.primary:hover,
.button.primary:focus {
  color: var(--button-primary-color);
  filter: brightness(0.9);
}
input[type=button].primary:active, input[type=button].primary.active,
input[type=submit].primary:active,
input[type=submit].primary.active,
button.primary:active,
button.primary.active,
.button.primary:active,
.button.primary.active {
  filter: brightness(0.85);
}
input[type=button].primary.disabled, input[type=button].primary.disabled:hover, input[type=button].primary.disabled:active, input[type=button].primary.disabled.active, input[type=button].primary[disabled], input[type=button].primary[disabled]:hover, input[type=button].primary[disabled]:active, input[type=button].primary[disabled].active,
input[type=submit].primary.disabled,
input[type=submit].primary.disabled:hover,
input[type=submit].primary.disabled:active,
input[type=submit].primary.disabled.active,
input[type=submit].primary[disabled],
input[type=submit].primary[disabled]:hover,
input[type=submit].primary[disabled]:active,
input[type=submit].primary[disabled].active,
button.primary.disabled,
button.primary.disabled:hover,
button.primary.disabled:active,
button.primary.disabled.active,
button.primary[disabled],
button.primary[disabled]:hover,
button.primary[disabled]:active,
button.primary[disabled].active,
.button.primary.disabled,
.button.primary.disabled:hover,
.button.primary.disabled:active,
.button.primary.disabled.active,
.button.primary[disabled],
.button.primary[disabled]:hover,
.button.primary[disabled]:active,
.button.primary[disabled].active {
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
  filter: none;
}
input[type=button].success,
input[type=submit].success,
button.success,
.button.success {
  color: var(--button-success-color);
  background-color: var(--button-success-background);
  border-color: var(--button-success-border);
}
input[type=button].success:hover, input[type=button].success:focus,
input[type=submit].success:hover,
input[type=submit].success:focus,
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
  color: var(--button-success-color);
  filter: brightness(0.9);
}
input[type=button].success:active, input[type=button].success.active,
input[type=submit].success:active,
input[type=submit].success.active,
button.success:active,
button.success.active,
.button.success:active,
.button.success.active {
  filter: brightness(0.85);
}
input[type=button].success.disabled, input[type=button].success.disabled:hover, input[type=button].success.disabled:active, input[type=button].success.disabled.active, input[type=button].success[disabled], input[type=button].success[disabled]:hover, input[type=button].success[disabled]:active, input[type=button].success[disabled].active,
input[type=submit].success.disabled,
input[type=submit].success.disabled:hover,
input[type=submit].success.disabled:active,
input[type=submit].success.disabled.active,
input[type=submit].success[disabled],
input[type=submit].success[disabled]:hover,
input[type=submit].success[disabled]:active,
input[type=submit].success[disabled].active,
button.success.disabled,
button.success.disabled:hover,
button.success.disabled:active,
button.success.disabled.active,
button.success[disabled],
button.success[disabled]:hover,
button.success[disabled]:active,
button.success[disabled].active,
.button.success.disabled,
.button.success.disabled:hover,
.button.success.disabled:active,
.button.success.disabled.active,
.button.success[disabled],
.button.success[disabled]:hover,
.button.success[disabled]:active,
.button.success[disabled].active {
  background-color: var(--button-success-background);
  border-color: var(--button-success-border);
  filter: none;
}
input[type=button].info,
input[type=submit].info,
button.info,
.button.info {
  color: var(--button-info-color);
  background-color: var(--button-info-background);
  border-color: var(--button-info-border);
}
input[type=button].info:hover, input[type=button].info:focus,
input[type=submit].info:hover,
input[type=submit].info:focus,
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
  color: var(--button-info-color);
  filter: brightness(0.9);
}
input[type=button].info:active, input[type=button].info.active,
input[type=submit].info:active,
input[type=submit].info.active,
button.info:active,
button.info.active,
.button.info:active,
.button.info.active {
  filter: brightness(0.85);
}
input[type=button].info.disabled, input[type=button].info.disabled:hover, input[type=button].info.disabled:active, input[type=button].info.disabled.active, input[type=button].info[disabled], input[type=button].info[disabled]:hover, input[type=button].info[disabled]:active, input[type=button].info[disabled].active,
input[type=submit].info.disabled,
input[type=submit].info.disabled:hover,
input[type=submit].info.disabled:active,
input[type=submit].info.disabled.active,
input[type=submit].info[disabled],
input[type=submit].info[disabled]:hover,
input[type=submit].info[disabled]:active,
input[type=submit].info[disabled].active,
button.info.disabled,
button.info.disabled:hover,
button.info.disabled:active,
button.info.disabled.active,
button.info[disabled],
button.info[disabled]:hover,
button.info[disabled]:active,
button.info[disabled].active,
.button.info.disabled,
.button.info.disabled:hover,
.button.info.disabled:active,
.button.info.disabled.active,
.button.info[disabled],
.button.info[disabled]:hover,
.button.info[disabled]:active,
.button.info[disabled].active {
  background-color: var(--button-info-background);
  border-color: var(--button-info-border);
  filter: none;
}
input[type=button].warning,
input[type=submit].warning,
button.warning,
.button.warning {
  color: var(--button-warning-color);
  background-color: var(--button-warning-background);
  border-color: var(--button-warning-border);
}
input[type=button].warning:hover, input[type=button].warning:focus,
input[type=submit].warning:hover,
input[type=submit].warning:focus,
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
  color: var(--button-warning-color);
  filter: brightness(0.9);
}
input[type=button].warning:active, input[type=button].warning.active,
input[type=submit].warning:active,
input[type=submit].warning.active,
button.warning:active,
button.warning.active,
.button.warning:active,
.button.warning.active {
  filter: brightness(0.85);
}
input[type=button].warning.disabled, input[type=button].warning.disabled:hover, input[type=button].warning.disabled:active, input[type=button].warning.disabled.active, input[type=button].warning[disabled], input[type=button].warning[disabled]:hover, input[type=button].warning[disabled]:active, input[type=button].warning[disabled].active,
input[type=submit].warning.disabled,
input[type=submit].warning.disabled:hover,
input[type=submit].warning.disabled:active,
input[type=submit].warning.disabled.active,
input[type=submit].warning[disabled],
input[type=submit].warning[disabled]:hover,
input[type=submit].warning[disabled]:active,
input[type=submit].warning[disabled].active,
button.warning.disabled,
button.warning.disabled:hover,
button.warning.disabled:active,
button.warning.disabled.active,
button.warning[disabled],
button.warning[disabled]:hover,
button.warning[disabled]:active,
button.warning[disabled].active,
.button.warning.disabled,
.button.warning.disabled:hover,
.button.warning.disabled:active,
.button.warning.disabled.active,
.button.warning[disabled],
.button.warning[disabled]:hover,
.button.warning[disabled]:active,
.button.warning[disabled].active {
  background-color: var(--button-warning-background);
  border-color: var(--button-warning-border);
  filter: none;
}
input[type=button].danger,
input[type=submit].danger,
button.danger,
.button.danger {
  color: var(--button-danger-color);
  background-color: var(--button-danger-background);
  border-color: var(--button-danger-border);
}
input[type=button].danger:hover, input[type=button].danger:focus,
input[type=submit].danger:hover,
input[type=submit].danger:focus,
button.danger:hover,
button.danger:focus,
.button.danger:hover,
.button.danger:focus {
  color: var(--button-danger-color);
  filter: brightness(0.9);
}
input[type=button].danger:active, input[type=button].danger.active,
input[type=submit].danger:active,
input[type=submit].danger.active,
button.danger:active,
button.danger.active,
.button.danger:active,
.button.danger.active {
  filter: brightness(0.85);
}
input[type=button].danger.disabled, input[type=button].danger.disabled:hover, input[type=button].danger.disabled:active, input[type=button].danger.disabled.active, input[type=button].danger[disabled], input[type=button].danger[disabled]:hover, input[type=button].danger[disabled]:active, input[type=button].danger[disabled].active,
input[type=submit].danger.disabled,
input[type=submit].danger.disabled:hover,
input[type=submit].danger.disabled:active,
input[type=submit].danger.disabled.active,
input[type=submit].danger[disabled],
input[type=submit].danger[disabled]:hover,
input[type=submit].danger[disabled]:active,
input[type=submit].danger[disabled].active,
button.danger.disabled,
button.danger.disabled:hover,
button.danger.disabled:active,
button.danger.disabled.active,
button.danger[disabled],
button.danger[disabled]:hover,
button.danger[disabled]:active,
button.danger[disabled].active,
.button.danger.disabled,
.button.danger.disabled:hover,
.button.danger.disabled:active,
.button.danger.disabled.active,
.button.danger[disabled],
.button.danger[disabled]:hover,
.button.danger[disabled]:active,
.button.danger[disabled].active {
  background-color: var(--button-danger-background);
  border-color: var(--button-danger-border);
  filter: none;
}

input[type=button].mini,
input[type=submit].mini,
button.mini,
.button.mini {
  padding: var(--padding-mini-vertical) var(--padding-mini-horizontal);
  font-size: var(--font-size-mini);
  line-height: var(--line-height-mini);
  border-radius: var(--border-radius);
}
input[type=button].small,
input[type=submit].small,
button.small,
.button.small {
  padding: var(--padding-small-vertical) var(--padding-small-horizontal);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  border-radius: var(--border-radius);
}
input[type=button].large,
input[type=submit].large,
button.large,
.button.large {
  padding: var(--padding-large-vertical) var(--padding-large-horizontal);
  font-size: var(--font-size-large);
  line-height: var(--line-height-large);
  border-radius: var(--border-radius);
}

input[type=button].block,
input[type=submit].block,
button.block,
.button.block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.buttons {
  display: flow-root;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.buttons input[type=button],
.buttons input[type=submit],
.buttons button,
.buttons .button {
  float: left;
}
.buttons input[type=button]:first-child:not(:last-child),
.buttons input[type=submit]:first-child:not(:last-child),
.buttons button:first-child:not(:last-child),
.buttons .button:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.buttons input[type=button]:last-child:not(:first-child),
.buttons input[type=submit]:last-child:not(:first-child),
.buttons button:last-child:not(:first-child),
.buttons .button:last-child:not(:first-child) {
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons input[type=button]:not(:first-child, :last-child),
.buttons input[type=submit]:not(:first-child, :last-child),
.buttons button:not(:first-child, :last-child),
.buttons .button:not(:first-child, :last-child) {
  margin-left: -1px;
  border-radius: 0;
}
.buttons input[type=button]:hover,
.buttons input[type=submit]:hover,
.buttons button:hover,
.buttons .button:hover {
  z-index: 2;
}

.buttons.vertical {
  display: flow-root;
  display: inline-block;
}
.buttons.vertical input[type=button],
.buttons.vertical input[type=submit],
.buttons.vertical button,
.buttons.vertical .button {
  display: block;
  float: none;
  width: 100%;
}
.buttons.vertical input[type=button]:first-child:not(:last-child),
.buttons.vertical input[type=submit]:first-child:not(:last-child),
.buttons.vertical button:first-child:not(:last-child),
.buttons.vertical .button:first-child:not(:last-child) {
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.buttons.vertical input[type=button]:last-child:not(:first-child),
.buttons.vertical input[type=submit]:last-child:not(:first-child),
.buttons.vertical button:last-child:not(:first-child),
.buttons.vertical .button:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  margin-left: 0;
  margin-top: -1px;
}
.buttons.vertical input[type=button]:not(:first-child, :last-child),
.buttons.vertical input[type=submit]:not(:first-child, :last-child),
.buttons.vertical button:not(:first-child, :last-child),
.buttons.vertical .button:not(:first-child, :last-child) {
  margin-left: 0;
  margin-top: -1px;
}

.buttons.justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  position: relative;
}
.buttons.justified::before, .buttons.justified::after {
  display: none;
}
.buttons.justified > .buttons,
.buttons.justified .button {
  float: none;
  display: table-cell;
  width: 1%;
  position: relative;
}
.buttons.justified .button:first-child:not(:last-child) {
  border-right-width: 0;
}
.buttons.justified .button:first-child:not(:last-child)::after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  z-index: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.buttons.justified .button:first-child:not(:last-child):hover {
  border-right-width: 1px;
}
.buttons.justified .button:first-child:not(:last-child):hover::after {
  display: none;
}
.buttons.justified .button:not(:first-child, :last-child) {
  border-left-width: 0;
  border-right-width: 0;
}
.buttons.justified .button:not(:first-child, :last-child)::after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  z-index: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.buttons.justified .button:not(:first-child, :last-child):hover {
  border-left-width: 1px;
  border-right-width: 1px;
}
.buttons.justified .button:not(:first-child, :last-child):hover::after {
  display: none;
}
.buttons.justified .button:last-child:not(:first-child) {
  border-left-width: 0;
}
.buttons.justified .button:last-child:not(:first-child):hover {
  border-left-width: 1px;
}
.buttons.justified > .buttons input[type=button],
.buttons.justified > .buttons input[type=submit],
.buttons.justified > .buttons button {
  width: 100%;
  border-left-width: 0;
  border-right-width: 0;
}
.buttons.justified > .buttons:first-child:not(:last-child) input[type=button],
.buttons.justified > .buttons:first-child:not(:last-child) input[type=submit],
.buttons.justified > .buttons:first-child:not(:last-child) button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-left-width: 1px;
}
.buttons.justified > .buttons:first-child:not(:last-child) input[type=button]::after,
.buttons.justified > .buttons:first-child:not(:last-child) input[type=submit]::after,
.buttons.justified > .buttons:first-child:not(:last-child) button::after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  z-index: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.buttons.justified > .buttons:first-child:not(:last-child) input[type=button]:hover,
.buttons.justified > .buttons:first-child:not(:last-child) input[type=submit]:hover,
.buttons.justified > .buttons:first-child:not(:last-child) button:hover {
  border-right-width: 1px;
}
.buttons.justified > .buttons:first-child:not(:last-child) input[type=button]:hover::after,
.buttons.justified > .buttons:first-child:not(:last-child) input[type=submit]:hover::after,
.buttons.justified > .buttons:first-child:not(:last-child) button:hover::after {
  display: none;
}
.buttons.justified > .buttons:not(:first-child, :last-child) > input[type=button],
.buttons.justified > .buttons:not(:first-child, :last-child) > input[type=submit],
.buttons.justified > .buttons:not(:first-child, :last-child) > button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.buttons.justified > .buttons:not(:first-child, :last-child) > input[type=button]::after,
.buttons.justified > .buttons:not(:first-child, :last-child) > input[type=submit]::after,
.buttons.justified > .buttons:not(:first-child, :last-child) > button::after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  z-index: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.buttons.justified > .buttons:not(:first-child, :last-child) > input[type=button]:hover,
.buttons.justified > .buttons:not(:first-child, :last-child) > input[type=submit]:hover,
.buttons.justified > .buttons:not(:first-child, :last-child) > button:hover {
  border-left-width: 1px;
  border-right-width: 1px;
}
.buttons.justified > .buttons:not(:first-child, :last-child) > input[type=button]:hover::after,
.buttons.justified > .buttons:not(:first-child, :last-child) > input[type=submit]:hover::after,
.buttons.justified > .buttons:not(:first-child, :last-child) > button:hover::after {
  display: none;
}
.buttons.justified > .buttons:last-child:not(:first-child) input[type=button],
.buttons.justified > .buttons:last-child:not(:first-child) input[type=submit],
.buttons.justified > .buttons:last-child:not(:first-child) button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-right-width: 1px;
}
.buttons.justified > .buttons:last-child:not(:first-child) input[type=button]:hover,
.buttons.justified > .buttons:last-child:not(:first-child) input[type=submit]:hover,
.buttons.justified > .buttons:last-child:not(:first-child) button:hover {
  border-left-width: 1px;
}

img {
  vertical-align: middle;
}
img.responsive {
  max-width: 100%;
  height: auto;
}
img.rounded {
  border-radius: var(--border-radius-large);
}
img.circle {
  border-radius: 50%;
}
img.thumbnail {
  padding: 4px;
  line-height: 1.4286;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: var(--border-radius);
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
img.disabled {
  cursor: default;
  opacity: 0.3;
}
img.fluid {
  display: block;
  width: 100%;
}

.thumbnail {
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  position: relative;
  overflow: hidden;
}
.thumbnail img {
  position: relative;
  transition: all 300ms ease-out;
}
.thumbnail .caption {
  width: 100%;
  overflow: hidden;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  transition: all 300ms ease-out;
}
.thumbnail.simple .caption {
  height: 30px;
  bottom: -30px;
  text-align: center;
}
.thumbnail.simple:hover .caption {
  opacity: 1;
  transform: translateY(-100%);
}
.thumbnail.full .caption {
  height: 100%;
  top: -100%;
  overflow: hidden;
}
.thumbnail.full:hover .caption {
  transform: translateY(100%);
}
.thumbnail.fade {
  opacity: 1;
}
.thumbnail.fade .caption {
  opacity: 0;
  top: 0;
  bottom: 0;
}
.thumbnail.fade:hover .caption {
  opacity: 1;
}
.thumbnail.slide .caption {
  top: 0;
  left: 100%;
  bottom: 0;
}
.thumbnail.slide:hover img {
  transform: translateX(-100%);
  opacity: 1;
}
.thumbnail.slide:hover .caption {
  background-color: rgb(0, 0, 0) !important;
  transform: translateX(-100%);
  opacity: 1;
}
.thumbnail.rotate img {
  transform-origin: center bottom;
  opacity: 1;
}
.thumbnail.rotate:hover img {
  transform: rotate3d(0, 0, 1, -180deg);
}
.thumbnail.rotate .caption {
  top: 0;
  height: 100%;
  background-color: rgb(0, 0, 0) !important;
  transform-origin: center bottom;
  transform: rotate3d(0, 0, 1, 180deg);
}
.thumbnail.rotate:hover .caption {
  transform: none;
}
.thumbnail.scale .caption {
  overflow: hidden;
  opacity: 0;
  top: 0;
  bottom: 0;
}
.thumbnail.scale .caption h3,
.thumbnail.scale .caption p {
  position: relative;
  left: -100%;
  transition: all 300ms ease-out;
}
.thumbnail.scale .caption h3 {
  transition-delay: 300ms;
}
.thumbnail.scale .caption p {
  transition-delay: 500ms;
}
.thumbnail.scale:hover img {
  transform: scale(1.4);
}
.thumbnail.scale:hover .caption {
  opacity: 1;
}
.thumbnail.scale:hover .caption h3,
.thumbnail.scale:hover .caption p {
  transform: translateX(100%);
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.menu.righted {
  float: right;
}
.menu .menu {
  display: none;
}
.menu > li {
  position: relative;
}
.menu > li > a {
  display: block;
  padding: 0 15px;
  text-decoration: none;
  color: var(--secondary);
  position: relative;
}
.menu > li.active a {
  color: #428bca;
  background: #f5f5f5;
}
.menu > li.active a::after {
  height: 3px;
  background-color: #428bca;
}

.tabs {
  --tabs-border-color: #ddd;
  --tabs-link-hover-border-color: #eee;
  --tabs-link-hover-background-color: #eee;
  --tabs-active-link-hover-background: #fff;
  --tabs-active-link-hover-color: var(--secondary);
  --tabs-active-link-hover-border-color: #ddd;
  --tabs-justified-link-border-color: #ddd;
  --tabs-justified-active-link-border-color: #fff;
}

.tabs {
  list-style: none;
  border-bottom: 1px solid var(--tabs-border-color);
  padding: 0;
  display: flow-root;
}
.tabs > li {
  display: block;
  position: relative;
  float: left;
  margin-bottom: -1px;
}
.tabs > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
  line-height: var(--line-height-base);
  border: 1px solid transparent;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  text-decoration: none;
}
.tabs > li > a:hover {
  border-color: var(--tabs-link-hover-border-color) var(--tabs-link-hover-border-color) var(--tabs-border-color);
  background-color: var(--tabs-link-hover-background-color);
}
.tabs > li.active > a, .tabs > li.active > a:hover, .tabs > li.active > a:focus {
  color: var(--tabs-active-link-hover-color);
  background-color: var(--tabs-active-link-hover-background);
  border: 1px solid var(--tabs-active-link-hover-border-color);
  border-bottom-color: transparent;
  cursor: default;
}
.tabs.justified {
  width: 100%;
  border-bottom: 0;
}
.tabs.justified > li {
  display: table-cell;
  width: 1%;
  float: none;
}
.tabs.justified > li > a {
  text-align: center;
  margin-right: 0;
  border-bottom: 1px solid var(--tabs-justified-link-border-color);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.tabs.justified > .active > a,
.tabs.justified > .active > a:hover,
.tabs.justified > .active > a:focus {
  border-bottom-color: var(--tabs-justified-active-link-border-color);
}

.navbar {
  min-height: 45px;
  background: #fff;
  border-color: #e8e8e8;
  border-style: solid;
  border-width: 0;
  border-width: 0 0 1px;
}
.navbar.top, .navbar.bottom {
  position: fixed;
  left: 0;
  right: 0;
  z-index: var(--zindex-navbar-fixed);
}
.navbar.top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar.bottom {
  bottom: 0;
  border-width: 1px 0 0;
}
.navbar .logo {
  float: left;
}
.navbar .logo .brand {
  display: block;
  line-height: 45px;
  padding: 0 20px;
  color: var(--secondary);
  text-decoration: none;
  font-weight: 700;
}
.navbar .menu {
  float: left;
}
.navbar .menu > li {
  float: left;
}
.navbar .menu > li > a {
  text-align: center;
  padding: 0 20px;
  line-height: 45px;
  transition: padding 0.25s ease, color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}
.navbar .menu > li > a::after {
  display: block;
  margin: 0 auto;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 0;
  width: 100%;
  transition: height 0.15s ease;
}
.navbar .menu > li > a:hover {
  color: #428bca;
  background: #f5f5f5;
}
.navbar .menu > li > a:hover::after {
  height: 3px;
  background-color: #428bca;
}
.navbar .menu > li > a:active {
  background: #f0f0f0;
}
.navbar .menu > li.active > a::after {
  height: 3px;
  background-color: #428bca;
}
.navbar form {
  float: left;
  padding-top: 5px;
}

.sidebar {
  background-color: #fafafa;
}
.sidebar .menu {
  padding: 15px 0;
}
.sidebar .menu > li {
  line-height: 30px;
}
.sidebar .menu > li:hover:not(.heading) {
  background: rgba(0, 64, 84, 0.03);
}
.sidebar .menu > li.heading {
  text-transform: uppercase;
  padding-top: 30px;
  border-bottom: 1px solid #ccc;
}
.sidebar .menu > li.heading a {
  color: #333;
}
.sidebar .menu > li.heading:first-of-type {
  padding-top: 0;
}
.sidebar .menu > li.active {
  background: rgba(0, 64, 84, 0.05);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: calc(var(--line-height-computed) / 2);
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

ul.unstyled {
  padding-left: 0;
  list-style: none;
}

ul.inline {
  margin-left: -5px;
}
ul.inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
ul.inline.justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}

ul.grid > li,
ol.grid > li {
  float: left;
}

ul.grid.two > li,
ol.grid.two > li {
  width: 50%;
}

ul.grid.three > li,
ol.grid.three > li {
  width: 33.3333333333%;
}

ul.grid.four > li,
ol.grid.four > li {
  width: 25%;
}

ul.grid.five > li,
ol.grid.five > li {
  width: 20%;
}

ul.grid.six > li,
ol.grid.six > li {
  width: 16.6666666667%;
}

ul.grid.seven > li,
ol.grid.seven > li {
  width: 14.2857142857%;
}

ul.grid.eight > li,
ol.grid.eight > li {
  width: 12.5%;
}

ul.grid.nine > li,
ol.grid.nine > li {
  width: 11.1111111111%;
}

ul.grid.ten > li,
ol.grid.ten > li {
  width: 10%;
}

ul.grid.eleven > li,
ol.grid.eleven > li {
  width: 9.0909090909%;
}

ul.grid.twelve > li,
ol.grid.twelve > li {
  width: 8.3333333333%;
}

dl {
  margin-top: 0;
  margin-bottom: var(--line-height-computed);
}
dl dt,
dl dd {
  line-height: var(--line-height-base);
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 0;
}

dl.horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dl.horizontal dd {
  display: flow-root;
  margin-left: 180px;
}

.group {
  --list-group-background: #fff;
  --list-group-border-color: #ddd;
  --list-group-border-radius: 2px;
  --list-group-hover-background: #f5f5f5;
  --list-group-active-color: #fff;
  --list-group-active-background: var(--primary);
  --list-group-active-border: var(--primary);
  --list-group-active-text-color: #d9f2ff;
  --list-group-disabled-color: #999;
  --list-group-disabled-background: #eee;
  --list-group-disabled-text-color: #999;
  --list-group-link-color: #555;
  --list-group-link-hover-color: #555;
}

ul.group,
ol.group,
div.group,
section.group {
  margin-bottom: 20px;
  padding-left: 0;
}
ul.group > li,
ul.group > a,
ul.group .item,
ol.group > li,
ol.group > a,
ol.group .item,
div.group > li,
div.group > a,
div.group .item,
section.group > li,
section.group > a,
section.group .item {
  position: relative;
  display: flow-root;
  padding: 10px 15px;
  margin-bottom: -1px;
  margin-top: 0;
  background-color: var(--list-group-background);
  border: 1px solid var(--list-group-border-color);
}
ul.group > li:last-child,
ul.group > a:last-child,
ul.group .item:last-child,
ol.group > li:last-child,
ol.group > a:last-child,
ol.group .item:last-child,
div.group > li:last-child,
div.group > a:last-child,
div.group .item:last-child,
section.group > li:last-child,
section.group > a:last-child,
section.group .item:last-child {
  margin-bottom: 0;
}
ul.group > li > .tag,
ul.group > a > .tag,
ul.group .item > .tag,
ol.group > li > .tag,
ol.group > a > .tag,
ol.group .item > .tag,
div.group > li > .tag,
div.group > a > .tag,
div.group .item > .tag,
section.group > li > .tag,
section.group > a > .tag,
section.group .item > .tag {
  float: right;
}
ul.group > a,
ol.group > a,
div.group > a,
section.group > a {
  color: var(--list-group-link-color);
}
ul.group > a:hover, ul.group > a:focus,
ol.group > a:hover,
ol.group > a:focus,
div.group > a:hover,
div.group > a:focus,
section.group > a:hover,
section.group > a:focus {
  text-decoration: none;
  color: var(--list-group-link-hover-color);
  background-color: var(--list-group-hover-background);
}
ul.group > li.disabled, ul.group > li.disabled:hover, ul.group > li.disabled:focus,
ul.group > a.disabled,
ul.group > a.disabled:hover,
ul.group > a.disabled:focus,
ul.group .item.disabled,
ul.group .item.disabled:hover,
ul.group .item.disabled:focus,
ol.group > li.disabled,
ol.group > li.disabled:hover,
ol.group > li.disabled:focus,
ol.group > a.disabled,
ol.group > a.disabled:hover,
ol.group > a.disabled:focus,
ol.group .item.disabled,
ol.group .item.disabled:hover,
ol.group .item.disabled:focus,
div.group > li.disabled,
div.group > li.disabled:hover,
div.group > li.disabled:focus,
div.group > a.disabled,
div.group > a.disabled:hover,
div.group > a.disabled:focus,
div.group .item.disabled,
div.group .item.disabled:hover,
div.group .item.disabled:focus,
section.group > li.disabled,
section.group > li.disabled:hover,
section.group > li.disabled:focus,
section.group > a.disabled,
section.group > a.disabled:hover,
section.group > a.disabled:focus,
section.group .item.disabled,
section.group .item.disabled:hover,
section.group .item.disabled:focus {
  background-color: var(--list-group-disabled-background);
  color: var(--list-group-disabled-color);
}
ul.group > li.disabled .heading, ul.group > li.disabled:hover .heading, ul.group > li.disabled:focus .heading,
ul.group > a.disabled .heading,
ul.group > a.disabled:hover .heading,
ul.group > a.disabled:focus .heading,
ul.group .item.disabled .heading,
ul.group .item.disabled:hover .heading,
ul.group .item.disabled:focus .heading,
ol.group > li.disabled .heading,
ol.group > li.disabled:hover .heading,
ol.group > li.disabled:focus .heading,
ol.group > a.disabled .heading,
ol.group > a.disabled:hover .heading,
ol.group > a.disabled:focus .heading,
ol.group .item.disabled .heading,
ol.group .item.disabled:hover .heading,
ol.group .item.disabled:focus .heading,
div.group > li.disabled .heading,
div.group > li.disabled:hover .heading,
div.group > li.disabled:focus .heading,
div.group > a.disabled .heading,
div.group > a.disabled:hover .heading,
div.group > a.disabled:focus .heading,
div.group .item.disabled .heading,
div.group .item.disabled:hover .heading,
div.group .item.disabled:focus .heading,
section.group > li.disabled .heading,
section.group > li.disabled:hover .heading,
section.group > li.disabled:focus .heading,
section.group > a.disabled .heading,
section.group > a.disabled:hover .heading,
section.group > a.disabled:focus .heading,
section.group .item.disabled .heading,
section.group .item.disabled:hover .heading,
section.group .item.disabled:focus .heading {
  color: inherit;
}
ul.group > li.disabled .text, ul.group > li.disabled:hover .text, ul.group > li.disabled:focus .text,
ul.group > a.disabled .text,
ul.group > a.disabled:hover .text,
ul.group > a.disabled:focus .text,
ul.group .item.disabled .text,
ul.group .item.disabled:hover .text,
ul.group .item.disabled:focus .text,
ol.group > li.disabled .text,
ol.group > li.disabled:hover .text,
ol.group > li.disabled:focus .text,
ol.group > a.disabled .text,
ol.group > a.disabled:hover .text,
ol.group > a.disabled:focus .text,
ol.group .item.disabled .text,
ol.group .item.disabled:hover .text,
ol.group .item.disabled:focus .text,
div.group > li.disabled .text,
div.group > li.disabled:hover .text,
div.group > li.disabled:focus .text,
div.group > a.disabled .text,
div.group > a.disabled:hover .text,
div.group > a.disabled:focus .text,
div.group .item.disabled .text,
div.group .item.disabled:hover .text,
div.group .item.disabled:focus .text,
section.group > li.disabled .text,
section.group > li.disabled:hover .text,
section.group > li.disabled:focus .text,
section.group > a.disabled .text,
section.group > a.disabled:hover .text,
section.group > a.disabled:focus .text,
section.group .item.disabled .text,
section.group .item.disabled:hover .text,
section.group .item.disabled:focus .text {
  color: var(--list-group-disabled-text-color);
}
ul.group > li.active, ul.group > li.active:hover, ul.group > li.active:focus,
ul.group > a.active,
ul.group > a.active:hover,
ul.group > a.active:focus,
ul.group .item.active,
ul.group .item.active:hover,
ul.group .item.active:focus,
ol.group > li.active,
ol.group > li.active:hover,
ol.group > li.active:focus,
ol.group > a.active,
ol.group > a.active:hover,
ol.group > a.active:focus,
ol.group .item.active,
ol.group .item.active:hover,
ol.group .item.active:focus,
div.group > li.active,
div.group > li.active:hover,
div.group > li.active:focus,
div.group > a.active,
div.group > a.active:hover,
div.group > a.active:focus,
div.group .item.active,
div.group .item.active:hover,
div.group .item.active:focus,
section.group > li.active,
section.group > li.active:hover,
section.group > li.active:focus,
section.group > a.active,
section.group > a.active:hover,
section.group > a.active:focus,
section.group .item.active,
section.group .item.active:hover,
section.group .item.active:focus {
  z-index: 2;
  color: var(--list-group-active-color);
  background-color: var(--list-group-active-background);
  border-color: var(--list-group-active-border);
}
ul.group > li.active .heading, ul.group > li.active:hover .heading, ul.group > li.active:focus .heading,
ul.group > a.active .heading,
ul.group > a.active:hover .heading,
ul.group > a.active:focus .heading,
ul.group .item.active .heading,
ul.group .item.active:hover .heading,
ul.group .item.active:focus .heading,
ol.group > li.active .heading,
ol.group > li.active:hover .heading,
ol.group > li.active:focus .heading,
ol.group > a.active .heading,
ol.group > a.active:hover .heading,
ol.group > a.active:focus .heading,
ol.group .item.active .heading,
ol.group .item.active:hover .heading,
ol.group .item.active:focus .heading,
div.group > li.active .heading,
div.group > li.active:hover .heading,
div.group > li.active:focus .heading,
div.group > a.active .heading,
div.group > a.active:hover .heading,
div.group > a.active:focus .heading,
div.group .item.active .heading,
div.group .item.active:hover .heading,
div.group .item.active:focus .heading,
section.group > li.active .heading,
section.group > li.active:hover .heading,
section.group > li.active:focus .heading,
section.group > a.active .heading,
section.group > a.active:hover .heading,
section.group > a.active:focus .heading,
section.group .item.active .heading,
section.group .item.active:hover .heading,
section.group .item.active:focus .heading {
  color: inherit;
}
ul.group > li.active .text, ul.group > li.active:hover .text, ul.group > li.active:focus .text,
ul.group > a.active .text,
ul.group > a.active:hover .text,
ul.group > a.active:focus .text,
ul.group .item.active .text,
ul.group .item.active:hover .text,
ul.group .item.active:focus .text,
ol.group > li.active .text,
ol.group > li.active:hover .text,
ol.group > li.active:focus .text,
ol.group > a.active .text,
ol.group > a.active:hover .text,
ol.group > a.active:focus .text,
ol.group .item.active .text,
ol.group .item.active:hover .text,
ol.group .item.active:focus .text,
div.group > li.active .text,
div.group > li.active:hover .text,
div.group > li.active:focus .text,
div.group > a.active .text,
div.group > a.active:hover .text,
div.group > a.active:focus .text,
div.group .item.active .text,
div.group .item.active:hover .text,
div.group .item.active:focus .text,
section.group > li.active .text,
section.group > li.active:hover .text,
section.group > li.active:focus .text,
section.group > a.active .text,
section.group > a.active:hover .text,
section.group > a.active:focus .text,
section.group .item.active .text,
section.group .item.active:hover .text,
section.group .item.active:focus .text {
  color: var(--list-group-active-text-color);
}
ul.group > li.success,
ul.group .item.success,
ul.group > a.success,
ol.group > li.success,
ol.group .item.success,
ol.group > a.success,
div.group > li.success,
div.group .item.success,
div.group > a.success,
section.group > li.success,
section.group .item.success,
section.group > a.success {
  color: var(--state-success-text);
  background-color: var(--state-success-background);
}
ul.group > a.success .heading,
ol.group > a.success .heading,
div.group > a.success .heading,
section.group > a.success .heading {
  color: inherit;
}
ul.group > a.success:hover, ul.group > a.success:focus,
ol.group > a.success:hover,
ol.group > a.success:focus,
div.group > a.success:hover,
div.group > a.success:focus,
section.group > a.success:hover,
section.group > a.success:focus {
  color: var(--state-success-text);
  filter: brightness(0.95);
}
ul.group > a.success.active, ul.group > a.success.active:hover, ul.group > a.success.active:focus,
ol.group > a.success.active,
ol.group > a.success.active:hover,
ol.group > a.success.active:focus,
div.group > a.success.active,
div.group > a.success.active:hover,
div.group > a.success.active:focus,
section.group > a.success.active,
section.group > a.success.active:hover,
section.group > a.success.active:focus {
  color: #fff;
  background-color: var(--state-success-text);
  border-color: var(--state-success-text);
  filter: none;
}
ul.group > li.info,
ul.group .item.info,
ul.group > a.info,
ol.group > li.info,
ol.group .item.info,
ol.group > a.info,
div.group > li.info,
div.group .item.info,
div.group > a.info,
section.group > li.info,
section.group .item.info,
section.group > a.info {
  color: var(--state-info-text);
  background-color: var(--state-info-background);
}
ul.group > a.info .heading,
ol.group > a.info .heading,
div.group > a.info .heading,
section.group > a.info .heading {
  color: inherit;
}
ul.group > a.info:hover, ul.group > a.info:focus,
ol.group > a.info:hover,
ol.group > a.info:focus,
div.group > a.info:hover,
div.group > a.info:focus,
section.group > a.info:hover,
section.group > a.info:focus {
  color: var(--state-info-text);
  filter: brightness(0.95);
}
ul.group > a.info.active, ul.group > a.info.active:hover, ul.group > a.info.active:focus,
ol.group > a.info.active,
ol.group > a.info.active:hover,
ol.group > a.info.active:focus,
div.group > a.info.active,
div.group > a.info.active:hover,
div.group > a.info.active:focus,
section.group > a.info.active,
section.group > a.info.active:hover,
section.group > a.info.active:focus {
  color: #fff;
  background-color: var(--state-info-text);
  border-color: var(--state-info-text);
  filter: none;
}
ul.group > li.warning,
ul.group .item.warning,
ul.group > a.warning,
ol.group > li.warning,
ol.group .item.warning,
ol.group > a.warning,
div.group > li.warning,
div.group .item.warning,
div.group > a.warning,
section.group > li.warning,
section.group .item.warning,
section.group > a.warning {
  color: var(--state-warning-text);
  background-color: var(--state-warning-background);
}
ul.group > a.warning .heading,
ol.group > a.warning .heading,
div.group > a.warning .heading,
section.group > a.warning .heading {
  color: inherit;
}
ul.group > a.warning:hover, ul.group > a.warning:focus,
ol.group > a.warning:hover,
ol.group > a.warning:focus,
div.group > a.warning:hover,
div.group > a.warning:focus,
section.group > a.warning:hover,
section.group > a.warning:focus {
  color: var(--state-warning-text);
  filter: brightness(0.95);
}
ul.group > a.warning.active, ul.group > a.warning.active:hover, ul.group > a.warning.active:focus,
ol.group > a.warning.active,
ol.group > a.warning.active:hover,
ol.group > a.warning.active:focus,
div.group > a.warning.active,
div.group > a.warning.active:hover,
div.group > a.warning.active:focus,
section.group > a.warning.active,
section.group > a.warning.active:hover,
section.group > a.warning.active:focus {
  color: #fff;
  background-color: var(--state-warning-text);
  border-color: var(--state-warning-text);
  filter: none;
}
ul.group > li.danger,
ul.group .item.danger,
ul.group > a.danger,
ol.group > li.danger,
ol.group .item.danger,
ol.group > a.danger,
div.group > li.danger,
div.group .item.danger,
div.group > a.danger,
section.group > li.danger,
section.group .item.danger,
section.group > a.danger {
  color: var(--state-danger-text);
  background-color: var(--state-danger-background);
}
ul.group > a.danger .heading,
ol.group > a.danger .heading,
div.group > a.danger .heading,
section.group > a.danger .heading {
  color: inherit;
}
ul.group > a.danger:hover, ul.group > a.danger:focus,
ol.group > a.danger:hover,
ol.group > a.danger:focus,
div.group > a.danger:hover,
div.group > a.danger:focus,
section.group > a.danger:hover,
section.group > a.danger:focus {
  color: var(--state-danger-text);
  filter: brightness(0.95);
}
ul.group > a.danger.active, ul.group > a.danger.active:hover, ul.group > a.danger.active:focus,
ol.group > a.danger.active,
ol.group > a.danger.active:hover,
ol.group > a.danger.active:focus,
div.group > a.danger.active,
div.group > a.danger.active:hover,
div.group > a.danger.active:focus,
section.group > a.danger.active,
section.group > a.danger.active:hover,
section.group > a.danger.active:focus {
  color: #fff;
  background-color: var(--state-danger-text);
  border-color: var(--state-danger-text);
  filter: none;
}
ul.group .heading,
ol.group .heading,
div.group .heading,
section.group .heading {
  margin-top: 0;
  margin-bottom: 5px;
}
ul.group .text,
ol.group .text,
div.group .text,
section.group .text {
  margin-bottom: 0;
  line-height: 1.3;
}

table {
  --table-cell-padding: 8px;
  --table-condensed-cell-padding: 5px;
  --table-background: transparent;
  --table-background-accent: #f9f9f9;
  --table-background-hover: #f5f5f5;
  --table-background-active: #f5f5f5;
  --table-border-color: #ddd;
}

table {
  display: table;
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: var(--table-background);
}

table > thead > tr.active > th,
table > thead > tr th.active, table > thead > tr.active > td,
table > thead > tr td.active,
table > tbody > tr.active > th,
table > tbody > tr th.active,
table > tbody > tr.active > td,
table > tbody > tr td.active,
table > tfoot > tr.active > th,
table > tfoot > tr th.active,
table > tfoot > tr.active > td,
table > tfoot > tr td.active {
  background-color: var(--table-background-active);
}
table > thead > tr.primary > th,
table > thead > tr th.primary, table > thead > tr.primary > td,
table > thead > tr td.primary,
table > tbody > tr.primary > th,
table > tbody > tr th.primary,
table > tbody > tr.primary > td,
table > tbody > tr td.primary,
table > tfoot > tr.primary > th,
table > tfoot > tr th.primary,
table > tfoot > tr.primary > td,
table > tfoot > tr td.primary {
  background-color: #b3d7ff;
}
table > thead > tr.success > th,
table > thead > tr th.success, table > thead > tr.success > td,
table > thead > tr td.success,
table > tbody > tr.success > th,
table > tbody > tr th.success,
table > tbody > tr.success > td,
table > tbody > tr td.success,
table > tfoot > tr.success > th,
table > tfoot > tr th.success,
table > tfoot > tr.success > td,
table > tfoot > tr td.success {
  background-color: #d8f0d2;
}
table > thead > tr.info > th,
table > thead > tr th.info, table > thead > tr.info > td,
table > thead > tr td.info,
table > tbody > tr.info > th,
table > tbody > tr th.info,
table > tbody > tr.info > td,
table > tbody > tr td.info,
table > tfoot > tr.info > th,
table > tfoot > tr th.info,
table > tfoot > tr.info > td,
table > tfoot > tr td.info {
  background-color: #c2e8f7;
}
table > thead > tr.warning > th,
table > thead > tr th.warning, table > thead > tr.warning > td,
table > thead > tr td.warning,
table > tbody > tr.warning > th,
table > tbody > tr th.warning,
table > tbody > tr.warning > td,
table > tbody > tr td.warning,
table > tfoot > tr.warning > th,
table > tfoot > tr th.warning,
table > tfoot > tr.warning > td,
table > tfoot > tr td.warning {
  background-color: #fee6b5;
}
table > thead > tr.danger > th,
table > thead > tr th.danger, table > thead > tr.danger > td,
table > thead > tr td.danger,
table > tbody > tr.danger > th,
table > tbody > tr th.danger,
table > tbody > tr.danger > td,
table > tbody > tr td.danger,
table > tfoot > tr.danger > th,
table > tfoot > tr th.danger,
table > tfoot > tr.danger > td,
table > tfoot > tr td.danger {
  background-color: #f9c4c4;
}

table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
  border-collapse: collapse;
  padding: var(--table-cell-padding);
  border: none;
  border-bottom: 1px solid var(--table-border-color);
}

table > thead > tr > td,
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th {
  font-weight: bold;
  text-align: left;
}

table.condensed > thead > tr > th,
table.condensed > thead > tr > td,
table.condensed > tbody > tr > th,
table.condensed > tbody > tr > td,
table.condensed > tfoot > tr > th,
table.condensed > tfoot > tr > td {
  padding: var(--table-condensed-cell-padding);
}
table.bordered tr > th,
table.bordered tr > td,
table.bordered > thead tr > th,
table.bordered > thead tr > td,
table.bordered > tbody tr > th,
table.bordered > tbody tr > td,
table.bordered > tfoot tr > th,
table.bordered > tfoot tr > td {
  border: 1px solid var(--table-border-color);
}
table.striped > tbody > tr:nth-child(odd) > th,
table.striped > tbody > tr:nth-child(odd) > td {
  background-color: var(--table-background-accent);
}
table.hover > tbody > tr:hover > th,
table.hover > tbody > tr:hover > td {
  background-color: var(--table-background-hover);
}

.table.responsive {
  width: 100%;
  overflow: scroll hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--table-border-color);
}
.table.responsive > table {
  margin-bottom: 0;
}
.table.responsive > table.bordered {
  border: none;
}
.table.responsive > table.bordered > thead > tr > th:first-child,
.table.responsive > table.bordered > thead > tr > td:first-child,
.table.responsive > table.bordered > tbody > tr > th:first-child,
.table.responsive > table.bordered > tbody > tr > td:first-child,
.table.responsive > table.bordered > tfoot > tr > th:first-child,
.table.responsive > table.bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table.responsive > table.bordered > thead > tr > th:last-child,
.table.responsive > table.bordered > thead > tr > td:last-child,
.table.responsive > table.bordered > tbody > tr > th:last-child,
.table.responsive > table.bordered > tbody > tr > td:last-child,
.table.responsive > table.bordered > tfoot > tr > th:last-child,
.table.responsive > table.bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table.responsive > table.bordered > thead > tr:first-child > th,
.table.responsive > table.bordered > thead > tr:first-child > td,
.table.responsive > table.bordered > tbody > tr:first-child > th,
.table.responsive > table.bordered > tbody > tr:first-child > td {
  border-top: 0;
}
.table.responsive > table > thead > tr > th,
.table.responsive > table > thead > tr > td,
.table.responsive > table > tbody > tr > th,
.table.responsive > table > tbody > tr > td,
.table.responsive > table > tfoot > tr > th,
.table.responsive > table > tfoot > tr > td {
  white-space: nowrap;
}
.table.responsive > table > *:last-child > tr:last-child > th,
.table.responsive > table > *:last-child > tr:last-child > td {
  border-bottom: none;
}

.breadcrumb {
  --breadcrumb-padding-vertical: 8px;
  --breadcrumb-padding-horizontal: 15px;
  --breadcrumb-active-color: #999;
  --breadcrumb-separator: '/';
}

.breadcrumb {
  padding: var(--breadcrumb-padding-vertical) var(--breadcrumb-padding-horizontal);
  margin-bottom: var(--line-height-computed);
  list-style: none;
  background-color: var(--breadcrumb-background);
  border-radius: var(--border-radius);
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li::before {
  content: var(--breadcrumb-separator) " ";
  padding: 0 5px;
  color: var(--breadcrumb-color);
}
.breadcrumb > .active {
  color: var(--breadcrumb-active-color);
}

.pagination {
  --pagination-color: var(--primary);
  --pagination-background: #fff;
  --pagination-border: #ddd;
  --pagination-hover-color: #0076e6;
  --pagination-hover-background: #eee;
  --pagination-hover-border: #ddd;
  --pagination-active-color: #fff;
  --pagination-active-background: var(--primary);
  --pagination-active-border: var(--primary);
  --pagination-disabled-color: #999;
  --pagination-disabled-background: #fff;
  --pagination-disabled-border: #ddd;
}

.pager {
  --pager-background: #fff;
  --pager-border: #ddd;
  --pager-border-radius: 15px;
  --pager-hover-background: #eee;
  --pager-active-background: var(--primary);
  --pager-active-color: #fff;
  --pager-disabled-color: #999;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: var(--line-height-computed) 0;
  border-radius: var(--border-radius);
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: var(--padding-base-vertical) var(--padding-base-horizontal);
  line-height: var(--line-height-base);
  text-decoration: none;
  color: var(--pagination-color);
  background-color: var(--pagination-background);
  border: 1px solid var(--pagination-border);
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: var(--pagination-hover-color);
  background-color: var(--pagination-hover-background);
  border-color: var(--pagination-hover-border);
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 2;
  color: var(--pagination-active-color);
  background-color: var(--pagination-active-background);
  border-color: var(--pagination-active-border);
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: var(--pagination-disabled-color);
  background-color: var(--pagination-disabled-background);
  border-color: var(--pagination-disabled-border);
  cursor: not-allowed;
}

.pagination.large > li > a,
.pagination.large > li > span {
  padding: var(--padding-large-vertical) var(--padding-large-horizontal);
  font-size: var(--font-size-large);
}

.pagination.small > li > a,
.pagination.small > li > span {
  padding: var(--padding-small-vertical) var(--padding-small-horizontal);
  font-size: var(--font-size-small);
}

.pager {
  padding-left: 0;
  margin: var(--line-height-computed) 0;
  list-style: none;
  text-align: center;
  display: flow-root;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: var(--pager-background);
  border: 1px solid var(--pager-border);
  border-radius: var(--pager-border-radius);
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: var(--pager-hover-background);
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: var(--pager-disabled-color);
  background-color: var(--pager-background);
  cursor: not-allowed;
}

.card {
  --card-background: #fff;
  --card-body-padding: 15px;
  --card-heading-padding: 10px 15px;
  --card-footer-padding: 10px 15px;
  --card-border-radius: 2px;
  --card-inner-border: #ddd;
  --card-footer-background: #f5f5f5;
  --card-default-border: #ddd;
  --card-default-text: #333;
  --card-default-background: #fff;
  --card-primary-background: var(--primary);
  --card-primary-text: #fff;
  --card-primary-border: color-mix(in srgb, var(--primary) 85%, black);
  --card-success-background: var(--success);
  --card-success-text: #fff;
  --card-success-border: color-mix(in srgb, var(--success) 85%, black);
  --card-info-background: var(--info);
  --card-info-text: #fff;
  --card-info-border: color-mix(in srgb, var(--info) 85%, black);
  --card-warning-background: var(--warning);
  --card-warning-text: var(--gray-dark);
  --card-warning-border: color-mix(in srgb, var(--warning) 85%, black);
  --card-danger-background: var(--danger);
  --card-danger-text: #fff;
  --card-danger-border: color-mix(in srgb, var(--danger) 85%, black);
}

.card {
  margin-bottom: var(--line-height-computed);
  background-color: var(--card-background);
  border: 1px solid transparent;
  border-radius: var(--card-border-radius);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.card > .body {
  padding: var(--card-body-padding);
  display: flow-root;
}
.card > .body *:last-child {
  margin-bottom: 0;
}
.card > .heading {
  padding: var(--card-heading-padding);
  border-bottom: 1px solid transparent;
}
.card > .heading h1,
.card > .heading h2,
.card > .heading h3,
.card > .heading h4,
.card > .heading h5,
.card > .heading h6 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: inherit;
  border-bottom: none;
}
.card > .heading h1 > a,
.card > .heading h2 > a,
.card > .heading h3 > a,
.card > .heading h4 > a,
.card > .heading h5 > a,
.card > .heading h6 > a {
  color: inherit;
}
.card > .footer {
  padding: var(--card-footer-padding);
  background-color: var(--card-footer-background);
  border-top: 1px solid var(--card-inner-border);
}
.card {
  border-color: var(--card-default-border);
  background-color: var(--card-default-background);
  color: var(--card-default-text);
}
.card > .heading {
  border-color: var(--card-default-border);
}
.card > .footer + .collapse > .body {
  border-bottom-color: var(--card-default-border);
}
.card.primary {
  border-color: var(--card-primary-border);
  background-color: var(--card-primary-background);
  color: var(--card-primary-text);
}
.card.primary > .heading {
  border-color: var(--card-primary-border);
}
.card.primary > .footer + .collapse > .body {
  border-bottom-color: var(--card-primary-border);
}
.card.success {
  border-color: var(--card-success-border);
  background-color: var(--card-success-background);
  color: var(--card-success-text);
}
.card.success > .heading {
  border-color: var(--card-success-border);
}
.card.success > .footer + .collapse > .body {
  border-bottom-color: var(--card-success-border);
}
.card.info {
  border-color: var(--card-info-border);
  background-color: var(--card-info-background);
  color: var(--card-info-text);
}
.card.info > .heading {
  border-color: var(--card-info-border);
}
.card.info > .footer + .collapse > .body {
  border-bottom-color: var(--card-info-border);
}
.card.warning {
  border-color: var(--card-warning-border);
  background-color: var(--card-warning-background);
  color: var(--card-warning-text);
}
.card.warning > .heading {
  border-color: var(--card-warning-border);
}
.card.warning > .footer + .collapse > .body {
  border-bottom-color: var(--card-warning-border);
}
.card.danger {
  border-color: var(--card-danger-border);
  background-color: var(--card-danger-background);
  color: var(--card-danger-text);
}
.card.danger > .heading {
  border-color: var(--card-danger-border);
}
.card.danger > .footer + .collapse > .body {
  border-bottom-color: var(--card-danger-border);
}

.card > .group {
  margin-bottom: 0;
}
.card > .group > li,
.card > .group > a,
.card > .group .item {
  border-width: 1px 0;
  border-radius: 0;
}
.card > .group:first-child > li:first-child,
.card > .group:first-child > a:first-child,
.card > .group:first-child .item:first-child {
  border-top: 0;
}
.card > .group:last-child > li:last-child,
.card > .group:last-child > a:last-child,
.card > .group:last-child .item:last-child {
  border-bottom: 0;
}
.card .heading + .list-group > li:first-child,
.card .heading + .list-group > a:first-child,
.card .heading + .list-group .item:first-child {
  border-top-width: 0;
}

.card > table,
.card > table.responsive > table {
  margin-bottom: 0;
}
.card > table:first-child > thead:first-child > tr:first-child td:first-child,
.card > table:first-child > thead:first-child > tr:first-child th:first-child,
.card > table:first-child > tbody:first-child > tr:first-child td:first-child,
.card > table:first-child > tbody:first-child > tr:first-child th:first-child,
.card > table.responsive:first-child > table:first-child > thead:first-child > tr:first-child td:first-child,
.card > table.responsive:first-child > table:first-child > thead:first-child > tr:first-child th:first-child,
.card > table.responsive:first-child > table:first-child > tbody:first-child > tr:first-child td:first-child,
.card > table.responsive:first-child > table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: calc(var(--card-border-radius) - 1);
}
.card > table:first-child > thead:first-child > tr:first-child td:last-child,
.card > table:first-child > thead:first-child > tr:first-child th:last-child,
.card > table:first-child > tbody:first-child > tr:first-child td:last-child,
.card > table:first-child > tbody:first-child > tr:first-child th:last-child,
.card > table.responsive:first-child > table:first-child > thead:first-child > tr:first-child td:last-child,
.card > table.responsive:first-child > table:first-child > thead:first-child > tr:first-child th:last-child,
.card > table.responsive:first-child > table:first-child > tbody:first-child > tr:first-child td:last-child,
.card > table.responsive:first-child > table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: calc(var(--card-border-radius) - 1);
}
.card > table:last-child > tbody:last-child > tr:last-child td:first-child,
.card > table:last-child > tbody:last-child > tr:last-child th:first-child,
.card > table:last-child > tfoot:last-child > tr:last-child td:first-child,
.card > table:last-child > tfoot:last-child > tr:last-child th:first-child,
.card > table.responsive:last-child > table:last-child > tbody:last-child > tr:last-child td:first-child,
.card > table.responsive:last-child > table:last-child > tbody:last-child > tr:last-child th:first-child,
.card > table.responsive:last-child > table:last-child > tfoot:last-child > tr:last-child td:first-child,
.card > table.responsive:last-child > table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: calc(var(--card-border-radius) - 1);
}
.card > table:last-child > tbody:last-child > tr:last-child td:last-child,
.card > table:last-child > tbody:last-child > tr:last-child th:last-child,
.card > table:last-child > tfoot:last-child > tr:last-child td:last-child,
.card > table:last-child > tfoot:last-child > tr:last-child th:last-child,
.card > table.responsive:last-child > table:last-child > tbody:last-child > tr:last-child td:last-child,
.card > table.responsive:last-child > table:last-child > tbody:last-child > tr:last-child th:last-child,
.card > table.responsive:last-child > table:last-child > tfoot:last-child > tr:last-child td:last-child,
.card > table.responsive:last-child > table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: calc(var(--card-border-radius) - 1);
}
.card > .body + table,
.card > .body + table.responsive {
  border-top: 1px solid var(--table-border-color);
}
.card > table > tbody:first-child > tr:first-child th,
.card > table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.card > table-bordered,
.card > table.responsive > table-bordered {
  border: 0;
}
.card > table-bordered > thead > tr > th:first-child,
.card > table-bordered > thead > tr > td:first-child,
.card > table-bordered > tbody > tr > th:first-child,
.card > table-bordered > tbody > tr > td:first-child,
.card > table-bordered > tfoot > tr > th:first-child,
.card > table-bordered > tfoot > tr > td:first-child,
.card > table.responsive > table-bordered > thead > tr > th:first-child,
.card > table.responsive > table-bordered > thead > tr > td:first-child,
.card > table.responsive > table-bordered > tbody > tr > th:first-child,
.card > table.responsive > table-bordered > tbody > tr > td:first-child,
.card > table.responsive > table-bordered > tfoot > tr > th:first-child,
.card > table.responsive > table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.card > table-bordered > thead > tr > th:last-child,
.card > table-bordered > thead > tr > td:last-child,
.card > table-bordered > tbody > tr > th:last-child,
.card > table-bordered > tbody > tr > td:last-child,
.card > table-bordered > tfoot > tr > th:last-child,
.card > table-bordered > tfoot > tr > td:last-child,
.card > table.responsive > table-bordered > thead > tr > th:last-child,
.card > table.responsive > table-bordered > thead > tr > td:last-child,
.card > table.responsive > table-bordered > tbody > tr > th:last-child,
.card > table.responsive > table-bordered > tbody > tr > td:last-child,
.card > table.responsive > table-bordered > tfoot > tr > th:last-child,
.card > table.responsive > table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.card > table-bordered > thead > tr:first-child > td,
.card > table-bordered > thead > tr:first-child > th,
.card > table-bordered > tbody > tr:first-child > td,
.card > table-bordered > tbody > tr:first-child > th,
.card > table.responsive > table-bordered > thead > tr:first-child > td,
.card > table.responsive > table-bordered > thead > tr:first-child > th,
.card > table.responsive > table-bordered > tbody > tr:first-child > td,
.card > table.responsive > table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.card > table-bordered > tbody > tr:last-child > td,
.card > table-bordered > tbody > tr:last-child > th,
.card > table-bordered > tfoot > tr:last-child > td,
.card > table-bordered > tfoot > tr:last-child > th,
.card > table.responsive > table-bordered > tbody > tr:last-child > td,
.card > table.responsive > table-bordered > tbody > tr:last-child > th,
.card > table.responsive > table-bordered > tfoot > tr:last-child > td,
.card > table.responsive > table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.card > table.responsive {
  border: 0;
  margin-bottom: 0;
}

.media {
  margin-top: 15px;
  list-style: none;
  display: flow-root;
}
.media:first-child {
  margin-top: 0;
}
.media > .cover {
  display: block;
  float: left;
  margin-right: 10px;
}
.media > .cover.ext {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.media .desc {
  overflow: hidden;
  zoom: 1;
}
.media .heading {
  margin: 0 0 5px;
}
.media.invert {
  text-align: right;
}
.media.invert > .cover {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}

.media.card > .cover {
  float: none;
}

.mediae {
  padding-left: 0;
  list-style: none;
}

.mediae.grid .media.card {
  margin-top: 0;
}

.tag {
  --tag-default-background: #999;
  --tag-default-background-hover: #8a8a8a;
  --tag-color: #fff;
  --tag-link-hover-color: #fff;
  --tag-primary-background: var(--primary);
  --tag-primary-border: color-mix(in srgb, var(--primary) 85%, black);
  --tag-success-background: var(--success);
  --tag-success-border: color-mix(in srgb, var(--success) 85%, black);
  --tag-info-background: var(--info);
  --tag-info-border: color-mix(in srgb, var(--info) 85%, black);
  --tag-warning-background: var(--warning);
  --tag-warning-border: color-mix(in srgb, var(--warning) 85%, black);
  --tag-danger-background: var(--danger);
  --tag-danger-border: color-mix(in srgb, var(--danger) 85%, black);
}

.tag {
  display: inline;
  padding: 0.25em 0.6em 0.28em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: var(--tag-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--border-radius);
  background-color: var(--tag-default-background);
}
.tag:empty {
  display: none;
}
.button .tag {
  position: relative;
  top: -1px;
}
.tag[href]:hover, .tag[href]:focus {
  color: var(--tag-link-hover-color);
  text-decoration: none;
  cursor: pointer;
  filter: brightness(0.9);
}
.tag.primary {
  background-color: var(--tag-primary-background);
}
.tag.primary[href]:hover, .tag.primary[href]:focus {
  background-color: var(--tag-primary-border);
}
.tag.success {
  background-color: var(--tag-success-background);
}
.tag.success[href]:hover, .tag.success[href]:focus {
  background-color: var(--tag-success-border);
}
.tag.info {
  background-color: var(--tag-info-background);
}
.tag.info[href]:hover, .tag.info[href]:focus {
  background-color: var(--tag-info-border);
}
.tag.warning {
  background-color: var(--tag-warning-background);
}
.tag.warning[href]:hover, .tag.warning[href]:focus {
  background-color: var(--tag-warning-border);
}
.tag.danger {
  background-color: var(--tag-danger-background);
}
.tag.danger[href]:hover, .tag.danger[href]:focus {
  background-color: var(--tag-danger-border);
}
.tag.large {
  padding: 0.4em 0.8em 0.5em;
  font-size: 120%;
}

.progress {
  --progress-height: 16px;
  --progress-background: #f5f5f5;
  --progress-bar-color: #fff;
  --progress-bar-background: var(--primary);
  --progress-bar-success-background: var(--success);
  --progress-bar-warning-background: var(--warning);
  --progress-bar-danger-background: var(--danger);
  --progress-bar-info-background: var(--info);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 32px 0;
  }
}
.progress {
  overflow: hidden;
  height: var(--progress-height);
  margin-bottom: var(--progress-height);
  background-color: var(--progress-background);
  border-radius: var(--border-radius);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.progress .bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: var(--font-size-small);
  line-height: var(--progress-height);
  color: var(--progress-bar-color);
  text-align: center;
  background-color: var(--progress-bar-background);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.progress .bar.success {
  background-color: var(--progress-bar-success-background);
}
.progress .bar.info {
  background-color: var(--progress-bar-info-background);
}
.progress .bar.warning {
  background-color: var(--progress-bar-warning-background);
}
.progress .bar.danger {
  background-color: var(--progress-bar-danger-background);
}

.progress .bar.striped,
.progress.striped .bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 32px 32px;
}

.progress.active .bar,
.progress .bar.active {
  animation: progress-bar-stripes 1.5s linear infinite;
}

.alert {
  --alert-padding: 15px;
  --alert-border-radius: 2px;
  --alert-link-font-weight: bold;
  --alert-success-background: color-mix(in srgb, var(--success) 15%, white);
  --alert-success-text: var(--success);
  --alert-success-border: color-mix(in srgb, var(--success) 30%, white);
  --alert-info-background: color-mix(in srgb, var(--info) 15%, white);
  --alert-info-text: var(--info);
  --alert-info-border: color-mix(in srgb, var(--info) 30%, white);
  --alert-warning-background: color-mix(in srgb, var(--warning) 15%, white);
  --alert-warning-text: #8a6d3b;
  --alert-warning-border: color-mix(in srgb, var(--warning) 30%, white);
  --alert-danger-background: color-mix(in srgb, var(--danger) 15%, white);
  --alert-danger-text: var(--danger);
  --alert-danger-border: color-mix(in srgb, var(--danger) 30%, white);
}

.alert {
  padding: var(--alert-padding);
  margin-bottom: var(--line-height-computed);
  border: 1px solid transparent;
  border-radius: var(--alert-border-radius);
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert a {
  font-weight: var(--alert-link-font-weight);
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert.dismissible {
  padding-right: calc(var(--alert-padding) + 20px);
}
.alert.dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert.primary {
  background-color: var(--alert-primary-background);
  border-color: var(--alert-primary-border);
  color: var(--alert-primary-text);
}
.alert.primary a {
  font-weight: var(--alert-link-font-weight);
}
.alert.success {
  background-color: var(--alert-success-background);
  border-color: var(--alert-success-border);
  color: var(--alert-success-text);
}
.alert.success a {
  font-weight: var(--alert-link-font-weight);
}
.alert.info {
  background-color: var(--alert-info-background);
  border-color: var(--alert-info-border);
  color: var(--alert-info-text);
}
.alert.info a {
  font-weight: var(--alert-link-font-weight);
}
.alert.warning {
  background-color: var(--alert-warning-background);
  border-color: var(--alert-warning-border);
  color: var(--alert-warning-text);
}
.alert.warning a {
  font-weight: var(--alert-link-font-weight);
}
.alert.danger {
  background-color: var(--alert-danger-background);
  border-color: var(--alert-danger-border);
  color: var(--alert-danger-text);
}
.alert.danger a {
  font-weight: var(--alert-link-font-weight);
}

.close:not(.icon) {
  float: right;
  font-size: calc(var(--font-size-base) * 1.5);
  font-weight: var(--close-font-weight);
  line-height: 1;
  color: var(--close-color);
  text-shadow: var(--close-text-shadow);
  opacity: 0.2;
}
.close:not(.icon):hover, .close:not(.icon):focus {
  color: var(--close-color);
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  appearance: none;
}

dialog {
  --dialog-inner-padding: 15px;
  --dialog-title-padding: 15px;
  --dialog-title-line-height: 1.4286;
  --dialog-content-background: #fff;
  --dialog-content-border-color: rgb(0 0 0 / 20%);
  --dialog-backdrop-background: #000;
  --dialog-backdrop-opacity: 0.5;
  --dialog-header-border-color: #e5e5e5;
  --dialog-footer-border-color: #e5e5e5;
  --dialog-large: 900px;
  --dialog-medium: 600px;
  --dialog-small: 300px;
}

dialog {
  position: fixed;
  inset: 0;
  width: var(--dialog-medium);
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 20px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--dialog-content-border-color);
  border-radius: var(--border-radius);
  background-color: var(--dialog-content-background);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  overflow: auto;
  color: inherit;
}
dialog:focus {
  outline: 0;
}
dialog::backdrop {
  background: transparent;
}
dialog.backdrop::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
dialog:not([open]) {
  display: none;
}
dialog[open] {
  animation: dialog-fade-in 0.3s ease-out;
}
dialog[open].fade-out {
  animation: dialog-fade-out 0.3s ease-out forwards;
}
dialog .header {
  padding: var(--dialog-title-padding);
  border-bottom: 1px solid var(--dialog-header-border-color);
  min-height: calc(var(--dialog-title-padding) + var(--dialog-title-line-height));
}
dialog .header .close {
  margin-top: -2px;
}
dialog .header h1,
dialog .header h2,
dialog .header h3,
dialog .header h4,
dialog .header h5,
dialog .header h6 {
  margin: 0;
  line-height: var(--dialog-title-line-height);
}
dialog .body {
  position: relative;
  padding: var(--dialog-inner-padding);
}
dialog .footer {
  padding: var(--dialog-inner-padding);
  text-align: right;
  border-top: 1px solid var(--dialog-footer-border-color);
  display: flow-root;
}
dialog .footer .button + .button,
dialog .footer button + button {
  margin-left: 5px;
  margin-bottom: 0;
}
dialog .footer .buttons .button + .button,
dialog .footer .buttons button + button {
  margin-left: -1px;
}
dialog .footer .button.block + .button.block,
dialog .footer button.block + button.block {
  margin-left: 0;
}

dialog.small {
  width: var(--dialog-small);
}

dialog.large {
  width: var(--dialog-large);
}

.dialog-static-wrapper {
  position: relative;
  min-height: 300px;
  background-color: #f5f5f5;
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%), linear-gradient(-45deg, #fff 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #fff 75%), linear-gradient(-45deg, transparent 75%, #fff 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  padding: 40px 20px;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.dialog-static-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
}
.dialog-static-wrapper dialog {
  position: relative;
  display: block;
  margin: 0 auto;
  inset: auto;
  z-index: 1;
}

@keyframes dialog-fade-in {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dialog-fade-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-50px);
  }
}
.message {
  --message-padding: 10px 20px;
  --message-link-font-weight: bold;
  --message-primary-background: color-mix(in srgb, var(--primary) 20%, white);
  --message-primary-text: var(--primary);
  --message-primary-border: color-mix(in srgb, var(--primary) 30%, white);
  --message-success-background: color-mix(in srgb, var(--success) 20%, white);
  --message-success-text: var(--success);
  --message-success-border: color-mix(in srgb, var(--success) 30%, white);
  --message-info-background: color-mix(in srgb, var(--info) 20%, white);
  --message-info-text: var(--info);
  --message-info-border: color-mix(in srgb, var(--info) 30%, white);
  --message-warning-background: color-mix(in srgb, var(--warning) 20%, white);
  --message-warning-text: #8a6d3b;
  --message-warning-border: color-mix(in srgb, var(--warning) 30%, white);
  --message-danger-background: color-mix(in srgb, var(--danger) 20%, white);
  --message-danger-text: var(--danger);
  --message-danger-border: color-mix(in srgb, var(--danger) 30%, white);
}

.message {
  display: none;
  width: 100%;
  padding: var(--message-padding);
  line-height: 1.8;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--secondary);
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--zindex-message);
}
.message.top {
  top: 0;
  bottom: auto;
}
.message.bottom {
  top: auto;
  bottom: 0;
}
.message h4 {
  margin: 0;
  color: inherit;
}
.message a {
  font-weight: var(--message-link-font-weight);
}
.message .close {
  display: inline;
  float: right;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.6;
}
.message .close:hover {
  opacity: 1;
}
.message.primary {
  background-color: var(--message-primary-background);
  border-color: var(--message-primary-border);
  color: var(--message-primary-text);
}
.message.primary a:hover, .message.primary a:focus {
  filter: brightness(0.9);
}
.message.success {
  background-color: var(--message-success-background);
  border-color: var(--message-success-border);
  color: var(--message-success-text);
}
.message.success a:hover, .message.success a:focus {
  filter: brightness(0.9);
}
.message.info {
  background-color: var(--message-info-background);
  border-color: var(--message-info-border);
  color: var(--message-info-text);
}
.message.info a:hover, .message.info a:focus {
  filter: brightness(0.9);
}
.message.warning {
  background-color: var(--message-warning-background);
  border-color: var(--message-warning-border);
  color: var(--message-warning-text);
}
.message.warning a:hover, .message.warning a:focus {
  filter: brightness(0.9);
}
.message.danger {
  background-color: var(--message-danger-background);
  border-color: var(--message-danger-border);
  color: var(--message-danger-text);
}
.message.danger a:hover, .message.danger a:focus {
  filter: brightness(0.9);
}

.tooltip {
  --tooltip-max-width: 200px;
  --tooltip-color: #fff;
  --tooltip-background: #000;
  --tooltip-opacity: 0.9;
  --tooltip-arrow-width: 5px;
  --tooltip-arrow-color: #000;
  --tooltip-primary-color: #fff;
  --tooltip-primary-background: var(--primary);
  --tooltip-primary-arrow-color: var(--primary);
  --tooltip-success-color: #fff;
  --tooltip-success-background: var(--success);
  --tooltip-success-arrow-color: var(--success);
  --tooltip-info-color: #fff;
  --tooltip-info-background: var(--info);
  --tooltip-info-arrow-color: var(--info);
  --tooltip-warning-color: #fff;
  --tooltip-warning-background: var(--warning);
  --tooltip-warning-arrow-color: var(--warning);
  --tooltip-danger-color: #fff;
  --tooltip-danger-background: var(--danger);
  --tooltip-danger-arrow-color: var(--danger);
}

.tooltip {
  position: absolute;
  z-index: var(--zindex-tooltip);
  display: block;
  visibility: visible;
  font-size: var(--font-size-small);
  line-height: 1.4;
  opacity: 0;
}
.tooltip.in {
  opacity: var(--tooltip-opacity);
}
.tooltip.top {
  margin-top: -3px;
  padding: var(--tooltip-arrow-width) 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 var(--tooltip-arrow-width);
}
.tooltip.bottom {
  margin-top: 3px;
  padding: var(--tooltip-arrow-width) 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 var(--tooltip-arrow-width);
}
.tooltip .inner {
  max-width: var(--tooltip-max-width);
  padding: 3px 8px;
  color: var(--tooltip-color);
  text-align: center;
  text-decoration: none;
  background-color: var(--tooltip-background);
  border-radius: var(--border-radius);
}
.tooltip .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: calc(var(--tooltip-arrow-width) * -1);
  border-width: var(--tooltip-arrow-width) var(--tooltip-arrow-width) 0;
}
.tooltip.top-left .arrow {
  bottom: 0;
  left: var(--tooltip-arrow-width);
  border-width: var(--tooltip-arrow-width) var(--tooltip-arrow-width) 0;
}
.tooltip.top-right .arrow {
  bottom: 0;
  right: var(--tooltip-arrow-width);
  border-width: var(--tooltip-arrow-width) var(--tooltip-arrow-width) 0;
}
.tooltip.right .arrow {
  top: 50%;
  left: 0;
  margin-top: calc(var(--tooltip-arrow-width) * -1);
  border-width: var(--tooltip-arrow-width) var(--tooltip-arrow-width) var(--tooltip-arrow-width) 0;
}
.tooltip.left .arrow {
  top: 50%;
  right: 0;
  margin-top: calc(var(--tooltip-arrow-width) * -1);
  border-width: var(--tooltip-arrow-width) 0 var(--tooltip-arrow-width) var(--tooltip-arrow-width);
}
.tooltip.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: calc(var(--tooltip-arrow-width) * -1);
  border-width: 0 var(--tooltip-arrow-width) var(--tooltip-arrow-width);
}
.tooltip.bottom-left .arrow {
  top: 0;
  left: var(--tooltip-arrow-width);
  border-width: 0 var(--tooltip-arrow-width) var(--tooltip-arrow-width);
}
.tooltip.bottom-right .arrow {
  top: 0;
  right: var(--tooltip-arrow-width);
  border-width: 0 var(--tooltip-arrow-width) var(--tooltip-arrow-width);
}
.tooltip .inner {
  color: var(--tooltip-color);
  background-color: var(--tooltip-background);
}
.tooltip.top .arrow, .tooltip.top-left .arrow, .tooltip.top-right .arrow {
  border-top-color: var(--tooltip-arrow-color);
}
.tooltip.right .arrow {
  border-right-color: var(--tooltip-arrow-color);
}
.tooltip.left .arrow {
  border-left-color: var(--tooltip-arrow-color);
}
.tooltip.bottom .arrow, .tooltip.bottom-left .arrow, .tooltip.bottom-right .arrow {
  border-bottom-color: var(--tooltip-arrow-color);
}
.tooltip.primary .inner {
  color: var(--tooltip-primary-color);
  background-color: var(--tooltip-primary-background);
}
.tooltip.primary.top .arrow, .tooltip.primary.top-left .arrow, .tooltip.primary.top-right .arrow {
  border-top-color: var(--tooltip-primary-arrow-color);
}
.tooltip.primary.right .arrow {
  border-right-color: var(--tooltip-primary-arrow-color);
}
.tooltip.primary.left .arrow {
  border-left-color: var(--tooltip-primary-arrow-color);
}
.tooltip.primary.bottom .arrow, .tooltip.primary.bottom-left .arrow, .tooltip.primary.bottom-right .arrow {
  border-bottom-color: var(--tooltip-primary-arrow-color);
}
.tooltip.success .inner {
  color: var(--tooltip-success-color);
  background-color: var(--tooltip-success-background);
}
.tooltip.success.top .arrow, .tooltip.success.top-left .arrow, .tooltip.success.top-right .arrow {
  border-top-color: var(--tooltip-success-arrow-color);
}
.tooltip.success.right .arrow {
  border-right-color: var(--tooltip-success-arrow-color);
}
.tooltip.success.left .arrow {
  border-left-color: var(--tooltip-success-arrow-color);
}
.tooltip.success.bottom .arrow, .tooltip.success.bottom-left .arrow, .tooltip.success.bottom-right .arrow {
  border-bottom-color: var(--tooltip-success-arrow-color);
}
.tooltip.info .inner {
  color: var(--tooltip-info-color);
  background-color: var(--tooltip-info-background);
}
.tooltip.info.top .arrow, .tooltip.info.top-left .arrow, .tooltip.info.top-right .arrow {
  border-top-color: var(--tooltip-info-arrow-color);
}
.tooltip.info.right .arrow {
  border-right-color: var(--tooltip-info-arrow-color);
}
.tooltip.info.left .arrow {
  border-left-color: var(--tooltip-info-arrow-color);
}
.tooltip.info.bottom .arrow, .tooltip.info.bottom-left .arrow, .tooltip.info.bottom-right .arrow {
  border-bottom-color: var(--tooltip-info-arrow-color);
}
.tooltip.warning .inner {
  color: var(--tooltip-warning-color);
  background-color: var(--tooltip-warning-background);
}
.tooltip.warning.top .arrow, .tooltip.warning.top-left .arrow, .tooltip.warning.top-right .arrow {
  border-top-color: var(--tooltip-warning-arrow-color);
}
.tooltip.warning.right .arrow {
  border-right-color: var(--tooltip-warning-arrow-color);
}
.tooltip.warning.left .arrow {
  border-left-color: var(--tooltip-warning-arrow-color);
}
.tooltip.warning.bottom .arrow, .tooltip.warning.bottom-left .arrow, .tooltip.warning.bottom-right .arrow {
  border-bottom-color: var(--tooltip-warning-arrow-color);
}
.tooltip.danger .inner {
  color: var(--tooltip-danger-color);
  background-color: var(--tooltip-danger-background);
}
.tooltip.danger.top .arrow, .tooltip.danger.top-left .arrow, .tooltip.danger.top-right .arrow {
  border-top-color: var(--tooltip-danger-arrow-color);
}
.tooltip.danger.right .arrow {
  border-right-color: var(--tooltip-danger-arrow-color);
}
.tooltip.danger.left .arrow {
  border-left-color: var(--tooltip-danger-arrow-color);
}
.tooltip.danger.bottom .arrow, .tooltip.danger.bottom-left .arrow, .tooltip.danger.bottom-right .arrow {
  border-bottom-color: var(--tooltip-danger-arrow-color);
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
fieldset[disabled] input.text, fieldset[disabled] input.text:hover, fieldset[disabled] input.text:active, fieldset[disabled] input.text.active,
fieldset[disabled] input[type=text],
fieldset[disabled] input[type=text]:hover,
fieldset[disabled] input[type=text]:active,
fieldset[disabled] input[type=text].active,
fieldset[disabled] input[type=password],
fieldset[disabled] input[type=password]:hover,
fieldset[disabled] input[type=password]:active,
fieldset[disabled] input[type=password].active,
fieldset[disabled] input[type=email],
fieldset[disabled] input[type=email]:hover,
fieldset[disabled] input[type=email]:active,
fieldset[disabled] input[type=email].active,
fieldset[disabled] input[type=number],
fieldset[disabled] input[type=number]:hover,
fieldset[disabled] input[type=number]:active,
fieldset[disabled] input[type=number].active,
fieldset[disabled] textarea,
fieldset[disabled] textarea:hover,
fieldset[disabled] textarea:active,
fieldset[disabled] textarea.active,
fieldset[disabled] select,
fieldset[disabled] select:hover,
fieldset[disabled] select:active,
fieldset[disabled] select.active,
fieldset[disabled] button,
fieldset[disabled] button:hover,
fieldset[disabled] button:active,
fieldset[disabled] button.active {
  cursor: not-allowed;
  background-color: #eee;
  border-width: 1px;
  opacity: 1;
}

input.text,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
textarea,
select {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: left;
  border: 1px solid #ccc;
  white-space: nowrap;
  outline: none;
  position: relative;
  box-shadow: inset 0 1px #f5f5f5;
  background-color: transparent;
  transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
}
input.text.disabled, input.text[disabled],
input[type=text].disabled,
input[type=text][disabled],
input[type=password].disabled,
input[type=password][disabled],
input[type=email].disabled,
input[type=email][disabled],
input[type=number].disabled,
input[type=number][disabled],
textarea.disabled,
textarea[disabled],
select.disabled,
select[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  user-select: none;
}

textarea {
  display: block;
  line-height: 20px;
  min-height: 120px;
  margin-bottom: 10px;
  white-space: normal;
  resize: vertical;
  color: #555;
  background-color: #fff;
  background-image: none;
}

label {
  display: inline-block;
  margin-bottom: 2px;
}

input.text,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
textarea {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-default);
}
input.text:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=number]:hover,
textarea:hover {
  border-color: var(--border-color-default-hover);
}
input.text:focus, input.text:active, input.text.active,
input[type=text]:focus,
input[type=text]:active,
input[type=text].active,
input[type=password]:focus,
input[type=password]:active,
input[type=password].active,
input[type=email]:focus,
input[type=email]:active,
input[type=email].active,
input[type=number]:focus,
input[type=number]:active,
input[type=number].active,
textarea:focus,
textarea:active,
textarea.active {
  border-color: var(--border-color-default-hover);
  box-shadow: 0 0 0 1px var(--border-color-default-focus), inset 0 1px #f5f5f5;
}
input.text.disabled, input.text.disabled:hover, input.text.disabled:active, input.text.disabled.active, input.text[disabled], input.text[disabled]:hover, input.text[disabled]:active, input.text[disabled].active,
input[type=text].disabled,
input[type=text].disabled:hover,
input[type=text].disabled:active,
input[type=text].disabled.active,
input[type=text][disabled],
input[type=text][disabled]:hover,
input[type=text][disabled]:active,
input[type=text][disabled].active,
input[type=password].disabled,
input[type=password].disabled:hover,
input[type=password].disabled:active,
input[type=password].disabled.active,
input[type=password][disabled],
input[type=password][disabled]:hover,
input[type=password][disabled]:active,
input[type=password][disabled].active,
input[type=email].disabled,
input[type=email].disabled:hover,
input[type=email].disabled:active,
input[type=email].disabled.active,
input[type=email][disabled],
input[type=email][disabled]:hover,
input[type=email][disabled]:active,
input[type=email][disabled].active,
input[type=number].disabled,
input[type=number].disabled:hover,
input[type=number].disabled:active,
input[type=number].disabled.active,
input[type=number][disabled],
input[type=number][disabled]:hover,
input[type=number][disabled]:active,
input[type=number][disabled].active,
textarea.disabled,
textarea.disabled:hover,
textarea.disabled:active,
textarea.disabled.active,
textarea[disabled],
textarea[disabled]:hover,
textarea[disabled]:active,
textarea[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
input.text.primary,
input[type=text].primary,
input[type=password].primary,
input[type=email].primary,
input[type=number].primary,
textarea.primary {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-primary);
}
input.text.primary:hover,
input[type=text].primary:hover,
input[type=password].primary:hover,
input[type=email].primary:hover,
input[type=number].primary:hover,
textarea.primary:hover {
  border-color: var(--border-color-primary-hover);
}
input.text.primary:focus, input.text.primary:active, input.text.primary.active,
input[type=text].primary:focus,
input[type=text].primary:active,
input[type=text].primary.active,
input[type=password].primary:focus,
input[type=password].primary:active,
input[type=password].primary.active,
input[type=email].primary:focus,
input[type=email].primary:active,
input[type=email].primary.active,
input[type=number].primary:focus,
input[type=number].primary:active,
input[type=number].primary.active,
textarea.primary:focus,
textarea.primary:active,
textarea.primary.active {
  border-color: var(--border-color-primary-hover);
  box-shadow: 0 0 0 1px var(--border-color-primary-focus), inset 0 1px #f5f5f5;
}
input.text.primary.disabled, input.text.primary.disabled:hover, input.text.primary.disabled:active, input.text.primary.disabled.active, input.text.primary[disabled], input.text.primary[disabled]:hover, input.text.primary[disabled]:active, input.text.primary[disabled].active,
input[type=text].primary.disabled,
input[type=text].primary.disabled:hover,
input[type=text].primary.disabled:active,
input[type=text].primary.disabled.active,
input[type=text].primary[disabled],
input[type=text].primary[disabled]:hover,
input[type=text].primary[disabled]:active,
input[type=text].primary[disabled].active,
input[type=password].primary.disabled,
input[type=password].primary.disabled:hover,
input[type=password].primary.disabled:active,
input[type=password].primary.disabled.active,
input[type=password].primary[disabled],
input[type=password].primary[disabled]:hover,
input[type=password].primary[disabled]:active,
input[type=password].primary[disabled].active,
input[type=email].primary.disabled,
input[type=email].primary.disabled:hover,
input[type=email].primary.disabled:active,
input[type=email].primary.disabled.active,
input[type=email].primary[disabled],
input[type=email].primary[disabled]:hover,
input[type=email].primary[disabled]:active,
input[type=email].primary[disabled].active,
input[type=number].primary.disabled,
input[type=number].primary.disabled:hover,
input[type=number].primary.disabled:active,
input[type=number].primary.disabled.active,
input[type=number].primary[disabled],
input[type=number].primary[disabled]:hover,
input[type=number].primary[disabled]:active,
input[type=number].primary[disabled].active,
textarea.primary.disabled,
textarea.primary.disabled:hover,
textarea.primary.disabled:active,
textarea.primary.disabled.active,
textarea.primary[disabled],
textarea.primary[disabled]:hover,
textarea.primary[disabled]:active,
textarea.primary[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
input.text.success,
input[type=text].success,
input[type=password].success,
input[type=email].success,
input[type=number].success,
textarea.success {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-success);
}
input.text.success:hover,
input[type=text].success:hover,
input[type=password].success:hover,
input[type=email].success:hover,
input[type=number].success:hover,
textarea.success:hover {
  border-color: var(--border-color-success-hover);
}
input.text.success:focus, input.text.success:active, input.text.success.active,
input[type=text].success:focus,
input[type=text].success:active,
input[type=text].success.active,
input[type=password].success:focus,
input[type=password].success:active,
input[type=password].success.active,
input[type=email].success:focus,
input[type=email].success:active,
input[type=email].success.active,
input[type=number].success:focus,
input[type=number].success:active,
input[type=number].success.active,
textarea.success:focus,
textarea.success:active,
textarea.success.active {
  border-color: var(--border-color-success-hover);
  box-shadow: 0 0 0 1px var(--border-color-success-focus), inset 0 1px #f5f5f5;
}
input.text.success.disabled, input.text.success.disabled:hover, input.text.success.disabled:active, input.text.success.disabled.active, input.text.success[disabled], input.text.success[disabled]:hover, input.text.success[disabled]:active, input.text.success[disabled].active,
input[type=text].success.disabled,
input[type=text].success.disabled:hover,
input[type=text].success.disabled:active,
input[type=text].success.disabled.active,
input[type=text].success[disabled],
input[type=text].success[disabled]:hover,
input[type=text].success[disabled]:active,
input[type=text].success[disabled].active,
input[type=password].success.disabled,
input[type=password].success.disabled:hover,
input[type=password].success.disabled:active,
input[type=password].success.disabled.active,
input[type=password].success[disabled],
input[type=password].success[disabled]:hover,
input[type=password].success[disabled]:active,
input[type=password].success[disabled].active,
input[type=email].success.disabled,
input[type=email].success.disabled:hover,
input[type=email].success.disabled:active,
input[type=email].success.disabled.active,
input[type=email].success[disabled],
input[type=email].success[disabled]:hover,
input[type=email].success[disabled]:active,
input[type=email].success[disabled].active,
input[type=number].success.disabled,
input[type=number].success.disabled:hover,
input[type=number].success.disabled:active,
input[type=number].success.disabled.active,
input[type=number].success[disabled],
input[type=number].success[disabled]:hover,
input[type=number].success[disabled]:active,
input[type=number].success[disabled].active,
textarea.success.disabled,
textarea.success.disabled:hover,
textarea.success.disabled:active,
textarea.success.disabled.active,
textarea.success[disabled],
textarea.success[disabled]:hover,
textarea.success[disabled]:active,
textarea.success[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
input.text.info,
input[type=text].info,
input[type=password].info,
input[type=email].info,
input[type=number].info,
textarea.info {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-info);
}
input.text.info:hover,
input[type=text].info:hover,
input[type=password].info:hover,
input[type=email].info:hover,
input[type=number].info:hover,
textarea.info:hover {
  border-color: var(--border-color-info-hover);
}
input.text.info:focus, input.text.info:active, input.text.info.active,
input[type=text].info:focus,
input[type=text].info:active,
input[type=text].info.active,
input[type=password].info:focus,
input[type=password].info:active,
input[type=password].info.active,
input[type=email].info:focus,
input[type=email].info:active,
input[type=email].info.active,
input[type=number].info:focus,
input[type=number].info:active,
input[type=number].info.active,
textarea.info:focus,
textarea.info:active,
textarea.info.active {
  border-color: var(--border-color-info-hover);
  box-shadow: 0 0 0 1px var(--border-color-info-focus), inset 0 1px #f5f5f5;
}
input.text.info.disabled, input.text.info.disabled:hover, input.text.info.disabled:active, input.text.info.disabled.active, input.text.info[disabled], input.text.info[disabled]:hover, input.text.info[disabled]:active, input.text.info[disabled].active,
input[type=text].info.disabled,
input[type=text].info.disabled:hover,
input[type=text].info.disabled:active,
input[type=text].info.disabled.active,
input[type=text].info[disabled],
input[type=text].info[disabled]:hover,
input[type=text].info[disabled]:active,
input[type=text].info[disabled].active,
input[type=password].info.disabled,
input[type=password].info.disabled:hover,
input[type=password].info.disabled:active,
input[type=password].info.disabled.active,
input[type=password].info[disabled],
input[type=password].info[disabled]:hover,
input[type=password].info[disabled]:active,
input[type=password].info[disabled].active,
input[type=email].info.disabled,
input[type=email].info.disabled:hover,
input[type=email].info.disabled:active,
input[type=email].info.disabled.active,
input[type=email].info[disabled],
input[type=email].info[disabled]:hover,
input[type=email].info[disabled]:active,
input[type=email].info[disabled].active,
input[type=number].info.disabled,
input[type=number].info.disabled:hover,
input[type=number].info.disabled:active,
input[type=number].info.disabled.active,
input[type=number].info[disabled],
input[type=number].info[disabled]:hover,
input[type=number].info[disabled]:active,
input[type=number].info[disabled].active,
textarea.info.disabled,
textarea.info.disabled:hover,
textarea.info.disabled:active,
textarea.info.disabled.active,
textarea.info[disabled],
textarea.info[disabled]:hover,
textarea.info[disabled]:active,
textarea.info[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
input.text.warning,
input[type=text].warning,
input[type=password].warning,
input[type=email].warning,
input[type=number].warning,
textarea.warning {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-warning);
}
input.text.warning:hover,
input[type=text].warning:hover,
input[type=password].warning:hover,
input[type=email].warning:hover,
input[type=number].warning:hover,
textarea.warning:hover {
  border-color: var(--border-color-warning-hover);
}
input.text.warning:focus, input.text.warning:active, input.text.warning.active,
input[type=text].warning:focus,
input[type=text].warning:active,
input[type=text].warning.active,
input[type=password].warning:focus,
input[type=password].warning:active,
input[type=password].warning.active,
input[type=email].warning:focus,
input[type=email].warning:active,
input[type=email].warning.active,
input[type=number].warning:focus,
input[type=number].warning:active,
input[type=number].warning.active,
textarea.warning:focus,
textarea.warning:active,
textarea.warning.active {
  border-color: var(--border-color-warning-hover);
  box-shadow: 0 0 0 1px var(--border-color-warning-focus), inset 0 1px #f5f5f5;
}
input.text.warning.disabled, input.text.warning.disabled:hover, input.text.warning.disabled:active, input.text.warning.disabled.active, input.text.warning[disabled], input.text.warning[disabled]:hover, input.text.warning[disabled]:active, input.text.warning[disabled].active,
input[type=text].warning.disabled,
input[type=text].warning.disabled:hover,
input[type=text].warning.disabled:active,
input[type=text].warning.disabled.active,
input[type=text].warning[disabled],
input[type=text].warning[disabled]:hover,
input[type=text].warning[disabled]:active,
input[type=text].warning[disabled].active,
input[type=password].warning.disabled,
input[type=password].warning.disabled:hover,
input[type=password].warning.disabled:active,
input[type=password].warning.disabled.active,
input[type=password].warning[disabled],
input[type=password].warning[disabled]:hover,
input[type=password].warning[disabled]:active,
input[type=password].warning[disabled].active,
input[type=email].warning.disabled,
input[type=email].warning.disabled:hover,
input[type=email].warning.disabled:active,
input[type=email].warning.disabled.active,
input[type=email].warning[disabled],
input[type=email].warning[disabled]:hover,
input[type=email].warning[disabled]:active,
input[type=email].warning[disabled].active,
input[type=number].warning.disabled,
input[type=number].warning.disabled:hover,
input[type=number].warning.disabled:active,
input[type=number].warning.disabled.active,
input[type=number].warning[disabled],
input[type=number].warning[disabled]:hover,
input[type=number].warning[disabled]:active,
input[type=number].warning[disabled].active,
textarea.warning.disabled,
textarea.warning.disabled:hover,
textarea.warning.disabled:active,
textarea.warning.disabled.active,
textarea.warning[disabled],
textarea.warning[disabled]:hover,
textarea.warning[disabled]:active,
textarea.warning[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
input.text.danger,
input[type=text].danger,
input[type=password].danger,
input[type=email].danger,
input[type=number].danger,
textarea.danger {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-danger);
}
input.text.danger:hover,
input[type=text].danger:hover,
input[type=password].danger:hover,
input[type=email].danger:hover,
input[type=number].danger:hover,
textarea.danger:hover {
  border-color: var(--border-color-danger-hover);
}
input.text.danger:focus, input.text.danger:active, input.text.danger.active,
input[type=text].danger:focus,
input[type=text].danger:active,
input[type=text].danger.active,
input[type=password].danger:focus,
input[type=password].danger:active,
input[type=password].danger.active,
input[type=email].danger:focus,
input[type=email].danger:active,
input[type=email].danger.active,
input[type=number].danger:focus,
input[type=number].danger:active,
input[type=number].danger.active,
textarea.danger:focus,
textarea.danger:active,
textarea.danger.active {
  border-color: var(--border-color-danger-hover);
  box-shadow: 0 0 0 1px var(--border-color-danger-focus), inset 0 1px #f5f5f5;
}
input.text.danger.disabled, input.text.danger.disabled:hover, input.text.danger.disabled:active, input.text.danger.disabled.active, input.text.danger[disabled], input.text.danger[disabled]:hover, input.text.danger[disabled]:active, input.text.danger[disabled].active,
input[type=text].danger.disabled,
input[type=text].danger.disabled:hover,
input[type=text].danger.disabled:active,
input[type=text].danger.disabled.active,
input[type=text].danger[disabled],
input[type=text].danger[disabled]:hover,
input[type=text].danger[disabled]:active,
input[type=text].danger[disabled].active,
input[type=password].danger.disabled,
input[type=password].danger.disabled:hover,
input[type=password].danger.disabled:active,
input[type=password].danger.disabled.active,
input[type=password].danger[disabled],
input[type=password].danger[disabled]:hover,
input[type=password].danger[disabled]:active,
input[type=password].danger[disabled].active,
input[type=email].danger.disabled,
input[type=email].danger.disabled:hover,
input[type=email].danger.disabled:active,
input[type=email].danger.disabled.active,
input[type=email].danger[disabled],
input[type=email].danger[disabled]:hover,
input[type=email].danger[disabled]:active,
input[type=email].danger[disabled].active,
input[type=number].danger.disabled,
input[type=number].danger.disabled:hover,
input[type=number].danger.disabled:active,
input[type=number].danger.disabled.active,
input[type=number].danger[disabled],
input[type=number].danger[disabled]:hover,
input[type=number].danger[disabled]:active,
input[type=number].danger[disabled].active,
textarea.danger.disabled,
textarea.danger.disabled:hover,
textarea.danger.disabled:active,
textarea.danger.disabled.active,
textarea.danger[disabled],
textarea.danger[disabled]:hover,
textarea.danger[disabled]:active,
textarea.danger[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
input.text.fluid,
input[type=text].fluid,
input[type=password].fluid,
input[type=email].fluid,
input[type=number].fluid,
textarea.fluid {
  width: 100%;
}

input.text,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
textarea,
select {
  height: var(--input-height-default);
  padding: var(--input-padding-default-vertical) var(--input-padding-default-horizontal);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}
input.text.small,
input[type=text].small,
input[type=password].small,
input[type=email].small,
input[type=number].small,
textarea.small,
select.small {
  height: var(--input-height-small);
  padding: var(--input-padding-small-vertical) var(--input-padding-small-horizontal);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
input.text.large,
input[type=text].large,
input[type=password].large,
input[type=email].large,
input[type=number].large,
textarea.large,
select.large {
  height: var(--input-height-large);
  padding: var(--input-padding-large-vertical) var(--input-padding-large-horizontal);
  font-size: var(--font-size-large);
  line-height: var(--line-height-large);
}

.hint {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #9e9e9e;
}

.field {
  margin-bottom: 15px;
}
.field label {
  display: inline-block;
}
.field:not(.checkbox) label {
  font-weight: 700;
}
.field input.text,
.field input[type=text],
.field input[type=password],
.field input[type=email],
.field input[type=number],
.field select,
.field textarea {
  width: 100%;
}
.field.success {
  color: var(--border-color-success);
}
.field.success input.text,
.field.success input[type=text],
.field.success input[type=password],
.field.success input[type=email],
.field.success input[type=number],
.field.success textarea,
.field.success select {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-success);
}
.field.success input.text:hover,
.field.success input[type=text]:hover,
.field.success input[type=password]:hover,
.field.success input[type=email]:hover,
.field.success input[type=number]:hover,
.field.success textarea:hover,
.field.success select:hover {
  border-color: var(--border-color-success-hover);
}
.field.success input.text:focus, .field.success input.text:active, .field.success input.text.active,
.field.success input[type=text]:focus,
.field.success input[type=text]:active,
.field.success input[type=text].active,
.field.success input[type=password]:focus,
.field.success input[type=password]:active,
.field.success input[type=password].active,
.field.success input[type=email]:focus,
.field.success input[type=email]:active,
.field.success input[type=email].active,
.field.success input[type=number]:focus,
.field.success input[type=number]:active,
.field.success input[type=number].active,
.field.success textarea:focus,
.field.success textarea:active,
.field.success textarea.active,
.field.success select:focus,
.field.success select:active,
.field.success select.active {
  border-color: var(--border-color-success-hover);
  box-shadow: 0 0 0 1px var(--border-color-success-focus), inset 0 1px #f5f5f5;
}
.field.success input.text.disabled, .field.success input.text.disabled:hover, .field.success input.text.disabled:active, .field.success input.text.disabled.active, .field.success input.text[disabled], .field.success input.text[disabled]:hover, .field.success input.text[disabled]:active, .field.success input.text[disabled].active,
.field.success input[type=text].disabled,
.field.success input[type=text].disabled:hover,
.field.success input[type=text].disabled:active,
.field.success input[type=text].disabled.active,
.field.success input[type=text][disabled],
.field.success input[type=text][disabled]:hover,
.field.success input[type=text][disabled]:active,
.field.success input[type=text][disabled].active,
.field.success input[type=password].disabled,
.field.success input[type=password].disabled:hover,
.field.success input[type=password].disabled:active,
.field.success input[type=password].disabled.active,
.field.success input[type=password][disabled],
.field.success input[type=password][disabled]:hover,
.field.success input[type=password][disabled]:active,
.field.success input[type=password][disabled].active,
.field.success input[type=email].disabled,
.field.success input[type=email].disabled:hover,
.field.success input[type=email].disabled:active,
.field.success input[type=email].disabled.active,
.field.success input[type=email][disabled],
.field.success input[type=email][disabled]:hover,
.field.success input[type=email][disabled]:active,
.field.success input[type=email][disabled].active,
.field.success input[type=number].disabled,
.field.success input[type=number].disabled:hover,
.field.success input[type=number].disabled:active,
.field.success input[type=number].disabled.active,
.field.success input[type=number][disabled],
.field.success input[type=number][disabled]:hover,
.field.success input[type=number][disabled]:active,
.field.success input[type=number][disabled].active,
.field.success textarea.disabled,
.field.success textarea.disabled:hover,
.field.success textarea.disabled:active,
.field.success textarea.disabled.active,
.field.success textarea[disabled],
.field.success textarea[disabled]:hover,
.field.success textarea[disabled]:active,
.field.success textarea[disabled].active,
.field.success select.disabled,
.field.success select.disabled:hover,
.field.success select.disabled:active,
.field.success select.disabled.active,
.field.success select[disabled],
.field.success select[disabled]:hover,
.field.success select[disabled]:active,
.field.success select[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
.field.warning {
  color: var(--border-color-warning);
}
.field.warning input.text,
.field.warning input[type=text],
.field.warning input[type=password],
.field.warning input[type=email],
.field.warning input[type=number],
.field.warning textarea,
.field.warning select {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-warning);
}
.field.warning input.text:hover,
.field.warning input[type=text]:hover,
.field.warning input[type=password]:hover,
.field.warning input[type=email]:hover,
.field.warning input[type=number]:hover,
.field.warning textarea:hover,
.field.warning select:hover {
  border-color: var(--border-color-warning-hover);
}
.field.warning input.text:focus, .field.warning input.text:active, .field.warning input.text.active,
.field.warning input[type=text]:focus,
.field.warning input[type=text]:active,
.field.warning input[type=text].active,
.field.warning input[type=password]:focus,
.field.warning input[type=password]:active,
.field.warning input[type=password].active,
.field.warning input[type=email]:focus,
.field.warning input[type=email]:active,
.field.warning input[type=email].active,
.field.warning input[type=number]:focus,
.field.warning input[type=number]:active,
.field.warning input[type=number].active,
.field.warning textarea:focus,
.field.warning textarea:active,
.field.warning textarea.active,
.field.warning select:focus,
.field.warning select:active,
.field.warning select.active {
  border-color: var(--border-color-warning-hover);
  box-shadow: 0 0 0 1px var(--border-color-warning-focus), inset 0 1px #f5f5f5;
}
.field.warning input.text.disabled, .field.warning input.text.disabled:hover, .field.warning input.text.disabled:active, .field.warning input.text.disabled.active, .field.warning input.text[disabled], .field.warning input.text[disabled]:hover, .field.warning input.text[disabled]:active, .field.warning input.text[disabled].active,
.field.warning input[type=text].disabled,
.field.warning input[type=text].disabled:hover,
.field.warning input[type=text].disabled:active,
.field.warning input[type=text].disabled.active,
.field.warning input[type=text][disabled],
.field.warning input[type=text][disabled]:hover,
.field.warning input[type=text][disabled]:active,
.field.warning input[type=text][disabled].active,
.field.warning input[type=password].disabled,
.field.warning input[type=password].disabled:hover,
.field.warning input[type=password].disabled:active,
.field.warning input[type=password].disabled.active,
.field.warning input[type=password][disabled],
.field.warning input[type=password][disabled]:hover,
.field.warning input[type=password][disabled]:active,
.field.warning input[type=password][disabled].active,
.field.warning input[type=email].disabled,
.field.warning input[type=email].disabled:hover,
.field.warning input[type=email].disabled:active,
.field.warning input[type=email].disabled.active,
.field.warning input[type=email][disabled],
.field.warning input[type=email][disabled]:hover,
.field.warning input[type=email][disabled]:active,
.field.warning input[type=email][disabled].active,
.field.warning input[type=number].disabled,
.field.warning input[type=number].disabled:hover,
.field.warning input[type=number].disabled:active,
.field.warning input[type=number].disabled.active,
.field.warning input[type=number][disabled],
.field.warning input[type=number][disabled]:hover,
.field.warning input[type=number][disabled]:active,
.field.warning input[type=number][disabled].active,
.field.warning textarea.disabled,
.field.warning textarea.disabled:hover,
.field.warning textarea.disabled:active,
.field.warning textarea.disabled.active,
.field.warning textarea[disabled],
.field.warning textarea[disabled]:hover,
.field.warning textarea[disabled]:active,
.field.warning textarea[disabled].active,
.field.warning select.disabled,
.field.warning select.disabled:hover,
.field.warning select.disabled:active,
.field.warning select.disabled.active,
.field.warning select[disabled],
.field.warning select[disabled]:hover,
.field.warning select[disabled]:active,
.field.warning select[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
.field.error {
  color: var(--border-color-danger);
}
.field.error input.text,
.field.error input[type=text],
.field.error input[type=password],
.field.error input[type=email],
.field.error input[type=number],
.field.error textarea,
.field.error select {
  color: var(--secondary);
  background-color: #fff;
  border-color: var(--border-color-danger);
}
.field.error input.text:hover,
.field.error input[type=text]:hover,
.field.error input[type=password]:hover,
.field.error input[type=email]:hover,
.field.error input[type=number]:hover,
.field.error textarea:hover,
.field.error select:hover {
  border-color: var(--border-color-danger-hover);
}
.field.error input.text:focus, .field.error input.text:active, .field.error input.text.active,
.field.error input[type=text]:focus,
.field.error input[type=text]:active,
.field.error input[type=text].active,
.field.error input[type=password]:focus,
.field.error input[type=password]:active,
.field.error input[type=password].active,
.field.error input[type=email]:focus,
.field.error input[type=email]:active,
.field.error input[type=email].active,
.field.error input[type=number]:focus,
.field.error input[type=number]:active,
.field.error input[type=number].active,
.field.error textarea:focus,
.field.error textarea:active,
.field.error textarea.active,
.field.error select:focus,
.field.error select:active,
.field.error select.active {
  border-color: var(--border-color-danger-hover);
  box-shadow: 0 0 0 1px var(--border-color-danger-focus), inset 0 1px #f5f5f5;
}
.field.error input.text.disabled, .field.error input.text.disabled:hover, .field.error input.text.disabled:active, .field.error input.text.disabled.active, .field.error input.text[disabled], .field.error input.text[disabled]:hover, .field.error input.text[disabled]:active, .field.error input.text[disabled].active,
.field.error input[type=text].disabled,
.field.error input[type=text].disabled:hover,
.field.error input[type=text].disabled:active,
.field.error input[type=text].disabled.active,
.field.error input[type=text][disabled],
.field.error input[type=text][disabled]:hover,
.field.error input[type=text][disabled]:active,
.field.error input[type=text][disabled].active,
.field.error input[type=password].disabled,
.field.error input[type=password].disabled:hover,
.field.error input[type=password].disabled:active,
.field.error input[type=password].disabled.active,
.field.error input[type=password][disabled],
.field.error input[type=password][disabled]:hover,
.field.error input[type=password][disabled]:active,
.field.error input[type=password][disabled].active,
.field.error input[type=email].disabled,
.field.error input[type=email].disabled:hover,
.field.error input[type=email].disabled:active,
.field.error input[type=email].disabled.active,
.field.error input[type=email][disabled],
.field.error input[type=email][disabled]:hover,
.field.error input[type=email][disabled]:active,
.field.error input[type=email][disabled].active,
.field.error input[type=number].disabled,
.field.error input[type=number].disabled:hover,
.field.error input[type=number].disabled:active,
.field.error input[type=number].disabled.active,
.field.error input[type=number][disabled],
.field.error input[type=number][disabled]:hover,
.field.error input[type=number][disabled]:active,
.field.error input[type=number][disabled].active,
.field.error textarea.disabled,
.field.error textarea.disabled:hover,
.field.error textarea.disabled:active,
.field.error textarea.disabled.active,
.field.error textarea[disabled],
.field.error textarea[disabled]:hover,
.field.error textarea[disabled]:active,
.field.error textarea[disabled].active,
.field.error select.disabled,
.field.error select.disabled:hover,
.field.error select.disabled:active,
.field.error select.disabled.active,
.field.error select[disabled],
.field.error select[disabled]:hover,
.field.error select[disabled]:active,
.field.error select[disabled].active {
  border-color: var(--border-color-default);
  cursor: not-allowed;
  background-color: #eee;
  opacity: 0.55;
}
.field.feedback {
  position: relative;
}
.field.feedback input.text,
.field.feedback input[type=text],
.field.feedback input[type=password],
.field.feedback input[type=email],
.field.feedback input[type=number],
.field.feedback select,
.field.feedback textarea {
  padding-right: 50px;
}
.field.feedback .icon {
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 22px;
  z-index: 1;
}

.navbar form .field,
form.inline .field {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar form .field input.text,
.navbar form .field input[type=text],
.navbar form .field input[type=password],
.navbar form .field input[type=email],
.navbar form .field input[type=number],
.navbar form .field input[type=email],
form.inline .field input.text,
form.inline .field input[type=text],
form.inline .field input[type=password],
form.inline .field input[type=email],
form.inline .field input[type=number],
form.inline .field input[type=email] {
  width: auto;
}
.navbar form.unlabel .field:not(.checkbox) label,
form.inline.unlabel .field:not(.checkbox) label {
  display: none;
}
.navbar form > button,
form.inline > button {
  margin-top: -3px;
}

.inline input.text,
.inline input[type=text],
.inline input[type=password],
.inline input[type=email],
.inline input[type=number] {
  width: auto;
}

form.horizontal.offset.one .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 8.3333333333%;
}
form.horizontal.offset.one .field:not(.checkbox) label {
  float: left;
  width: 8.3333333333%;
  height: 34px;
  margin-left: -8.3333333333%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.one .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.two .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 16.6666666667%;
}
form.horizontal.offset.two .field:not(.checkbox) label {
  float: left;
  width: 16.6666666667%;
  height: 34px;
  margin-left: -16.6666666667%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.two .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.three .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 25%;
}
form.horizontal.offset.three .field:not(.checkbox) label {
  float: left;
  width: 25%;
  height: 34px;
  margin-left: -25%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.three .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.four .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 33.3333333333%;
}
form.horizontal.offset.four .field:not(.checkbox) label {
  float: left;
  width: 33.3333333333%;
  height: 34px;
  margin-left: -33.3333333333%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.four .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.five .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 41.6666666667%;
}
form.horizontal.offset.five .field:not(.checkbox) label {
  float: left;
  width: 41.6666666667%;
  height: 34px;
  margin-left: -41.6666666667%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.five .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.six .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 50%;
}
form.horizontal.offset.six .field:not(.checkbox) label {
  float: left;
  width: 50%;
  height: 34px;
  margin-left: -50%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.six .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.seven .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 58.3333333333%;
}
form.horizontal.offset.seven .field:not(.checkbox) label {
  float: left;
  width: 58.3333333333%;
  height: 34px;
  margin-left: -58.3333333333%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.seven .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.eight .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 66.6666666667%;
}
form.horizontal.offset.eight .field:not(.checkbox) label {
  float: left;
  width: 66.6666666667%;
  height: 34px;
  margin-left: -66.6666666667%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.eight .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.nine .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 75%;
}
form.horizontal.offset.nine .field:not(.checkbox) label {
  float: left;
  width: 75%;
  height: 34px;
  margin-left: -75%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.nine .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.ten .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 83.3333333333%;
}
form.horizontal.offset.ten .field:not(.checkbox) label {
  float: left;
  width: 83.3333333333%;
  height: 34px;
  margin-left: -83.3333333333%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.ten .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}
form.horizontal.offset.eleven .field {
  position: relative;
  vertical-align: middle;
  display: flow-root;
  padding-left: 91.6666666667%;
}
form.horizontal.offset.eleven .field:not(.checkbox) label {
  float: left;
  width: 91.6666666667%;
  height: 34px;
  margin-left: -91.6666666667%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-top: 6px;
  text-align: right;
}
form.horizontal.offset.eleven .field .static {
  padding-top: 6px;
  margin-bottom: 0;
}

form.inline .field.feedback .icon,
form.horizontal .field.feedback .icon {
  top: 0;
}

.justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.justified::before, .justified::after {
  display: none;
}
.justified .field {
  float: none;
  display: table-cell;
  width: 1%;
  padding: 0 5px;
}
.justified .field:first-child {
  padding-left: 0;
}
.justified .field:last-child {
  padding-right: 0;
}
.justified .field input.text,
.justified .field input[type=text],
.justified .field input[type=password],
.justified .field input[type=email],
.justified .field input[type=number] {
  width: 100%;
}

.inputs {
  position: relative;
  display: table;
  border-collapse: separate;
}
.inputs .addon {
  display: table-cell;
  padding: var(--padding-base-vertical) var(--padding-base-horizontal);
  font-size: var(--font-size-base);
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: var(--input-group-addon-background);
  border: 1px solid var(--input-group-addon-border-color);
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.inputs .addon input[type=radio],
.inputs .addon input[type=checkbox] {
  margin-top: 0;
}
.inputs > input {
  display: table-cell !important;
  width: 100%;
}
.inputs > input:focus {
  box-shadow: none !important;
}
.inputs > .buttons {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.inputs > .buttons:first-child button:first-child,
.inputs > .buttons:first-child .button:first-child {
  border-right: 0;
}
.inputs > .buttons:last-child button:first-child,
.inputs > .buttons:last-child .button:first-child {
  border-left: 0;
}
.inputs > .buttons button,
.inputs > .buttons .button {
  box-shadow: none;
}
.inputs > input:first-child,
.inputs .addon:first-child,
.inputs .buttons:first-child {
  border-right: 0;
}
.inputs > input:last-child,
.inputs .addon:last-child,
.inputs .buttons:last-child {
  border-left: 0;
}

.clearfix {
  display: flow-root;
}

.centered {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.lefted {
  float: left !important;
}

.righted {
  float: right !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

.suggestion {
  color: #ccc;
}