@charset "UTF-8"; /*! Axentix Framework | Developed by Axel SIMONET & Vincent LEVEQUE with ♥ | MIT License */ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
hr {
  height: 0;
  color: inherit;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
html {
  font-family: var(--ax-font-family);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
textarea,
input {
  border-radius: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 1.25rem 0 0.75rem;
}
h1,
.h1 {
  font-size: 2.75rem;
}
h2,
.h2 {
  font-size: 2.25rem;
}
h3,
.h3 {
  font-size: 2rem;
}
h4,
.h4 {
  font-size: 1.75rem;
}
h5,
.h5 {
  font-size: 1.5rem;
}
h6,
.h6 {
  font-size: 1.25rem;
}
a {
  text-decoration: none;
  color: inherit;
}
p {
  line-height: 1.6rem;
}
.ax-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #0000;
  transition: background-color ease;
  z-index: var(--ax-overlay-z-index);
}
.ax-overlay.active {
  background-color: #0006;
}
:root {
  --ax-overlay-z-index: 700;
  --ax-primary: #2196f3;
  --ax-text-primary: #fff;
  --ax-secondary: #22ac72;
  --ax-text-secondary: #fff;
  --ax-success: #12ad12;
  --ax-text-success: #fff;
  --ax-warning: #fccc2e;
  --ax-text-warning: #000;
  --ax-error: #df2c29;
  --ax-text-error: #fff;
  --ax-white: #fff;
  --ax-text-white: #000;
  --ax-black: #000;
  --ax-text-black: #fff;
  --ax-transparent: transparent;
  --ax-text-transparent: #000;
  --ax-layout-areas: "header" "main" "footer";
  --ax-layout-columns: minmax(0, 1fr);
  --ax-layout-rows: auto 1fr auto;
  --ax-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  --ax-navbar-height: 3.5rem;
  --ax-navbar-z-index: 100;
  --ax-sidenav-width: 12rem;
  --ax-sidenav-z-index: 710;
  --ax-sidenav-logo-height: 3rem;
  --ax-sidenav-header-height: 5rem;
  --ax-dropdown-z-index: 10;
  --ax-dropdown-z-index-navbar: 20;
  --ax-dropdown-z-index-sidenav: 30;
  --ax-fab-z-index: 200;
  --ax-tooltip-z-index: 999;
  --ax-btn-disabled-bg-color: #c8c8c8;
  --ax-btn-disabled-color: #787878;
  --ax-footer-min-height: 3rem;
  --ax-loading-pbar-bg-color: #cbd9e0;
  --ax-modal-top: 10%;
  --ax-modal-max-height: 80%;
  --ax-tab-bar-border: 0.1rem solid #2196f3;
  --ax-table-border: 1px solid #d2d2d2;
  --ax-toaster-z-index: 1000;
  --ax-glass-background: rgba(255, 255, 255, 0.25);
  --ax-glass-blur: 5px;
  --ax-clay-background: white;
  --ax-clay-blur: 5px;
  --ax-clay-shadow-color: 145, 192, 255;
  --ax-clay-shadow: 35px 35px 68px 0px rgba(var(--ax-clay-shadow-color), 0.5),
    inset -8px -8px 16px 0px rgba(var(--ax-clay-shadow-color), 0.6), inset 0px 11px 28px 0px white;
  --ax-form-helper-size: 0.75rem;
  --ax-form-helper-color: #747474;
  --ax-form-valid-color: #12ad12;
  --ax-form-invalid-color: #df2c29;
  --ax-form-control-border: 1px solid #bbb8b8;
  --ax-form-disabled-bg-color: #c8c8c8;
  --ax-form-disabled-color: #787878;
  --ax-form-check-disabled-color: #afafaf;
  --ax-form-material-color: #4c9f85;
  --ax-form-material-transition-duration: 0.3s;
  --ax-form-material-label-color: #7c7c7c;
  --ax-form-material-border: 2px solid #c7c7c7;
  --ax-form-material-disabled-border: 2px dashed #c7c7c7;
  --ax-form-material-active-border-width: 2px;
  --ax-form-material-active-border-style: solid;
  --ax-form-material-after-z-index: 15;
  --ax-form-switch-color: #e2e2e2;
  --ax-form-switch-active-color: #4c9f85;
  --ax-form-switch-btn-color: #fff;
  --ax-form-switch-transition-duration: 0.3s;
  --ax-hover-background: rgba(0, 0, 0, 0.07);
  --ax-hover-collapsible-background: rgba(0, 0, 0, 0.04);
  --ax-hover-background-dark: rgba(255, 255, 255, 0.1);
  --ax-hover-collapsible-background-dark: rgba(255, 255, 255, 0.06);
  --ax-hover-text-color: #000;
  --ax-hover-text-color-dark: #fff;
  --ax-waves-color: rgba(255, 255, 255, 0.1);
}
.grix {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 0.25rem;
}
.grix.xs1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.col-xs1 {
  grid-column: auto/span 1;
}
.row-xs1 {
  grid-row: auto/span 1;
}
.pos-xs1 {
  grid-column-start: 1 !important;
}
.pos-row-xs1 {
  grid-row-start: 1 !important;
}
.grix.xs2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.col-xs2 {
  grid-column: auto/span 2;
}
.row-xs2 {
  grid-row: auto/span 2;
}
.pos-xs2 {
  grid-column-start: 2 !important;
}
.pos-row-xs2 {
  grid-row-start: 2 !important;
}
.grix.xs3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.col-xs3 {
  grid-column: auto/span 3;
}
.row-xs3 {
  grid-row: auto/span 3;
}
.pos-xs3 {
  grid-column-start: 3 !important;
}
.pos-row-xs3 {
  grid-row-start: 3 !important;
}
.grix.xs4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.col-xs4 {
  grid-column: auto/span 4;
}
.row-xs4 {
  grid-row: auto/span 4;
}
.pos-xs4 {
  grid-column-start: 4 !important;
}
.pos-row-xs4 {
  grid-row-start: 4 !important;
}
.grix.xs5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.col-xs5 {
  grid-column: auto/span 5;
}
.row-xs5 {
  grid-row: auto/span 5;
}
.pos-xs5 {
  grid-column-start: 5 !important;
}
.pos-row-xs5 {
  grid-row-start: 5 !important;
}
.grix.xs6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.col-xs6 {
  grid-column: auto/span 6;
}
.row-xs6 {
  grid-row: auto/span 6;
}
.pos-xs6 {
  grid-column-start: 6 !important;
}
.pos-row-xs6 {
  grid-row-start: 6 !important;
}
.grix.xs7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.col-xs7 {
  grid-column: auto/span 7;
}
.row-xs7 {
  grid-row: auto/span 7;
}
.pos-xs7 {
  grid-column-start: 7 !important;
}
.pos-row-xs7 {
  grid-row-start: 7 !important;
}
.grix.xs8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.col-xs8 {
  grid-column: auto/span 8;
}
.row-xs8 {
  grid-row: auto/span 8;
}
.pos-xs8 {
  grid-column-start: 8 !important;
}
.pos-row-xs8 {
  grid-row-start: 8 !important;
}
.grix.xs9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.col-xs9 {
  grid-column: auto/span 9;
}
.row-xs9 {
  grid-row: auto/span 9;
}
.pos-xs9 {
  grid-column-start: 9 !important;
}
.pos-row-xs9 {
  grid-row-start: 9 !important;
}
.grix.xs10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.col-xs10 {
  grid-column: auto/span 10;
}
.row-xs10 {
  grid-row: auto/span 10;
}
.pos-xs10 {
  grid-column-start: 10 !important;
}
.pos-row-xs10 {
  grid-row-start: 10 !important;
}
.grix.xs11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.col-xs11 {
  grid-column: auto/span 11;
}
.row-xs11 {
  grid-row: auto/span 11;
}
.pos-xs11 {
  grid-column-start: 11 !important;
}
.pos-row-xs11 {
  grid-row-start: 11 !important;
}
.grix.xs12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.col-xs12 {
  grid-column: auto/span 12;
}
.row-xs12 {
  grid-row: auto/span 12;
}
.pos-xs12 {
  grid-column-start: 12 !important;
}
.pos-row-xs12 {
  grid-row-start: 12 !important;
}
@media screen and (min-width: 600px) {
  .grix.sm1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-sm1 {
    grid-column: auto/span 1;
  }
  .row-sm1 {
    grid-row: auto/span 1;
  }
  .pos-sm1 {
    grid-column-start: 1 !important;
  }
  .pos-row-sm1 {
    grid-row-start: 1 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-sm2 {
    grid-column: auto/span 2;
  }
  .row-sm2 {
    grid-row: auto/span 2;
  }
  .pos-sm2 {
    grid-column-start: 2 !important;
  }
  .pos-row-sm2 {
    grid-row-start: 2 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-sm3 {
    grid-column: auto/span 3;
  }
  .row-sm3 {
    grid-row: auto/span 3;
  }
  .pos-sm3 {
    grid-column-start: 3 !important;
  }
  .pos-row-sm3 {
    grid-row-start: 3 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-sm4 {
    grid-column: auto/span 4;
  }
  .row-sm4 {
    grid-row: auto/span 4;
  }
  .pos-sm4 {
    grid-column-start: 4 !important;
  }
  .pos-row-sm4 {
    grid-row-start: 4 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-sm5 {
    grid-column: auto/span 5;
  }
  .row-sm5 {
    grid-row: auto/span 5;
  }
  .pos-sm5 {
    grid-column-start: 5 !important;
  }
  .pos-row-sm5 {
    grid-row-start: 5 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-sm6 {
    grid-column: auto/span 6;
  }
  .row-sm6 {
    grid-row: auto/span 6;
  }
  .pos-sm6 {
    grid-column-start: 6 !important;
  }
  .pos-row-sm6 {
    grid-row-start: 6 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-sm7 {
    grid-column: auto/span 7;
  }
  .row-sm7 {
    grid-row: auto/span 7;
  }
  .pos-sm7 {
    grid-column-start: 7 !important;
  }
  .pos-row-sm7 {
    grid-row-start: 7 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-sm8 {
    grid-column: auto/span 8;
  }
  .row-sm8 {
    grid-row: auto/span 8;
  }
  .pos-sm8 {
    grid-column-start: 8 !important;
  }
  .pos-row-sm8 {
    grid-row-start: 8 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-sm9 {
    grid-column: auto/span 9;
  }
  .row-sm9 {
    grid-row: auto/span 9;
  }
  .pos-sm9 {
    grid-column-start: 9 !important;
  }
  .pos-row-sm9 {
    grid-row-start: 9 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-sm10 {
    grid-column: auto/span 10;
  }
  .row-sm10 {
    grid-row: auto/span 10;
  }
  .pos-sm10 {
    grid-column-start: 10 !important;
  }
  .pos-row-sm10 {
    grid-row-start: 10 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-sm11 {
    grid-column: auto/span 11;
  }
  .row-sm11 {
    grid-row: auto/span 11;
  }
  .pos-sm11 {
    grid-column-start: 11 !important;
  }
  .pos-row-sm11 {
    grid-row-start: 11 !important;
  }
}
@media screen and (min-width: 600px) {
  .grix.sm12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-sm12 {
    grid-column: auto/span 12;
  }
  .row-sm12 {
    grid-row: auto/span 12;
  }
  .pos-sm12 {
    grid-column-start: 12 !important;
  }
  .pos-row-sm12 {
    grid-row-start: 12 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-md1 {
    grid-column: auto/span 1;
  }
  .row-md1 {
    grid-row: auto/span 1;
  }
  .pos-md1 {
    grid-column-start: 1 !important;
  }
  .pos-row-md1 {
    grid-row-start: 1 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-md2 {
    grid-column: auto/span 2;
  }
  .row-md2 {
    grid-row: auto/span 2;
  }
  .pos-md2 {
    grid-column-start: 2 !important;
  }
  .pos-row-md2 {
    grid-row-start: 2 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-md3 {
    grid-column: auto/span 3;
  }
  .row-md3 {
    grid-row: auto/span 3;
  }
  .pos-md3 {
    grid-column-start: 3 !important;
  }
  .pos-row-md3 {
    grid-row-start: 3 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-md4 {
    grid-column: auto/span 4;
  }
  .row-md4 {
    grid-row: auto/span 4;
  }
  .pos-md4 {
    grid-column-start: 4 !important;
  }
  .pos-row-md4 {
    grid-row-start: 4 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-md5 {
    grid-column: auto/span 5;
  }
  .row-md5 {
    grid-row: auto/span 5;
  }
  .pos-md5 {
    grid-column-start: 5 !important;
  }
  .pos-row-md5 {
    grid-row-start: 5 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-md6 {
    grid-column: auto/span 6;
  }
  .row-md6 {
    grid-row: auto/span 6;
  }
  .pos-md6 {
    grid-column-start: 6 !important;
  }
  .pos-row-md6 {
    grid-row-start: 6 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-md7 {
    grid-column: auto/span 7;
  }
  .row-md7 {
    grid-row: auto/span 7;
  }
  .pos-md7 {
    grid-column-start: 7 !important;
  }
  .pos-row-md7 {
    grid-row-start: 7 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-md8 {
    grid-column: auto/span 8;
  }
  .row-md8 {
    grid-row: auto/span 8;
  }
  .pos-md8 {
    grid-column-start: 8 !important;
  }
  .pos-row-md8 {
    grid-row-start: 8 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-md9 {
    grid-column: auto/span 9;
  }
  .row-md9 {
    grid-row: auto/span 9;
  }
  .pos-md9 {
    grid-column-start: 9 !important;
  }
  .pos-row-md9 {
    grid-row-start: 9 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-md10 {
    grid-column: auto/span 10;
  }
  .row-md10 {
    grid-row: auto/span 10;
  }
  .pos-md10 {
    grid-column-start: 10 !important;
  }
  .pos-row-md10 {
    grid-row-start: 10 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-md11 {
    grid-column: auto/span 11;
  }
  .row-md11 {
    grid-row: auto/span 11;
  }
  .pos-md11 {
    grid-column-start: 11 !important;
  }
  .pos-row-md11 {
    grid-row-start: 11 !important;
  }
}
@media screen and (min-width: 960px) {
  .grix.md12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-md12 {
    grid-column: auto/span 12;
  }
  .row-md12 {
    grid-row: auto/span 12;
  }
  .pos-md12 {
    grid-column-start: 12 !important;
  }
  .pos-row-md12 {
    grid-row-start: 12 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-lg1 {
    grid-column: auto/span 1;
  }
  .row-lg1 {
    grid-row: auto/span 1;
  }
  .pos-lg1 {
    grid-column-start: 1 !important;
  }
  .pos-row-lg1 {
    grid-row-start: 1 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-lg2 {
    grid-column: auto/span 2;
  }
  .row-lg2 {
    grid-row: auto/span 2;
  }
  .pos-lg2 {
    grid-column-start: 2 !important;
  }
  .pos-row-lg2 {
    grid-row-start: 2 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-lg3 {
    grid-column: auto/span 3;
  }
  .row-lg3 {
    grid-row: auto/span 3;
  }
  .pos-lg3 {
    grid-column-start: 3 !important;
  }
  .pos-row-lg3 {
    grid-row-start: 3 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-lg4 {
    grid-column: auto/span 4;
  }
  .row-lg4 {
    grid-row: auto/span 4;
  }
  .pos-lg4 {
    grid-column-start: 4 !important;
  }
  .pos-row-lg4 {
    grid-row-start: 4 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-lg5 {
    grid-column: auto/span 5;
  }
  .row-lg5 {
    grid-row: auto/span 5;
  }
  .pos-lg5 {
    grid-column-start: 5 !important;
  }
  .pos-row-lg5 {
    grid-row-start: 5 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-lg6 {
    grid-column: auto/span 6;
  }
  .row-lg6 {
    grid-row: auto/span 6;
  }
  .pos-lg6 {
    grid-column-start: 6 !important;
  }
  .pos-row-lg6 {
    grid-row-start: 6 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-lg7 {
    grid-column: auto/span 7;
  }
  .row-lg7 {
    grid-row: auto/span 7;
  }
  .pos-lg7 {
    grid-column-start: 7 !important;
  }
  .pos-row-lg7 {
    grid-row-start: 7 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-lg8 {
    grid-column: auto/span 8;
  }
  .row-lg8 {
    grid-row: auto/span 8;
  }
  .pos-lg8 {
    grid-column-start: 8 !important;
  }
  .pos-row-lg8 {
    grid-row-start: 8 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-lg9 {
    grid-column: auto/span 9;
  }
  .row-lg9 {
    grid-row: auto/span 9;
  }
  .pos-lg9 {
    grid-column-start: 9 !important;
  }
  .pos-row-lg9 {
    grid-row-start: 9 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-lg10 {
    grid-column: auto/span 10;
  }
  .row-lg10 {
    grid-row: auto/span 10;
  }
  .pos-lg10 {
    grid-column-start: 10 !important;
  }
  .pos-row-lg10 {
    grid-row-start: 10 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-lg11 {
    grid-column: auto/span 11;
  }
  .row-lg11 {
    grid-row: auto/span 11;
  }
  .pos-lg11 {
    grid-column-start: 11 !important;
  }
  .pos-row-lg11 {
    grid-row-start: 11 !important;
  }
}
@media screen and (min-width: 1280px) {
  .grix.lg12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-lg12 {
    grid-column: auto/span 12;
  }
  .row-lg12 {
    grid-row: auto/span 12;
  }
  .pos-lg12 {
    grid-column-start: 12 !important;
  }
  .pos-row-lg12 {
    grid-row-start: 12 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-xl1 {
    grid-column: auto/span 1;
  }
  .row-xl1 {
    grid-row: auto/span 1;
  }
  .pos-xl1 {
    grid-column-start: 1 !important;
  }
  .pos-row-xl1 {
    grid-row-start: 1 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-xl2 {
    grid-column: auto/span 2;
  }
  .row-xl2 {
    grid-row: auto/span 2;
  }
  .pos-xl2 {
    grid-column-start: 2 !important;
  }
  .pos-row-xl2 {
    grid-row-start: 2 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-xl3 {
    grid-column: auto/span 3;
  }
  .row-xl3 {
    grid-row: auto/span 3;
  }
  .pos-xl3 {
    grid-column-start: 3 !important;
  }
  .pos-row-xl3 {
    grid-row-start: 3 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-xl4 {
    grid-column: auto/span 4;
  }
  .row-xl4 {
    grid-row: auto/span 4;
  }
  .pos-xl4 {
    grid-column-start: 4 !important;
  }
  .pos-row-xl4 {
    grid-row-start: 4 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-xl5 {
    grid-column: auto/span 5;
  }
  .row-xl5 {
    grid-row: auto/span 5;
  }
  .pos-xl5 {
    grid-column-start: 5 !important;
  }
  .pos-row-xl5 {
    grid-row-start: 5 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-xl6 {
    grid-column: auto/span 6;
  }
  .row-xl6 {
    grid-row: auto/span 6;
  }
  .pos-xl6 {
    grid-column-start: 6 !important;
  }
  .pos-row-xl6 {
    grid-row-start: 6 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-xl7 {
    grid-column: auto/span 7;
  }
  .row-xl7 {
    grid-row: auto/span 7;
  }
  .pos-xl7 {
    grid-column-start: 7 !important;
  }
  .pos-row-xl7 {
    grid-row-start: 7 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-xl8 {
    grid-column: auto/span 8;
  }
  .row-xl8 {
    grid-row: auto/span 8;
  }
  .pos-xl8 {
    grid-column-start: 8 !important;
  }
  .pos-row-xl8 {
    grid-row-start: 8 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-xl9 {
    grid-column: auto/span 9;
  }
  .row-xl9 {
    grid-row: auto/span 9;
  }
  .pos-xl9 {
    grid-column-start: 9 !important;
  }
  .pos-row-xl9 {
    grid-row-start: 9 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-xl10 {
    grid-column: auto/span 10;
  }
  .row-xl10 {
    grid-row: auto/span 10;
  }
  .pos-xl10 {
    grid-column-start: 10 !important;
  }
  .pos-row-xl10 {
    grid-row-start: 10 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-xl11 {
    grid-column: auto/span 11;
  }
  .row-xl11 {
    grid-row: auto/span 11;
  }
  .pos-xl11 {
    grid-column-start: 11 !important;
  }
  .pos-row-xl11 {
    grid-row-start: 11 !important;
  }
}
@media screen and (min-width: 1920px) {
  .grix.xl12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-xl12 {
    grid-column: auto/span 12;
  }
  .row-xl12 {
    grid-row: auto/span 12;
  }
  .pos-xl12 {
    grid-column-start: 12 !important;
  }
  .pos-row-xl12 {
    grid-row-start: 12 !important;
  }
}
.gutter-xs0 {
  grid-gap: 0;
}
@media screen and (min-width: 600px) {
  .gutter-sm0 {
    grid-gap: 0;
  }
}
@media screen and (min-width: 960px) {
  .gutter-md0 {
    grid-gap: 0;
  }
}
@media screen and (min-width: 1280px) {
  .gutter-lg0 {
    grid-gap: 0;
  }
}
@media screen and (min-width: 1920px) {
  .gutter-xl0 {
    grid-gap: 0;
  }
}
.gutter-xs1 {
  grid-gap: 0.5rem;
}
@media screen and (min-width: 600px) {
  .gutter-sm1 {
    grid-gap: 0.5rem;
  }
}
@media screen and (min-width: 960px) {
  .gutter-md1 {
    grid-gap: 0.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .gutter-lg1 {
    grid-gap: 0.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .gutter-xl1 {
    grid-gap: 0.5rem;
  }
}
.gutter-xs2 {
  grid-gap: 0.75rem;
}
@media screen and (min-width: 600px) {
  .gutter-sm2 {
    grid-gap: 0.75rem;
  }
}
@media screen and (min-width: 960px) {
  .gutter-md2 {
    grid-gap: 0.75rem;
  }
}
@media screen and (min-width: 1280px) {
  .gutter-lg2 {
    grid-gap: 0.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .gutter-xl2 {
    grid-gap: 0.75rem;
  }
}
.gutter-xs3 {
  grid-gap: 1rem;
}
@media screen and (min-width: 600px) {
  .gutter-sm3 {
    grid-gap: 1rem;
  }
}
@media screen and (min-width: 960px) {
  .gutter-md3 {
    grid-gap: 1rem;
  }
}
@media screen and (min-width: 1280px) {
  .gutter-lg3 {
    grid-gap: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .gutter-xl3 {
    grid-gap: 1rem;
  }
}
.gutter-xs4 {
  grid-gap: 1.25rem;
}
@media screen and (min-width: 600px) {
  .gutter-sm4 {
    grid-gap: 1.25rem;
  }
}
@media screen and (min-width: 960px) {
  .gutter-md4 {
    grid-gap: 1.25rem;
  }
}
@media screen and (min-width: 1280px) {
  .gutter-lg4 {
    grid-gap: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .gutter-xl4 {
    grid-gap: 1.25rem;
  }
}
.gutter-xs5 {
  grid-gap: 1.5rem;
}
@media screen and (min-width: 600px) {
  .gutter-sm5 {
    grid-gap: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .gutter-md5 {
    grid-gap: 1.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .gutter-lg5 {
    grid-gap: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .gutter-xl5 {
    grid-gap: 1.5rem;
  }
}
.gutter-xs6 {
  grid-gap: 1.75rem;
}
@media screen and (min-width: 600px) {
  .gutter-sm6 {
    grid-gap: 1.75rem;
  }
}
@media screen and (min-width: 960px) {
  .gutter-md6 {
    grid-gap: 1.75rem;
  }
}
@media screen and (min-width: 1280px) {
  .gutter-lg6 {
    grid-gap: 1.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .gutter-xl6 {
    grid-gap: 1.75rem;
  }
}
.gutter-xs7 {
  grid-gap: 2rem;
}
@media screen and (min-width: 600px) {
  .gutter-sm7 {
    grid-gap: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .gutter-md7 {
    grid-gap: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .gutter-lg7 {
    grid-gap: 2rem;
  }
}
@media screen and (min-width: 1920px) {
  .gutter-xl7 {
    grid-gap: 2rem;
  }
}
.layout,
[class*="layout-"] {
  display: grid;
  grid-gap: 0;
  min-height: 100vh;
  grid-template-rows: var(--ax-layout-rows);
  grid-template-columns: var(--ax-layout-columns);
  grid-template-areas: var(--ax-layout-areas);
}
.layout header,
.layout .layout-header,
[class*="layout-"] header,
[class*="layout-"] .layout-header {
  grid-area: header;
}
.layout main,
.layout .layout-main,
[class*="layout-"] main,
[class*="layout-"] .layout-main {
  grid-area: main;
}
.layout footer,
.layout .layout-footer,
[class*="layout-"] footer,
[class*="layout-"] .layout-footer {
  grid-area: footer;
}
.layout-sidenav {
  --ax-layout-areas: "header header" "sidenav main" "footer footer";
  --ax-layout-columns: auto minmax(0, 1fr);
}
.layout-sidenav .sidenav-fixed {
  position: initial;
  z-index: 710;
  grid-area: sidenav;
}
.layout-sidenav.layout-sidenav-right {
  --ax-layout-areas: "header header" "main sidenav" "footer footer";
  --ax-layout-columns: minmax(0, 1fr) auto;
}
.layout-sidenav.layout-sidenav-both {
  --ax-layout-areas: "header header header" "sidenav-left main sidenav-right" "footer footer footer";
  --ax-layout-columns: auto minmax(0, 1fr) auto;
}
.layout-sidenav.layout-sidenav-both .sidenav {
  grid-area: sidenav-left;
}
.layout-sidenav.layout-sidenav-both .sidenav.sidenav-right {
  grid-area: sidenav-right;
}
.layout-sidenav-fixed {
  --ax-layout-areas: "header" "main" "footer";
  --ax-layout-columns: minmax(0, 1fr);
}
.layout-under-navbar header,
.layout-under-navbar .layout-header {
  padding-left: initial;
  padding-right: initial;
}
.layout-under-navbar .navbar-fixed .navbar {
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 959px) {
  .layout-sidenav {
    --ax-layout-areas: "header" "main" "footer" !important;
    --ax-layout-columns: minmax(0, 1fr) !important;
  }
  .layout-sidenav .sidenav-fixed {
    position: fixed;
  }
}
@media screen and (min-width: 960px) {
  .layout-sidenav .sidenav-fixed,
  .layout-sidenav-fixed .sidenav-fixed,
  .layout-under-navbar .sidenav-fixed {
    z-index: 690;
  }
  .layout-sidenav-fixed .navbar-fixed .navbar {
    margin-left: var(--ax-sidenav-width);
  }
  .layout-sidenav-fixed.layout-sidenav-right .navbar-fixed .navbar {
    margin-right: var(--ax-sidenav-width);
    margin-left: 0;
  }
  .layout-sidenav-fixed.layout-sidenav-both .navbar-fixed .navbar {
    margin-right: var(--ax-sidenav-width);
    margin-left: var(--ax-sidenav-width);
  }
  .layout-sidenav-fixed header,
  .layout-sidenav-fixed .layout-header,
  .layout-sidenav-fixed main,
  .layout-sidenav-fixed .layout-main,
  .layout-under-navbar header,
  .layout-under-navbar .layout-header,
  .layout-under-navbar main,
  .layout-under-navbar .layout-main {
    padding-left: var(--ax-sidenav-width);
  }
  .layout-sidenav-fixed .footer,
  .layout-sidenav-fixed .layout-footer,
  .layout-under-navbar .footer,
  .layout-under-navbar .layout-footer {
    padding-left: calc(var(--ax-sidenav-width) + 0.5rem);
  }
  .layout-sidenav-fixed.layout-sidenav-right header,
  .layout-sidenav-fixed.layout-sidenav-right .layout-header,
  .layout-sidenav-fixed.layout-sidenav-right main,
  .layout-sidenav-fixed.layout-sidenav-right .layout-main,
  .layout-under-navbar.layout-sidenav-right header,
  .layout-under-navbar.layout-sidenav-right .layout-header,
  .layout-under-navbar.layout-sidenav-right main,
  .layout-under-navbar.layout-sidenav-right .layout-main {
    padding-right: var(--ax-sidenav-width);
    padding-left: 0;
  }
  .layout-sidenav-fixed.layout-sidenav-right footer,
  .layout-sidenav-fixed.layout-sidenav-right .layout-footer,
  .layout-under-navbar.layout-sidenav-right footer,
  .layout-under-navbar.layout-sidenav-right .layout-footer {
    padding-right: calc(var(--ax-sidenav-width) + 0.5rem);
    padding-left: 0.5rem;
  }
  .layout-sidenav-fixed.layout-sidenav-both header,
  .layout-sidenav-fixed.layout-sidenav-both .layout-header,
  .layout-sidenav-fixed.layout-sidenav-both main,
  .layout-sidenav-fixed.layout-sidenav-both .layout-main,
  .layout-under-navbar.layout-sidenav-both header,
  .layout-under-navbar.layout-sidenav-both .layout-header,
  .layout-under-navbar.layout-sidenav-both main,
  .layout-under-navbar.layout-sidenav-both .layout-main {
    padding-right: var(--ax-sidenav-width);
    padding-left: var(--ax-sidenav-width);
  }
  .layout-sidenav-fixed.layout-sidenav-both footer,
  .layout-sidenav-fixed.layout-sidenav-both .layout-footer,
  .layout-under-navbar.layout-sidenav-both footer,
  .layout-under-navbar.layout-sidenav-both .layout-footer {
    padding-right: calc(var(--ax-sidenav-width) + 0.5rem);
    padding-left: calc(var(--ax-sidenav-width) + 0.5rem);
  }
  .layout-under-navbar .sidenav-fixed {
    top: var(--ax-navbar-height);
  }
}
.btn {
  display: inline-block;
  position: relative;
  text-align: center;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: filter;
  cursor: pointer;
  border: none;
  text-decoration: none;
  outline-style: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.2rem;
  padding: calc(0.6rem + 2px) 1.25rem;
  overflow: hidden;
  word-wrap: normal;
}
.btn[class*="hoverable-"]:not(.btn-press),
.btn[class*="hoverable-"]:not(.btn-outline),
.btn[class*="light-hoverable-"]:not(.btn-press),
.btn[class*="light-hoverable-"]:not(.btn-outline) {
  transition-property: filter, transform, box-shadow;
}
.btn:hover {
  filter: brightness(115%);
}
.btn.btn-small {
  font-size: 1rem;
  padding: calc(0.45rem + 2px) 1rem;
}
.btn.btn-large {
  font-size: 1.4rem;
  padding: calc(1rem + 2px) 1.5rem;
}
.btn.btn-press {
  transition: 0.1s ease;
  transition-property: box-shadow, transform, filter;
  box-shadow: inset 0 -0.5rem 0 -0.25rem #00000040;
}
.btn.btn-press:active {
  box-shadow: inset 0 0 #00000040;
  transform: translateY(2px);
}
.btn.btn-circle {
  padding: 0;
  font-size: 1.5rem;
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.btn.btn-circle i {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.btn.btn-circle.btn-small {
  font-size: 0.9rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}
.btn.btn-circle.btn-large {
  font-size: 1.8rem;
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
}
.btn.disabled,
.btn[disabled] {
  pointer-events: none;
  background-color: var(--ax-btn-disabled-bg-color) !important;
  color: var(--ax-btn-disabled-color) !important;
  box-shadow: none;
}
.btn.disabled.btn-outline,
.btn[disabled].btn-outline {
  border-color: var(--ax-btn-disabled-bg-color);
}
.btn.btn-outline {
  background-color: transparent;
  border: 2px solid currentColor;
  padding: 0.6rem calc(1.25rem - 2px);
}
.btn.btn-outline.btn-circle .btn-outline-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn.btn-outline.btn-small {
  padding: 0.45rem calc(1rem - 2px);
}
.btn.btn-outline.btn-large {
  padding: 1rem calc(1.5rem - 2px);
}
.btn.btn-outline .btn-outline-text {
  transition: color 0.3s ease;
}
.btn.btn-outline:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: opacity;
  background-color: currentColor;
  z-index: -2;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .btn.btn-outline:before {
      border-radius: inherit;
    }
  }
}
.btn.btn-outline:hover {
  -webkit-animation-name: fix-outline-button;
  animation-name: fix-outline-button;
  -webkit-animation-delay: 1ms;
  animation-delay: 1ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.btn.btn-outline:hover .btn-outline-text {
  color: #fff !important;
}
.btn.btn-outline:hover .btn-outline-text.btn-outline-invert {
  color: #000 !important;
}
.btn.btn-outline:hover:before {
  opacity: 1;
}
.btn.btn-outline.btn-opening:before {
  left: 50%;
  right: 50%;
  transition-property: opacity, left, right;
  border-radius: inherit;
}
.btn.btn-outline.btn-opening:hover {
  -webkit-animation-delay: 0.29s;
  animation-delay: 0.29s;
}
.btn.btn-outline.btn-opening:hover:before {
  left: 0;
  right: 0;
}
@-webkit-keyframes fix-outline-button {
  0% {
    background-color: transparent;
  }
  to {
    background-color: currentColor;
  }
}
@keyframes fix-outline-button {
  0% {
    background-color: transparent;
  }
  to {
    background-color: currentColor;
  }
}
.btn-group {
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.btn-group:not(.btn-group-vertical) .btn {
  height: unset;
}
.btn-group:not(.btn-group-vertical) :first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.btn-group:not(.btn-group-vertical) :last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.btn-group:not(.btn-group-vertical) .btn-outline:not(:first-child) {
  border-left-width: 1px;
}
.btn-group:not(.btn-group-vertical) .btn-outline:not(:last-child) {
  border-right-width: 1px;
}
.btn-group.btn-group-vertical {
  flex-direction: column;
}
.btn-group.btn-group-vertical .btn {
  width: unset;
}
.btn-group.btn-group-vertical :first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.btn-group.btn-group-vertical :last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.btn-group.btn-group-vertical .btn-outline:not(:first-child) {
  border-top-width: 1px;
}
.btn-group.btn-group-vertical .btn-outline:not(:last-child) {
  border-bottom-width: 1px;
}
.btn-group .btn {
  font-size: 1.2rem !important;
  padding: calc(0.6rem + 2px) 1.25rem !important;
}
.btn-group.btn-group-small .btn {
  font-size: 1rem !important;
  padding: calc(0.45rem + 2px) 1rem !important;
}
.btn-group.btn-group-large .btn {
  font-size: 1.4rem !important;
  padding: calc(1rem + 2px) 1.5rem !important;
}
.card {
  position: relative;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.card .card-header {
  font-size: 1.5rem;
  padding: 0.75rem;
}
.card .card-content {
  padding: 0.75rem;
  flex-grow: 1;
}
.card .card-content p {
  margin: 0;
}
.card .card-footer {
  padding: 0.75rem;
}
.card .card-image {
  position: relative;
}
.card .card-image img {
  width: 100%;
  display: block;
}
.grix.vstretch .card {
  align-self: auto;
}
.grix .card {
  align-self: start;
}
.footer {
  min-height: var(--ax-footer-min-height);
  width: 100%;
  padding: 0.5rem;
  display: flex;
  align-items: center;
}
.navbar {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  padding: 0 0.5rem;
  height: var(--ax-navbar-height);
  line-height: var(--ax-navbar-height);
  z-index: var(--ax-navbar-z-index);
}
.navbar .navbar-logo {
  height: calc(var(--ax-navbar-height) - 5%);
  margin: 0 1rem;
}
.navbar .navbar-logo img {
  height: inherit;
}
.navbar .navbar-logo.navbar-centered {
  margin: 0;
}
.navbar .navbar-centered {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.navbar .navbar-brand {
  text-decoration: none;
  font-size: 1.5rem;
  color: inherit;
}
.navbar ul.navbar-menu {
  list-style: none;
}
.navbar .navbar-menu {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.navbar .navbar-menu .navbar-link {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 0 0.6rem;
  transition: background-color 0.23s ease;
  cursor: pointer;
}
@media screen and (max-width: 599px) {
  .navbar .navbar-menu .navbar-link {
    padding: 0 0.4rem;
  }
}
.navbar.hover-text.navbar-link,
.navbar.hover-text .navbar-link,
.navbar .hover-text.navbar-link,
.navbar .hover-text .navbar-link,
.navbar.hover-text-dark.navbar-link,
.navbar.hover-text-dark .navbar-link,
.navbar .hover-text-dark.navbar-link,
.navbar .hover-text-dark .navbar-link {
  transition: color 0.3s ease;
}
.navbar.hover-text.navbar-link:hover,
.navbar.hover-text.navbar-link.active,
.navbar.hover-text .navbar-link:hover,
.navbar.hover-text .navbar-link.active,
.navbar .hover-text.navbar-link:hover,
.navbar .hover-text.navbar-link.active,
.navbar .hover-text .navbar-link:hover,
.navbar .hover-text .navbar-link.active,
.navbar.hover-text-dark.navbar-link:hover,
.navbar.hover-text-dark.navbar-link.active,
.navbar.hover-text-dark .navbar-link:hover,
.navbar.hover-text-dark .navbar-link.active,
.navbar .hover-text-dark.navbar-link:hover,
.navbar .hover-text-dark.navbar-link.active,
.navbar .hover-text-dark .navbar-link:hover,
.navbar .hover-text-dark .navbar-link.active {
  background-color: inherit !important;
}
.navbar.hover-text.navbar-link:hover,
.navbar.hover-text.navbar-link.active,
.navbar.hover-text .navbar-link:hover,
.navbar.hover-text .navbar-link.active,
.navbar .hover-text.navbar-link:hover,
.navbar .hover-text.navbar-link.active,
.navbar .hover-text .navbar-link:hover,
.navbar .hover-text .navbar-link.active {
  color: var(--ax-hover-text-color);
}
.navbar.hover-text-dark.navbar-link:hover,
.navbar.hover-text-dark.navbar-link.active,
.navbar.hover-text-dark .navbar-link:hover,
.navbar.hover-text-dark .navbar-link.active,
.navbar .hover-text-dark.navbar-link:hover,
.navbar .hover-text-dark.navbar-link.active,
.navbar .hover-text-dark .navbar-link:hover,
.navbar .hover-text-dark .navbar-link.active {
  color: var(--ax-hover-text-color-dark);
}
.navbar .navbar-link.active,
.navbar .navbar-link:hover {
  background-color: var(--ax-hover-background);
}
.navbar-fixed {
  height: var(--ax-navbar-height);
  width: 100%;
  position: relative;
}
.navbar-fixed .navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.navbar .dropdown {
  z-index: var(--ax-dropdown-z-index-navbar);
}
.navbar .dropdown .dropdown-content {
  line-height: 1.15;
}
.grix .pagination {
  align-self: start;
}
.pagination {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.pagination li {
  padding: 0;
  margin: 0 0.25rem;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.1s ease;
  transition-property: background-color, color;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination li a {
  padding: 0.75rem 1rem;
  color: inherit;
}
.pagination li:hover {
  background-color: var(--ax-hover-background);
}
.pagination li.active {
  background-color: #2196f3;
  color: #fff;
}
.pagination li.disabled {
  background-color: #0003;
  opacity: 0.6;
  cursor: not-allowed;
}
.pagination li i {
  opacity: 0.6;
}
.pagination.pagination-small li {
  font-size: 0.825rem;
}
.pagination.pagination-small li a {
  padding: 0.5rem 0.75rem;
}
.pagination.pagination-large li {
  font-size: 1.25rem;
}
.pagination.pagination-large li a {
  padding: 1rem 1.25rem;
}
.table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.table.table-bordered td,
.table.table-bordered th {
  border: var(--ax-table-border);
}
.table.table-bordered tr {
  border: none;
}
.table.table-centered th,
.table.table-centered td {
  text-align: center;
}
.table.table-no-border td,
.table.table-no-border th,
.table.table-striped td,
.table.table-striped th {
  border: none;
}
.table.table-hover tbody > tr {
  transition: background-color 0.3s ease;
}
.table.table-hover tbody > tr:hover {
  background-color: #00000012;
}
.table.table-striped tbody > tr:nth-child(odd) {
  background-color: #00000012;
}
.table.table-striped tr {
  border: none;
}
.table caption {
  caption-side: bottom;
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.5rem 0;
  color: #797676;
}
.table td,
.table th {
  text-align: left;
  padding: 0.8rem 0.5rem;
  vertical-align: middle;
  border-bottom: var(--ax-table-border);
}
.table thead {
  color: inherit;
}
.table th {
  font-weight: 700;
  color: inherit;
}
.table-responsive {
  overflow-x: auto;
  width: 100%;
  display: block;
}
.table-responsive td,
.table-responsive th {
  max-width: 80vw;
  overflow-wrap: break-word;
}
.table-responsive-2 {
  width: 100%;
  display: block;
  overflow-x: auto;
}
@media screen and (max-width: 599px) {
  .table-responsive-2 .table {
    display: flex;
  }
  .table-responsive-2 .table thead tr {
    display: flex;
    height: 100%;
    flex-direction: column;
    border-right: var(--ax-table-border);
    padding-right: 0.25rem;
  }
  .table-responsive-2 .table tbody {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
  }
  .table-responsive-2 .table tbody tr {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .table-responsive-2 .table td,
  .table-responsive-2 .table th {
    border: 0;
  }
}
.spinner {
  position: relative;
  display: flex;
  width: 3.5rem;
}
.spinner:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.spinner svg {
  -webkit-animation: sp-rotate 2s linear infinite;
  animation: sp-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  inset: 0;
  margin: auto;
  color: inherit;
}
.spinner svg .spinner-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: sp-dash 1.5s ease-in-out infinite;
  animation: sp-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  color: inherit;
  stroke: currentColor;
}
.spinner .spinner-text {
  margin: auto;
  font-size: 0.9rem;
}
.spinner.spinner-rainbow svg .spinner-path {
  -webkit-animation: sp-dash 1.5s ease-in-out infinite, sp-colors 6s ease-in-out infinite;
  animation: sp-dash 1.5s ease-in-out infinite, sp-colors 6s ease-in-out infinite;
}
.spinner.spinner-large {
  width: 5rem;
}
.spinner.spinner-large .spinner-text {
  font-size: 1.1rem;
}
.spinner.spinner-small {
  width: 2rem;
}
.spinner.spinner-small .spinner-text {
  font-size: 0.5rem;
}
@-webkit-keyframes sp-colors {
  0% {
    stroke: #2196f3;
  }
  25% {
    stroke: #e92626;
  }
  50% {
    stroke: #61b399;
  }
  75% {
    stroke: #27e927;
  }
  to {
    stroke: #658fa3;
  }
}
@keyframes sp-colors {
  0% {
    stroke: #2196f3;
  }
  25% {
    stroke: #e92626;
  }
  50% {
    stroke: #61b399;
  }
  75% {
    stroke: #27e927;
  }
  to {
    stroke: #658fa3;
  }
}
@-webkit-keyframes sp-rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes sp-rotate {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sp-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes sp-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.progress {
  display: flex;
  height: 0.5rem;
  font-size: 0.5rem;
  width: 100%;
  background-color: var(--ax-loading-pbar-bg-color);
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.progress.progress-large {
  height: 0.75rem;
  font-size: 0.7rem;
}
.progress.progress-small {
  height: 0.25rem;
  font-size: 0.3rem;
}
.progress .progress-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 0.5s ease;
}
.progress.progress-indeterminate .progress-bar {
  -webkit-animation: pbar-indeterminate 1s infinite linear;
  animation: pbar-indeterminate 1s infinite linear;
  width: 100%;
  transform-origin: 0% 50%;
}
.progress.progress-indeterminate .progress-bar.progress-rainbow {
  -webkit-animation: pbar-indeterminate 1s infinite linear, pbar-colors 3s ease-in-out infinite;
  animation: pbar-indeterminate 1s infinite linear, pbar-colors 3s ease-in-out infinite;
}
@-webkit-keyframes pbar-indeterminate {
  0% {
    transform: translate(0) scaleX(0);
  }
  40% {
    transform: translate(0) scaleX(0.4);
  }
  to {
    transform: translate(100%) scaleX(0.5);
  }
}
@keyframes pbar-indeterminate {
  0% {
    transform: translate(0) scaleX(0);
  }
  40% {
    transform: translate(0) scaleX(0.4);
  }
  to {
    transform: translate(100%) scaleX(0.5);
  }
}
@-webkit-keyframes pbar-colors {
  0% {
    background-color: #2196f3;
  }
  25% {
    background-color: #e92626;
  }
  50% {
    background-color: #61b399;
  }
  75% {
    background-color: #27e927;
  }
  to {
    background-color: #658fa3;
  }
}
@keyframes pbar-colors {
  0% {
    background-color: #2196f3;
  }
  25% {
    background-color: #e92626;
  }
  50% {
    background-color: #61b399;
  }
  75% {
    background-color: #27e927;
  }
  to {
    background-color: #658fa3;
  }
}
.font-w100 {
  font-weight: 100 !important;
}
.font-w200 {
  font-weight: 200 !important;
}
.font-w300 {
  font-weight: 300 !important;
}
.font-w400 {
  font-weight: 400 !important;
}
.font-w500 {
  font-weight: 500 !important;
}
.font-w600 {
  font-weight: 600 !important;
}
.font-w700 {
  font-weight: 700 !important;
}
.font-w800 {
  font-weight: 800 !important;
}
.font-w900 {
  font-weight: 900 !important;
}
.font-s1 {
  font-size: 0.75rem !important;
}
.font-s2 {
  font-size: 1rem !important;
}
.font-s3 {
  font-size: 1.25rem !important;
}
.font-s4 {
  font-size: 1.5rem !important;
}
.font-s5 {
  font-size: 1.75rem !important;
}
.font-s6 {
  font-size: 2rem !important;
}
.font-s7 {
  font-size: 2.5rem !important;
}
.font-s8 {
  font-size: 3rem !important;
}
.font-s9 {
  font-size: 3.5rem !important;
}
.font-s10 {
  font-size: 4.25rem !important;
}
.font-s11 {
  font-size: 5rem !important;
}
.font-s12 {
  font-size: 6rem !important;
}
.shadow-0,
.light-shadow-0 {
  box-shadow: none !important;
}
.shadow-1 {
  box-shadow: 0 4px 8px #0000001a, 0 2px 5px 2px #0000000f;
}
.shadow-2 {
  box-shadow: 0 5px 8px #0000001a, 0 3px 8px 3px #0000001a;
}
.shadow-3 {
  box-shadow: 0 6px 8px #0000001a, 0 5px 12px 4px #00000026;
}
.shadow-4 {
  box-shadow: 0 7px 8px #0000001a, 0 7px 18px 6px #00000026;
}
.shadow-5 {
  box-shadow: 0 8px 9px #0000001f, 0 10px 25px 8px #00000026;
}
.light-shadow-1 {
  box-shadow: 0 6px 10px -5px #0000001a, 0 4px 6px -2px #0000000d;
}
.light-shadow-2 {
  box-shadow: 0 8px 12px -2px #0000001a, 0 4px 6px -2px #0000000d;
}
.light-shadow-3 {
  box-shadow: 0 10px 15px -1px #0000001a, 0 6px 8px #0000000d;
}
.light-shadow-4 {
  box-shadow: 0 15px 20px -1px #0000001c, 0 8px 10px #0000000f;
}
.light-shadow-5 {
  box-shadow: 0 20px 30px #0000001f, 0 10px 10px -2px #0000000f;
}
.hoverable-1:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hoverable-1:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 9px 8px #0000001a, 0 5px 8px 3px #0000001f !important;
  transform: translateY(-5px);
}
.hoverable-2:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hoverable-2:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 10px 8px #0000001a, 0 6px 8px 3px #00000029 !important;
  transform: translateY(-5px);
}
.hoverable-3:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hoverable-3:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 11px 8px #0000001a, 0 8px 12px 4px #0003 !important;
  transform: translateY(-5px);
}
.hoverable-4:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hoverable-4:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 12px 8px #0000001a, 0 16px 18px 6px #0003 !important;
  transform: translateY(-5px);
}
.hoverable-5:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hoverable-5:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 13px 9px #0000001f, 0 18px 25px 8px #0003 !important;
  transform: translateY(-5px);
}
.light-hoverable-1:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
}
.light-hoverable-1:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 11px 10px -5px #0000001a, 0 9px 6px -2px #0000000f !important;
  transform: translateY(-5px);
}
.light-hoverable-2:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
}
.light-hoverable-2:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 13px 12px -2px #0000001c, 0 9px 6px -7px #0000000f !important;
  transform: translateY(-5px);
}
.light-hoverable-3:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
}
.light-hoverable-3:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 15px 15px -1px #0000001c, 0 11px 8px #0000000f !important;
  transform: translateY(-5px);
}
.light-hoverable-4:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
}
.light-hoverable-4:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 20px 20px -1px #0000001f, 0 13px 10px #00000012 !important;
  transform: translateY(-5px);
}
.light-hoverable-5:not(.btn-press):not(.btn-outline) {
  transition-property: box-shadow, transform;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
}
.light-hoverable-5:not(.btn-press):not(.btn-outline):hover {
  box-shadow: 0 25px 30px -1px #00000021, 0 15px 10px -2px #00000012 !important;
  transform: translateY(-5px);
}
.dropshadow-0 {
  filter: none !important;
}
.dropshadow-1 {
  filter: drop-shadow(0 0.15rem 0.1rem #808080);
}
.dropshadow-2 {
  filter: drop-shadow(0 0.15rem 0.125rem #5f5f5f);
}
.dropshadow-3 {
  filter: drop-shadow(0 0.15rem 0.15rem #494949);
}
.dropshadow-4 {
  filter: drop-shadow(0 0.15rem 0.15rem #292929);
}
.dropshadow-5 {
  filter: drop-shadow(0 0.15rem 0.2rem #000000);
}
.textshadow-0 {
  text-shadow: none !important;
}
.textshadow-1 {
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.textshadow-2 {
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
.textshadow-3 {
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.5);
}
.textshadow-4 {
  text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
}
.hover-bg:hover:not(.sidenav):not(.collapsible):not(.navbar):not(.navbar-menu):not(.dropdown) {
  background-color: var(--ax-hover-background);
}
.hover-bg-dark {
  --ax-hover-background: var(--ax-hover-background-dark);
}
.hover-bg-dark:hover:not(.sidenav):not(.collapsible):not(.navbar):not(.navbar-menu):not(.dropdown) {
  background-color: var(--ax-hover-background-dark);
}
.hover-text:hover:not(.sidenav):not(.collapsible):not(.navbar):not(.navbar-menu):not(.dropdown) {
  color: var(--ax-hover-text-color);
}
.hover-text-dark:hover:not(.sidenav):not(.collapsible):not(.navbar):not(.navbar-menu):not(.dropdown) {
  color: var(--ax-hover-text-color-dark);
}
.w100 {
  width: 100% !important;
}
.h100 {
  height: 100% !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-inline-table {
  display: inline-table !important;
}
.fx-col {
  flex-direction: column !important;
}
.fx-col-reverse {
  flex-direction: column-reverse !important;
}
.fx-row {
  flex-direction: row !important;
}
.fx-row-reverse {
  flex-direction: row-reverse !important;
}
.fx-grow {
  flex-grow: 1 !important;
}
.fx-wrap {
  flex-wrap: wrap !important;
}
.fx-nowrap {
  flex-wrap: nowrap !important;
}
.fx-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.hide {
  display: none !important;
}
@media screen and (max-width: 599px) {
  .hide-xs {
    display: none !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .hide-sm {
    display: none !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .hide-md {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .hide-lg {
    display: none !important;
  }
}
@media screen and (min-width: 1920px) {
  .hide-xl {
    display: none !important;
  }
}
@media screen and (max-width: 959px) {
  .hide-sm-down {
    display: none !important;
  }
}
@media screen and (max-width: 1279px) {
  .hide-md-down {
    display: none !important;
  }
}
@media screen and (max-width: 1919px) {
  .hide-lg-down {
    display: none !important;
  }
}
@media screen and (min-width: 600px) {
  .hide-sm-up {
    display: none !important;
  }
}
@media screen and (min-width: 960px) {
  .hide-md-up {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .hide-lg-up {
    display: none !important;
  }
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
}
.center {
  justify-items: center !important;
}
.left {
  justify-items: start !important;
}
.right {
  justify-items: end !important;
}
.fx-center {
  justify-content: center !important;
}
.fx-right {
  justify-content: flex-end !important;
}
.fx-left {
  justify-content: flex-start !important;
}
.self-center {
  justify-self: center !important;
}
.self-left {
  justify-self: start !important;
}
.self-right {
  justify-self: end !important;
}
.vtop {
  align-items: start !important;
}
.vcenter {
  align-items: center !important;
}
.vbottom {
  align-items: end !important;
}
.vstretch {
  align-items: stretch !important;
}
.vself-top {
  align-self: start !important;
}
.vself-center {
  align-self: center !important;
}
.vself-bottom {
  align-self: end !important;
}
.vself-stretch {
  align-self: stretch !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.m-0 {
  margin: 0 !important;
}
.p-0 {
  padding: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.m-5 {
  margin: 2.5rem !important;
}
.p-5 {
  padding: 2.5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.mx-5 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.my-5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.px-5 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.py-5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.mx-auto,
.container {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.mt-5 {
  margin-top: 2.5rem !important;
}
.mr-5 {
  margin-right: 2.5rem !important;
}
.mb-5 {
  margin-bottom: 2.5rem !important;
}
.ml-5 {
  margin-left: 2.5rem !important;
}
.pt-5 {
  padding-top: 2.5rem !important;
}
.pr-5 {
  padding-right: 2.5rem !important;
}
.pb-5 {
  padding-bottom: 2.5rem !important;
}
.pl-5 {
  padding-left: 2.5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.bd-0 {
  border-width: 0 !important;
}
.bd-1 {
  border-width: 1px !important;
}
.bd-2 {
  border-width: 1.5px !important;
}
.bd-3 {
  border-width: 2px !important;
}
.bd-4 {
  border-width: 4px !important;
}
.bd-5 {
  border-width: 6px !important;
}
.bd-t-0 {
  border-top-width: 0 !important;
}
.bd-r-0 {
  border-right-width: 0 !important;
}
.bd-b-0 {
  border-bottom-width: 0 !important;
}
.bd-l-0 {
  border-left-width: 0 !important;
}
.bd-t-1 {
  border-top-width: 1px !important;
}
.bd-r-1 {
  border-right-width: 1px !important;
}
.bd-b-1 {
  border-bottom-width: 1px !important;
}
.bd-l-1 {
  border-left-width: 1px !important;
}
.bd-t-2 {
  border-top-width: 1.5px !important;
}
.bd-r-2 {
  border-right-width: 1.5px !important;
}
.bd-b-2 {
  border-bottom-width: 1.5px !important;
}
.bd-l-2 {
  border-left-width: 1.5px !important;
}
.bd-t-3 {
  border-top-width: 2px !important;
}
.bd-r-3 {
  border-right-width: 2px !important;
}
.bd-b-3 {
  border-bottom-width: 2px !important;
}
.bd-l-3 {
  border-left-width: 2px !important;
}
.bd-t-4 {
  border-top-width: 4px !important;
}
.bd-r-4 {
  border-right-width: 4px !important;
}
.bd-b-4 {
  border-bottom-width: 4px !important;
}
.bd-l-4 {
  border-left-width: 4px !important;
}
.bd-t-5 {
  border-top-width: 6px !important;
}
.bd-r-5 {
  border-right-width: 6px !important;
}
.bd-b-5 {
  border-bottom-width: 6px !important;
}
.bd-l-5 {
  border-left-width: 6px !important;
}
.bd-dashed {
  border-style: dashed !important;
}
.bd-dotted {
  border-style: dotted !important;
}
.bd-double {
  border-style: double !important;
}
.bd-groove {
  border-style: groove !important;
}
.bd-hidden {
  border-style: hidden !important;
}
.bd-none {
  border-style: none !important;
}
.bd-inset {
  border-style: inset !important;
}
.bd-outset {
  border-style: outset !important;
}
.bd-ridge {
  border-style: ridge !important;
}
.bd-solid {
  border-style: solid !important;
}
.bd-revert {
  border-style: revert !important;
}
.bd-t-dashed {
  border-top-style: dashed !important;
}
.bd-r-dashed {
  border-right-style: dashed !important;
}
.bd-b-dashed {
  border-bottom-style: dashed !important;
}
.bd-l-dashed {
  border-left-style: dashed !important;
}
.bd-t-dotted {
  border-top-style: dotted !important;
}
.bd-r-dotted {
  border-right-style: dotted !important;
}
.bd-b-dotted {
  border-bottom-style: dotted !important;
}
.bd-l-dotted {
  border-left-style: dotted !important;
}
.bd-t-double {
  border-top-style: double !important;
}
.bd-r-double {
  border-right-style: double !important;
}
.bd-b-double {
  border-bottom-style: double !important;
}
.bd-l-double {
  border-left-style: double !important;
}
.bd-t-groove {
  border-top-style: groove !important;
}
.bd-r-groove {
  border-right-style: groove !important;
}
.bd-b-groove {
  border-bottom-style: groove !important;
}
.bd-l-groove {
  border-left-style: groove !important;
}
.bd-t-hidden {
  border-top-style: hidden !important;
}
.bd-r-hidden {
  border-right-style: hidden !important;
}
.bd-b-hidden {
  border-bottom-style: hidden !important;
}
.bd-l-hidden {
  border-left-style: hidden !important;
}
.bd-t-none {
  border-top-style: none !important;
}
.bd-r-none {
  border-right-style: none !important;
}
.bd-b-none {
  border-bottom-style: none !important;
}
.bd-l-none {
  border-left-style: none !important;
}
.bd-t-inset {
  border-top-style: inset !important;
}
.bd-r-inset {
  border-right-style: inset !important;
}
.bd-b-inset {
  border-bottom-style: inset !important;
}
.bd-l-inset {
  border-left-style: inset !important;
}
.bd-t-outset {
  border-top-style: outset !important;
}
.bd-r-outset {
  border-right-style: outset !important;
}
.bd-b-outset {
  border-bottom-style: outset !important;
}
.bd-l-outset {
  border-left-style: outset !important;
}
.bd-t-ridge {
  border-top-style: ridge !important;
}
.bd-r-ridge {
  border-right-style: ridge !important;
}
.bd-b-ridge {
  border-bottom-style: ridge !important;
}
.bd-l-ridge {
  border-left-style: ridge !important;
}
.bd-t-solid {
  border-top-style: solid !important;
}
.bd-r-solid {
  border-right-style: solid !important;
}
.bd-b-solid {
  border-bottom-style: solid !important;
}
.bd-l-solid {
  border-left-style: solid !important;
}
.bd-t-revert {
  border-top-style: revert !important;
}
.bd-r-revert {
  border-right-style: revert !important;
}
.bd-b-revert {
  border-bottom-style: revert !important;
}
.bd-l-revert {
  border-left-style: revert !important;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.divider {
  width: 100%;
  border-bottom: solid;
  border-width: thin;
  border-color: #0000004d;
}
.blockquote {
  border-left: 5px solid #2196f3;
  margin: 0;
  padding: 1rem 2rem;
}
.container {
  width: 75%;
}
@media screen and (max-width: 959px) {
  .container {
    width: 85%;
  }
}
@media screen and (max-width: 599px) {
  .container {
    width: 90%;
  }
}
.rounded-0 {
  border-radius: 0;
}
.rounded-1 {
  border-radius: 5px;
}
.rounded-2 {
  border-radius: 10px;
}
.rounded-3 {
  border-radius: 20px;
}
.rounded-4 {
  border-radius: 30px;
}
.rounded-full {
  border-radius: 100%;
}
.rounded-tl0 {
  border-top-left-radius: 0;
}
.rounded-tr0 {
  border-top-right-radius: 0;
}
.rounded-bl0 {
  border-bottom-left-radius: 0;
}
.rounded-br0 {
  border-bottom-right-radius: 0;
}
.rounded-tl1 {
  border-top-left-radius: 5px;
}
.rounded-tr1 {
  border-top-right-radius: 5px;
}
.rounded-bl1 {
  border-bottom-left-radius: 5px;
}
.rounded-br1 {
  border-bottom-right-radius: 5px;
}
.rounded-tl2 {
  border-top-left-radius: 10px;
}
.rounded-tr2 {
  border-top-right-radius: 10px;
}
.rounded-bl2 {
  border-bottom-left-radius: 10px;
}
.rounded-br2 {
  border-bottom-right-radius: 10px;
}
.rounded-tl3 {
  border-top-left-radius: 20px;
}
.rounded-tr3 {
  border-top-right-radius: 20px;
}
.rounded-bl3 {
  border-bottom-left-radius: 20px;
}
.rounded-br3 {
  border-bottom-right-radius: 20px;
}
.rounded-tl4 {
  border-top-left-radius: 30px;
}
.rounded-tr4 {
  border-top-right-radius: 30px;
}
.rounded-bl4 {
  border-bottom-left-radius: 30px;
}
.rounded-br4 {
  border-bottom-right-radius: 30px;
}
.rounded-tlfull {
  border-top-left-radius: 100%;
}
.rounded-trfull {
  border-top-right-radius: 100%;
}
.rounded-blfull {
  border-bottom-left-radius: 100%;
}
.rounded-brfull {
  border-bottom-right-radius: 100%;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.absolute-pos {
  position: absolute !important;
}
.fixed-pos {
  position: fixed !important;
}
.relative-pos {
  position: relative !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-grab {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-zoom-in {
  cursor: zoom-in !important;
}
.cursor-zoom-out {
  cursor: zoom-out !important;
}
.cursor-none {
  cursor: none !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.overflow-initial {
  overflow: initial !important;
}
.overflow-x-initial {
  overflow-x: initial !important;
}
.overflow-y-initial {
  overflow-y: initial !important;
}
.overflow-inherit {
  overflow: inherit !important;
}
.overflow-x-inherit {
  overflow-x: inherit !important;
}
.overflow-y-inherit {
  overflow-y: inherit !important;
}
.lh-normal {
  line-height: normal !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-2 {
  line-height: 1.25 !important;
}
.lh-3 {
  line-height: 1.375 !important;
}
.lh-4 {
  line-height: 1.5 !important;
}
.lh-5 {
  line-height: 1.625 !important;
}
.lh-6 {
  line-height: 2 !important;
}
.lh-rem-1 {
  line-height: 1rem !important;
}
.lh-rem-2 {
  line-height: 1.25rem !important;
}
.lh-rem-3 {
  line-height: 1.5rem !important;
}
.lh-rem-4 {
  line-height: 1.75rem !important;
}
.lh-rem-5 {
  line-height: 2rem !important;
}
.z-index-0 {
  z-index: 0 !important;
}
.z-index-1 {
  z-index: 1 !important;
}
.z-index-2 {
  z-index: 2 !important;
}
.z-index-3 {
  z-index: 3 !important;
}
.z-index-4 {
  z-index: 4 !important;
}
.z-index-5 {
  z-index: 5 !important;
}
.z-index-6 {
  z-index: 6 !important;
}
.z-index-7 {
  z-index: 7 !important;
}
.z-index-8 {
  z-index: 8 !important;
}
.z-index-9 {
  z-index: 9 !important;
}
.z-index-10 {
  z-index: 10 !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-10 {
  opacity: 0.1 !important;
}
.opacity-20 {
  opacity: 0.2 !important;
}
.opacity-30 {
  opacity: 0.3 !important;
}
.opacity-40 {
  opacity: 0.4 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-60 {
  opacity: 0.6 !important;
}
.opacity-70 {
  opacity: 0.7 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
.opacity-90 {
  opacity: 0.9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.responsive-media {
  max-width: 100%;
  height: auto;
}
.glassmorphism {
  background-color: var(--ax-glass-background);
  -webkit-backdrop-filter: blur(var(--ax-glass-blur));
  backdrop-filter: blur(var(--ax-glass-blur));
  border-radius: 16px;
}
.claymorphism {
  background-color: var(--ax-clay-background);
  -webkit-backdrop-filter: blur(var(--ax-clay-blur));
  backdrop-filter: blur(var(--ax-clay-blur));
  border-radius: 24px;
  box-shadow: var(--ax-clay-shadow);
}
.claymorphism.glassmorphism {
  background-color: var(--ax-glass-background);
}
.caroulix {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
  align-items: center;
  transition-property: none;
  touch-action: pan-y;
}
.caroulix .caroulix-item {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transition-property: transform;
  transition-duration: inherit;
  transition-timing-function: ease-out;
}
.caroulix .caroulix-item.active {
  transform: translate(0);
}
.caroulix .caroulix-item img {
  width: 100%;
}
.caroulix .caroulix-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000bf;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  z-index: 50;
  cursor: pointer;
  transition: box-shadow 0.2s ease;
}
@media screen and (max-width: 599px) {
  .caroulix .caroulix-arrow {
    width: 2rem;
    height: 2rem;
    font-size: 0.8rem;
  }
}
.caroulix .caroulix-arrow:hover {
  box-shadow: 0 5px 8px #0000001a, 0 3px 8px 3px #0000001a;
}
.caroulix .caroulix-arrow.caroulix-prev {
  left: 0.75rem;
}
.caroulix .caroulix-arrow.caroulix-next {
  right: 0.75rem;
}
.caroulix .caroulix-indicators {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 1.5rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.caroulix .caroulix-indicators li {
  background-color: #fff;
  border-radius: 50%;
  margin: 0 0.5rem;
  height: 1rem;
  width: 1rem;
  opacity: 0.75;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.caroulix .caroulix-indicators li:hover,
.caroulix .caroulix-indicators li.active {
  opacity: 1;
}
.caroulix .caroulix-indicators.caroulix-flat li {
  border-radius: unset;
  border-bottom: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  width: 1.75rem;
  height: 1.25rem;
  background-clip: padding-box;
}
@media screen and (max-width: 599px) {
  .caroulix .caroulix-indicators {
    bottom: 0.75rem;
  }
  .caroulix .caroulix-indicators li {
    height: 0.75rem;
    width: 0.75rem;
  }
  .caroulix .caroulix-indicators.caroulix-flat {
    bottom: 0.5rem;
  }
}
.collapsible {
  display: none;
  max-height: 0;
  transition: max-height ease;
}
.sidenav .collapsible {
  flex-shrink: 0;
}
.sidenav .collapsible a {
  padding-left: 1.75rem;
}
.sidenav .collapsible .sidenav-link:hover,
.sidenav .collapsible .sidenav-link.active {
  background-color: var(--ax-hover-collapsible-background);
}
.sidenav .collapsible.hover-bg-dark,
.sidenav .collapsible .hover-bg-dark {
  --ax-hover-collapsible-background: var(--ax-hover-collapsible-background-dark);
}
.sidenav {
  z-index: var(--ax-sidenav-z-index);
  width: var(--ax-sidenav-width);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  transform: translate(-105%);
  transition: transform ease;
  overflow: hidden;
}
.sidenav .btn {
  flex-shrink: 0;
}
.sidenav.sidenav-right {
  left: initial;
  right: 0;
  transform: translate(105%);
}
.sidenav.active {
  transform: translate(0);
  overflow-y: auto;
}
@media screen and (min-width: 960px) {
  .sidenav.sidenav-fixed {
    transform: none;
  }
}
.sidenav:hover {
  overflow-y: auto;
}
@media (hover: none) {
  .sidenav {
    overflow-y: auto;
  }
}
.sidenav .sidenav-header {
  min-height: var(--ax-sidenav-header-height);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 0.5rem;
  position: relative;
  flex-shrink: 0;
}
.sidenav .sidenav-header .sidenav-logo {
  height: var(--ax-sidenav-logo-height);
}
.sidenav .sidenav-link {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 0 0.75rem;
  transition: background-color 0.23s ease;
  line-height: 3rem;
  flex-shrink: 0;
  cursor: pointer;
}
.sidenav .sidenav-link:hover,
.sidenav .sidenav-link.active {
  background-color: var(--ax-hover-background);
}
.sidenav .sidenav-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.5rem;
  margin-top: auto;
  flex-shrink: 0;
}
.sidenav.hover-text.sidenav-link,
.sidenav.hover-text .sidenav-link,
.sidenav .hover-text.sidenav-link,
.sidenav .hover-text .sidenav-link,
.sidenav.hover-text-dark.sidenav-link,
.sidenav.hover-text-dark .sidenav-link,
.sidenav .hover-text-dark.sidenav-link,
.sidenav .hover-text-dark .sidenav-link {
  transition: color 0.3s ease;
}
.sidenav.hover-text.sidenav-link:hover,
.sidenav.hover-text.sidenav-link.active,
.sidenav.hover-text .sidenav-link:hover,
.sidenav.hover-text .sidenav-link.active,
.sidenav .hover-text.sidenav-link:hover,
.sidenav .hover-text.sidenav-link.active,
.sidenav .hover-text .sidenav-link:hover,
.sidenav .hover-text .sidenav-link.active,
.sidenav.hover-text-dark.sidenav-link:hover,
.sidenav.hover-text-dark.sidenav-link.active,
.sidenav.hover-text-dark .sidenav-link:hover,
.sidenav.hover-text-dark .sidenav-link.active,
.sidenav .hover-text-dark.sidenav-link:hover,
.sidenav .hover-text-dark.sidenav-link.active,
.sidenav .hover-text-dark .sidenav-link:hover,
.sidenav .hover-text-dark .sidenav-link.active {
  background-color: inherit !important;
}
.sidenav.hover-text.sidenav-link:hover,
.sidenav.hover-text.sidenav-link.active,
.sidenav.hover-text .sidenav-link:hover,
.sidenav.hover-text .sidenav-link.active,
.sidenav .hover-text.sidenav-link:hover,
.sidenav .hover-text.sidenav-link.active,
.sidenav .hover-text .sidenav-link:hover,
.sidenav .hover-text .sidenav-link.active {
  color: var(--ax-hover-text-color);
}
.sidenav.hover-text-dark.sidenav-link:hover,
.sidenav.hover-text-dark.sidenav-link.active,
.sidenav.hover-text-dark .sidenav-link:hover,
.sidenav.hover-text-dark .sidenav-link.active,
.sidenav .hover-text-dark.sidenav-link:hover,
.sidenav .hover-text-dark.sidenav-link.active,
.sidenav .hover-text-dark .sidenav-link:hover,
.sidenav .hover-text-dark .sidenav-link.active {
  color: var(--ax-hover-text-color-dark);
}
.sidenav .dropdown {
  z-index: var(--ax-dropdown-z-index-sidenav);
}
.dropdown {
  position: relative;
  display: inline-block;
  z-index: var(--ax-dropdown-z-index);
}
.dropdown.dropdown-vp .dropdown-content {
  overflow-y: auto;
}
.dropdown .dropdown-content {
  position: absolute;
  left: 0;
  display: none;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown .dropdown-content.dropdown-right {
  right: 0;
  left: unset;
}
.dropdown .dropdown-content.dropdown-constrain-width {
  right: 0;
  left: 0;
  word-break: break-word;
  white-space: normal;
}
.dropdown .dropdown-content .dropdown-item {
  color: inherit;
  padding: 1rem 1.25rem;
  transition: background-color 0.2s ease;
}
.dropdown .dropdown-content .dropdown-item:hover,
.dropdown .dropdown-content .dropdown-item.active {
  background-color: var(--ax-hover-background);
}
.dropdown.active-hover:hover .dropdown-content {
  display: flex;
}
.dropdown.dropdown-anim-fade .dropdown-content {
  transition-timing-function: ease-in-out;
  transition-property: opacity;
  transition-duration: inherit;
  opacity: 0;
}
.dropdown.dropdown-anim-fade.active .dropdown-content {
  opacity: 1;
}
.fab:not(i) {
  position: fixed;
  z-index: var(--ax-fab-z-index);
}
.fab:not(i) .fab-menu {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
  align-items: center;
  transition-property: visibility;
  transition-duration: inherit;
  transition-timing-function: ease-in-out;
}
.fab:not(i) .fab-menu .fab-item {
  opacity: 0;
  transform: scale(0);
  transition-property: opacity, transform;
  transition-duration: inherit;
  transition-timing-function: inherit;
}
.fab:not(i).active .fab-menu {
  visibility: visible;
}
.fab:not(i).active .fab-item {
  opacity: 1;
  transform: scale(1);
}
.fab:not(i).fab-dir-x .fab-menu {
  flex-direction: row;
  left: unset;
  right: unset;
  top: 0;
  bottom: 0;
}
.lightbox {
  display: block;
  will-change: top, left, width, height, filter, position;
  transition-timing-function: ease;
  transition-property: top, left, width, height, filter, position;
  cursor: zoom-in;
  transform: translate(0);
}
.lightbox:hover {
  filter: brightness(110%);
}
.lightbox.active {
  position: absolute;
  cursor: zoom-out;
  z-index: 1000;
}
.lightbox-overlay {
  position: fixed;
  transition-timing-function: ease;
  transition-property: opacity, background-color;
  opacity: 0;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lightbox-overlay .lightbox-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  width: 50vw;
  transition-timing-function: ease-in-out;
  transition-property: transform, opacity;
  transform: scale(0);
  opacity: 0;
  top: var(--ax-modal-top);
  max-height: var(--ax-modal-max-height);
  overflow: auto;
  will-change: transform, opacity;
}
.modal.active {
  transform: scale(1);
  opacity: 1;
}
@media screen and (max-width: 959px) {
  .modal {
    width: 80vw;
  }
}
.modal .modal-header {
  padding: 0.75rem;
  font-size: 1.5rem;
}
.modal .modal-content,
.modal .modal-footer {
  padding: 0.75rem;
}
.modal.modal-falling {
  top: -20%;
  will-change: opacity, top;
  transition-property: top, opacity;
  transform: none;
}
.modal.modal-falling.active {
  top: var(--ax-modal-top);
}
.modal.modal-bouncing {
  -webkit-animation: bouncing;
  animation: bouncing;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
@-webkit-keyframes bouncing {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
  75% {
    transform: scale(0.95);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes bouncing {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
  75% {
    transform: scale(0.95);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.tab {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 100vw;
}
.tab .tab-menu {
  position: relative;
  display: flex;
  flex-direction: row;
  transition-duration: inherit;
  align-items: center;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.tab .tab-menu .tab-link {
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.tab .tab-menu .tab-link a {
  display: block;
  text-overflow: ellipsis;
  padding: 1rem 1.25rem;
}
.tab .tab-menu:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--ax-tab-bar-left-offset);
  right: var(--ax-tab-bar-right-offset);
  border-bottom: var(--ax-tab-bar-border);
  transition-property: left, right;
  transition-timing-function: ease;
  transition-duration: inherit;
}
.tab.tab-full-width .tab-menu .tab-link {
  width: 100%;
}
.tab .tab-arrow {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  transition-duration: inherit;
}
.tab .tab-arrow .tab-menu {
  overflow: hidden;
}
.tab .tab-arrow .tab-prev,
.tab .tab-arrow .tab-next {
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 10;
  display: none;
}
.tab .tab-arrow .tab-prev {
  left: 0;
}
.tab .tab-arrow .tab-next {
  right: 0;
}
.tab .tab-arrow.tab-arrow-show .tab-prev,
.tab .tab-arrow.tab-arrow-show .tab-next {
  display: flex;
}
.toaster {
  position: fixed;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  top: 0;
  z-index: var(--ax-toaster-z-index);
  max-width: 50%;
}
.toaster.toast-bottom {
  flex-direction: column-reverse;
  top: unset;
  bottom: 0;
}
.toaster.toast-bottom .toast {
  margin-bottom: 5rem;
}
.toaster.toast-bottom .toast.toast-animated {
  margin-bottom: 1rem;
}
.toaster.toaster-left {
  align-items: flex-start;
}
.toaster.toaster-right {
  align-items: flex-end;
}
@media screen and (max-width: 959px) {
  .toaster {
    width: var(--ax-toaster-m-width);
    left: 50% !important;
    transform: translate(-50%);
    max-width: unset;
  }
  .toaster.toaster-m-bottom {
    flex-direction: column-reverse;
    top: unset;
    bottom: var(--ax-toaster-m-offset);
    align-items: unset;
  }
  .toaster.toaster-m-bottom .toast {
    margin-top: 0;
    margin-bottom: 5rem;
  }
  .toaster.toaster-m-bottom .toast.toast-animated {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
  .toaster.toaster-m-top {
    flex-direction: column;
    bottom: unset;
    top: var(--ax-toaster-m-offset) !important;
    align-items: unset;
  }
  .toaster.toaster-m-top .toast {
    margin-top: 5rem;
    margin-bottom: 0;
  }
  .toaster.toaster-m-top .toast.toast-animated {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
.toaster .toast {
  display: flex;
  position: relative;
  pointer-events: auto;
  align-items: center;
  justify-items: center;
  padding: 1rem;
  margin-top: 5rem;
  transition-property: height, margin, opacity, padding, transform, box-shadow;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0.2;
  overflow: hidden;
}
.toaster .toast.toast-loading:after {
  content: "";
  position: absolute;
  transition-duration: var(--ax-toast-loading-duration);
  transition-property: width;
  transition-timing-function: ease;
  border-bottom: var(--ax-toast-loading-border);
  width: 0%;
  left: 0;
  bottom: 0;
}
.toaster .toast.toast-loading.toast-load:after {
  width: 100%;
}
.toaster .toast .toast-trigger {
  margin-left: auto;
  padding-left: 0.5rem;
  display: flex;
  align-self: flex-start;
  cursor: pointer;
}
.toaster .toast.toast-animated {
  margin-top: 1rem;
  opacity: 1;
}
.tooltip {
  position: absolute;
  display: block;
  pointer-events: none;
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: ease;
  z-index: var(--ax-tooltip-z-index);
}
@-webkit-keyframes waves {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes waves {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
[data-waves] {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.data-waves-box {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.data-waves-item-inner {
  position: absolute;
  overflow: hidden;
  display: block;
  pointer-events: none;
}
.data-waves-item {
  position: absolute;
  display: block;
  background-color: var(--ax-waves-color);
  -webkit-animation: waves 0.78s ease-out forwards;
  animation: waves 0.78s ease-out forwards;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.form-field {
  margin: 0.25rem 0 0.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.form-field label {
  display: block;
  font-weight: 500;
  margin-bottom: 0.5rem;
  word-break: normal;
}
.form-field.form-inline {
  flex-direction: row;
  align-items: center;
}
.form-field.form-inline label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.form-field [class*="form-helper"] {
  font-size: var(--ax-form-helper-size);
  color: #747474;
  margin-top: 0.5rem;
  display: block;
}
.form-field .form-helper-valid,
.form-field .form-helper-invalid {
  display: none;
}
.form-field .form-helper-valid {
  color: var(--ax-form-valid-color);
}
.form-field .form-helper-invalid {
  color: var(--ax-form-invalid-color);
}
.form-field.form-valid:not(.form-no-helper) .form-helper,
.form-field.form-invalid:not(.form-no-helper) .form-helper {
  display: none;
}
.form-field.form-valid {
  --ax-form-material-color: var(--ax-form-valid-color);
}
.form-field.form-valid .form-helper-valid {
  display: block;
}
.form-field.form-invalid {
  --ax-form-material-color: var(--ax-form-invalid-color);
  --ax-form-material-label-color: var(--ax-form-invalid-color);
  --ax-form-material-border: var(--ax-form-material-active-border-width) var(--ax-form-material-active-border-style)
    var(--ax-form-invalid-color);
}
.form-field.form-invalid .form-helper-invalid {
  display: block;
}
.form-control {
  position: relative;
  display: inline-flex;
  border: var(--ax-form-control-border);
  padding: 0.5rem 0.75rem;
  transition: border 0.2s ease, box-shadow 0.3s ease;
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.3;
  color: inherit;
  background-color: inherit;
}
.form-control:focus {
  outline: 0;
  border-color: transparent !important;
  box-shadow: 0 4px 8px #0000001a, 0 2px 5px 2px #0000000f;
}
.form-control[disabled],
.form-control[readonly] {
  background-color: var(--ax-form-disabled-bg-color) !important;
  color: var(--ax-form-disabled-color) !important;
  border-color: var(--ax-form-disabled-bg-color);
}
.form-group {
  display: flex;
  flex-wrap: wrap;
}
.form-group .form-group-item {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
}
.form-group .form-control {
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
}
.form-group .form-group-item:first-child,
.form-group .form-control:first-child {
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
}
.form-group .form-group-item:last-child,
.form-group .form-control:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.form-material:not(.form-material-bordered) .form-field:not(.form-default) .form-control {
  border-radius: 0;
}
.form-material .form-field:not(.form-default) {
  padding-top: 0.75rem;
  align-self: start;
}
.form-material .form-field:not(.form-default) label {
  font-weight: 400;
  margin: 0;
  position: absolute;
  top: 1.4rem;
  left: 0;
  pointer-events: none;
  transition-property: top, color, font-size;
  transition-timing-function: ease;
  transition-duration: var(--ax-form-material-transition-duration);
  font-size: 1rem;
  z-index: 2;
  color: var(--ax-form-material-label-color);
}
.form-material .form-field:not(.form-default) .form-control {
  border: none;
  border-bottom: var(--ax-form-material-border) !important;
  padding: 0;
  background-color: transparent;
}
.form-material .form-field:not(.form-default) .form-control:focus {
  box-shadow: none;
}
.form-material .form-field:not(.form-default) .form-control[disabled],
.form-material .form-field:not(.form-default) .form-control[readonly] {
  background: transparent !important;
  color: var(--ax-form-disabled-color) !important;
  border-bottom: var(--ax-form-material-disabled-border) !important;
}
.form-material .form-field:not(.form-default) .form-control[disabled] + label,
.form-material .form-field:not(.form-default) .form-control[readonly] + label {
  color: var(--ax-form-disabled-color);
}
.form-material .form-field:not(.form-default):after {
  content: "";
  position: absolute;
  top: var(--ax-form-material-position);
  left: var(--ax-form-material-left-offset);
  width: 0;
  border-bottom: var(--ax-form-material-active-border-width) var(--ax-form-material-active-border-style) var(--ax-form-material-color);
  transition: width var(--ax-form-material-transition-duration) ease;
  z-index: var(--ax-form-material-after-z-index);
}
.form-material .form-field:not(.form-default).form-rtl:after {
  left: unset;
  right: var(--form-material-right-offset);
}
.form-material .form-field:not(.form-default).active label {
  top: 0.1rem;
  font-size: 0.8rem;
}
.form-material .form-field:not(.form-default).active.is-focused label {
  color: var(--ax-form-material-color);
}
.form-material .form-field:not(.form-default).active.is-focused:after {
  width: var(--ax-form-material-width);
}
.form-material .form-field:not(.form-default).active .form-control[disabled] + label,
.form-material .form-field:not(.form-default).active .form-control[readonly] + label {
  color: var(--ax-form-disabled-color);
}
.form-material.form-material-bordered .form-field:not(.form-default).is-focused label,
.form-material.form-material-bordered .form-field:not(.form-default).active label {
  margin-top: 0.15rem;
}
.form-material.form-material-bordered .form-field:not(.form-default).is-focused .form-control {
  border-color: var(--ax-form-material-color) !important;
}
.form-material.form-material-bordered .form-field:not(.form-default) label {
  transition-property: top, color, font-size, margin-top;
  padding: 0 0.25rem;
  margin-left: 0.5rem;
}
.form-material.form-material-bordered .form-field:not(.form-default) .form-control {
  border: var(--ax-form-material-border) !important;
  padding-left: 0.75rem;
}
.form-material.form-material-bordered .form-field:not(.form-default) .form-control[disabled],
.form-material.form-material-bordered .form-field:not(.form-default) .form-control[readonly] {
  border: var(--ax-form-material-disabled-border) !important;
}
.form-material.form-material-bordered .form-field:not(.form-default):after {
  content: none;
}
.form-check span {
  cursor: pointer;
  display: inline;
}
.form-check input {
  cursor: pointer;
}
.form-check input:disabled {
  cursor: default;
}
.form-check input:disabled + span {
  color: var(--ax-form-check-disabled-color) !important;
  cursor: default;
}
.form-field.inline .form-check {
  margin-left: 0;
}
.form-field .form-check {
  font-weight: initial;
  margin-bottom: 0;
  display: inline;
  align-self: flex-start;
}
.form-material .form-field:not(.form-default) .form-check {
  position: initial;
  pointer-events: auto;
  color: inherit;
}
.form-material .form-field:not(.form-default) .form-check input {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.form-material .form-field:not(.form-default) .form-check input + span {
  position: relative;
  padding-left: 1.25rem;
}
.form-material .form-field:not(.form-default) .form-check input + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.form-material .form-field:not(.form-default) .form-check input + span:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
}
.form-material .form-field:not(.form-default) .form-check input:disabled + span:before {
  border-color: var(--ax-form-check-disabled-color) !important;
}
.form-material .form-field:not(.form-default) .form-check input[type="checkbox"]:checked:disabled + span:before {
  background-color: var(--ax-form-check-disabled-color) !important;
}
.form-material .form-field:not(.form-default) .form-check input[type="radio"]:disabled + span:after {
  background-color: var(--ax-form-check-disabled-color) !important;
}
.form-material .form-field:not(.form-default) .form-check input[type="checkbox"] + span:before {
  border: var(--ax-form-material-color) solid 2px;
  border-radius: 2px;
  transition: background-color 0.2s ease;
}
.form-material .form-field:not(.form-default) .form-check input[type="checkbox"] + span:after {
  width: 0.65rem;
  height: 0.4rem;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, -60%) rotate(-45deg);
  transition: border-color 0.16s ease;
}
.form-material .form-field:not(.form-default) .form-check input[type="checkbox"]:checked + span:after,
.form-material .form-field:not(.form-default) .form-check input[type="checkbox"]:indeterminate + span:after {
  border-color: #fff;
}
.form-material .form-field:not(.form-default) .form-check input[type="checkbox"]:checked + span:before,
.form-material .form-field:not(.form-default) .form-check input[type="checkbox"]:indeterminate + span:before {
  background-color: var(--ax-form-material-color);
}
.form-material .form-field:not(.form-default) .form-check input[type="checkbox"]:indeterminate + span:after {
  border-left: none;
  transform: translate(4px, 3px);
  width: 0.52rem;
}
.form-material .form-field:not(.form-default) .form-check input[type="radio"] + span:before {
  border: var(--ax-form-material-color) solid 2px;
  border-radius: 100%;
}
.form-material .form-field:not(.form-default) .form-check input[type="radio"] + span:after {
  width: 1rem;
  height: 1rem;
  background-color: var(--ax-form-material-color);
  transform: scale(0) translateY(-100%);
  transition: transform 0.2s ease;
  border-radius: 100%;
}
.form-material .form-field:not(.form-default) .form-check input[type="radio"] + span.full:after {
  transform: scale(0) translateY(-50%);
}
.form-material .form-field:not(.form-default) .form-check input[type="radio"]:checked + span:after {
  transform: scale(0.5) translateY(-100%);
}
.form-material .form-field:not(.form-default) .form-check input[type="radio"]:checked + span.full:after {
  transform: scale(1) translateY(-50%);
}
select.form-control {
  cursor: pointer;
  padding: 0.3rem 0.75rem;
}
select.form-control[disabled] {
  cursor: default;
}
select.form-control[multiple] {
  height: auto;
  padding: 0;
}
@media (pointer: coarse) {
  select.form-control[multiple] {
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
  }
}
select.form-control[multiple] option {
  padding: 0.5rem 0.75rem;
}
.form-material .form-field:not(.form-default) .form-control:not([multiple]) {
  background-position: right -0.25rem center;
}
select.form-control:not([multiple]),
.form-custom-select .form-control {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20aria-hidden%3D'true'%20focusable%3D'false'%20width%3D'1.5rem'%20height%3D'1.5rem'%20style%3D'-ms-transform%3A%20rotate(360deg)%3B%20-webkit-transform%3A%20rotate(360deg)%3B%20transform%3A%20rotate(360deg)%3B'%20preserveAspectRatio%3D'xMidYMid%20meet'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M8.12%209.29L12%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'%20fill%3D'%23626262'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-origin: content-box;
  background-position: right -0.75rem center;
}
.form-custom-select {
  width: 100%;
}
.form-custom-select .form-control {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  white-space: nowrap;
  overflow-x: hidden;
  background-position: right 0 center !important;
  cursor: pointer;
}
.form-custom-select label {
  margin-left: 0 !important;
  color: inherit !important;
}
.form-custom-select .dropdown {
  width: 100%;
}
.form-custom-select .dropdown label {
  font-size: inherit !important;
  transition: none !important;
}
.form-custom-select .dropdown .dropdown-content {
  overflow-y: auto;
  margin-top: var(--ax-form-material-active-border-width);
}
.form-custom-select .dropdown .dropdown-content .dropdown-item {
  position: relative;
  cursor: pointer;
  background-color: inherit !important;
  transition: color 0.2s ease;
  will-change: color;
}
.form-custom-select .dropdown .dropdown-content .dropdown-item:before {
  content: "";
  position: absolute;
  background-color: currentColor;
  opacity: 0;
  pointer-events: none;
  inset: 0;
  transition: opacity 0.2s ease;
  will-change: opacity;
}
.form-custom-select .dropdown .dropdown-content .dropdown-item.form-selected {
  color: var(--ax-form-material-color);
}
.form-custom-select .dropdown .dropdown-content .dropdown-item.form-disabled {
  color: #0000004d;
  cursor: default;
  pointer-events: none;
}
.form-custom-select .dropdown .dropdown-content .dropdown-item.form-disabled:before {
  opacity: 0.1;
}
.form-custom-select .dropdown .dropdown-content .dropdown-item:hover:before,
.form-custom-select .dropdown .dropdown-content .dropdown-item.form-selected:before,
.form-custom-select .dropdown .dropdown-content .dropdown-item:focus:before {
  opacity: 0.12;
}
.form-custom-select .dropdown .form-check input {
  margin-right: 0.2rem;
}
.form-material.form-material-bordered .form-field.is-focused:not(.active) .form-custom-select + label {
  margin-top: 0 !important;
}
textarea.form-control {
  width: 100%;
  resize: vertical;
}
textarea.form-control:not([rows]) {
  min-height: 6rem;
  max-height: 30rem;
}
textarea.form-control[rows] {
  height: initial;
}
.form-material .form-field:not(.form-default) textarea.form-control {
  margin-top: 0.75rem;
  transition: var(--ax-form-material-transition-duration) ease border;
}
.form-material .form-field:not(.form-default).active textarea.form-control[disabled] + label,
.form-material .form-field:not(.form-default).active textarea.form-control[readonly] + label {
  color: var(--ax-form-disabled-color);
}
.form-material .form-field:not(.form-default).active.is-textarea-focused label {
  color: var(--ax-form-material-color);
}
.form-material .form-field:not(.form-default).active.is-textarea-focused textarea.form-control {
  border-bottom: var(--ax-form-material-active-border-width) var(--ax-form-material-active-border-style) var(--ax-form-material-color) !important;
}
.form-material.form-material-bordered .form-field:not(.form-default) textarea.form-control {
  margin-top: 0;
  padding-top: 0.5rem;
}
.form-material.form-material-bordered .form-field:not(.form-default).is-textarea-focused textarea.form-control {
  border: var(--ax-form-material-active-border-width) var(--ax-form-material-active-border-style) var(--ax-form-material-color) !important;
  border-color: var(--ax-form-material-color) !important;
}
.form-switch {
  position: relative;
  pointer-events: auto;
  color: inherit;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.form-switch input {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.form-switch .form-slider {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 3rem;
  height: 1.75rem;
  background-color: var(--ax-form-switch-color);
  transition: background-color var(--ax-form-switch-transition-duration) ease;
  border-radius: 1rem;
  margin: 0 0.5rem;
}
.form-switch .form-slider:before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  left: 0.25rem;
  top: 0.25rem;
  border-radius: 50%;
  background-color: var(--ax-form-switch-btn-color);
  transition: left var(--ax-form-switch-transition-duration) ease;
  box-shadow: 0 0 1px #00000080;
}
.form-switch .form-slider.form-slider-small {
  width: 2.5rem;
  height: 1.5rem;
}
.form-switch .form-slider.form-slider-small:before {
  width: 1rem;
  height: 1rem;
}
.form-switch .form-slider.form-slider-large {
  width: 3.5rem;
  height: 2rem;
}
.form-switch .form-slider.form-slider-large:before {
  width: 1.5rem;
  height: 1.5rem;
}
.form-switch .form-slider.form-slider-thin {
  height: 0.75rem;
  margin: 0.375rem 0.5rem;
}
.form-switch .form-slider.form-slider-thin:before {
  top: -0.25rem;
  left: -0.25rem;
  box-shadow: 0 0 2px #000000bf;
}
.form-switch .form-slider.form-slider-thin.form-slider-small {
  height: 0.5rem;
}
.form-switch .form-slider.form-slider-thin.form-slider-large {
  height: 1rem;
}
.form-switch input:checked + .form-slider {
  background-color: var(--ax-form-switch-active-color);
}
.form-switch input:checked + .form-slider:before {
  left: 50%;
}
.form-switch input:checked + .form-slider.form-slider-thin:before {
  left: 60%;
}
.form-switch input:disabled + .form-slider {
  background-color: var(--ax-form-disabled-bg-color);
  cursor: default;
}
.form-field .form-switch {
  font-weight: initial;
  margin-bottom: 0;
  display: inline-flex;
  align-self: flex-start;
}
.form-file {
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
  padding-top: 0.75rem;
  margin: 0.25rem 0 0.5rem;
}
.form-file label {
  z-index: 2;
  flex-shrink: 0;
}
.form-file input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.form-file .form-file-path {
  width: 100%;
  border-bottom: var(--ax-form-material-border);
  margin: auto 0 0.25rem 0.5rem;
  height: 1.75rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cyan.dark-5 {
  background-color: #07363c;
  color: #fff;
}
.text-cyan.text-dark-5 {
  color: #07363c !important;
}
.bd-cyan.bd-dark-5 {
  border-color: #07363c !important;
}
.cyan.dark-4 {
  background-color: #0b5761;
  color: #fff;
}
.text-cyan.text-dark-4 {
  color: #0b5761 !important;
}
.bd-cyan.bd-dark-4 {
  border-color: #0b5761 !important;
}
.cyan.dark-3 {
  background-color: #0f7886;
  color: #fff;
}
.text-cyan.text-dark-3 {
  color: #0f7886 !important;
}
.bd-cyan.bd-dark-3 {
  border-color: #0f7886 !important;
}
.cyan.dark-2 {
  background-color: #1399aa;
  color: #fff;
}
.text-cyan.text-dark-2 {
  color: #1399aa !important;
}
.bd-cyan.bd-dark-2 {
  border-color: #1399aa !important;
}
.cyan.dark-1 {
  background-color: #17bacf;
  color: #000;
}
.text-cyan.text-dark-1 {
  color: #17bacf !important;
}
.bd-cyan.bd-dark-1 {
  border-color: #17bacf !important;
}
.cyan {
  background-color: #28d1e7;
  color: #000;
}
.text-cyan {
  color: #28d1e7 !important;
}
.bd-cyan {
  border-color: #28d1e7 !important;
}
.cyan.light-1 {
  background-color: #4dd9eb;
  color: #000;
}
.text-cyan.text-light-1 {
  color: #4dd9eb !important;
}
.bd-cyan.bd-light-1 {
  border-color: #4dd9eb !important;
}
.cyan.light-2 {
  background-color: #71e1ef;
  color: #000;
}
.text-cyan.text-light-2 {
  color: #71e1ef !important;
}
.bd-cyan.bd-light-2 {
  border-color: #71e1ef !important;
}
.cyan.light-3 {
  background-color: #96e9f3;
  color: #000;
}
.text-cyan.text-light-3 {
  color: #96e9f3 !important;
}
.bd-cyan.bd-light-3 {
  border-color: #96e9f3 !important;
}
.cyan.light-4 {
  background-color: #bbf0f7;
  color: #000;
}
.text-cyan.text-light-4 {
  color: #bbf0f7 !important;
}
.bd-cyan.bd-light-4 {
  border-color: #bbf0f7 !important;
}
.yellow.dark-5 {
  background-color: #585007;
  color: #fff;
}
.text-yellow.text-dark-5 {
  color: #585007 !important;
}
.bd-yellow.bd-dark-5 {
  border-color: #585007 !important;
}
.yellow.dark-4 {
  background-color: #7e730a;
  color: #fff;
}
.text-yellow.text-dark-4 {
  color: #7e730a !important;
}
.bd-yellow.bd-dark-4 {
  border-color: #7e730a !important;
}
.yellow.dark-3 {
  background-color: #a4950d;
  color: #000;
}
.text-yellow.text-dark-3 {
  color: #a4950d !important;
}
.bd-yellow.bd-dark-3 {
  border-color: #a4950d !important;
}
.yellow.dark-2 {
  background-color: #cab70f;
  color: #000;
}
.text-yellow.text-dark-2 {
  color: #cab70f !important;
}
.bd-yellow.bd-dark-2 {
  border-color: #cab70f !important;
}
.yellow.dark-1 {
  background-color: #edd815;
  color: #000;
}
.text-yellow.text-dark-1 {
  color: #edd815 !important;
}
.bd-yellow.bd-dark-1 {
  border-color: #edd815 !important;
}
.yellow {
  background-color: #f0de3b;
  color: #000;
}
.text-yellow {
  color: #f0de3b !important;
}
.bd-yellow {
  border-color: #f0de3b !important;
}
.yellow.light-1 {
  background-color: #f3e461;
  color: #000;
}
.text-yellow.text-light-1 {
  color: #f3e461 !important;
}
.bd-yellow.bd-light-1 {
  border-color: #f3e461 !important;
}
.yellow.light-2 {
  background-color: #f6eb87;
  color: #000;
}
.text-yellow.text-light-2 {
  color: #f6eb87 !important;
}
.bd-yellow.bd-light-2 {
  border-color: #f6eb87 !important;
}
.yellow.light-3 {
  background-color: #f9f1ad;
  color: #000;
}
.text-yellow.text-light-3 {
  color: #f9f1ad !important;
}
.bd-yellow.bd-light-3 {
  border-color: #f9f1ad !important;
}
.yellow.light-4 {
  background-color: #fcf8d3;
  color: #000;
}
.text-yellow.text-light-4 {
  color: #fcf8d3 !important;
}
.bd-yellow.bd-light-4 {
  border-color: #fcf8d3 !important;
}
.orange.dark-5 {
  background-color: #5b2c00;
  color: #fff;
}
.text-orange.text-dark-5 {
  color: #5b2c00 !important;
}
.bd-orange.bd-dark-5 {
  border-color: #5b2c00 !important;
}
.orange.dark-4 {
  background-color: #844000;
  color: #fff;
}
.text-orange.text-dark-4 {
  color: #844000 !important;
}
.bd-orange.bd-dark-4 {
  border-color: #844000 !important;
}
.orange.dark-3 {
  background-color: #ad5300;
  color: #fff;
}
.text-orange.text-dark-3 {
  color: #ad5300 !important;
}
.bd-orange.bd-dark-3 {
  border-color: #ad5300 !important;
}
.orange.dark-2 {
  background-color: #d56700;
  color: #000;
}
.text-orange.text-dark-2 {
  color: #d56700 !important;
}
.bd-orange.bd-dark-2 {
  border-color: #d56700 !important;
}
.orange.dark-1 {
  background-color: #fe7b00;
  color: #000;
}
.text-orange.text-dark-1 {
  color: #fe7b00 !important;
}
.bd-orange.bd-dark-1 {
  border-color: #fe7b00 !important;
}
.orange {
  background-color: #ff9028;
  color: #000;
}
.text-orange {
  color: #ff9028 !important;
}
.bd-orange {
  border-color: #ff9028 !important;
}
.orange.light-1 {
  background-color: #ffa551;
  color: #000;
}
.text-orange.text-light-1 {
  color: #ffa551 !important;
}
.bd-orange.bd-light-1 {
  border-color: #ffa551 !important;
}
.orange.light-2 {
  background-color: #ffba7a;
  color: #000;
}
.text-orange.text-light-2 {
  color: #ffba7a !important;
}
.bd-orange.bd-light-2 {
  border-color: #ffba7a !important;
}
.orange.light-3 {
  background-color: #ffcfa2;
  color: #000;
}
.text-orange.text-light-3 {
  color: #ffcfa2 !important;
}
.bd-orange.bd-light-3 {
  border-color: #ffcfa2 !important;
}
.orange.light-4 {
  background-color: #ffe4cb;
  color: #000;
}
.text-orange.text-light-4 {
  color: #ffe4cb !important;
}
.bd-orange.bd-light-4 {
  border-color: #ffe4cb !important;
}
.magenta.dark-5 {
  background-color: #380538;
  color: #fff;
}
.text-magenta.text-dark-5 {
  color: #380538 !important;
}
.bd-magenta.bd-dark-5 {
  border-color: #380538 !important;
}
.magenta.dark-4 {
  background-color: #5d095d;
  color: #fff;
}
.text-magenta.text-dark-4 {
  color: #5d095d !important;
}
.bd-magenta.bd-dark-4 {
  border-color: #5d095d !important;
}
.magenta.dark-3 {
  background-color: #820d82;
  color: #fff;
}
.text-magenta.text-dark-3 {
  color: #820d82 !important;
}
.bd-magenta.bd-dark-3 {
  border-color: #820d82 !important;
}
.magenta.dark-2 {
  background-color: #a710a7;
  color: #fff;
}
.text-magenta.text-dark-2 {
  color: #a710a7 !important;
}
.bd-magenta.bd-dark-2 {
  border-color: #a710a7 !important;
}
.magenta.dark-1 {
  background-color: #cc14cc;
  color: #fff;
}
.text-magenta.text-dark-1 {
  color: #cc14cc !important;
}
.bd-magenta.bd-dark-1 {
  border-color: #cc14cc !important;
}
.magenta {
  background-color: #e920e9;
  color: #fff;
}
.text-magenta {
  color: #e920e9 !important;
}
.bd-magenta {
  border-color: #e920e9 !important;
}
.magenta.light-1 {
  background-color: #ed45ed;
  color: #fff;
}
.text-magenta.text-light-1 {
  color: #ed45ed !important;
}
.bd-magenta.bd-light-1 {
  border-color: #ed45ed !important;
}
.magenta.light-2 {
  background-color: #f06af0;
  color: #000;
}
.text-magenta.text-light-2 {
  color: #f06af0 !important;
}
.bd-magenta.bd-light-2 {
  border-color: #f06af0 !important;
}
.magenta.light-3 {
  background-color: #f48ff4;
  color: #000;
}
.text-magenta.text-light-3 {
  color: #f48ff4 !important;
}
.bd-magenta.bd-light-3 {
  border-color: #f48ff4 !important;
}
.magenta.light-4 {
  background-color: #f8b5f8;
  color: #000;
}
.text-magenta.text-light-4 {
  color: #f8b5f8 !important;
}
.bd-magenta.bd-light-4 {
  border-color: #f8b5f8 !important;
}
.blue.dark-5 {
  background-color: #042844;
  color: #fff;
}
.text-blue.text-dark-5 {
  color: #042844 !important;
}
.bd-blue.bd-dark-5 {
  border-color: #042844 !important;
}
.blue.dark-4 {
  background-color: #063e6b;
  color: #fff;
}
.text-blue.text-dark-4 {
  color: #063e6b !important;
}
.bd-blue.bd-dark-4 {
  border-color: #063e6b !important;
}
.blue.dark-3 {
  background-color: #085592;
  color: #fff;
}
.text-blue.text-dark-3 {
  color: #085592 !important;
}
.bd-blue.bd-dark-3 {
  border-color: #085592 !important;
}
.blue.dark-2 {
  background-color: #0a6bb8;
  color: #fff;
}
.text-blue.text-dark-2 {
  color: #0a6bb8 !important;
}
.bd-blue.bd-dark-2 {
  border-color: #0a6bb8 !important;
}
.blue.dark-1 {
  background-color: #0c82df;
  color: #fff;
}
.text-blue.text-dark-1 {
  color: #0c82df !important;
}
.bd-blue.bd-dark-1 {
  border-color: #0c82df !important;
}
.blue {
  background-color: #2196f3;
  color: #fff;
}
.text-blue {
  color: #2196f3 !important;
}
.bd-blue {
  border-color: #2196f3 !important;
}
.blue.light-1 {
  background-color: #48a8f5;
  color: #000;
}
.text-blue.text-light-1 {
  color: #48a8f5 !important;
}
.bd-blue.bd-light-1 {
  border-color: #48a8f5 !important;
}
.blue.light-2 {
  background-color: #6ebbf7;
  color: #000;
}
.text-blue.text-light-2 {
  color: #6ebbf7 !important;
}
.bd-blue.bd-light-2 {
  border-color: #6ebbf7 !important;
}
.blue.light-3 {
  background-color: #95cdf9;
  color: #000;
}
.text-blue.text-light-3 {
  color: #95cdf9 !important;
}
.bd-blue.bd-light-3 {
  border-color: #95cdf9 !important;
}
.blue.light-4 {
  background-color: #bcdffb;
  color: #000;
}
.text-blue.text-light-4 {
  color: #bcdffb !important;
}
.bd-blue.bd-light-4 {
  border-color: #bcdffb !important;
}
.red.dark-5 {
  background-color: #3d0606;
  color: #fff;
}
.text-red.text-dark-5 {
  color: #3d0606 !important;
}
.bd-red.bd-dark-5 {
  border-color: #3d0606 !important;
}
.red.dark-4 {
  background-color: #620a0a;
  color: #fff;
}
.text-red.text-dark-4 {
  color: #620a0a !important;
}
.bd-red.bd-dark-4 {
  border-color: #620a0a !important;
}
.red.dark-3 {
  background-color: #870e0e;
  color: #fff;
}
.text-red.text-dark-3 {
  color: #870e0e !important;
}
.bd-red.bd-dark-3 {
  border-color: #870e0e !important;
}
.red.dark-2 {
  background-color: #ac1111;
  color: #fff;
}
.text-red.text-dark-2 {
  color: #ac1111 !important;
}
.bd-red.bd-dark-2 {
  border-color: #ac1111 !important;
}
.red.dark-1 {
  background-color: #d11515;
  color: #fff;
}
.text-red.text-dark-1 {
  color: #d11515 !important;
}
.bd-red.bd-dark-1 {
  border-color: #d11515 !important;
}
.red {
  background-color: #e92626;
  color: #fff;
}
.text-red {
  color: #e92626 !important;
}
.bd-red {
  border-color: #e92626 !important;
}
.red.light-1 {
  background-color: #ed4b4b;
  color: #000;
}
.text-red.text-light-1 {
  color: #ed4b4b !important;
}
.bd-red.bd-light-1 {
  border-color: #ed4b4b !important;
}
.red.light-2 {
  background-color: #f17070;
  color: #000;
}
.text-red.text-light-2 {
  color: #f17070 !important;
}
.bd-red.bd-light-2 {
  border-color: #f17070 !important;
}
.red.light-3 {
  background-color: #f49595;
  color: #000;
}
.text-red.text-light-3 {
  color: #f49595 !important;
}
.bd-red.bd-light-3 {
  border-color: #f49595 !important;
}
.red.light-4 {
  background-color: #f8baba;
  color: #000;
}
.text-red.text-light-4 {
  color: #f8baba !important;
}
.bd-red.bd-light-4 {
  border-color: #f8baba !important;
}
.green.dark-5 {
  background-color: #063e06;
  color: #fff;
}
.text-green.text-dark-5 {
  color: #063e06 !important;
}
.bd-green.bd-dark-5 {
  border-color: #063e06 !important;
}
.green.dark-4 {
  background-color: #0a630a;
  color: #fff;
}
.text-green.text-dark-4 {
  color: #0a630a !important;
}
.bd-green.bd-dark-4 {
  border-color: #0a630a !important;
}
.green.dark-3 {
  background-color: #0e880e;
  color: #fff;
}
.text-green.text-dark-3 {
  color: #0e880e !important;
}
.bd-green.bd-dark-3 {
  border-color: #0e880e !important;
}
.green.dark-2 {
  background-color: #12ad12;
  color: #fff;
}
.text-green.text-dark-2 {
  color: #12ad12 !important;
}
.bd-green.bd-dark-2 {
  border-color: #12ad12 !important;
}
.green.dark-1 {
  background-color: #15d215;
  color: #000;
}
.text-green.text-dark-1 {
  color: #15d215 !important;
}
.bd-green.bd-dark-1 {
  border-color: #15d215 !important;
}
.green {
  background-color: #27e927;
  color: #000;
}
.text-green {
  color: #27e927 !important;
}
.bd-green {
  border-color: #27e927 !important;
}
.green.light-1 {
  background-color: #4ced4c;
  color: #000;
}
.text-green.text-light-1 {
  color: #4ced4c !important;
}
.bd-green.bd-light-1 {
  border-color: #4ced4c !important;
}
.green.light-2 {
  background-color: #71f171;
  color: #000;
}
.text-green.text-light-2 {
  color: #71f171 !important;
}
.bd-green.bd-light-2 {
  border-color: #71f171 !important;
}
.green.light-3 {
  background-color: #96f496;
  color: #000;
}
.text-green.text-light-3 {
  color: #96f496 !important;
}
.bd-green.bd-light-3 {
  border-color: #96f496 !important;
}
.green.light-4 {
  background-color: #bbf8bb;
  color: #000;
}
.text-green.text-light-4 {
  color: #bbf8bb !important;
}
.bd-green.bd-light-4 {
  border-color: #bbf8bb !important;
}
.viride.dark-5 {
  background-color: #173129;
  color: #fff;
}
.text-viride.text-dark-5 {
  color: #173129 !important;
}
.bd-viride.bd-dark-5 {
  border-color: #173129 !important;
}
.viride.dark-4 {
  background-color: #254c40;
  color: #fff;
}
.text-viride.text-dark-4 {
  color: #254c40 !important;
}
.bd-viride.bd-dark-4 {
  border-color: #254c40 !important;
}
.viride.dark-3 {
  background-color: #326857;
  color: #fff;
}
.text-viride.text-dark-3 {
  color: #326857 !important;
}
.bd-viride.bd-dark-3 {
  border-color: #326857 !important;
}
.viride.dark-2 {
  background-color: #3f836e;
  color: #fff;
}
.text-viride.text-dark-2 {
  color: #3f836e !important;
}
.bd-viride.bd-dark-2 {
  border-color: #3f836e !important;
}
.viride.dark-1 {
  background-color: #4c9f85;
  color: #000;
}
.text-viride.text-dark-1 {
  color: #4c9f85 !important;
}
.bd-viride.bd-dark-1 {
  border-color: #4c9f85 !important;
}
.viride {
  background-color: #61b399;
  color: #000;
}
.text-viride {
  color: #61b399 !important;
}
.bd-viride {
  border-color: #61b399 !important;
}
.viride.light-1 {
  background-color: #7dc0ab;
  color: #000;
}
.text-viride.text-light-1 {
  color: #7dc0ab !important;
}
.bd-viride.bd-light-1 {
  border-color: #7dc0ab !important;
}
.viride.light-2 {
  background-color: #98cebd;
  color: #000;
}
.text-viride.text-light-2 {
  color: #98cebd !important;
}
.bd-viride.bd-light-2 {
  border-color: #98cebd !important;
}
.viride.light-3 {
  background-color: #b4dbce;
  color: #000;
}
.text-viride.text-light-3 {
  color: #b4dbce !important;
}
.bd-viride.bd-light-3 {
  border-color: #b4dbce !important;
}
.viride.light-4 {
  background-color: #cfe8e0;
  color: #000;
}
.text-viride.text-light-4 {
  color: #cfe8e0 !important;
}
.bd-viride.bd-light-4 {
  border-color: #cfe8e0 !important;
}
.mole.dark-5 {
  background-color: #372c1d;
  color: #fff;
}
.text-mole.text-dark-5 {
  color: #372c1d !important;
}
.bd-mole.bd-dark-5 {
  border-color: #372c1d !important;
}
.mole.dark-4 {
  background-color: #52412b;
  color: #fff;
}
.text-mole.text-dark-4 {
  color: #52412b !important;
}
.bd-mole.bd-dark-4 {
  border-color: #52412b !important;
}
.mole.dark-3 {
  background-color: #6d5739;
  color: #fff;
}
.text-mole.text-dark-3 {
  color: #6d5739 !important;
}
.bd-mole.bd-dark-3 {
  border-color: #6d5739 !important;
}
.mole.dark-2 {
  background-color: #886c47;
  color: #fff;
}
.text-mole.text-dark-2 {
  color: #886c47 !important;
}
.bd-mole.bd-dark-2 {
  border-color: #886c47 !important;
}
.mole.dark-1 {
  background-color: #a38155;
  color: #000;
}
.text-mole.text-dark-1 {
  color: #a38155 !important;
}
.bd-mole.bd-dark-1 {
  border-color: #a38155 !important;
}
.mole {
  background-color: #b3956d;
  color: #000;
}
.text-mole {
  color: #b3956d !important;
}
.bd-mole {
  border-color: #b3956d !important;
}
.mole.light-1 {
  background-color: #c1a888;
  color: #000;
}
.text-mole.text-light-1 {
  color: #c1a888 !important;
}
.bd-mole.bd-light-1 {
  border-color: #c1a888 !important;
}
.mole.light-2 {
  background-color: #cfbca3;
  color: #000;
}
.text-mole.text-light-2 {
  color: #cfbca3 !important;
}
.bd-mole.bd-light-2 {
  border-color: #cfbca3 !important;
}
.mole.light-3 {
  background-color: #ddcfbd;
  color: #000;
}
.text-mole.text-light-3 {
  color: #ddcfbd !important;
}
.bd-mole.bd-light-3 {
  border-color: #ddcfbd !important;
}
.mole.light-4 {
  background-color: #ebe3d8;
  color: #000;
}
.text-mole.text-light-4 {
  color: #ebe3d8 !important;
}
.bd-mole.bd-light-4 {
  border-color: #ebe3d8 !important;
}
.amaranth.dark-5 {
  background-color: #380613;
  color: #fff;
}
.text-amaranth.text-dark-5 {
  color: #380613 !important;
}
.bd-amaranth.bd-dark-5 {
  border-color: #380613 !important;
}
.amaranth.dark-4 {
  background-color: #5c0b1f;
  color: #fff;
}
.text-amaranth.text-dark-4 {
  color: #5c0b1f !important;
}
.bd-amaranth.bd-dark-4 {
  border-color: #5c0b1f !important;
}
.amaranth.dark-3 {
  background-color: #810f2b;
  color: #fff;
}
.text-amaranth.text-dark-3 {
  color: #810f2b !important;
}
.bd-amaranth.bd-dark-3 {
  border-color: #810f2b !important;
}
.amaranth.dark-2 {
  background-color: #a61337;
  color: #fff;
}
.text-amaranth.text-dark-2 {
  color: #a61337 !important;
}
.bd-amaranth.bd-dark-2 {
  border-color: #a61337 !important;
}
.amaranth.dark-1 {
  background-color: #ca1743;
  color: #fff;
}
.text-amaranth.text-dark-1 {
  color: #ca1743 !important;
}
.bd-amaranth.bd-dark-1 {
  border-color: #ca1743 !important;
}
.amaranth {
  background-color: #e62454;
  color: #fff;
}
.text-amaranth {
  color: #e62454 !important;
}
.bd-amaranth {
  border-color: #e62454 !important;
}
.amaranth.light-1 {
  background-color: #ea4971;
  color: #fff;
}
.text-amaranth.text-light-1 {
  color: #ea4971 !important;
}
.bd-amaranth.bd-light-1 {
  border-color: #ea4971 !important;
}
.amaranth.light-2 {
  background-color: #ee6d8d;
  color: #000;
}
.text-amaranth.text-light-2 {
  color: #ee6d8d !important;
}
.bd-amaranth.bd-light-2 {
  border-color: #ee6d8d !important;
}
.amaranth.light-3 {
  background-color: #f392aa;
  color: #000;
}
.text-amaranth.text-light-3 {
  color: #f392aa !important;
}
.bd-amaranth.bd-light-3 {
  border-color: #f392aa !important;
}
.amaranth.light-4 {
  background-color: #f7b6c6;
  color: #000;
}
.text-amaranth.text-light-4 {
  color: #f7b6c6 !important;
}
.bd-amaranth.bd-light-4 {
  border-color: #f7b6c6 !important;
}
.airforce.dark-5 {
  background-color: #162126;
  color: #fff;
}
.text-airforce.text-dark-5 {
  color: #162126 !important;
}
.bd-airforce.bd-dark-5 {
  border-color: #162126 !important;
}
.airforce.dark-4 {
  background-color: #26373f;
  color: #fff;
}
.text-airforce.text-dark-4 {
  color: #26373f !important;
}
.bd-airforce.bd-dark-4 {
  border-color: #26373f !important;
}
.airforce.dark-3 {
  background-color: #354d59;
  color: #fff;
}
.text-airforce.text-dark-3 {
  color: #354d59 !important;
}
.bd-airforce.bd-dark-3 {
  border-color: #354d59 !important;
}
.airforce.dark-2 {
  background-color: #446372;
  color: #fff;
}
.text-airforce.text-dark-2 {
  color: #446372 !important;
}
.bd-airforce.bd-dark-2 {
  border-color: #446372 !important;
}
.airforce.dark-1 {
  background-color: #537a8c;
  color: #fff;
}
.text-airforce.text-dark-1 {
  color: #537a8c !important;
}
.bd-airforce.bd-dark-1 {
  border-color: #537a8c !important;
}
.airforce {
  background-color: #658fa3;
  color: #000;
}
.text-airforce {
  color: #658fa3 !important;
}
.bd-airforce {
  border-color: #658fa3 !important;
}
.airforce.light-1 {
  background-color: #7fa2b2;
  color: #000;
}
.text-airforce.text-light-1 {
  color: #7fa2b2 !important;
}
.bd-airforce.bd-light-1 {
  border-color: #7fa2b2 !important;
}
.airforce.light-2 {
  background-color: #98b4c2;
  color: #000;
}
.text-airforce.text-light-2 {
  color: #98b4c2 !important;
}
.bd-airforce.bd-light-2 {
  border-color: #98b4c2 !important;
}
.airforce.light-3 {
  background-color: #b2c7d1;
  color: #000;
}
.text-airforce.text-light-3 {
  color: #b2c7d1 !important;
}
.bd-airforce.bd-light-3 {
  border-color: #b2c7d1 !important;
}
.airforce.light-4 {
  background-color: #cbd9e0;
  color: #000;
}
.text-airforce.text-light-4 {
  color: #cbd9e0 !important;
}
.bd-airforce.bd-light-4 {
  border-color: #cbd9e0 !important;
}
.meadow.dark-5 {
  background-color: #06361e;
  color: #fff;
}
.text-meadow.text-dark-5 {
  color: #06361e !important;
}
.bd-meadow.bd-dark-5 {
  border-color: #06361e !important;
}
.meadow.dark-4 {
  background-color: #0a5b32;
  color: #fff;
}
.text-meadow.text-dark-4 {
  color: #0a5b32 !important;
}
.bd-meadow.bd-dark-4 {
  border-color: #0a5b32 !important;
}
.meadow.dark-3 {
  background-color: #0e7f47;
  color: #fff;
}
.text-meadow.text-dark-3 {
  color: #0e7f47 !important;
}
.bd-meadow.bd-dark-3 {
  border-color: #0e7f47 !important;
}
.meadow.dark-2 {
  background-color: #13a45b;
  color: #fff;
}
.text-meadow.text-dark-2 {
  color: #13a45b !important;
}
.bd-meadow.bd-dark-2 {
  border-color: #13a45b !important;
}
.meadow.dark-1 {
  background-color: #17c970;
  color: #000;
}
.text-meadow.text-dark-1 {
  color: #17c970 !important;
}
.bd-meadow.bd-dark-1 {
  border-color: #17c970 !important;
}
.meadow {
  background-color: #22e684;
  color: #000;
}
.text-meadow {
  color: #22e684 !important;
}
.bd-meadow {
  border-color: #22e684 !important;
}
.meadow.light-1 {
  background-color: #47ea98;
  color: #000;
}
.text-meadow.text-light-1 {
  color: #47ea98 !important;
}
.bd-meadow.bd-light-1 {
  border-color: #47ea98 !important;
}
.meadow.light-2 {
  background-color: #6beead;
  color: #000;
}
.text-meadow.text-light-2 {
  color: #6beead !important;
}
.bd-meadow.bd-light-2 {
  border-color: #6beead !important;
}
.meadow.light-3 {
  background-color: #90f2c1;
  color: #000;
}
.text-meadow.text-light-3 {
  color: #90f2c1 !important;
}
.bd-meadow.bd-light-3 {
  border-color: #90f2c1 !important;
}
.meadow.light-4 {
  background-color: #b5f7d6;
  color: #000;
}
.text-meadow.text-light-4 {
  color: #b5f7d6 !important;
}
.bd-meadow.bd-light-4 {
  border-color: #b5f7d6 !important;
}
.grey.dark-5 {
  background-color: #3f3f3f;
  color: #fff;
}
.text-grey.text-dark-5 {
  color: #3f3f3f !important;
}
.bd-grey.bd-dark-5 {
  border-color: #3f3f3f !important;
}
.grey.dark-4 {
  background-color: #535353;
  color: #fff;
}
.text-grey.text-dark-4 {
  color: #535353 !important;
}
.bd-grey.bd-dark-4 {
  border-color: #535353 !important;
}
.grey.dark-3 {
  background-color: #686868;
  color: #fff;
}
.text-grey.text-dark-3 {
  color: #686868 !important;
}
.bd-grey.bd-dark-3 {
  border-color: #686868 !important;
}
.grey.dark-2 {
  background-color: #7c7c7c;
  color: #fff;
}
.text-grey.text-dark-2 {
  color: #7c7c7c !important;
}
.bd-grey.bd-dark-2 {
  border-color: #7c7c7c !important;
}
.grey.dark-1 {
  background-color: #919191;
  color: #000;
}
.text-grey.text-dark-1 {
  color: #919191 !important;
}
.bd-grey.bd-dark-1 {
  border-color: #919191 !important;
}
.grey {
  background-color: #a5a5a5;
  color: #000;
}
.text-grey {
  color: #a5a5a5 !important;
}
.bd-grey {
  border-color: #a5a5a5 !important;
}
.grey.light-1 {
  background-color: #b9b9b9;
  color: #000;
}
.text-grey.text-light-1 {
  color: #b9b9b9 !important;
}
.bd-grey.bd-light-1 {
  border-color: #b9b9b9 !important;
}
.grey.light-2 {
  background-color: #cecece;
  color: #000;
}
.text-grey.text-light-2 {
  color: #cecece !important;
}
.bd-grey.bd-light-2 {
  border-color: #cecece !important;
}
.grey.light-3 {
  background-color: #e2e2e2;
  color: #000;
}
.text-grey.text-light-3 {
  color: #e2e2e2 !important;
}
.bd-grey.bd-light-3 {
  border-color: #e2e2e2 !important;
}
.grey.light-4 {
  background-color: #f7f7f7;
  color: #000;
}
.text-grey.text-light-4 {
  color: #f7f7f7 !important;
}
.bd-grey.bd-light-4 {
  border-color: #f7f7f7 !important;
}
.primary {
  background-color: var(--ax-primary);
  color: var(--ax-text-primary);
}
.text-primary {
  color: var(--ax-primary) !important;
}
.bd-primary {
  border-color: var(--ax-primary) !important;
}
.secondary {
  background-color: var(--ax-secondary);
  color: var(--ax-text-secondary);
}
.text-secondary {
  color: var(--ax-secondary) !important;
}
.bd-secondary {
  border-color: var(--ax-secondary) !important;
}
.success {
  background-color: var(--ax-success);
  color: var(--ax-text-success);
}
.text-success {
  color: var(--ax-success) !important;
}
.bd-success {
  border-color: var(--ax-success) !important;
}
.warning {
  background-color: var(--ax-warning);
  color: var(--ax-text-warning);
}
.text-warning {
  color: var(--ax-warning) !important;
}
.bd-warning {
  border-color: var(--ax-warning) !important;
}
.error {
  background-color: var(--ax-error);
  color: var(--ax-text-error);
}
.text-error {
  color: var(--ax-error) !important;
}
.bd-error {
  border-color: var(--ax-error) !important;
}
.white {
  background-color: var(--ax-white);
  color: var(--ax-text-white);
}
.text-white {
  color: var(--ax-white) !important;
}
.bd-white {
  border-color: var(--ax-white) !important;
}
.black {
  background-color: var(--ax-black);
  color: var(--ax-text-black);
}
.text-black {
  color: var(--ax-black) !important;
}
.bd-black {
  border-color: var(--ax-black) !important;
}
.transparent {
  background-color: var(--ax-transparent);
  color: var(--ax-text-transparent);
}
.text-transparent {
  color: var(--ax-transparent) !important;
}
.bd-transparent {
  border-color: var(--ax-transparent) !important;
}