@charset "UTF-8";
/* Couleur globale du theme */
/* Couleur utilisée pour le "blanc" */
/* Couleur utilisée pour le gris */
/* Couleur pour disable et readonly */
/* Couleur nth */
/* Calcul des variantes de couleur */
/*
$deviceSize: 576, 768, 992, 1200;
$deviceSizeName: s, m, l, xl;
$maxWidthContainer: 540px, 720px, 960px, 1140px;
*/
/* 
    Created on : 19 avr. 2018, 20:24:51
    Author     : Florian
*/
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

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

body, table, input {
  font-size: 14px;
  font-weight: 400;
  color: #282a2c;
  -webkit-font-smoothing: antialiased;
  font-family: sans-serif;
}

p {
  line-height: 1.3em;
}

a {
  text-decoration: none;
  border: none;
  cursor: pointer;
  color: inherit;
}

:active, :focus, :visited {
  outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* Couleur lorqu'on surligne les elements */
::-moz-selection {
  background: #7e4297;
  color: #ffffff;
}
::-moz-selection, ::selection {
  background: #7e4297;
  color: #ffffff;
}

h1 {
  font-size: 2.6rem;
}

h2 {
  font-size: 2.2rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.6rem;
}

h5 {
  font-size: 1.3rem;
}

h6 {
  font-size: 1.1rem;
}

input, select, textarea {
  font-family: sans-serif;
}

*:disabled, *:disabled:hover, *:disabled:focus, *.disabled, *.disabled:hover, *.disabled:focus, *[disabled], *[disabled]:hover, *[disabled]:focus {
  pointer-events: none;
}

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

ul.list-disc {
  list-style: disc outside;
}

ul.list-square {
  list-style: square outside;
}

ul.list-circle {
  list-style: circle outside;
}

.list-none {
  list-style: none;
}

ol {
  list-style: decimal;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.on-left {
  float: left;
}

.on-right {
  float: right;
}

[data-css-width] {
  width: attr(data-css-width px);
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.p-absolute {
  position: absolute !important;
}

.p-relative {
  position: relative !important;
}

.p-static {
  position: static !important;
}

.p-fixed {
  position: fixed !important;
}

.p-sticky {
  position: sticky !important;
}

.w-25 {
  width: 25% !important;
}

.h-25 {
  height: 25% !important;
}

.w-33 {
  width: 33.33333333% !important;
}

.h-33 {
  height: 33.33333333% !important;
}

.w-40 {
  width: 40% !important;
}

.h-40 {
  height: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.h-50 {
  height: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.h-60 {
  height: 60% !important;
}

.w-66 {
  width: 66.66666666% !important;
}

.h-66 {
  width: 66.66666666% !important;
}

.w-75 {
  width: 75% !important;
}

.h-75 {
  height: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-auto {
  height: auto !important;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-wrap-normal {
  overflow-wrap: normal !important;
}

.overflow-wrap-break-word {
  overflow-wrap: break-word !important;
}

.overflow-wrap-anywhere {
  overflow-wrap: anywhere !important;
}

.resize-both {
  resize: both !important;
}

.resize-horizontal {
  resize: horizontal !important;
}

.resize-vertical {
  resize: vertical !important;
}

.resize-none {
  resize: none !important;
}

@media (min-width: 576px) {
  .resize-s-both {
    resize: both !important;
  }
  .resize-s-horizontal {
    resize: horizontal !important;
  }
  .resize-s-vertical {
    resize: vertical !important;
  }
  .resize-s-none {
    resize: none !important;
  }
  .overflow-s-visible {
    overflow: visible !important;
  }
  .overflow-s-hidden {
    overflow: hidden !important;
  }
  .overflow-wrap-s-normal {
    overflow-wrap: normal !important;
  }
  .overflow-wrap-s-break-word {
    overflow-wrap: break-word !important;
  }
  .overflow-wrap-s-anywhere {
    overflow-wrap: anywhere !important;
  }
  .d-s-none {
    display: none !important;
  }
  .d-s-inline {
    display: inline !important;
  }
  .d-s-inline-block {
    display: inline-block !important;
  }
  .d-s-block {
    display: block !important;
  }
  .d-s-table {
    display: table !important;
  }
  .d-s-table-row {
    display: table-row !important;
  }
  .d-s-table-cell {
    display: table-cell !important;
  }
  .d-s-flex {
    display: flex !important;
  }
  .d-s-inline-flex {
    display: inline-flex !important;
  }
  .p-s-absolute {
    position: absolute !important;
  }
  .p-s-relative {
    position: relative !important;
  }
  .p-s-static {
    position: static !important;
  }
  .p-s-fixed {
    position: fixed !important;
  }
  .p-s-sticky {
    position: sticky !important;
  }
  .w-s-25 {
    width: 25% !important;
  }
  .h-s-25 {
    height: 25% !important;
  }
  .w-s-33 {
    width: 33.33333333% !important;
  }
  .h-s-33 {
    height: 33.33333333% !important;
  }
  .w-s-40 {
    width: 40% !important;
  }
  .h-s-40 {
    height: 40% !important;
  }
  .w-s-50 {
    width: 50% !important;
  }
  .h-s-50 {
    height: 50% !important;
  }
  .w-s-60 {
    width: 60% !important;
  }
  .h-s-60 {
    height: 60% !important;
  }
  .w-s-66 {
    width: 66.66666666% !important;
  }
  .h-s-66 {
    width: 66.66666666% !important;
  }
  .w-s-75 {
    width: 75% !important;
  }
  .h-s-75 {
    height: 75% !important;
  }
  .w-s-100 {
    width: 100% !important;
  }
  .h-s-100 {
    height: 100% !important;
  }
  .w-s-auto {
    width: auto !important;
  }
  .h-s-auto {
    height: auto !important;
  }
  .float-s-right {
    float: right;
  }
  .float-s-left {
    float: left;
  }
  .float-s-none {
    float: none;
  }
}
@media (min-width: 768px) {
  .resize-m-both {
    resize: both !important;
  }
  .resize-m-horizontal {
    resize: horizontal !important;
  }
  .resize-m-vertical {
    resize: vertical !important;
  }
  .resize-m-none {
    resize: none !important;
  }
  .overflow-m-visible {
    overflow: visible !important;
  }
  .overflow-m-hidden {
    overflow: hidden !important;
  }
  .overflow-wrap-m-normal {
    overflow-wrap: normal !important;
  }
  .overflow-wrap-m-break-word {
    overflow-wrap: break-word !important;
  }
  .overflow-wrap-m-anywhere {
    overflow-wrap: anywhere !important;
  }
  .d-m-none {
    display: none !important;
  }
  .d-m-inline {
    display: inline !important;
  }
  .d-m-inline-block {
    display: inline-block !important;
  }
  .d-m-block {
    display: block !important;
  }
  .d-m-table {
    display: table !important;
  }
  .d-m-table-row {
    display: table-row !important;
  }
  .d-m-table-cell {
    display: table-cell !important;
  }
  .d-m-flex {
    display: flex !important;
  }
  .d-m-inline-flex {
    display: inline-flex !important;
  }
  .p-m-absolute {
    position: absolute !important;
  }
  .p-m-relative {
    position: relative !important;
  }
  .p-m-static {
    position: static !important;
  }
  .p-m-fixed {
    position: fixed !important;
  }
  .p-m-sticky {
    position: sticky !important;
  }
  .w-m-25 {
    width: 25% !important;
  }
  .h-m-25 {
    height: 25% !important;
  }
  .w-m-33 {
    width: 33.33333333% !important;
  }
  .h-m-33 {
    height: 33.33333333% !important;
  }
  .w-m-40 {
    width: 40% !important;
  }
  .h-m-40 {
    height: 40% !important;
  }
  .w-m-50 {
    width: 50% !important;
  }
  .h-m-50 {
    height: 50% !important;
  }
  .w-m-60 {
    width: 60% !important;
  }
  .h-m-60 {
    height: 60% !important;
  }
  .w-m-66 {
    width: 66.66666666% !important;
  }
  .h-m-66 {
    width: 66.66666666% !important;
  }
  .w-m-75 {
    width: 75% !important;
  }
  .h-m-75 {
    height: 75% !important;
  }
  .w-m-100 {
    width: 100% !important;
  }
  .h-m-100 {
    height: 100% !important;
  }
  .w-m-auto {
    width: auto !important;
  }
  .h-m-auto {
    height: auto !important;
  }
  .float-m-right {
    float: right;
  }
  .float-m-left {
    float: left;
  }
  .float-m-none {
    float: none;
  }
}
@media (min-width: 992px) {
  .resize-l-both {
    resize: both !important;
  }
  .resize-l-horizontal {
    resize: horizontal !important;
  }
  .resize-l-vertical {
    resize: vertical !important;
  }
  .resize-l-none {
    resize: none !important;
  }
  .overflow-l-visible {
    overflow: visible !important;
  }
  .overflow-l-hidden {
    overflow: hidden !important;
  }
  .overflow-wrap-l-normal {
    overflow-wrap: normal !important;
  }
  .overflow-wrap-l-break-word {
    overflow-wrap: break-word !important;
  }
  .overflow-wrap-l-anywhere {
    overflow-wrap: anywhere !important;
  }
  .d-l-none {
    display: none !important;
  }
  .d-l-inline {
    display: inline !important;
  }
  .d-l-inline-block {
    display: inline-block !important;
  }
  .d-l-block {
    display: block !important;
  }
  .d-l-table {
    display: table !important;
  }
  .d-l-table-row {
    display: table-row !important;
  }
  .d-l-table-cell {
    display: table-cell !important;
  }
  .d-l-flex {
    display: flex !important;
  }
  .d-l-inline-flex {
    display: inline-flex !important;
  }
  .p-l-absolute {
    position: absolute !important;
  }
  .p-l-relative {
    position: relative !important;
  }
  .p-l-static {
    position: static !important;
  }
  .p-l-fixed {
    position: fixed !important;
  }
  .p-l-sticky {
    position: sticky !important;
  }
  .w-l-25 {
    width: 25% !important;
  }
  .h-l-25 {
    height: 25% !important;
  }
  .w-l-33 {
    width: 33.33333333% !important;
  }
  .h-l-33 {
    height: 33.33333333% !important;
  }
  .w-l-40 {
    width: 40% !important;
  }
  .h-l-40 {
    height: 40% !important;
  }
  .w-l-50 {
    width: 50% !important;
  }
  .h-l-50 {
    height: 50% !important;
  }
  .w-l-60 {
    width: 60% !important;
  }
  .h-l-60 {
    height: 60% !important;
  }
  .w-l-66 {
    width: 66.66666666% !important;
  }
  .h-l-66 {
    width: 66.66666666% !important;
  }
  .w-l-75 {
    width: 75% !important;
  }
  .h-l-75 {
    height: 75% !important;
  }
  .w-l-100 {
    width: 100% !important;
  }
  .h-l-100 {
    height: 100% !important;
  }
  .w-l-auto {
    width: auto !important;
  }
  .h-l-auto {
    height: auto !important;
  }
  .float-l-right {
    float: right;
  }
  .float-l-left {
    float: left;
  }
  .float-l-none {
    float: none;
  }
}
@media (min-width: 1200px) {
  .resize-xl-both {
    resize: both !important;
  }
  .resize-xl-horizontal {
    resize: horizontal !important;
  }
  .resize-xl-vertical {
    resize: vertical !important;
  }
  .resize-xl-none {
    resize: none !important;
  }
  .overflow-xl-visible {
    overflow: visible !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
  .overflow-wrap-xl-normal {
    overflow-wrap: normal !important;
  }
  .overflow-wrap-xl-break-word {
    overflow-wrap: break-word !important;
  }
  .overflow-wrap-xl-anywhere {
    overflow-wrap: anywhere !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .p-xl-absolute {
    position: absolute !important;
  }
  .p-xl-relative {
    position: relative !important;
  }
  .p-xl-static {
    position: static !important;
  }
  .p-xl-fixed {
    position: fixed !important;
  }
  .p-xl-sticky {
    position: sticky !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .w-xl-33 {
    width: 33.33333333% !important;
  }
  .h-xl-33 {
    height: 33.33333333% !important;
  }
  .w-xl-40 {
    width: 40% !important;
  }
  .h-xl-40 {
    height: 40% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .w-xl-60 {
    width: 60% !important;
  }
  .h-xl-60 {
    height: 60% !important;
  }
  .w-xl-66 {
    width: 66.66666666% !important;
  }
  .h-xl-66 {
    width: 66.66666666% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
  .float-xl-right {
    float: right;
  }
  .float-xl-left {
    float: left;
  }
  .float-xl-none {
    float: none;
  }
}
@media (min-width: 1400px) {
  .resize-xxl-both {
    resize: both !important;
  }
  .resize-xxl-horizontal {
    resize: horizontal !important;
  }
  .resize-xxl-vertical {
    resize: vertical !important;
  }
  .resize-xxl-none {
    resize: none !important;
  }
  .overflow-xxl-visible {
    overflow: visible !important;
  }
  .overflow-xxl-hidden {
    overflow: hidden !important;
  }
  .overflow-wrap-xxl-normal {
    overflow-wrap: normal !important;
  }
  .overflow-wrap-xxl-break-word {
    overflow-wrap: break-word !important;
  }
  .overflow-wrap-xxl-anywhere {
    overflow-wrap: anywhere !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .p-xxl-absolute {
    position: absolute !important;
  }
  .p-xxl-relative {
    position: relative !important;
  }
  .p-xxl-static {
    position: static !important;
  }
  .p-xxl-fixed {
    position: fixed !important;
  }
  .p-xxl-sticky {
    position: sticky !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .h-xxl-25 {
    height: 25% !important;
  }
  .w-xxl-33 {
    width: 33.33333333% !important;
  }
  .h-xxl-33 {
    height: 33.33333333% !important;
  }
  .w-xxl-40 {
    width: 40% !important;
  }
  .h-xxl-40 {
    height: 40% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .h-xxl-50 {
    height: 50% !important;
  }
  .w-xxl-60 {
    width: 60% !important;
  }
  .h-xxl-60 {
    height: 60% !important;
  }
  .w-xxl-66 {
    width: 66.66666666% !important;
  }
  .h-xxl-66 {
    width: 66.66666666% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .h-xxl-75 {
    height: 75% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
  .h-xxl-100 {
    height: 100% !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
  .h-xxl-auto {
    height: auto !important;
  }
  .float-xxl-right {
    float: right;
  }
  .float-xxl-left {
    float: left;
  }
  .float-xxl-none {
    float: none;
  }
}
.container, .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10, .col-s-11, .col-s-12, .col-s,
.col-s-auto, .col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12, .col-m,
.col-m-auto, .col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10, .col-l-11, .col-l-12, .col-l,
.col-l-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.flex-order-first {
  order: -1;
}

.flex-order-last {
  order: 13;
}

.flex-order-1 {
  order: 1;
}

.flex-order-2 {
  order: 2;
}

.flex-order-3 {
  order: 3;
}

.flex-order-4 {
  order: 4;
}

.flex-order-5 {
  order: 5;
}

.flex-order-6 {
  order: 6;
}

.flex-order-7 {
  order: 7;
}

.flex-order-8 {
  order: 8;
}

.flex-order-9 {
  order: 9;
}

.flex-order-10 {
  order: 10;
}

.flex-order-11 {
  order: 11;
}

.flex-order-12 {
  order: 12;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-basis-0 {
  flex-basis: 0 !important;
}

.flex-basis-content {
  flex-basis: content !important;
}

.flex-basis-min-content {
  flex-basis: min-content !important;
}

.flex-basis-max-content {
  flex-basis: max-content !important;
}

.flex-basis-fit-content {
  flex-basis: fit-content !important;
}

.flex-basis-auto {
  flex-basis: auto !important;
}

.flex-basis-1 {
  flex-basis: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-justify-content-start {
  justify-content: flex-start !important;
}

.flex-justify-content-end {
  justify-content: flex-end !important;
}

.flex-justify-content-center {
  justify-content: center !important;
}

.flex-justify-content-between {
  justify-content: space-between !important;
}

.flex-justify-content-around {
  justify-content: space-around !important;
}

.flex-justify-self-start {
  justify-self: start !important;
}

.flex-justify-self-end {
  justify-self: end !important;
}

.flex-justify-self-center {
  justify-self: center !important;
}

.flex-justify-self-stretch {
  justify-self: stretch !important;
}

.flex-align-items-start {
  align-items: flex-start !important;
}

.flex-align-items-end {
  align-items: flex-end !important;
}

.flex-align-items-center {
  align-items: center !important;
}

.flex-align-items-baseline {
  align-items: baseline !important;
}

.flex-align-items-stretch {
  align-items: stretch !important;
}

.flex-align-content-start {
  align-content: flex-start !important;
}

.flex-align-content-end {
  align-content: flex-end !important;
}

.flex-align-content-center {
  align-content: center !important;
}

.flex-align-content-between {
  align-content: space-between !important;
}

.flex-align-content-around {
  align-content: space-around !important;
}

.flex-align-content-stretch {
  align-content: stretch !important;
}

.flex-align-self-auto {
  align-self: auto !important;
}

.flex-align-self-start {
  align-self: flex-start !important;
}

.flex-align-self-end {
  align-self: flex-end !important;
}

.flex-align-self-center {
  align-self: center !important;
}

.flex-align-self-baseline {
  align-self: baseline !important;
}

.flex-align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .col-s {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-s-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-s-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-s-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-s-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-s-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-s-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-s-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-s-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-s-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-s-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-s-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-s-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-s-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-s-1 {
    margin-left: 8.3333333333%;
  }
  .offset-s-2 {
    margin-left: 16.6666666667%;
  }
  .offset-s-3 {
    margin-left: 25%;
  }
  .offset-s-4 {
    margin-left: 33.3333333333%;
  }
  .offset-s-5 {
    margin-left: 41.6666666667%;
  }
  .offset-s-6 {
    margin-left: 50%;
  }
  .offset-s-7 {
    margin-left: 58.3333333333%;
  }
  .offset-s-8 {
    margin-left: 66.6666666667%;
  }
  .offset-s-9 {
    margin-left: 75%;
  }
  .offset-s-10 {
    margin-left: 83.3333333333%;
  }
  .offset-s-11 {
    margin-left: 91.6666666667%;
  }
  .flex-order-s-first {
    order: -1;
  }
  .flex-order-s-last {
    order: 13;
  }
  .flex-order-s-1 {
    order: 1;
  }
  .flex-order-s-2 {
    order: 2;
  }
  .flex-order-s-3 {
    order: 3;
  }
  .flex-order-s-4 {
    order: 4;
  }
  .flex-order-s-5 {
    order: 5;
  }
  .flex-order-s-6 {
    order: 6;
  }
  .flex-order-s-7 {
    order: 7;
  }
  .flex-order-s-8 {
    order: 8;
  }
  .flex-order-s-9 {
    order: 9;
  }
  .flex-order-s-10 {
    order: 10;
  }
  .flex-order-s-11 {
    order: 11;
  }
  .flex-order-s-12 {
    order: 12;
  }
  .flex-s-row {
    flex-direction: row !important;
  }
  .flex-s-column {
    flex-direction: column !important;
  }
  .flex-s-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-s-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-s-wrap {
    flex-wrap: wrap !important;
  }
  .flex-s-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-s-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-s-fill {
    flex: 1 1 auto !important;
  }
  .flex-s-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-s-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-s-basis-0 {
    flex-basis: 0 !important;
  }
  .flex-s-basis-content {
    flex-basis: content !important;
  }
  .flex-s-basis-min-content {
    flex-basis: min-content !important;
  }
  .flex-s-basis-max-content {
    flex-basis: max-content !important;
  }
  .flex-s-basis-fit-content {
    flex-basis: fit-content !important;
  }
  .flex-s-basis-auto {
    flex-basis: auto !important;
  }
  .flex-s-basis-1 {
    flex-basis: 1 !important;
  }
  .flex-s-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-s-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-justify-content-s-start {
    justify-content: flex-start !important;
  }
  .flex-justify-content-s-end {
    justify-content: flex-end !important;
  }
  .flex-justify-content-s-center {
    justify-content: center !important;
  }
  .flex-justify-content-s-between {
    justify-content: space-between !important;
  }
  .flex-justify-content-s-around {
    justify-content: space-around !important;
  }
  .flex-justify-self-s-start {
    justify-self: start !important;
  }
  .flex-justify-self-s-end {
    justify-self: end !important;
  }
  .flex-justify-self-s-center {
    justify-self: center !important;
  }
  .flex-justify-self-s-stretch {
    justify-self: stretch !important;
  }
  .flex-align-items-s-start {
    align-items: flex-start !important;
  }
  .flex-align-items-s-end {
    align-items: flex-end !important;
  }
  .flex-align-items-s-center {
    align-items: center !important;
  }
  .flex-align-items-s-baseline {
    align-items: baseline !important;
  }
  .flex-align-items-s-stretch {
    align-items: stretch !important;
  }
  .flex-align-content-s-start {
    align-content: flex-start !important;
  }
  .flex-align-content-s-end {
    align-content: flex-end !important;
  }
  .flex-align-content-s-center {
    align-content: center !important;
  }
  .flex-align-content-s-between {
    align-content: space-between !important;
  }
  .flex-align-content-s-around {
    align-content: space-around !important;
  }
  .flex-align-content-s-stretch {
    align-content: stretch !important;
  }
  .flex-align-self-s-auto {
    align-self: auto !important;
  }
  .flex-align-self-s-start {
    align-self: flex-start !important;
  }
  .flex-align-self-s-end {
    align-self: flex-end !important;
  }
  .flex-align-self-s-center {
    align-self: center !important;
  }
  .flex-align-self-s-baseline {
    align-self: baseline !important;
  }
  .flex-align-self-s-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .col-m {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-m-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-m-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-m-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-m-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-m-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-m-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-m-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-m-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-m-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-m-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-m-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-m-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-m-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-m-1 {
    margin-left: 8.3333333333%;
  }
  .offset-m-2 {
    margin-left: 16.6666666667%;
  }
  .offset-m-3 {
    margin-left: 25%;
  }
  .offset-m-4 {
    margin-left: 33.3333333333%;
  }
  .offset-m-5 {
    margin-left: 41.6666666667%;
  }
  .offset-m-6 {
    margin-left: 50%;
  }
  .offset-m-7 {
    margin-left: 58.3333333333%;
  }
  .offset-m-8 {
    margin-left: 66.6666666667%;
  }
  .offset-m-9 {
    margin-left: 75%;
  }
  .offset-m-10 {
    margin-left: 83.3333333333%;
  }
  .offset-m-11 {
    margin-left: 91.6666666667%;
  }
  .flex-order-m-first {
    order: -1;
  }
  .flex-order-m-last {
    order: 13;
  }
  .flex-order-m-1 {
    order: 1;
  }
  .flex-order-m-2 {
    order: 2;
  }
  .flex-order-m-3 {
    order: 3;
  }
  .flex-order-m-4 {
    order: 4;
  }
  .flex-order-m-5 {
    order: 5;
  }
  .flex-order-m-6 {
    order: 6;
  }
  .flex-order-m-7 {
    order: 7;
  }
  .flex-order-m-8 {
    order: 8;
  }
  .flex-order-m-9 {
    order: 9;
  }
  .flex-order-m-10 {
    order: 10;
  }
  .flex-order-m-11 {
    order: 11;
  }
  .flex-order-m-12 {
    order: 12;
  }
  .flex-m-row {
    flex-direction: row !important;
  }
  .flex-m-column {
    flex-direction: column !important;
  }
  .flex-m-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-m-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-m-wrap {
    flex-wrap: wrap !important;
  }
  .flex-m-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-m-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-m-fill {
    flex: 1 1 auto !important;
  }
  .flex-m-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-m-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-m-basis-0 {
    flex-basis: 0 !important;
  }
  .flex-m-basis-content {
    flex-basis: content !important;
  }
  .flex-m-basis-min-content {
    flex-basis: min-content !important;
  }
  .flex-m-basis-max-content {
    flex-basis: max-content !important;
  }
  .flex-m-basis-fit-content {
    flex-basis: fit-content !important;
  }
  .flex-m-basis-auto {
    flex-basis: auto !important;
  }
  .flex-m-basis-1 {
    flex-basis: 1 !important;
  }
  .flex-m-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-m-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-justify-content-m-start {
    justify-content: flex-start !important;
  }
  .flex-justify-content-m-end {
    justify-content: flex-end !important;
  }
  .flex-justify-content-m-center {
    justify-content: center !important;
  }
  .flex-justify-content-m-between {
    justify-content: space-between !important;
  }
  .flex-justify-content-m-around {
    justify-content: space-around !important;
  }
  .flex-justify-self-m-start {
    justify-self: start !important;
  }
  .flex-justify-self-m-end {
    justify-self: end !important;
  }
  .flex-justify-self-m-center {
    justify-self: center !important;
  }
  .flex-justify-self-m-stretch {
    justify-self: stretch !important;
  }
  .flex-align-items-m-start {
    align-items: flex-start !important;
  }
  .flex-align-items-m-end {
    align-items: flex-end !important;
  }
  .flex-align-items-m-center {
    align-items: center !important;
  }
  .flex-align-items-m-baseline {
    align-items: baseline !important;
  }
  .flex-align-items-m-stretch {
    align-items: stretch !important;
  }
  .flex-align-content-m-start {
    align-content: flex-start !important;
  }
  .flex-align-content-m-end {
    align-content: flex-end !important;
  }
  .flex-align-content-m-center {
    align-content: center !important;
  }
  .flex-align-content-m-between {
    align-content: space-between !important;
  }
  .flex-align-content-m-around {
    align-content: space-around !important;
  }
  .flex-align-content-m-stretch {
    align-content: stretch !important;
  }
  .flex-align-self-m-auto {
    align-self: auto !important;
  }
  .flex-align-self-m-start {
    align-self: flex-start !important;
  }
  .flex-align-self-m-end {
    align-self: flex-end !important;
  }
  .flex-align-self-m-center {
    align-self: center !important;
  }
  .flex-align-self-m-baseline {
    align-self: baseline !important;
  }
  .flex-align-self-m-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .col-l {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-l-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-l-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-l-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-l-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-l-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-l-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-l-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-l-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-l-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-l-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-l-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-l-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-l-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-l-1 {
    margin-left: 8.3333333333%;
  }
  .offset-l-2 {
    margin-left: 16.6666666667%;
  }
  .offset-l-3 {
    margin-left: 25%;
  }
  .offset-l-4 {
    margin-left: 33.3333333333%;
  }
  .offset-l-5 {
    margin-left: 41.6666666667%;
  }
  .offset-l-6 {
    margin-left: 50%;
  }
  .offset-l-7 {
    margin-left: 58.3333333333%;
  }
  .offset-l-8 {
    margin-left: 66.6666666667%;
  }
  .offset-l-9 {
    margin-left: 75%;
  }
  .offset-l-10 {
    margin-left: 83.3333333333%;
  }
  .offset-l-11 {
    margin-left: 91.6666666667%;
  }
  .flex-order-l-first {
    order: -1;
  }
  .flex-order-l-last {
    order: 13;
  }
  .flex-order-l-1 {
    order: 1;
  }
  .flex-order-l-2 {
    order: 2;
  }
  .flex-order-l-3 {
    order: 3;
  }
  .flex-order-l-4 {
    order: 4;
  }
  .flex-order-l-5 {
    order: 5;
  }
  .flex-order-l-6 {
    order: 6;
  }
  .flex-order-l-7 {
    order: 7;
  }
  .flex-order-l-8 {
    order: 8;
  }
  .flex-order-l-9 {
    order: 9;
  }
  .flex-order-l-10 {
    order: 10;
  }
  .flex-order-l-11 {
    order: 11;
  }
  .flex-order-l-12 {
    order: 12;
  }
  .flex-l-row {
    flex-direction: row !important;
  }
  .flex-l-column {
    flex-direction: column !important;
  }
  .flex-l-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-l-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-l-wrap {
    flex-wrap: wrap !important;
  }
  .flex-l-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-l-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-l-fill {
    flex: 1 1 auto !important;
  }
  .flex-l-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-l-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-l-basis-0 {
    flex-basis: 0 !important;
  }
  .flex-l-basis-content {
    flex-basis: content !important;
  }
  .flex-l-basis-min-content {
    flex-basis: min-content !important;
  }
  .flex-l-basis-max-content {
    flex-basis: max-content !important;
  }
  .flex-l-basis-fit-content {
    flex-basis: fit-content !important;
  }
  .flex-l-basis-auto {
    flex-basis: auto !important;
  }
  .flex-l-basis-1 {
    flex-basis: 1 !important;
  }
  .flex-l-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-l-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-justify-content-l-start {
    justify-content: flex-start !important;
  }
  .flex-justify-content-l-end {
    justify-content: flex-end !important;
  }
  .flex-justify-content-l-center {
    justify-content: center !important;
  }
  .flex-justify-content-l-between {
    justify-content: space-between !important;
  }
  .flex-justify-content-l-around {
    justify-content: space-around !important;
  }
  .flex-justify-self-l-start {
    justify-self: start !important;
  }
  .flex-justify-self-l-end {
    justify-self: end !important;
  }
  .flex-justify-self-l-center {
    justify-self: center !important;
  }
  .flex-justify-self-l-stretch {
    justify-self: stretch !important;
  }
  .flex-align-items-l-start {
    align-items: flex-start !important;
  }
  .flex-align-items-l-end {
    align-items: flex-end !important;
  }
  .flex-align-items-l-center {
    align-items: center !important;
  }
  .flex-align-items-l-baseline {
    align-items: baseline !important;
  }
  .flex-align-items-l-stretch {
    align-items: stretch !important;
  }
  .flex-align-content-l-start {
    align-content: flex-start !important;
  }
  .flex-align-content-l-end {
    align-content: flex-end !important;
  }
  .flex-align-content-l-center {
    align-content: center !important;
  }
  .flex-align-content-l-between {
    align-content: space-between !important;
  }
  .flex-align-content-l-around {
    align-content: space-around !important;
  }
  .flex-align-content-l-stretch {
    align-content: stretch !important;
  }
  .flex-align-self-l-auto {
    align-self: auto !important;
  }
  .flex-align-self-l-start {
    align-self: flex-start !important;
  }
  .flex-align-self-l-end {
    align-self: flex-end !important;
  }
  .flex-align-self-l-center {
    align-self: center !important;
  }
  .flex-align-self-l-baseline {
    align-self: baseline !important;
  }
  .flex-align-self-l-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .flex-order-xl-first {
    order: -1;
  }
  .flex-order-xl-last {
    order: 13;
  }
  .flex-order-xl-1 {
    order: 1;
  }
  .flex-order-xl-2 {
    order: 2;
  }
  .flex-order-xl-3 {
    order: 3;
  }
  .flex-order-xl-4 {
    order: 4;
  }
  .flex-order-xl-5 {
    order: 5;
  }
  .flex-order-xl-6 {
    order: 6;
  }
  .flex-order-xl-7 {
    order: 7;
  }
  .flex-order-xl-8 {
    order: 8;
  }
  .flex-order-xl-9 {
    order: 9;
  }
  .flex-order-xl-10 {
    order: 10;
  }
  .flex-order-xl-11 {
    order: 11;
  }
  .flex-order-xl-12 {
    order: 12;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-basis-0 {
    flex-basis: 0 !important;
  }
  .flex-xl-basis-content {
    flex-basis: content !important;
  }
  .flex-xl-basis-min-content {
    flex-basis: min-content !important;
  }
  .flex-xl-basis-max-content {
    flex-basis: max-content !important;
  }
  .flex-xl-basis-fit-content {
    flex-basis: fit-content !important;
  }
  .flex-xl-basis-auto {
    flex-basis: auto !important;
  }
  .flex-xl-basis-1 {
    flex-basis: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .flex-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .flex-justify-content-xl-center {
    justify-content: center !important;
  }
  .flex-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .flex-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .flex-justify-self-xl-start {
    justify-self: start !important;
  }
  .flex-justify-self-xl-end {
    justify-self: end !important;
  }
  .flex-justify-self-xl-center {
    justify-self: center !important;
  }
  .flex-justify-self-xl-stretch {
    justify-self: stretch !important;
  }
  .flex-align-items-xl-start {
    align-items: flex-start !important;
  }
  .flex-align-items-xl-end {
    align-items: flex-end !important;
  }
  .flex-align-items-xl-center {
    align-items: center !important;
  }
  .flex-align-items-xl-baseline {
    align-items: baseline !important;
  }
  .flex-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .flex-align-content-xl-start {
    align-content: flex-start !important;
  }
  .flex-align-content-xl-end {
    align-content: flex-end !important;
  }
  .flex-align-content-xl-center {
    align-content: center !important;
  }
  .flex-align-content-xl-between {
    align-content: space-between !important;
  }
  .flex-align-content-xl-around {
    align-content: space-around !important;
  }
  .flex-align-content-xl-stretch {
    align-content: stretch !important;
  }
  .flex-align-self-xl-auto {
    align-self: auto !important;
  }
  .flex-align-self-xl-start {
    align-self: flex-start !important;
  }
  .flex-align-self-xl-end {
    align-self: flex-end !important;
  }
  .flex-align-self-xl-center {
    align-self: center !important;
  }
  .flex-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .flex-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .flex-order-xxl-first {
    order: -1;
  }
  .flex-order-xxl-last {
    order: 13;
  }
  .flex-order-xxl-1 {
    order: 1;
  }
  .flex-order-xxl-2 {
    order: 2;
  }
  .flex-order-xxl-3 {
    order: 3;
  }
  .flex-order-xxl-4 {
    order: 4;
  }
  .flex-order-xxl-5 {
    order: 5;
  }
  .flex-order-xxl-6 {
    order: 6;
  }
  .flex-order-xxl-7 {
    order: 7;
  }
  .flex-order-xxl-8 {
    order: 8;
  }
  .flex-order-xxl-9 {
    order: 9;
  }
  .flex-order-xxl-10 {
    order: 10;
  }
  .flex-order-xxl-11 {
    order: 11;
  }
  .flex-order-xxl-12 {
    order: 12;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-basis-0 {
    flex-basis: 0 !important;
  }
  .flex-xxl-basis-content {
    flex-basis: content !important;
  }
  .flex-xxl-basis-min-content {
    flex-basis: min-content !important;
  }
  .flex-xxl-basis-max-content {
    flex-basis: max-content !important;
  }
  .flex-xxl-basis-fit-content {
    flex-basis: fit-content !important;
  }
  .flex-xxl-basis-auto {
    flex-basis: auto !important;
  }
  .flex-xxl-basis-1 {
    flex-basis: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .flex-justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .flex-justify-content-xxl-center {
    justify-content: center !important;
  }
  .flex-justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .flex-justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .flex-justify-self-xxl-start {
    justify-self: start !important;
  }
  .flex-justify-self-xxl-end {
    justify-self: end !important;
  }
  .flex-justify-self-xxl-center {
    justify-self: center !important;
  }
  .flex-justify-self-xxl-stretch {
    justify-self: stretch !important;
  }
  .flex-align-items-xxl-start {
    align-items: flex-start !important;
  }
  .flex-align-items-xxl-end {
    align-items: flex-end !important;
  }
  .flex-align-items-xxl-center {
    align-items: center !important;
  }
  .flex-align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .flex-align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .flex-align-content-xxl-start {
    align-content: flex-start !important;
  }
  .flex-align-content-xxl-end {
    align-content: flex-end !important;
  }
  .flex-align-content-xxl-center {
    align-content: center !important;
  }
  .flex-align-content-xxl-between {
    align-content: space-between !important;
  }
  .flex-align-content-xxl-around {
    align-content: space-around !important;
  }
  .flex-align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .flex-align-self-xxl-auto {
    align-self: auto !important;
  }
  .flex-align-self-xxl-start {
    align-self: flex-start !important;
  }
  .flex-align-self-xxl-end {
    align-self: flex-end !important;
  }
  .flex-align-self-xxl-center {
    align-self: center !important;
  }
  .flex-align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .flex-align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
.margin-x05 {
  margin: 0.5rem;
}

.margin-left-x05 {
  margin-left: 0.5rem;
}

.margin-right-x05 {
  margin-right: 0.5rem;
}

.margin-top-x05 {
  margin-top: 0.5rem;
}

.margin-bottom-x05 {
  margin-bottom: 0.5rem;
}

.padding-x05 {
  padding: 0.5rem;
}

.padding-left-x05 {
  padding-left: 0.5rem;
}

.padding-right-x05 {
  padding-right: 0.5rem;
}

.padding-top-x05 {
  padding-top: 0.5rem;
}

.padding-bottom-x05 {
  padding-bottom: 0.5rem;
}

.margin-none {
  margin: 0;
}

.margin-left-none {
  margin-left: 0;
}

.margin-right-none {
  margin-right: 0;
}

.margin-top-none {
  margin-top: 0;
}

.margin-bottom-none {
  margin-bottom: 0;
}

.padding-none {
  padding: 0;
}

.padding-left-none {
  padding-left: 0;
}

.padding-right-none {
  padding-right: 0;
}

.padding-top-none {
  padding-top: 0;
}

.padding-bottom-none {
  padding-bottom: 0;
}

.margin {
  margin: 1rem;
}

.margin-left {
  margin-left: 1rem;
}

.margin-right {
  margin-right: 1rem;
}

.margin-top {
  margin-top: 1rem;
}

.margin-bottom {
  margin-bottom: 1rem;
}

.margin-auto {
  margin: auto;
}

.padding {
  padding: 1rem;
}

.padding-left {
  padding-left: 1rem;
}

.padding-right {
  padding-right: 1rem;
}

.padding-top {
  padding-top: 1rem;
}

.padding-bottom {
  padding-bottom: 1rem;
}

.margin-x2 {
  margin: 2rem;
}

.margin-left-x2 {
  margin-left: 2rem;
}

.margin-right-x2 {
  margin-right: 2rem;
}

.margin-top-x2 {
  margin-top: 2rem;
}

.margin-bottom-x2 {
  margin-bottom: 2rem;
}

.padding-x2 {
  padding: 2rem;
}

.padding-left-x2 {
  padding-left: 2rem;
}

.padding-right-x2 {
  padding-right: 2rem;
}

.padding-top-x2 {
  padding-top: 2rem;
}

.padding-bottom-x2 {
  padding-bottom: 2rem;
}

.margin-x3 {
  margin: 3rem;
}

.margin-left-x3 {
  margin-left: 3rem;
}

.margin-right-x3 {
  margin-right: 3rem;
}

.margin-top-x3 {
  margin-top: 3rem;
}

.margin-bottom-x3 {
  margin-bottom: 3rem;
}

.padding-x3 {
  padding: 3rem;
}

.padding-left-x3 {
  padding-left: 3rem;
}

.padding-right-x3 {
  padding-right: 3rem;
}

.padding-top-x3 {
  padding-top: 3rem;
}

.padding-bottom-x3 {
  padding-bottom: 3rem;
}

.margin-x4 {
  margin: 4rem;
}

.margin-left-x4 {
  margin-left: 4rem;
}

.margin-right-x4 {
  margin-right: 4rem;
}

.margin-top-x4 {
  margin-top: 4rem;
}

.margin-bottom-x4 {
  margin-bottom: 4rem;
}

.padding-x4 {
  padding: 4rem;
}

.padding-left-x4 {
  padding-left: 4rem;
}

.padding-right-x4 {
  padding-right: 4rem;
}

.padding-top-x4 {
  padding-top: 4rem;
}

.padding-bottom-x4 {
  padding-bottom: 4rem;
}

@media (min-width: 576px) {
  .margin-s-x05 {
    margin: 0.5rem;
  }
  .margin-left-s-x05 {
    margin-left: 0.5rem;
  }
  .margin-right-s-x05 {
    margin-right: 0.5rem;
  }
  .margin-top-s-x05 {
    margin-top: 0.5rem;
  }
  .margin-bottom-s-x05 {
    margin-bottom: 0.5rem;
  }
  .padding-s-x05 {
    padding: 0.5rem;
  }
  .padding-left-s-x05 {
    padding-left: 0.5rem;
  }
  .padding-right-s-x05 {
    padding-right: 0.5rem;
  }
  .padding-top-s-x05 {
    padding-top: 0.5rem;
  }
  .padding-bottom-s-x05 {
    padding-bottom: 0.5rem;
  }
  .margin-s-none {
    margin: 0;
  }
  .margin-left-s-none {
    margin-left: 0;
  }
  .margin-right-s-none {
    margin-right: 0;
  }
  .margin-top-s-none {
    margin-top: 0;
  }
  .margin-bottom-s-none {
    margin-bottom: 0;
  }
  .padding-s-none {
    padding: 0;
  }
  .padding-left-s-none {
    padding-left: 0;
  }
  .padding-right-s-none {
    padding-right: 0;
  }
  .padding-top-s-none {
    padding-top: 0;
  }
  .padding-bottom-s-none {
    padding-bottom: 0;
  }
  .margin-s {
    margin: 1rem;
  }
  .margin-left-s {
    margin-left: 1rem;
  }
  .margin-right-s {
    margin-right: 1rem;
  }
  .margin-top-s {
    margin-top: 1rem;
  }
  .margin-bottom-s {
    margin-bottom: 1rem;
  }
  .margin-auto-s {
    margin: auto;
  }
  .padding-s {
    padding: 1rem;
  }
  .padding-left-s {
    padding-left: 1rem;
  }
  .padding-right-s {
    padding-right: 1rem;
  }
  .padding-top-s {
    padding-top: 1rem;
  }
  .padding-bottom-s {
    padding-bottom: 1rem;
  }
  .margin-s-x2 {
    margin: 2rem;
  }
  .margin-left-s-x2 {
    margin-left: 2rem;
  }
  .margin-right-s-x2 {
    margin-right: 2rem;
  }
  .margin-top-s-x2 {
    margin-top: 2rem;
  }
  .margin-bottom-s-x2 {
    margin-bottom: 2rem;
  }
  .padding-s-x2 {
    padding: 2rem;
  }
  .padding-left-s-x2 {
    padding-left: 2rem;
  }
  .padding-right-s-x2 {
    padding-right: 2rem;
  }
  .padding-top-s-x2 {
    padding-top: 2rem;
  }
  .padding-bottom-s-x2 {
    padding-bottom: 2rem;
  }
  .margin-s-x3 {
    margin: 3rem;
  }
  .margin-left-s-x3 {
    margin-left: 3rem;
  }
  .margin-right-s-x3 {
    margin-right: 3rem;
  }
  .margin-top-s-x3 {
    margin-top: 3rem;
  }
  .margin-bottom-s-x3 {
    margin-bottom: 3rem;
  }
  .padding-s-x3 {
    padding: 3rem;
  }
  .padding-left-s-x3 {
    padding-left: 3rem;
  }
  .padding-right-s-x3 {
    padding-right: 3rem;
  }
  .padding-top-s-x3 {
    padding-top: 3rem;
  }
  .padding-bottom-s-x3 {
    padding-bottom: 3rem;
  }
  .margin-s-x4 {
    margin: 4rem;
  }
  .margin-left-s-x4 {
    margin-left: 4rem;
  }
  .margin-right-s-x4 {
    margin-right: 4rem;
  }
  .margin-top-s-x4 {
    margin-top: 4rem;
  }
  .margin-bottom-s-x4 {
    margin-bottom: 4rem;
  }
  .padding-s-x4 {
    padding: 4rem;
  }
  .padding-left-s-x4 {
    padding-left: 4rem;
  }
  .padding-right-s-x4 {
    padding-right: 4rem;
  }
  .padding-top-s-x4 {
    padding-top: 4rem;
  }
  .padding-bottom-s-x4 {
    padding-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  .margin-m-x05 {
    margin: 0.5rem;
  }
  .margin-left-m-x05 {
    margin-left: 0.5rem;
  }
  .margin-right-m-x05 {
    margin-right: 0.5rem;
  }
  .margin-top-m-x05 {
    margin-top: 0.5rem;
  }
  .margin-bottom-m-x05 {
    margin-bottom: 0.5rem;
  }
  .padding-m-x05 {
    padding: 0.5rem;
  }
  .padding-left-m-x05 {
    padding-left: 0.5rem;
  }
  .padding-right-m-x05 {
    padding-right: 0.5rem;
  }
  .padding-top-m-x05 {
    padding-top: 0.5rem;
  }
  .padding-bottom-m-x05 {
    padding-bottom: 0.5rem;
  }
  .margin-m-none {
    margin: 0;
  }
  .margin-left-m-none {
    margin-left: 0;
  }
  .margin-right-m-none {
    margin-right: 0;
  }
  .margin-top-m-none {
    margin-top: 0;
  }
  .margin-bottom-m-none {
    margin-bottom: 0;
  }
  .padding-m-none {
    padding: 0;
  }
  .padding-left-m-none {
    padding-left: 0;
  }
  .padding-right-m-none {
    padding-right: 0;
  }
  .padding-top-m-none {
    padding-top: 0;
  }
  .padding-bottom-m-none {
    padding-bottom: 0;
  }
  .margin-m {
    margin: 1rem;
  }
  .margin-left-m {
    margin-left: 1rem;
  }
  .margin-right-m {
    margin-right: 1rem;
  }
  .margin-top-m {
    margin-top: 1rem;
  }
  .margin-bottom-m {
    margin-bottom: 1rem;
  }
  .margin-auto-m {
    margin: auto;
  }
  .padding-m {
    padding: 1rem;
  }
  .padding-left-m {
    padding-left: 1rem;
  }
  .padding-right-m {
    padding-right: 1rem;
  }
  .padding-top-m {
    padding-top: 1rem;
  }
  .padding-bottom-m {
    padding-bottom: 1rem;
  }
  .margin-m-x2 {
    margin: 2rem;
  }
  .margin-left-m-x2 {
    margin-left: 2rem;
  }
  .margin-right-m-x2 {
    margin-right: 2rem;
  }
  .margin-top-m-x2 {
    margin-top: 2rem;
  }
  .margin-bottom-m-x2 {
    margin-bottom: 2rem;
  }
  .padding-m-x2 {
    padding: 2rem;
  }
  .padding-left-m-x2 {
    padding-left: 2rem;
  }
  .padding-right-m-x2 {
    padding-right: 2rem;
  }
  .padding-top-m-x2 {
    padding-top: 2rem;
  }
  .padding-bottom-m-x2 {
    padding-bottom: 2rem;
  }
  .margin-m-x3 {
    margin: 3rem;
  }
  .margin-left-m-x3 {
    margin-left: 3rem;
  }
  .margin-right-m-x3 {
    margin-right: 3rem;
  }
  .margin-top-m-x3 {
    margin-top: 3rem;
  }
  .margin-bottom-m-x3 {
    margin-bottom: 3rem;
  }
  .padding-m-x3 {
    padding: 3rem;
  }
  .padding-left-m-x3 {
    padding-left: 3rem;
  }
  .padding-right-m-x3 {
    padding-right: 3rem;
  }
  .padding-top-m-x3 {
    padding-top: 3rem;
  }
  .padding-bottom-m-x3 {
    padding-bottom: 3rem;
  }
  .margin-m-x4 {
    margin: 4rem;
  }
  .margin-left-m-x4 {
    margin-left: 4rem;
  }
  .margin-right-m-x4 {
    margin-right: 4rem;
  }
  .margin-top-m-x4 {
    margin-top: 4rem;
  }
  .margin-bottom-m-x4 {
    margin-bottom: 4rem;
  }
  .padding-m-x4 {
    padding: 4rem;
  }
  .padding-left-m-x4 {
    padding-left: 4rem;
  }
  .padding-right-m-x4 {
    padding-right: 4rem;
  }
  .padding-top-m-x4 {
    padding-top: 4rem;
  }
  .padding-bottom-m-x4 {
    padding-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .margin-l-x05 {
    margin: 0.5rem;
  }
  .margin-left-l-x05 {
    margin-left: 0.5rem;
  }
  .margin-right-l-x05 {
    margin-right: 0.5rem;
  }
  .margin-top-l-x05 {
    margin-top: 0.5rem;
  }
  .margin-bottom-l-x05 {
    margin-bottom: 0.5rem;
  }
  .padding-l-x05 {
    padding: 0.5rem;
  }
  .padding-left-l-x05 {
    padding-left: 0.5rem;
  }
  .padding-right-l-x05 {
    padding-right: 0.5rem;
  }
  .padding-top-l-x05 {
    padding-top: 0.5rem;
  }
  .padding-bottom-l-x05 {
    padding-bottom: 0.5rem;
  }
  .margin-l-none {
    margin: 0;
  }
  .margin-left-l-none {
    margin-left: 0;
  }
  .margin-right-l-none {
    margin-right: 0;
  }
  .margin-top-l-none {
    margin-top: 0;
  }
  .margin-bottom-l-none {
    margin-bottom: 0;
  }
  .padding-l-none {
    padding: 0;
  }
  .padding-left-l-none {
    padding-left: 0;
  }
  .padding-right-l-none {
    padding-right: 0;
  }
  .padding-top-l-none {
    padding-top: 0;
  }
  .padding-bottom-l-none {
    padding-bottom: 0;
  }
  .margin-l {
    margin: 1rem;
  }
  .margin-left-l {
    margin-left: 1rem;
  }
  .margin-right-l {
    margin-right: 1rem;
  }
  .margin-top-l {
    margin-top: 1rem;
  }
  .margin-bottom-l {
    margin-bottom: 1rem;
  }
  .margin-auto-l {
    margin: auto;
  }
  .padding-l {
    padding: 1rem;
  }
  .padding-left-l {
    padding-left: 1rem;
  }
  .padding-right-l {
    padding-right: 1rem;
  }
  .padding-top-l {
    padding-top: 1rem;
  }
  .padding-bottom-l {
    padding-bottom: 1rem;
  }
  .margin-l-x2 {
    margin: 2rem;
  }
  .margin-left-l-x2 {
    margin-left: 2rem;
  }
  .margin-right-l-x2 {
    margin-right: 2rem;
  }
  .margin-top-l-x2 {
    margin-top: 2rem;
  }
  .margin-bottom-l-x2 {
    margin-bottom: 2rem;
  }
  .padding-l-x2 {
    padding: 2rem;
  }
  .padding-left-l-x2 {
    padding-left: 2rem;
  }
  .padding-right-l-x2 {
    padding-right: 2rem;
  }
  .padding-top-l-x2 {
    padding-top: 2rem;
  }
  .padding-bottom-l-x2 {
    padding-bottom: 2rem;
  }
  .margin-l-x3 {
    margin: 3rem;
  }
  .margin-left-l-x3 {
    margin-left: 3rem;
  }
  .margin-right-l-x3 {
    margin-right: 3rem;
  }
  .margin-top-l-x3 {
    margin-top: 3rem;
  }
  .margin-bottom-l-x3 {
    margin-bottom: 3rem;
  }
  .padding-l-x3 {
    padding: 3rem;
  }
  .padding-left-l-x3 {
    padding-left: 3rem;
  }
  .padding-right-l-x3 {
    padding-right: 3rem;
  }
  .padding-top-l-x3 {
    padding-top: 3rem;
  }
  .padding-bottom-l-x3 {
    padding-bottom: 3rem;
  }
  .margin-l-x4 {
    margin: 4rem;
  }
  .margin-left-l-x4 {
    margin-left: 4rem;
  }
  .margin-right-l-x4 {
    margin-right: 4rem;
  }
  .margin-top-l-x4 {
    margin-top: 4rem;
  }
  .margin-bottom-l-x4 {
    margin-bottom: 4rem;
  }
  .padding-l-x4 {
    padding: 4rem;
  }
  .padding-left-l-x4 {
    padding-left: 4rem;
  }
  .padding-right-l-x4 {
    padding-right: 4rem;
  }
  .padding-top-l-x4 {
    padding-top: 4rem;
  }
  .padding-bottom-l-x4 {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .margin-xl-x05 {
    margin: 0.5rem;
  }
  .margin-left-xl-x05 {
    margin-left: 0.5rem;
  }
  .margin-right-xl-x05 {
    margin-right: 0.5rem;
  }
  .margin-top-xl-x05 {
    margin-top: 0.5rem;
  }
  .margin-bottom-xl-x05 {
    margin-bottom: 0.5rem;
  }
  .padding-xl-x05 {
    padding: 0.5rem;
  }
  .padding-left-xl-x05 {
    padding-left: 0.5rem;
  }
  .padding-right-xl-x05 {
    padding-right: 0.5rem;
  }
  .padding-top-xl-x05 {
    padding-top: 0.5rem;
  }
  .padding-bottom-xl-x05 {
    padding-bottom: 0.5rem;
  }
  .margin-xl-none {
    margin: 0;
  }
  .margin-left-xl-none {
    margin-left: 0;
  }
  .margin-right-xl-none {
    margin-right: 0;
  }
  .margin-top-xl-none {
    margin-top: 0;
  }
  .margin-bottom-xl-none {
    margin-bottom: 0;
  }
  .padding-xl-none {
    padding: 0;
  }
  .padding-left-xl-none {
    padding-left: 0;
  }
  .padding-right-xl-none {
    padding-right: 0;
  }
  .padding-top-xl-none {
    padding-top: 0;
  }
  .padding-bottom-xl-none {
    padding-bottom: 0;
  }
  .margin-xl {
    margin: 1rem;
  }
  .margin-left-xl {
    margin-left: 1rem;
  }
  .margin-right-xl {
    margin-right: 1rem;
  }
  .margin-top-xl {
    margin-top: 1rem;
  }
  .margin-bottom-xl {
    margin-bottom: 1rem;
  }
  .margin-auto-xl {
    margin: auto;
  }
  .padding-xl {
    padding: 1rem;
  }
  .padding-left-xl {
    padding-left: 1rem;
  }
  .padding-right-xl {
    padding-right: 1rem;
  }
  .padding-top-xl {
    padding-top: 1rem;
  }
  .padding-bottom-xl {
    padding-bottom: 1rem;
  }
  .margin-xl-x2 {
    margin: 2rem;
  }
  .margin-left-xl-x2 {
    margin-left: 2rem;
  }
  .margin-right-xl-x2 {
    margin-right: 2rem;
  }
  .margin-top-xl-x2 {
    margin-top: 2rem;
  }
  .margin-bottom-xl-x2 {
    margin-bottom: 2rem;
  }
  .padding-xl-x2 {
    padding: 2rem;
  }
  .padding-left-xl-x2 {
    padding-left: 2rem;
  }
  .padding-right-xl-x2 {
    padding-right: 2rem;
  }
  .padding-top-xl-x2 {
    padding-top: 2rem;
  }
  .padding-bottom-xl-x2 {
    padding-bottom: 2rem;
  }
  .margin-xl-x3 {
    margin: 3rem;
  }
  .margin-left-xl-x3 {
    margin-left: 3rem;
  }
  .margin-right-xl-x3 {
    margin-right: 3rem;
  }
  .margin-top-xl-x3 {
    margin-top: 3rem;
  }
  .margin-bottom-xl-x3 {
    margin-bottom: 3rem;
  }
  .padding-xl-x3 {
    padding: 3rem;
  }
  .padding-left-xl-x3 {
    padding-left: 3rem;
  }
  .padding-right-xl-x3 {
    padding-right: 3rem;
  }
  .padding-top-xl-x3 {
    padding-top: 3rem;
  }
  .padding-bottom-xl-x3 {
    padding-bottom: 3rem;
  }
  .margin-xl-x4 {
    margin: 4rem;
  }
  .margin-left-xl-x4 {
    margin-left: 4rem;
  }
  .margin-right-xl-x4 {
    margin-right: 4rem;
  }
  .margin-top-xl-x4 {
    margin-top: 4rem;
  }
  .margin-bottom-xl-x4 {
    margin-bottom: 4rem;
  }
  .padding-xl-x4 {
    padding: 4rem;
  }
  .padding-left-xl-x4 {
    padding-left: 4rem;
  }
  .padding-right-xl-x4 {
    padding-right: 4rem;
  }
  .padding-top-xl-x4 {
    padding-top: 4rem;
  }
  .padding-bottom-xl-x4 {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1400px) {
  .margin-xxl-x05 {
    margin: 0.5rem;
  }
  .margin-left-xxl-x05 {
    margin-left: 0.5rem;
  }
  .margin-right-xxl-x05 {
    margin-right: 0.5rem;
  }
  .margin-top-xxl-x05 {
    margin-top: 0.5rem;
  }
  .margin-bottom-xxl-x05 {
    margin-bottom: 0.5rem;
  }
  .padding-xxl-x05 {
    padding: 0.5rem;
  }
  .padding-left-xxl-x05 {
    padding-left: 0.5rem;
  }
  .padding-right-xxl-x05 {
    padding-right: 0.5rem;
  }
  .padding-top-xxl-x05 {
    padding-top: 0.5rem;
  }
  .padding-bottom-xxl-x05 {
    padding-bottom: 0.5rem;
  }
  .margin-xxl-none {
    margin: 0;
  }
  .margin-left-xxl-none {
    margin-left: 0;
  }
  .margin-right-xxl-none {
    margin-right: 0;
  }
  .margin-top-xxl-none {
    margin-top: 0;
  }
  .margin-bottom-xxl-none {
    margin-bottom: 0;
  }
  .padding-xxl-none {
    padding: 0;
  }
  .padding-left-xxl-none {
    padding-left: 0;
  }
  .padding-right-xxl-none {
    padding-right: 0;
  }
  .padding-top-xxl-none {
    padding-top: 0;
  }
  .padding-bottom-xxl-none {
    padding-bottom: 0;
  }
  .margin-xxl {
    margin: 1rem;
  }
  .margin-left-xxl {
    margin-left: 1rem;
  }
  .margin-right-xxl {
    margin-right: 1rem;
  }
  .margin-top-xxl {
    margin-top: 1rem;
  }
  .margin-bottom-xxl {
    margin-bottom: 1rem;
  }
  .margin-auto-xxl {
    margin: auto;
  }
  .padding-xxl {
    padding: 1rem;
  }
  .padding-left-xxl {
    padding-left: 1rem;
  }
  .padding-right-xxl {
    padding-right: 1rem;
  }
  .padding-top-xxl {
    padding-top: 1rem;
  }
  .padding-bottom-xxl {
    padding-bottom: 1rem;
  }
  .margin-xxl-x2 {
    margin: 2rem;
  }
  .margin-left-xxl-x2 {
    margin-left: 2rem;
  }
  .margin-right-xxl-x2 {
    margin-right: 2rem;
  }
  .margin-top-xxl-x2 {
    margin-top: 2rem;
  }
  .margin-bottom-xxl-x2 {
    margin-bottom: 2rem;
  }
  .padding-xxl-x2 {
    padding: 2rem;
  }
  .padding-left-xxl-x2 {
    padding-left: 2rem;
  }
  .padding-right-xxl-x2 {
    padding-right: 2rem;
  }
  .padding-top-xxl-x2 {
    padding-top: 2rem;
  }
  .padding-bottom-xxl-x2 {
    padding-bottom: 2rem;
  }
  .margin-xxl-x3 {
    margin: 3rem;
  }
  .margin-left-xxl-x3 {
    margin-left: 3rem;
  }
  .margin-right-xxl-x3 {
    margin-right: 3rem;
  }
  .margin-top-xxl-x3 {
    margin-top: 3rem;
  }
  .margin-bottom-xxl-x3 {
    margin-bottom: 3rem;
  }
  .padding-xxl-x3 {
    padding: 3rem;
  }
  .padding-left-xxl-x3 {
    padding-left: 3rem;
  }
  .padding-right-xxl-x3 {
    padding-right: 3rem;
  }
  .padding-top-xxl-x3 {
    padding-top: 3rem;
  }
  .padding-bottom-xxl-x3 {
    padding-bottom: 3rem;
  }
  .margin-xxl-x4 {
    margin: 4rem;
  }
  .margin-left-xxl-x4 {
    margin-left: 4rem;
  }
  .margin-right-xxl-x4 {
    margin-right: 4rem;
  }
  .margin-top-xxl-x4 {
    margin-top: 4rem;
  }
  .margin-bottom-xxl-x4 {
    margin-bottom: 4rem;
  }
  .padding-xxl-x4 {
    padding: 4rem;
  }
  .padding-left-xxl-x4 {
    padding-left: 4rem;
  }
  .padding-right-xxl-x4 {
    padding-right: 4rem;
  }
  .padding-top-xxl-x4 {
    padding-top: 4rem;
  }
  .padding-bottom-xxl-x4 {
    padding-bottom: 4rem;
  }
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/Xreunion/_AxCore/fonts/material-icons/material-symbols-outlined.woff2") format("woff2"), url("/Xreunion/_AxCore/fonts/material-icons/material-symbols-outlined.woff") format("woff");
}
.icon-material-outlined, .icon-material {
  font-family: "Material Symbols Outlined";
}

@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/Xreunion/_AxCore/fonts/material-icons/material-symbols-rounded.woff2") format("woff2"), url("/Xreunion/_AxCore/fonts/material-icons/material-symbols-rounded.woff") format("woff");
}
.icon-material-rounded {
  font-family: "Material Symbols Rounded";
}

@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/Xreunion/_AxCore/fonts/material-icons/material-symbols-sharp.woff2") format("woff2"), url("/Xreunion/_AxCore/fonts/material-icons/material-symbols-sharp.woff") format("woff");
}
.icon-material-sharp {
  font-family: "Material Symbols Sharp";
}

.icon-material-outlined, .icon-material, .icon-material-rounded, .icon-material-sharp {
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

.text-bold, .text-hover-bold:hover {
  font-weight: 700;
}
.text-normal, .text-hover-normal:hover {
  font-weight: 400;
}
.text-thin {
  font-weight: 100;
}
.text-justify {
  text-align: justify;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-italic, .text-hover-italic:hover {
  font-style: italic;
}
.text-underline, .text-hover-underline:hover {
  text-decoration: underline;
}
.text-line-through, .text-hover-line-through:hover {
  text-decoration: line-through;
}
.text-uppercase, .text-hover-uppercase:hover {
  text-transform: uppercase;
}
.text-tiny, .text-hover-tiny:hover {
  font-size: 0.6rem;
}
.text-small, .text-hover-small:hover {
  font-size: 0.8rem;
}
.text-default {
  font-size: 1rem;
}
.text-big, .text-hover-big:hover {
  font-size: 1.2rem;
}
.text-large, .text-hover-large:hover {
  font-size: 1.4rem;
}
.text-xlarge, .text-hover-xlarge:hover {
  font-size: 1.6rem;
}
.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.text-18 {
  font-size: 18px;
}
.text-24 {
  font-size: 24px;
}
.text-36 {
  font-size: 36px;
}
.text-48 {
  font-size: 48px;
}
.text-64 {
  font-size: 64px;
}

.ls-default {
  letter-spacing: 0em;
}
.ls-000 {
  letter-spacing: 0em;
}
.ls-003 {
  letter-spacing: 0.03em;
}
.ls-006 {
  letter-spacing: 0.06em;
}
.ls-009 {
  letter-spacing: 0.09em;
}
.ls-010 {
  letter-spacing: 0.1em;
}
.ls-050 {
  letter-spacing: 0.5em;
}
.ls-100 {
  letter-spacing: 1em;
}

@media (min-width: 576px) {
  .text-s-bold {
    font-weight: 700;
  }
  .text-s-normal {
    font-weight: 400;
  }
  .text-s-thin {
    font-weight: 100;
  }
  .text-s-justify {
    text-align: justify;
  }
  .text-s-left {
    text-align: left;
  }
  .text-s-right {
    text-align: right;
  }
  .text-s-center {
    text-align: center;
  }
  .text-s-italic {
    font-style: italic;
  }
  .text-s-underline {
    text-decoration: underline;
  }
  .text-s-line-through {
    text-decoration: line-through;
  }
  .text-s-uppercase {
    text-transform: uppercase;
  }
  .text-s-tiny {
    font-size: 0.6rem;
  }
  .text-s-small {
    font-size: 0.8rem;
  }
  .text-s-default {
    font-size: 1rem;
  }
  .text-s-big {
    font-size: 1.2rem;
  }
  .text-s-large {
    font-size: 1.4rem;
  }
  .text-s-xlarge {
    font-size: 1.6rem;
  }
  .text-s-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-s-18 {
    font-size: 18px;
  }
  .text-s-24 {
    font-size: 24px;
  }
  .text-s-36 {
    font-size: 36px;
  }
  .text-s-48 {
    font-size: 48px;
  }
  .text-s-64 {
    font-size: 64px;
  }
}
@media (min-width: 768px) {
  .text-m-bold {
    font-weight: 700;
  }
  .text-m-normal {
    font-weight: 400;
  }
  .text-m-thin {
    font-weight: 100;
  }
  .text-m-justify {
    text-align: justify;
  }
  .text-m-left {
    text-align: left;
  }
  .text-m-right {
    text-align: right;
  }
  .text-m-center {
    text-align: center;
  }
  .text-m-italic {
    font-style: italic;
  }
  .text-m-underline {
    text-decoration: underline;
  }
  .text-m-line-through {
    text-decoration: line-through;
  }
  .text-m-uppercase {
    text-transform: uppercase;
  }
  .text-m-tiny {
    font-size: 0.6rem;
  }
  .text-m-small {
    font-size: 0.8rem;
  }
  .text-m-default {
    font-size: 1rem;
  }
  .text-m-big {
    font-size: 1.2rem;
  }
  .text-m-large {
    font-size: 1.4rem;
  }
  .text-m-xlarge {
    font-size: 1.6rem;
  }
  .text-m-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-m-18 {
    font-size: 18px;
  }
  .text-m-24 {
    font-size: 24px;
  }
  .text-m-36 {
    font-size: 36px;
  }
  .text-m-48 {
    font-size: 48px;
  }
  .text-m-64 {
    font-size: 64px;
  }
}
@media (min-width: 992px) {
  .text-l-bold {
    font-weight: 700;
  }
  .text-l-normal {
    font-weight: 400;
  }
  .text-l-thin {
    font-weight: 100;
  }
  .text-l-justify {
    text-align: justify;
  }
  .text-l-left {
    text-align: left;
  }
  .text-l-right {
    text-align: right;
  }
  .text-l-center {
    text-align: center;
  }
  .text-l-italic {
    font-style: italic;
  }
  .text-l-underline {
    text-decoration: underline;
  }
  .text-l-line-through {
    text-decoration: line-through;
  }
  .text-l-uppercase {
    text-transform: uppercase;
  }
  .text-l-tiny {
    font-size: 0.6rem;
  }
  .text-l-small {
    font-size: 0.8rem;
  }
  .text-l-default {
    font-size: 1rem;
  }
  .text-l-big {
    font-size: 1.2rem;
  }
  .text-l-large {
    font-size: 1.4rem;
  }
  .text-l-xlarge {
    font-size: 1.6rem;
  }
  .text-l-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-l-18 {
    font-size: 18px;
  }
  .text-l-24 {
    font-size: 24px;
  }
  .text-l-36 {
    font-size: 36px;
  }
  .text-l-48 {
    font-size: 48px;
  }
  .text-l-64 {
    font-size: 64px;
  }
}
@media (min-width: 1200px) {
  .text-xl-bold {
    font-weight: 700;
  }
  .text-xl-normal {
    font-weight: 400;
  }
  .text-xl-thin {
    font-weight: 100;
  }
  .text-xl-justify {
    text-align: justify;
  }
  .text-xl-left {
    text-align: left;
  }
  .text-xl-right {
    text-align: right;
  }
  .text-xl-center {
    text-align: center;
  }
  .text-xl-italic {
    font-style: italic;
  }
  .text-xl-underline {
    text-decoration: underline;
  }
  .text-xl-line-through {
    text-decoration: line-through;
  }
  .text-xl-uppercase {
    text-transform: uppercase;
  }
  .text-xl-tiny {
    font-size: 0.6rem;
  }
  .text-xl-small {
    font-size: 0.8rem;
  }
  .text-xl-default {
    font-size: 1rem;
  }
  .text-xl-big {
    font-size: 1.2rem;
  }
  .text-xl-large {
    font-size: 1.4rem;
  }
  .text-xl-xlarge {
    font-size: 1.6rem;
  }
  .text-xl-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-xl-18 {
    font-size: 18px;
  }
  .text-xl-24 {
    font-size: 24px;
  }
  .text-xl-36 {
    font-size: 36px;
  }
  .text-xl-48 {
    font-size: 48px;
  }
  .text-xl-64 {
    font-size: 64px;
  }
}
@media (min-width: 1400px) {
  .text-xxl-bold {
    font-weight: 700;
  }
  .text-xxl-normal {
    font-weight: 400;
  }
  .text-xxl-thin {
    font-weight: 100;
  }
  .text-xxl-justify {
    text-align: justify;
  }
  .text-xxl-left {
    text-align: left;
  }
  .text-xxl-right {
    text-align: right;
  }
  .text-xxl-center {
    text-align: center;
  }
  .text-xxl-italic {
    font-style: italic;
  }
  .text-xxl-underline {
    text-decoration: underline;
  }
  .text-xxl-line-through {
    text-decoration: line-through;
  }
  .text-xxl-uppercase {
    text-transform: uppercase;
  }
  .text-xxl-tiny {
    font-size: 0.6rem;
  }
  .text-xxl-small {
    font-size: 0.8rem;
  }
  .text-xxl-default {
    font-size: 1rem;
  }
  .text-xxl-big {
    font-size: 1.2rem;
  }
  .text-xxl-large {
    font-size: 1.4rem;
  }
  .text-xxl-xlarge {
    font-size: 1.6rem;
  }
  .text-xxl-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-xxl-18 {
    font-size: 18px;
  }
  .text-xxl-24 {
    font-size: 24px;
  }
  .text-xxl-36 {
    font-size: 36px;
  }
  .text-xxl-48 {
    font-size: 48px;
  }
  .text-xxl-64 {
    font-size: 64px;
  }
}
.text-fill-1 {
  font-variation-settings: "FILL" 1;
}

.text-fill-0 {
  font-variation-settings: "FILL" 0;
}

.bck-nth-even-light > *:nth-child(even) {
  background-color: rgba(150, 150, 150, 0.08);
}

.bck-nth-even-dark > *:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.1);
}

.color-white {
  color: #ffffff;
}

.color-black {
  color: #000000;
}

.bck-black {
  background-color: #000000;
}

.bck-white {
  background-color: #ffffff;
}

.color-theme {
  color: #AF7AC5;
}

.color-theme-lighten {
  color: #dac1e4;
}

.color-theme-darken {
  color: #7e4297;
}

.color-theme-saturate {
  color: #b767d8;
}

.color-theme-desaturate {
  color: #a78db2;
}

.bck-theme {
  background-color: #AF7AC5;
}

.bck-theme-lighten {
  background-color: #dac1e4;
}

.bck-theme-darken {
  background-color: #7e4297;
}

.bck-theme-saturate {
  background-color: #b767d8;
}

.bck-theme-desaturate {
  background-color: #a78db2;
}

.color-hover-theme:hover {
  color: #AF7AC5 !important;
}

.color-hover-theme-lighten:hover {
  color: #dac1e4 !important;
}

.color-hover-theme-darken:hover {
  color: #7e4297 !important;
}

.color-hover-theme-saturate:hover {
  color: #b767d8 !important;
}

.color-hover-theme-desaturate:hover {
  color: #a78db2 !important;
}

.bck-hover-theme:hover {
  background-color: #AF7AC5 !important;
}

.bck-hover-theme-lighten:hover {
  background-color: #dac1e4 !important;
}

.bck-hover-theme-darken:hover {
  background-color: #7e4297 !important;
}

.bck-hover-theme-saturate:hover {
  background-color: #b767d8 !important;
}

.bck-hover-theme-desaturate:hover {
  background-color: #a78db2 !important;
}

.color-theme-secondary {
  color: #F4D03F;
}

.color-theme-secondary-lighten {
  color: #fae89f;
}

.color-theme-secondary-darken {
  color: #c29e0b;
}

.color-theme-secondary-saturate {
  color: #ffd734;
}

.color-theme-secondary-desaturate {
  color: #e0c453;
}

.bck-theme-secondary {
  background-color: #F4D03F;
}

.bck-theme-secondary-lighten {
  background-color: #fae89f;
}

.bck-theme-secondary-darken {
  background-color: #c29e0b;
}

.bck-theme-secondary-saturate {
  background-color: #ffd734;
}

.bck-theme-secondary-desaturate {
  background-color: #e0c453;
}

.color-hover-theme-secondary:hover {
  color: #F4D03F !important;
}

.color-hover-theme-secondary-lighten:hover {
  color: #fae89f !important;
}

.color-hover-theme-secondary-darken:hover {
  color: #c29e0b !important;
}

.color-hover-theme-secondary-saturate:hover {
  color: #ffd734 !important;
}

.color-hover-theme-secondary-desaturate:hover {
  color: #e0c453 !important;
}

.bck-hover-theme-secondary:hover {
  background-color: #F4D03F !important;
}

.bck-hover-theme-secondary-lighten:hover {
  background-color: #fae89f !important;
}

.bck-hover-theme-secondary-darken:hover {
  background-color: #c29e0b !important;
}

.bck-hover-theme-secondary-saturate:hover {
  background-color: #ffd734 !important;
}

.bck-hover-theme-secondary-desaturate:hover {
  background-color: #e0c453 !important;
}

.color-conf {
  color: #5cb85c;
}

.color-conf-lighten {
  color: #c7e6c7;
}

.color-conf-darken {
  color: #357935;
}

.color-conf-saturate {
  color: #45cf45;
}

.color-conf-desaturate {
  color: #73a173;
}

.bck-conf {
  background-color: #5cb85c;
}

.bck-conf-lighten {
  background-color: #c7e6c7;
}

.bck-conf-darken {
  background-color: #357935;
}

.bck-conf-saturate {
  background-color: #45cf45;
}

.bck-conf-desaturate {
  background-color: #73a173;
}

.color-hover-conf:hover {
  color: #5cb85c !important;
}

.color-hover-conf-lighten:hover {
  color: #c7e6c7 !important;
}

.color-hover-conf-darken:hover {
  color: #357935 !important;
}

.color-hover-conf-saturate:hover {
  color: #45cf45 !important;
}

.color-hover-conf-desaturate:hover {
  color: #73a173 !important;
}

.bck-hover-conf:hover {
  background-color: #5cb85c !important;
}

.bck-hover-conf-lighten:hover {
  background-color: #c7e6c7 !important;
}

.bck-hover-conf-darken:hover {
  background-color: #357935 !important;
}

.bck-hover-conf-saturate:hover {
  background-color: #45cf45 !important;
}

.bck-hover-conf-desaturate:hover {
  background-color: #73a173 !important;
}

.color-warn {
  color: #f0ad4e;
}

.color-warn-lighten {
  color: #fceedb;
}

.color-warn-darken {
  color: #c77c11;
}

.color-warn-saturate {
  color: #ffb03f;
}

.color-warn-desaturate {
  color: #ddaa61;
}

.bck-warn {
  background-color: #f0ad4e;
}

.bck-warn-lighten {
  background-color: #fceedb;
}

.bck-warn-darken {
  background-color: #c77c11;
}

.bck-warn-saturate {
  background-color: #ffb03f;
}

.bck-warn-desaturate {
  background-color: #ddaa61;
}

.color-hover-warn:hover {
  color: #f0ad4e !important;
}

.color-hover-warn-lighten:hover {
  color: #fceedb !important;
}

.color-hover-warn-darken:hover {
  color: #c77c11 !important;
}

.color-hover-warn-saturate:hover {
  color: #ffb03f !important;
}

.color-hover-warn-desaturate:hover {
  color: #ddaa61 !important;
}

.bck-hover-warn:hover {
  background-color: #f0ad4e !important;
}

.bck-hover-warn-lighten:hover {
  background-color: #fceedb !important;
}

.bck-hover-warn-darken:hover {
  background-color: #c77c11 !important;
}

.bck-hover-warn-saturate:hover {
  background-color: #ffb03f !important;
}

.bck-hover-warn-desaturate:hover {
  background-color: #ddaa61 !important;
}

.color-err {
  color: #d9534f;
}

.color-err-lighten {
  color: #f4cecd;
}

.color-err-darken {
  color: #a02622;
}

.color-err-saturate {
  color: #ee3f3a;
}

.color-err-desaturate {
  color: #c46764;
}

.bck-err {
  background-color: #d9534f;
}

.bck-err-lighten {
  background-color: #f4cecd;
}

.bck-err-darken {
  background-color: #a02622;
}

.bck-err-saturate {
  background-color: #ee3f3a;
}

.bck-err-desaturate {
  background-color: #c46764;
}

.color-hover-err:hover {
  color: #d9534f !important;
}

.color-hover-err-lighten:hover {
  color: #f4cecd !important;
}

.color-hover-err-darken:hover {
  color: #a02622 !important;
}

.color-hover-err-saturate:hover {
  color: #ee3f3a !important;
}

.color-hover-err-desaturate:hover {
  color: #c46764 !important;
}

.bck-hover-err:hover {
  background-color: #d9534f !important;
}

.bck-hover-err-lighten:hover {
  background-color: #f4cecd !important;
}

.bck-hover-err-darken:hover {
  background-color: #a02622 !important;
}

.bck-hover-err-saturate:hover {
  background-color: #ee3f3a !important;
}

.bck-hover-err-desaturate:hover {
  background-color: #c46764 !important;
}

.color-info {
  color: #5bc0de;
}

.color-info-lighten {
  color: #daf1f8;
}

.color-info-darken {
  color: #2390b0;
}

.color-info-saturate {
  color: #47cbf2;
}

.color-info-desaturate {
  color: #6fb5ca;
}

.bck-info {
  background-color: #5bc0de;
}

.bck-info-lighten {
  background-color: #daf1f8;
}

.bck-info-darken {
  background-color: #2390b0;
}

.bck-info-saturate {
  background-color: #47cbf2;
}

.bck-info-desaturate {
  background-color: #6fb5ca;
}

.color-hover-info:hover {
  color: #5bc0de !important;
}

.color-hover-info-lighten:hover {
  color: #daf1f8 !important;
}

.color-hover-info-darken:hover {
  color: #2390b0 !important;
}

.color-hover-info-saturate:hover {
  color: #47cbf2 !important;
}

.color-hover-info-desaturate:hover {
  color: #6fb5ca !important;
}

.bck-hover-info:hover {
  background-color: #5bc0de !important;
}

.bck-hover-info-lighten:hover {
  background-color: #daf1f8 !important;
}

.bck-hover-info-darken:hover {
  background-color: #2390b0 !important;
}

.bck-hover-info-saturate:hover {
  background-color: #47cbf2 !important;
}

.bck-hover-info-desaturate:hover {
  background-color: #6fb5ca !important;
}

.color-grey {
  color: #858585;
}

.color-grey-lighten {
  color: #ebebeb;
}

.color-grey-darken {
  color: #6c6c6c;
}

.color-grey-saturate {
  color: #9d6d6d;
}

.color-grey-desaturate {
  color: #858585;
}

.bck-grey {
  background-color: #858585;
}

.bck-grey-lighten {
  background-color: #ebebeb;
}

.bck-grey-darken {
  background-color: #6c6c6c;
}

.bck-grey-saturate {
  background-color: #9d6d6d;
}

.bck-grey-desaturate {
  background-color: #858585;
}

.color-hover-grey:hover {
  color: #858585 !important;
}

.color-hover-grey-lighten:hover {
  color: #ebebeb !important;
}

.color-hover-grey-darken:hover {
  color: #6c6c6c !important;
}

.color-hover-grey-saturate:hover {
  color: #9d6d6d !important;
}

.color-hover-grey-desaturate:hover {
  color: #858585 !important;
}

.bck-hover-grey:hover {
  background-color: #858585 !important;
}

.bck-hover-grey-lighten:hover {
  background-color: #ebebeb !important;
}

.bck-hover-grey-darken:hover {
  background-color: #6c6c6c !important;
}

.bck-hover-grey-saturate:hover {
  background-color: #9d6d6d !important;
}

.bck-hover-grey-desaturate:hover {
  background-color: #858585 !important;
}

.input-bordered input[type=date]::-webkit-inner-spin-button,
.input-bordered input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  display: none;
}
.input-bordered input[type=date]::-webkit-calendar-picker-indicator {
  line-height: 0rem;
}
.input-bordered input, .input-bordered select {
  height: 2.5em;
}
.input-bordered input, .input-bordered textarea, .input-bordered select, .input-bordered ax-autocomplete, .input-bordered ax-autocomplete-multiple {
  font-size: 1em;
  line-height: 1.3em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  background-color: #fff;
  color: #282a2c;
  border: 2px solid #6c6c6c;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  width: 100%;
  border-radius: 2px;
  transition: border-color 400ms;
  padding: 0 0.25em;
}
.input-bordered input[readonly], .input-bordered input[readonly]:focus, .input-bordered textarea[readonly], .input-bordered textarea[readonly]:focus, .input-bordered select[readonly], .input-bordered select[readonly]:focus, .input-bordered ax-autocomplete[readonly], .input-bordered ax-autocomplete[readonly]:focus, .input-bordered ax-autocomplete-multiple[readonly], .input-bordered ax-autocomplete-multiple[readonly]:focus {
  color: rgba(0, 0, 0, 0.38) !important;
  border: 2px solid rgba(0, 0, 0, 0.38) !important;
  cursor: not-allowed !important;
}
.input-bordered input[disabled], .input-bordered input[disabled]:focus, .input-bordered textarea[disabled], .input-bordered textarea[disabled]:focus, .input-bordered select[disabled], .input-bordered select[disabled]:focus, .input-bordered ax-autocomplete[disabled], .input-bordered ax-autocomplete[disabled]:focus, .input-bordered ax-autocomplete-multiple[disabled], .input-bordered ax-autocomplete-multiple[disabled]:focus {
  color: rgba(0, 0, 0, 0.38);
  border: 2px solid rgba(0, 0, 0, 0.38) !important;
  cursor: not-allowed !important;
}
.input-bordered input::-moz-placeholder, .input-bordered textarea::-moz-placeholder, .input-bordered select::-moz-placeholder, .input-bordered ax-autocomplete::-moz-placeholder, .input-bordered ax-autocomplete-multiple::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.input-bordered input::placeholder, .input-bordered textarea::placeholder, .input-bordered select::placeholder, .input-bordered ax-autocomplete::placeholder, .input-bordered ax-autocomplete-multiple::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.input-bordered input:-moz-placeholder-shown, .input-bordered textarea:-moz-placeholder-shown, .input-bordered select:-moz-placeholder-shown, .input-bordered ax-autocomplete:-moz-placeholder-shown, .input-bordered ax-autocomplete-multiple:-moz-placeholder-shown {
  color: rgba(0, 0, 0, 0.4);
}
.input-bordered input:placeholder-shown, .input-bordered textarea:placeholder-shown, .input-bordered select:placeholder-shown, .input-bordered ax-autocomplete:placeholder-shown, .input-bordered ax-autocomplete-multiple:placeholder-shown {
  color: rgba(0, 0, 0, 0.4);
}
.input-bordered textarea {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
.input-bordered.input-group {
  display: flex;
  flex-wrap: wrap;
  min-width: 100px;
}
.input-bordered.input-group .group-addon, .input-bordered.input-group .group-addon-prepend, .input-bordered.input-group .group-addon-append {
  line-height: 2.5em;
  padding: 0 12px;
  text-align: center;
  transition: border-color 400ms, background-color 400ms;
}
.input-bordered.input-group span.group-addon, .input-bordered.input-group span.group-addon-prepend, .input-bordered.input-group span.group-addon-append {
  background-color: #6c6c6c;
  color: white;
}
.input-bordered.input-group.group-prepend .group-addon {
  border-radius: 2px 0 0 2px;
  border-right: none;
  order: 2;
}
.input-bordered.input-group.group-append .group-addon {
  border-radius: 0 2px 2px 0;
  border-left: none;
  order: 4;
}
.input-bordered.input-group.group-around .group-addon-prepend {
  border-radius: 2px 0 0 2px;
  border-right: none;
  order: 2;
}
.input-bordered.input-group.group-around .group-addon-append {
  border-radius: 0 2px 2px 0;
  border-left: none;
  order: 4;
}
.input-bordered.input-group label {
  width: 100%;
  order: 1;
}
.input-bordered.input-group input, .input-bordered.input-group textarea, .input-bordered.input-group select, .input-bordered.input-group ax-autocomplete, .input-bordered.input-group ax-autocomplete-multiple {
  width: 1px;
  flex-grow: 1;
  min-width: 10px;
  order: 3;
}
.input-bordered.input-group.group-prepend input, .input-bordered.input-group.group-around input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-bordered.input-group.group-append input, .input-bordered.input-group.group-around input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-bordered.input-theme input, .input-bordered.input-theme textarea, .input-bordered.input-theme select, .input-bordered.input-theme ax-autocomplete, .input-bordered.input-theme ax-autocomplete-multiple {
  border-color: #AF7AC5;
}
.input-bordered.input-theme.group-append span.group-addon, .input-bordered.input-theme.group-append span.group-addon-prepend, .input-bordered.input-theme.group-append span.group-addon-append, .input-bordered.input-theme.group-prepend span.group-addon, .input-bordered.input-theme.group-prepend span.group-addon-prepend, .input-bordered.input-theme.group-prepend span.group-addon-append, .input-bordered.input-theme.group-around span.group-addon, .input-bordered.input-theme.group-around span.group-addon-prepend, .input-bordered.input-theme.group-around span.group-addon-append {
  border-color: #AF7AC5;
  background-color: #AF7AC5;
}
.input-bordered.input-focus-theme input:focus, .input-bordered.input-focus-theme textarea:focus, .input-bordered.input-focus-theme select:focus {
  border-color: #AF7AC5;
}
.input-bordered.input-focus-theme input:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme input:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme input:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-theme textarea:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme textarea:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme textarea:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-theme select:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme select:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme select:focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #AF7AC5;
  border-color: #AF7AC5;
}
.input-bordered.input-focus-theme ax-autocomplete.focus, .input-bordered.input-focus-theme ax-autocomplete-multiple.focus {
  border-color: #AF7AC5;
}
.input-bordered.input-focus-theme ax-autocomplete.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme ax-autocomplete.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme ax-autocomplete.focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-theme ax-autocomplete-multiple.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme ax-autocomplete-multiple.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme ax-autocomplete-multiple.focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #AF7AC5;
  border-color: #AF7AC5;
}
.input-bordered.input-theme-secondary input, .input-bordered.input-theme-secondary textarea, .input-bordered.input-theme-secondary select, .input-bordered.input-theme-secondary ax-autocomplete, .input-bordered.input-theme-secondary ax-autocomplete-multiple {
  border-color: #F4D03F;
}
.input-bordered.input-theme-secondary.group-append span.group-addon, .input-bordered.input-theme-secondary.group-append span.group-addon-prepend, .input-bordered.input-theme-secondary.group-append span.group-addon-append, .input-bordered.input-theme-secondary.group-prepend span.group-addon, .input-bordered.input-theme-secondary.group-prepend span.group-addon-prepend, .input-bordered.input-theme-secondary.group-prepend span.group-addon-append, .input-bordered.input-theme-secondary.group-around span.group-addon, .input-bordered.input-theme-secondary.group-around span.group-addon-prepend, .input-bordered.input-theme-secondary.group-around span.group-addon-append {
  border-color: #F4D03F;
  background-color: #F4D03F;
}
.input-bordered.input-focus-theme-secondary input:focus, .input-bordered.input-focus-theme-secondary textarea:focus, .input-bordered.input-focus-theme-secondary select:focus {
  border-color: #F4D03F;
}
.input-bordered.input-focus-theme-secondary input:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary input:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary input:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary textarea:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary textarea:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary textarea:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary select:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary select:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary select:focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #F4D03F;
  border-color: #F4D03F;
}
.input-bordered.input-focus-theme-secondary ax-autocomplete.focus, .input-bordered.input-focus-theme-secondary ax-autocomplete-multiple.focus {
  border-color: #F4D03F;
}
.input-bordered.input-focus-theme-secondary ax-autocomplete.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary ax-autocomplete.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary ax-autocomplete.focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary ax-autocomplete-multiple.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary ax-autocomplete-multiple.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-theme-secondary ax-autocomplete-multiple.focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #F4D03F;
  border-color: #F4D03F;
}
.input-bordered.input-conf input, .input-bordered.input-conf textarea, .input-bordered.input-conf select, .input-bordered.input-conf ax-autocomplete, .input-bordered.input-conf ax-autocomplete-multiple {
  border-color: #5cb85c;
}
.input-bordered.input-conf.group-append span.group-addon, .input-bordered.input-conf.group-append span.group-addon-prepend, .input-bordered.input-conf.group-append span.group-addon-append, .input-bordered.input-conf.group-prepend span.group-addon, .input-bordered.input-conf.group-prepend span.group-addon-prepend, .input-bordered.input-conf.group-prepend span.group-addon-append, .input-bordered.input-conf.group-around span.group-addon, .input-bordered.input-conf.group-around span.group-addon-prepend, .input-bordered.input-conf.group-around span.group-addon-append {
  border-color: #5cb85c;
  background-color: #5cb85c;
}
.input-bordered.input-focus-conf input:focus, .input-bordered.input-focus-conf textarea:focus, .input-bordered.input-focus-conf select:focus {
  border-color: #5cb85c;
}
.input-bordered.input-focus-conf input:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-conf input:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-conf input:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-conf textarea:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-conf textarea:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-conf textarea:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-conf select:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-conf select:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-conf select:focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.input-bordered.input-focus-conf ax-autocomplete.focus, .input-bordered.input-focus-conf ax-autocomplete-multiple.focus {
  border-color: #5cb85c;
}
.input-bordered.input-focus-conf ax-autocomplete.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-conf ax-autocomplete.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-conf ax-autocomplete.focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-conf ax-autocomplete-multiple.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-conf ax-autocomplete-multiple.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-conf ax-autocomplete-multiple.focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.input-bordered.input-warn input, .input-bordered.input-warn textarea, .input-bordered.input-warn select, .input-bordered.input-warn ax-autocomplete, .input-bordered.input-warn ax-autocomplete-multiple {
  border-color: #f0ad4e;
}
.input-bordered.input-warn.group-append span.group-addon, .input-bordered.input-warn.group-append span.group-addon-prepend, .input-bordered.input-warn.group-append span.group-addon-append, .input-bordered.input-warn.group-prepend span.group-addon, .input-bordered.input-warn.group-prepend span.group-addon-prepend, .input-bordered.input-warn.group-prepend span.group-addon-append, .input-bordered.input-warn.group-around span.group-addon, .input-bordered.input-warn.group-around span.group-addon-prepend, .input-bordered.input-warn.group-around span.group-addon-append {
  border-color: #f0ad4e;
  background-color: #f0ad4e;
}
.input-bordered.input-focus-warn input:focus, .input-bordered.input-focus-warn textarea:focus, .input-bordered.input-focus-warn select:focus {
  border-color: #f0ad4e;
}
.input-bordered.input-focus-warn input:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-warn input:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-warn input:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-warn textarea:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-warn textarea:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-warn textarea:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-warn select:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-warn select:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-warn select:focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.input-bordered.input-focus-warn ax-autocomplete.focus, .input-bordered.input-focus-warn ax-autocomplete-multiple.focus {
  border-color: #f0ad4e;
}
.input-bordered.input-focus-warn ax-autocomplete.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-warn ax-autocomplete.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-warn ax-autocomplete.focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-warn ax-autocomplete-multiple.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-warn ax-autocomplete-multiple.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-warn ax-autocomplete-multiple.focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.input-bordered.input-err input, .input-bordered.input-err textarea, .input-bordered.input-err select, .input-bordered.input-err ax-autocomplete, .input-bordered.input-err ax-autocomplete-multiple {
  border-color: #d9534f;
}
.input-bordered.input-err.group-append span.group-addon, .input-bordered.input-err.group-append span.group-addon-prepend, .input-bordered.input-err.group-append span.group-addon-append, .input-bordered.input-err.group-prepend span.group-addon, .input-bordered.input-err.group-prepend span.group-addon-prepend, .input-bordered.input-err.group-prepend span.group-addon-append, .input-bordered.input-err.group-around span.group-addon, .input-bordered.input-err.group-around span.group-addon-prepend, .input-bordered.input-err.group-around span.group-addon-append {
  border-color: #d9534f;
  background-color: #d9534f;
}
.input-bordered.input-focus-err input:focus, .input-bordered.input-focus-err textarea:focus, .input-bordered.input-focus-err select:focus {
  border-color: #d9534f;
}
.input-bordered.input-focus-err input:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-err input:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-err input:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-err textarea:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-err textarea:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-err textarea:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-err select:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-err select:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-err select:focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #d9534f;
  border-color: #d9534f;
}
.input-bordered.input-focus-err ax-autocomplete.focus, .input-bordered.input-focus-err ax-autocomplete-multiple.focus {
  border-color: #d9534f;
}
.input-bordered.input-focus-err ax-autocomplete.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-err ax-autocomplete.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-err ax-autocomplete.focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-err ax-autocomplete-multiple.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-err ax-autocomplete-multiple.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-err ax-autocomplete-multiple.focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #d9534f;
  border-color: #d9534f;
}
.input-bordered.input-info input, .input-bordered.input-info textarea, .input-bordered.input-info select, .input-bordered.input-info ax-autocomplete, .input-bordered.input-info ax-autocomplete-multiple {
  border-color: #5bc0de;
}
.input-bordered.input-info.group-append span.group-addon, .input-bordered.input-info.group-append span.group-addon-prepend, .input-bordered.input-info.group-append span.group-addon-append, .input-bordered.input-info.group-prepend span.group-addon, .input-bordered.input-info.group-prepend span.group-addon-prepend, .input-bordered.input-info.group-prepend span.group-addon-append, .input-bordered.input-info.group-around span.group-addon, .input-bordered.input-info.group-around span.group-addon-prepend, .input-bordered.input-info.group-around span.group-addon-append {
  border-color: #5bc0de;
  background-color: #5bc0de;
}
.input-bordered.input-focus-info input:focus, .input-bordered.input-focus-info textarea:focus, .input-bordered.input-focus-info select:focus {
  border-color: #5bc0de;
}
.input-bordered.input-focus-info input:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-info input:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-info input:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-info textarea:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-info textarea:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-info textarea:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-info select:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-info select:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-info select:focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.input-bordered.input-focus-info ax-autocomplete.focus, .input-bordered.input-focus-info ax-autocomplete-multiple.focus {
  border-color: #5bc0de;
}
.input-bordered.input-focus-info ax-autocomplete.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-info ax-autocomplete.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-info ax-autocomplete.focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-info ax-autocomplete-multiple.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-info ax-autocomplete-multiple.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-info ax-autocomplete-multiple.focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.input-bordered.input-grey input, .input-bordered.input-grey textarea, .input-bordered.input-grey select, .input-bordered.input-grey ax-autocomplete, .input-bordered.input-grey ax-autocomplete-multiple {
  border-color: #858585;
}
.input-bordered.input-grey.group-append span.group-addon, .input-bordered.input-grey.group-append span.group-addon-prepend, .input-bordered.input-grey.group-append span.group-addon-append, .input-bordered.input-grey.group-prepend span.group-addon, .input-bordered.input-grey.group-prepend span.group-addon-prepend, .input-bordered.input-grey.group-prepend span.group-addon-append, .input-bordered.input-grey.group-around span.group-addon, .input-bordered.input-grey.group-around span.group-addon-prepend, .input-bordered.input-grey.group-around span.group-addon-append {
  border-color: #858585;
  background-color: #858585;
}
.input-bordered.input-focus-grey input:focus, .input-bordered.input-focus-grey textarea:focus, .input-bordered.input-focus-grey select:focus {
  border-color: #858585;
}
.input-bordered.input-focus-grey input:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-grey input:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-grey input:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-grey textarea:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-grey textarea:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-grey textarea:focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-grey select:focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-grey select:focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-grey select:focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #858585;
  border-color: #858585;
}
.input-bordered.input-focus-grey ax-autocomplete.focus, .input-bordered.input-focus-grey ax-autocomplete-multiple.focus {
  border-color: #858585;
}
.input-bordered.input-focus-grey ax-autocomplete.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-grey ax-autocomplete.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-grey ax-autocomplete.focus ~ .group-addon-append.group-addon-focus-inherit, .input-bordered.input-focus-grey ax-autocomplete-multiple.focus ~ .group-addon.group-addon-focus-inherit, .input-bordered.input-focus-grey ax-autocomplete-multiple.focus ~ .group-addon-prepend.group-addon-focus-inherit, .input-bordered.input-focus-grey ax-autocomplete-multiple.focus ~ .group-addon-append.group-addon-focus-inherit {
  background-color: #858585;
  border-color: #858585;
}
.input-bordered select {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat;
  background-size: 20px 25px;
  background-position: 99% 50%;
}
.input-bordered select::-ms-expand {
  display: none;
}

.checkbox-bordered {
  position: relative;
  text-align: left;
  line-height: 1.3em;
}
.checkbox-bordered label {
  cursor: pointer;
  margin-left: 0.3em;
}
.checkbox-bordered label::before, .checkbox-bordered label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox-bordered label::before {
  width: 1.5em;
  height: 1.5em;
  background: #fff;
  border: 2px solid #6c6c6c;
  border-radius: 2px;
  cursor: pointer;
  transition: background 0.3s;
}
.checkbox-bordered input[type=checkbox] {
  visibility: hidden;
  font-size: inherit;
  width: 1.5em;
}
.checkbox-bordered input[type=checkbox]:checked + label:before {
  border: none;
  background: #000000;
}
.checkbox-bordered input[type=checkbox]:checked + label:after {
  transform: rotate(-45deg);
  top: 0.31em;
  left: 0.315em;
  width: 1em;
  height: 0.5em;
  border: 2px solid #fff;
  border-top-style: none;
  border-right-style: none;
}
.checkbox-bordered input[type=checkbox]:disabled + label, .checkbox-bordered input[type=checkbox]:disabled:checked + label {
  cursor: not-allowed !important;
  color: rgba(0, 0, 0, 0.38) !important;
}
.checkbox-bordered input[type=checkbox]:disabled + label:before, .checkbox-bordered input[type=checkbox]:disabled:checked + label:before {
  border-color: rgba(0, 0, 0, 0.38) !important;
  cursor: not-allowed !important;
}
.checkbox-bordered.checkbox-theme input[type=checkbox] + label::before {
  border-color: #AF7AC5;
}
.checkbox-bordered.checkbox-checked-theme input[type=checkbox]:checked + label::before {
  background: #AF7AC5;
}
.checkbox-bordered.checkbox-theme-secondary input[type=checkbox] + label::before {
  border-color: #F4D03F;
}
.checkbox-bordered.checkbox-checked-theme-secondary input[type=checkbox]:checked + label::before {
  background: #F4D03F;
}
.checkbox-bordered.checkbox-conf input[type=checkbox] + label::before {
  border-color: #5cb85c;
}
.checkbox-bordered.checkbox-checked-conf input[type=checkbox]:checked + label::before {
  background: #5cb85c;
}
.checkbox-bordered.checkbox-warn input[type=checkbox] + label::before {
  border-color: #f0ad4e;
}
.checkbox-bordered.checkbox-checked-warn input[type=checkbox]:checked + label::before {
  background: #f0ad4e;
}
.checkbox-bordered.checkbox-err input[type=checkbox] + label::before {
  border-color: #d9534f;
}
.checkbox-bordered.checkbox-checked-err input[type=checkbox]:checked + label::before {
  background: #d9534f;
}
.checkbox-bordered.checkbox-info input[type=checkbox] + label::before {
  border-color: #5bc0de;
}
.checkbox-bordered.checkbox-checked-info input[type=checkbox]:checked + label::before {
  background: #5bc0de;
}
.checkbox-bordered.checkbox-grey input[type=checkbox] + label::before {
  border-color: #858585;
}
.checkbox-bordered.checkbox-checked-grey input[type=checkbox]:checked + label::before {
  background: #858585;
}

@keyframes rippleRadio {
  0% {
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
  }
  50% {
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
  }
}
.radio-bordered {
  line-height: 1.3em;
}
.radio-bordered input[type=radio] {
  display: none;
}
.radio-bordered input[type=radio]:checked + label:after {
  transform: scale(1);
}
.radio-bordered input[type=radio]:checked + label:before {
  border: 2px solid #000000;
  animation: rippleRadio 0.2s linear forwards;
}
.radio-bordered input[type=radio]:disabled + label {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.38);
}
.radio-bordered input[type=radio]:disabled + label:after {
  background: rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
}
.radio-bordered input[type=radio]:disabled + label:before {
  border: 2px solid rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
}
.radio-bordered label {
  display: inline-block;
  /*height: 20px;*/
  position: relative;
  padding: 0 0 0 2.1em;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
}
.radio-bordered label:before, .radio-bordered label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all 0.3s ease;
  transition-property: transform, border-color;
}
.radio-bordered label:before {
  left: 0;
  top: 0;
  width: 1.5em;
  height: 1.5em;
  border: 2px solid rgba(0, 0, 0, 0.54);
}
.radio-bordered label:after {
  top: 0.31em;
  left: 0.315em;
  width: 0.9em;
  height: 0.9em;
  transform: scale(0);
  background: #000000;
}
.radio-bordered.radio-theme input[type=radio] + label:before {
  border: 2px solid #AF7AC5;
}
.radio-bordered.radio-checked-theme input[type=radio]:checked + label::after {
  background: #AF7AC5;
}
.radio-bordered.radio-checked-theme input[type=radio]:checked + label:before {
  border: 2px solid #AF7AC5;
}
.radio-bordered.radio-theme-secondary input[type=radio] + label:before {
  border: 2px solid #F4D03F;
}
.radio-bordered.radio-checked-theme-secondary input[type=radio]:checked + label::after {
  background: #F4D03F;
}
.radio-bordered.radio-checked-theme-secondary input[type=radio]:checked + label:before {
  border: 2px solid #F4D03F;
}
.radio-bordered.radio-conf input[type=radio] + label:before {
  border: 2px solid #5cb85c;
}
.radio-bordered.radio-checked-conf input[type=radio]:checked + label::after {
  background: #5cb85c;
}
.radio-bordered.radio-checked-conf input[type=radio]:checked + label:before {
  border: 2px solid #5cb85c;
}
.radio-bordered.radio-warn input[type=radio] + label:before {
  border: 2px solid #f0ad4e;
}
.radio-bordered.radio-checked-warn input[type=radio]:checked + label::after {
  background: #f0ad4e;
}
.radio-bordered.radio-checked-warn input[type=radio]:checked + label:before {
  border: 2px solid #f0ad4e;
}
.radio-bordered.radio-err input[type=radio] + label:before {
  border: 2px solid #d9534f;
}
.radio-bordered.radio-checked-err input[type=radio]:checked + label::after {
  background: #d9534f;
}
.radio-bordered.radio-checked-err input[type=radio]:checked + label:before {
  border: 2px solid #d9534f;
}
.radio-bordered.radio-info input[type=radio] + label:before {
  border: 2px solid #5bc0de;
}
.radio-bordered.radio-checked-info input[type=radio]:checked + label::after {
  background: #5bc0de;
}
.radio-bordered.radio-checked-info input[type=radio]:checked + label:before {
  border: 2px solid #5bc0de;
}
.radio-bordered.radio-grey input[type=radio] + label:before {
  border: 2px solid #858585;
}
.radio-bordered.radio-checked-grey input[type=radio]:checked + label::after {
  background: #858585;
}
.radio-bordered.radio-checked-grey input[type=radio]:checked + label:before {
  border: 2px solid #858585;
}

.switch-flat input {
  display: none;
}
.switch-flat input:checked + label::before {
  background-color: #858585;
}
.switch-flat input:checked + label::after {
  background-color: #000000;
  transform: translate(80%, -50%);
}
.switch-flat input:checked + label .switch-toggle-on {
  display: inline-block;
}
.switch-flat input:checked + label .switch-toggle-off {
  display: none;
}
.switch-flat.switch-off-theme input:not(:checked) + label::before {
  background-color: #dac1e4;
}
.switch-flat.switch-off-theme input:not(:checked) + label::after {
  background-color: #AF7AC5;
}
.switch-flat.switch-theme input:checked + label::before, .switch-flat.switch-on-theme input:checked + label::before {
  background-color: #dac1e4;
}
.switch-flat.switch-theme input:checked + label::after, .switch-flat.switch-on-theme input:checked + label::after {
  background-color: #AF7AC5;
}
.switch-flat.switch-off-theme-secondary input:not(:checked) + label::before {
  background-color: #fae89f;
}
.switch-flat.switch-off-theme-secondary input:not(:checked) + label::after {
  background-color: #F4D03F;
}
.switch-flat.switch-theme-secondary input:checked + label::before, .switch-flat.switch-on-theme-secondary input:checked + label::before {
  background-color: #fae89f;
}
.switch-flat.switch-theme-secondary input:checked + label::after, .switch-flat.switch-on-theme-secondary input:checked + label::after {
  background-color: #F4D03F;
}
.switch-flat.switch-off-conf input:not(:checked) + label::before {
  background-color: #c7e6c7;
}
.switch-flat.switch-off-conf input:not(:checked) + label::after {
  background-color: #5cb85c;
}
.switch-flat.switch-conf input:checked + label::before, .switch-flat.switch-on-conf input:checked + label::before {
  background-color: #c7e6c7;
}
.switch-flat.switch-conf input:checked + label::after, .switch-flat.switch-on-conf input:checked + label::after {
  background-color: #5cb85c;
}
.switch-flat.switch-off-warn input:not(:checked) + label::before {
  background-color: #fceedb;
}
.switch-flat.switch-off-warn input:not(:checked) + label::after {
  background-color: #f0ad4e;
}
.switch-flat.switch-warn input:checked + label::before, .switch-flat.switch-on-warn input:checked + label::before {
  background-color: #fceedb;
}
.switch-flat.switch-warn input:checked + label::after, .switch-flat.switch-on-warn input:checked + label::after {
  background-color: #f0ad4e;
}
.switch-flat.switch-off-err input:not(:checked) + label::before {
  background-color: #f4cecd;
}
.switch-flat.switch-off-err input:not(:checked) + label::after {
  background-color: #d9534f;
}
.switch-flat.switch-err input:checked + label::before, .switch-flat.switch-on-err input:checked + label::before {
  background-color: #f4cecd;
}
.switch-flat.switch-err input:checked + label::after, .switch-flat.switch-on-err input:checked + label::after {
  background-color: #d9534f;
}
.switch-flat.switch-off-info input:not(:checked) + label::before {
  background-color: #daf1f8;
}
.switch-flat.switch-off-info input:not(:checked) + label::after {
  background-color: #5bc0de;
}
.switch-flat.switch-info input:checked + label::before, .switch-flat.switch-on-info input:checked + label::before {
  background-color: #daf1f8;
}
.switch-flat.switch-info input:checked + label::after, .switch-flat.switch-on-info input:checked + label::after {
  background-color: #5bc0de;
}
.switch-flat.switch-off-grey input:not(:checked) + label::before {
  background-color: #ebebeb;
}
.switch-flat.switch-off-grey input:not(:checked) + label::after {
  background-color: #858585;
}
.switch-flat.switch-grey input:checked + label::before, .switch-flat.switch-on-grey input:checked + label::before {
  background-color: #ebebeb;
}
.switch-flat.switch-grey input:checked + label::after, .switch-flat.switch-on-grey input:checked + label::after {
  background-color: #858585;
}
.switch-flat label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: left;
  padding-left: 44px;
}
.switch-flat label::before, .switch-flat label::after {
  content: "";
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.switch-flat label::before {
  left: 1px;
  width: 34px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.54);
  border-radius: 8px;
}
.switch-flat label::after {
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #FAFAFA;
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.switch-flat label .switch-toggle-on {
  display: none;
}
.switch-flat label .switch-toggle-off {
  display: inline-block;
}
.switch-flat input:disabled:checked + label::before {
  background-color: #ebebeb !important;
}
.switch-flat input:disabled:checked + label::after {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.switch-flat input:disabled + label {
  color: rgba(0, 0, 0, 0.38) !important;
}
.switch-flat input:disabled + label::before {
  background-color: #ebebeb !important;
}
.switch-flat input:disabled + label::after {
  background-color: rgba(0, 0, 0, 0.38) !important;
}

/*a,button{
    &:disabled, &:disabled:hover, &:disabled:focus, &.disabled, &.disabled:hover, &.disabled:focus{
        pointer-events: none;
    }
}*/
[class^=btn-], [class*=" btn-"] {
  border-radius: 2px;
  display: inline-block;
  border: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: 2.5em;
  text-align: center;
  text-decoration: none;
  padding: 0 1em;
}

.btn-raised {
  color: #ffffff;
  background: #333333;
  transition: box-shadow 0.2s ease, background 0.2s ease-out;
}
.btn-raised:hover, .btn-raised.hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  background: #000000;
}
.btn-raised.btn-theme {
  background-color: #AF7AC5;
}
.btn-raised.btn-theme:hover, .btn-raised.btn-theme.hover, .btn-raised.btn-theme.active {
  background-color: #7e4297;
}
.btn-raised.btn-theme-secondary {
  background-color: #F4D03F;
}
.btn-raised.btn-theme-secondary:hover, .btn-raised.btn-theme-secondary.hover, .btn-raised.btn-theme-secondary.active {
  background-color: #c29e0b;
}
.btn-raised.btn-conf {
  background-color: #5cb85c;
}
.btn-raised.btn-conf:hover, .btn-raised.btn-conf.hover, .btn-raised.btn-conf.active {
  background-color: #357935;
}
.btn-raised.btn-warn {
  background-color: #f0ad4e;
}
.btn-raised.btn-warn:hover, .btn-raised.btn-warn.hover, .btn-raised.btn-warn.active {
  background-color: #c77c11;
}
.btn-raised.btn-err {
  background-color: #d9534f;
}
.btn-raised.btn-err:hover, .btn-raised.btn-err.hover, .btn-raised.btn-err.active {
  background-color: #a02622;
}
.btn-raised.btn-info {
  background-color: #5bc0de;
}
.btn-raised.btn-info:hover, .btn-raised.btn-info.hover, .btn-raised.btn-info.active {
  background-color: #2390b0;
}
.btn-raised.btn-grey {
  background-color: #858585;
}
.btn-raised.btn-grey:hover, .btn-raised.btn-grey.hover, .btn-raised.btn-grey.active {
  background-color: #6c6c6c;
}
.btn-raised:disabled, .btn-raised:disabled:hover, .btn-raised:disabled:focus, .btn-raised.disabled, .btn-raised.disabled:hover, .btn-raised.disabled:focus {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.38);
  box-shadow: none;
}

.btn-flat {
  transition: background 0.2s ease-out;
  color: #000000;
  background-color: transparent;
}
.btn-flat:hover, .btn-flat.hover, .btn-flat.active {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.btn-flat.btn-theme {
  color: #AF7AC5;
}
.btn-flat.btn-theme:hover, .btn-flat.btn-theme.hover, .btn-flat.btn-theme.active {
  background-color: rgba(175, 122, 197, 0.1);
}
.btn-flat.btn-theme-secondary {
  color: #F4D03F;
}
.btn-flat.btn-theme-secondary:hover, .btn-flat.btn-theme-secondary.hover, .btn-flat.btn-theme-secondary.active {
  background-color: rgba(244, 208, 63, 0.1);
}
.btn-flat.btn-conf {
  color: #5cb85c;
}
.btn-flat.btn-conf:hover, .btn-flat.btn-conf.hover, .btn-flat.btn-conf.active {
  background-color: rgba(92, 184, 92, 0.1);
}
.btn-flat.btn-warn {
  color: #f0ad4e;
}
.btn-flat.btn-warn:hover, .btn-flat.btn-warn.hover, .btn-flat.btn-warn.active {
  background-color: rgba(240, 173, 78, 0.1);
}
.btn-flat.btn-err {
  color: #d9534f;
}
.btn-flat.btn-err:hover, .btn-flat.btn-err.hover, .btn-flat.btn-err.active {
  background-color: rgba(217, 83, 79, 0.1);
}
.btn-flat.btn-info {
  color: #5bc0de;
}
.btn-flat.btn-info:hover, .btn-flat.btn-info.hover, .btn-flat.btn-info.active {
  background-color: rgba(91, 192, 222, 0.1);
}
.btn-flat.btn-grey {
  color: #858585;
}
.btn-flat.btn-grey:hover, .btn-flat.btn-grey.hover, .btn-flat.btn-grey.active {
  background-color: rgba(133, 133, 133, 0.1);
}
.btn-flat:disabled, .btn-flat:disabled:hover, .btn-flat:disabled:focus, .btn-flat.disabled, .btn-flat.disabled:hover, .btn-flat.disabled:focus {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.38);
  background: transparent;
}

.btn-floating {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease, background 0.2s ease-out;
}
.btn-floating:hover, .btn-floating.hover {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.btn-floating.btn-theme {
  background-color: #AF7AC5;
}
.btn-floating.btn-theme:hover, .btn-floating.btn-theme.hover {
  background-color: #7e4297;
}
.btn-floating.btn-theme-secondary {
  background-color: #F4D03F;
}
.btn-floating.btn-theme-secondary:hover, .btn-floating.btn-theme-secondary.hover {
  background-color: #c29e0b;
}
.btn-floating.btn-conf {
  background-color: #5cb85c;
}
.btn-floating.btn-conf:hover, .btn-floating.btn-conf.hover {
  background-color: #357935;
}
.btn-floating.btn-warn {
  background-color: #f0ad4e;
}
.btn-floating.btn-warn:hover, .btn-floating.btn-warn.hover {
  background-color: #c77c11;
}
.btn-floating.btn-err {
  background-color: #d9534f;
}
.btn-floating.btn-err:hover, .btn-floating.btn-err.hover {
  background-color: #a02622;
}
.btn-floating.btn-info {
  background-color: #5bc0de;
}
.btn-floating.btn-info:hover, .btn-floating.btn-info.hover {
  background-color: #2390b0;
}
.btn-floating.btn-grey {
  background-color: #858585;
}
.btn-floating.btn-grey:hover, .btn-floating.btn-grey.hover {
  background-color: #6c6c6c;
}
.btn-floating:disabled, .btn-floating:disabled:hover, .btn-floating:disabled:focus, .btn-floating.disabled, .btn-floating.disabled:hover, .btn-floating.disabled:focus {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.38);
  box-shadow: none;
}

.btn-rounded-30 {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  padding: 0 !important;
  font-size: 15px;
}

.btn-rounded-40 {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  padding: 0 !important;
  font-size: 17px;
}

.btn-rounded-50 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 23px;
  padding: 0 !important;
}

.btn-rounded {
  border-radius: 2em !important;
}

.effect-rotate {
  animation: adjust-hue 2s infinite linear;
}
@keyframes adjust-hue {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.effect-rotate-45 {
  transform: rotate(45deg);
}

.effect-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}

.effect-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}

.effect-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
}

.effect-rotate-315 {
  transform: rotate(315deg);
}

.effect-waves {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.effect-waves .ripple {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  transform: scale(0);
  pointer-events: none;
}

.effect-waves.waves-dark .ripple {
  background: rgba(0, 0, 0, 0.2);
}

.effect-waves .ripple.ripple-animate {
  animation: ripple 0.3s ease-out;
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
/* Loader et dialog */
.axOverlay {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.4);
}

.axLoader.axOverlay {
  z-index: 9000;
}

.axLoaderContent {
  word-break: break-word;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  overflow: hidden;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 8px 8px 0px rgba(0, 0, 0, 0.24);
}

.axLoaderContent .defaultLoader {
  padding: 0.5em 1em;
  font-size: 21px;
  line-height: 50px;
}

/* Alert & Confirm */
.axDialogButtons {
  text-align: right;
}

.axDialogContent {
  background-color: white;
  border-radius: 2px;
  position: fixed;
  width: 80%;
  max-width: 600px;
  left: 50%;
  transform: translate(-50%, 0);
  top: 50px;
  overflow: visible;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 8px 8px 0px rgba(0, 0, 0, 0.24);
}

.axPodShow {
  text-align: left;
  padding: 5px 10px;
  position: relative;
  word-break: break-word;
}
.axPodShow span[class^=icon-], .axPodShow span[class*=" icon-"] {
  font-size: 35px;
  line-height: 35px;
  display: block;
  position: absolute;
  left: 10px;
}
.axPodShow .axPodShowContent {
  padding: 0 0 0 40px;
}

.axTag {
  background: #000000;
  font-size: 11px;
  min-width: 17px;
  height: 16px;
  line-height: 16px !important;
  text-align: center;
  display: inline-block !important;
  padding-left: 0.4em;
  font-weight: bold;
  padding-right: 0.4em;
  color: #ffffff;
  border-radius: 0.2em;
}
.axTag.axTag-theme {
  background: #AF7AC5;
}
.axTag.axTag-theme-lighten {
  background: #dac1e4;
}
.axTag.axTag-theme-darken {
  background: #7e4297;
}
.axTag.axTag-theme-secondary {
  background: #F4D03F;
}
.axTag.axTag-theme-secondary-lighten {
  background: #fae89f;
}
.axTag.axTag-theme-secondary-darken {
  background: #c29e0b;
}
.axTag.axTag-conf {
  background: #5cb85c;
}
.axTag.axTag-conf-lighten {
  background: #c7e6c7;
}
.axTag.axTag-conf-darken {
  background: #357935;
}
.axTag.axTag-warn {
  background: #f0ad4e;
}
.axTag.axTag-warn-lighten {
  background: #fceedb;
}
.axTag.axTag-warn-darken {
  background: #c77c11;
}
.axTag.axTag-err {
  background: #d9534f;
}
.axTag.axTag-err-lighten {
  background: #f4cecd;
}
.axTag.axTag-err-darken {
  background: #a02622;
}
.axTag.axTag-info {
  background: #5bc0de;
}
.axTag.axTag-info-lighten {
  background: #daf1f8;
}
.axTag.axTag-info-darken {
  background: #2390b0;
}
.axTag.axTag-grey {
  background: #858585;
}
.axTag.axTag-grey-lighten {
  background: #ebebeb;
}
.axTag.axTag-grey-darken {
  background: #6c6c6c;
}

.border-solid {
  border: 1px solid #000000;
}

.border-top-solid {
  border-top: 1px solid #000000;
}

.border-bottom-solid {
  border-bottom: 1px solid #000000;
}

.border-left-solid {
  border-left: 1px solid #000000;
}

.border-right-solid {
  border-right: 1px solid #000000;
}

.border-dashed {
  border: 1px dashed #000000;
}

.border-top-dashed {
  border-top: 1px dashed #000000;
}

.border-bottom-dashed {
  border-bottom: 1px dashed #000000;
}

.border-left-dashed {
  border-left: 1px dashed #000000;
}

.border-right-dashed {
  border-right: 1px dashed #000000;
}

.border-dotted {
  border: 1px dotted #000000;
}

.border-top-dotted {
  border-top: 1px dotted #000000;
}

.border-bottom-dotted {
  border-bottom: 1px dotted #000000;
}

.border-left-dotted {
  border-left: 1px dotted #000000;
}

.border-right-dotted {
  border-right: 1px dotted #000000;
}

.border-theme {
  border-color: #AF7AC5 !important;
}

.border-theme-lighten {
  border-color: #dac1e4 !important;
}

.border-theme-darken {
  border-color: #7e4297 !important;
}

.border-top-theme {
  border-top-color: #AF7AC5 !important;
}

.border-top-theme-lighten {
  border-top-color: #dac1e4 !important;
}

.border-top-theme-darken {
  border-top-color: #7e4297 !important;
}

.border-bottom-theme {
  border-bottom-color: #AF7AC5 !important;
}

.border-bottom-theme-lighten {
  border-bottom-color: #dac1e4 !important;
}

.border-bottom-theme-darken {
  border-bottom-color: #7e4297 !important;
}

.border-left-theme {
  border-left-color: #AF7AC5 !important;
}

.border-left-theme-lighten {
  border-left-color: #dac1e4 !important;
}

.border-left-theme-darken {
  border-left-color: #7e4297 !important;
}

.border-right-theme {
  border-right-color: #AF7AC5 !important;
}

.border-right-theme-lighten {
  border-right-color: #dac1e4 !important;
}

.border-right-theme-darken {
  border-right-color: #7e4297 !important;
}

.border-theme-secondary {
  border-color: #F4D03F !important;
}

.border-theme-secondary-lighten {
  border-color: #fae89f !important;
}

.border-theme-secondary-darken {
  border-color: #c29e0b !important;
}

.border-top-theme-secondary {
  border-top-color: #F4D03F !important;
}

.border-top-theme-secondary-lighten {
  border-top-color: #fae89f !important;
}

.border-top-theme-secondary-darken {
  border-top-color: #c29e0b !important;
}

.border-bottom-theme-secondary {
  border-bottom-color: #F4D03F !important;
}

.border-bottom-theme-secondary-lighten {
  border-bottom-color: #fae89f !important;
}

.border-bottom-theme-secondary-darken {
  border-bottom-color: #c29e0b !important;
}

.border-left-theme-secondary {
  border-left-color: #F4D03F !important;
}

.border-left-theme-secondary-lighten {
  border-left-color: #fae89f !important;
}

.border-left-theme-secondary-darken {
  border-left-color: #c29e0b !important;
}

.border-right-theme-secondary {
  border-right-color: #F4D03F !important;
}

.border-right-theme-secondary-lighten {
  border-right-color: #fae89f !important;
}

.border-right-theme-secondary-darken {
  border-right-color: #c29e0b !important;
}

.border-conf {
  border-color: #5cb85c !important;
}

.border-conf-lighten {
  border-color: #c7e6c7 !important;
}

.border-conf-darken {
  border-color: #357935 !important;
}

.border-top-conf {
  border-top-color: #5cb85c !important;
}

.border-top-conf-lighten {
  border-top-color: #c7e6c7 !important;
}

.border-top-conf-darken {
  border-top-color: #357935 !important;
}

.border-bottom-conf {
  border-bottom-color: #5cb85c !important;
}

.border-bottom-conf-lighten {
  border-bottom-color: #c7e6c7 !important;
}

.border-bottom-conf-darken {
  border-bottom-color: #357935 !important;
}

.border-left-conf {
  border-left-color: #5cb85c !important;
}

.border-left-conf-lighten {
  border-left-color: #c7e6c7 !important;
}

.border-left-conf-darken {
  border-left-color: #357935 !important;
}

.border-right-conf {
  border-right-color: #5cb85c !important;
}

.border-right-conf-lighten {
  border-right-color: #c7e6c7 !important;
}

.border-right-conf-darken {
  border-right-color: #357935 !important;
}

.border-warn {
  border-color: #f0ad4e !important;
}

.border-warn-lighten {
  border-color: #fceedb !important;
}

.border-warn-darken {
  border-color: #c77c11 !important;
}

.border-top-warn {
  border-top-color: #f0ad4e !important;
}

.border-top-warn-lighten {
  border-top-color: #fceedb !important;
}

.border-top-warn-darken {
  border-top-color: #c77c11 !important;
}

.border-bottom-warn {
  border-bottom-color: #f0ad4e !important;
}

.border-bottom-warn-lighten {
  border-bottom-color: #fceedb !important;
}

.border-bottom-warn-darken {
  border-bottom-color: #c77c11 !important;
}

.border-left-warn {
  border-left-color: #f0ad4e !important;
}

.border-left-warn-lighten {
  border-left-color: #fceedb !important;
}

.border-left-warn-darken {
  border-left-color: #c77c11 !important;
}

.border-right-warn {
  border-right-color: #f0ad4e !important;
}

.border-right-warn-lighten {
  border-right-color: #fceedb !important;
}

.border-right-warn-darken {
  border-right-color: #c77c11 !important;
}

.border-err {
  border-color: #d9534f !important;
}

.border-err-lighten {
  border-color: #f4cecd !important;
}

.border-err-darken {
  border-color: #a02622 !important;
}

.border-top-err {
  border-top-color: #d9534f !important;
}

.border-top-err-lighten {
  border-top-color: #f4cecd !important;
}

.border-top-err-darken {
  border-top-color: #a02622 !important;
}

.border-bottom-err {
  border-bottom-color: #d9534f !important;
}

.border-bottom-err-lighten {
  border-bottom-color: #f4cecd !important;
}

.border-bottom-err-darken {
  border-bottom-color: #a02622 !important;
}

.border-left-err {
  border-left-color: #d9534f !important;
}

.border-left-err-lighten {
  border-left-color: #f4cecd !important;
}

.border-left-err-darken {
  border-left-color: #a02622 !important;
}

.border-right-err {
  border-right-color: #d9534f !important;
}

.border-right-err-lighten {
  border-right-color: #f4cecd !important;
}

.border-right-err-darken {
  border-right-color: #a02622 !important;
}

.border-info {
  border-color: #5bc0de !important;
}

.border-info-lighten {
  border-color: #daf1f8 !important;
}

.border-info-darken {
  border-color: #2390b0 !important;
}

.border-top-info {
  border-top-color: #5bc0de !important;
}

.border-top-info-lighten {
  border-top-color: #daf1f8 !important;
}

.border-top-info-darken {
  border-top-color: #2390b0 !important;
}

.border-bottom-info {
  border-bottom-color: #5bc0de !important;
}

.border-bottom-info-lighten {
  border-bottom-color: #daf1f8 !important;
}

.border-bottom-info-darken {
  border-bottom-color: #2390b0 !important;
}

.border-left-info {
  border-left-color: #5bc0de !important;
}

.border-left-info-lighten {
  border-left-color: #daf1f8 !important;
}

.border-left-info-darken {
  border-left-color: #2390b0 !important;
}

.border-right-info {
  border-right-color: #5bc0de !important;
}

.border-right-info-lighten {
  border-right-color: #daf1f8 !important;
}

.border-right-info-darken {
  border-right-color: #2390b0 !important;
}

.border-grey {
  border-color: #858585 !important;
}

.border-grey-lighten {
  border-color: #ebebeb !important;
}

.border-grey-darken {
  border-color: #6c6c6c !important;
}

.border-top-grey {
  border-top-color: #858585 !important;
}

.border-top-grey-lighten {
  border-top-color: #ebebeb !important;
}

.border-top-grey-darken {
  border-top-color: #6c6c6c !important;
}

.border-bottom-grey {
  border-bottom-color: #858585 !important;
}

.border-bottom-grey-lighten {
  border-bottom-color: #ebebeb !important;
}

.border-bottom-grey-darken {
  border-bottom-color: #6c6c6c !important;
}

.border-left-grey {
  border-left-color: #858585 !important;
}

.border-left-grey-lighten {
  border-left-color: #ebebeb !important;
}

.border-left-grey-darken {
  border-left-color: #6c6c6c !important;
}

.border-right-grey {
  border-right-color: #858585 !important;
}

.border-right-grey-lighten {
  border-right-color: #ebebeb !important;
}

.border-right-grey-darken {
  border-right-color: #6c6c6c !important;
}

.border-white {
  border-color: #ffffff !important;
}

.border-top-white {
  border-top-color: #ffffff !important;
}

.border-bottom-white {
  border-bottom-color: #ffffff !important;
}

.border-left-white {
  border-left-color: #ffffff !important;
}

.border-right-white {
  border-right-color: #ffffff !important;
}

.border-x2 {
  border-width: 2px;
}

.border-top-x2 {
  border-top-width: 2px;
}

.border-bottom-x2 {
  border-bottom-width: 2px;
}

.border-left-x2 {
  border-left-width: 2px;
}

.border-right-x2 {
  border-right-width: 2px;
}

.border-x3 {
  border-width: 3px;
}

.border-top-x3 {
  border-top-width: 3px;
}

.border-bottom-x3 {
  border-bottom-width: 3px;
}

.border-left-x3 {
  border-left-width: 3px;
}

.border-right-x3 {
  border-right-width: 3px;
}

.border-x4 {
  border-width: 4px;
}

.border-top-x4 {
  border-top-width: 4px;
}

.border-bottom-x4 {
  border-bottom-width: 4px;
}

.border-left-x4 {
  border-left-width: 4px;
}

.border-right-x4 {
  border-right-width: 4px;
}

.tr-nth tr:nth-child(even) td {
  background: rgba(150, 150, 150, 0.08);
}
.tr-nth.light tr:nth-child(even) td {
  background-color: rgba(150, 150, 150, 0.08);
}
.tr-nth.dark tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.1);
}

.table-flat {
  border-spacing: 0;
  border-collapse: collapse;
}
.table-flat td, .table-flat th {
  padding: 0.5rem;
}
.table-flat tr:nth-child(even) td {
  background: rgba(150, 150, 150, 0.08);
}
.table-flat.light tr:nth-child(even) td {
  background-color: rgba(150, 150, 150, 0.08);
}
.table-flat.dark tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.1);
}

.table-separate {
  border-collapse: separate;
  border-spacing: 2px;
}

@media (max-width: 576px) {
  table.responsive-s thead, table.responsive-s tbody, table.responsive-s th, table.responsive-s td, table.responsive-s tr {
    display: block;
  }
  table.responsive-s thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive-s tr {
    border-bottom: 1px solid #ebebeb;
  }
  table.responsive-s tr td {
    border: none;
  }
  table.responsive-s tr td:before {
    content: attr(data-axTableHeader);
    font-weight: bold;
  }
  table.responsive-s tr td:first-child {
    padding-top: 1rem;
  }
  table.responsive-s tr td:last-child {
    padding-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  table.responsive-m thead, table.responsive-m tbody, table.responsive-m th, table.responsive-m td, table.responsive-m tr {
    display: block;
  }
  table.responsive-m thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive-m tr {
    border-bottom: 1px solid #ebebeb;
  }
  table.responsive-m tr td {
    border: none;
  }
  table.responsive-m tr td:before {
    content: attr(data-axTableHeader);
    font-weight: bold;
  }
  table.responsive-m tr td:first-child {
    padding-top: 1rem;
  }
  table.responsive-m tr td:last-child {
    padding-bottom: 1rem;
  }
}
@media (max-width: 992px) {
  table.responsive-l thead, table.responsive-l tbody, table.responsive-l th, table.responsive-l td, table.responsive-l tr {
    display: block;
  }
  table.responsive-l thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive-l tr {
    border-bottom: 1px solid #ebebeb;
  }
  table.responsive-l tr td {
    border: none;
  }
  table.responsive-l tr td:before {
    content: attr(data-axTableHeader);
    font-weight: bold;
  }
  table.responsive-l tr td:first-child {
    padding-top: 1rem;
  }
  table.responsive-l tr td:last-child {
    padding-bottom: 1rem;
  }
}
@media (max-width: 1200px) {
  table.responsive-xl thead, table.responsive-xl tbody, table.responsive-xl th, table.responsive-xl td, table.responsive-xl tr {
    display: block;
  }
  table.responsive-xl thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive-xl tr {
    border-bottom: 1px solid #ebebeb;
  }
  table.responsive-xl tr td {
    border: none;
  }
  table.responsive-xl tr td:before {
    content: attr(data-axTableHeader);
    font-weight: bold;
  }
  table.responsive-xl tr td:first-child {
    padding-top: 1rem;
  }
  table.responsive-xl tr td:last-child {
    padding-bottom: 1rem;
  }
}
@media (max-width: 1400px) {
  table.responsive-xxl thead, table.responsive-xxl tbody, table.responsive-xxl th, table.responsive-xxl td, table.responsive-xxl tr {
    display: block;
  }
  table.responsive-xxl thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive-xxl tr {
    border-bottom: 1px solid #ebebeb;
  }
  table.responsive-xxl tr td {
    border: none;
  }
  table.responsive-xxl tr td:before {
    content: attr(data-axTableHeader);
    font-weight: bold;
  }
  table.responsive-xxl tr td:first-child {
    padding-top: 1rem;
  }
  table.responsive-xxl tr td:last-child {
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr {
    display: block;
  }
  table.responsive thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive tr {
    border-bottom: 1px solid #ebebeb;
  }
  table.responsive tr td {
    border: none;
  }
  table.responsive tr td:before {
    content: attr(data-axTableHeader);
    font-weight: bold;
  }
  table.responsive tr td:first-child {
    padding-top: 1rem;
  }
  table.responsive tr td:last-child {
    padding-bottom: 1rem;
  }
}
.icon-burger {
  font: inherit;
  display: inline-block;
  overflow: visible;
  cursor: pointer;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
  position: relative;
  width: 30px;
  height: 24px;
}

.icon-burger > div, .icon-burger > div::after, .icon-burger > div::before {
  position: absolute;
  width: 30px;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 3px;
  background-color: #000000;
}

.icon-burger.burger-white > div, .icon-burger.burger-white > div::after, .icon-burger.burger-white > div::before {
  background-color: #ffffff;
}

.icon-burger.burger-theme > div, .icon-burger.burger-theme > div::after, .icon-burger.burger-theme > div::before {
  background-color: #AF7AC5;
}

.icon-burger.burger-theme-secondary > div, .icon-burger.burger-theme-secondary > div::after, .icon-burger.burger-theme-secondary > div::before {
  background-color: #F4D03F;
}

.icon-burger.burger-conf > div, .icon-burger.burger-conf > div::after, .icon-burger.burger-conf > div::before {
  background-color: #5cb85c;
}

.icon-burger.burger-warn > div, .icon-burger.burger-warn > div::after, .icon-burger.burger-warn > div::before {
  background-color: #f0ad4e;
}

.icon-burger.burger-err > div, .icon-burger.burger-err > div::after, .icon-burger.burger-err > div::before {
  background-color: #d9534f;
}

.icon-burger.burger-info > div, .icon-burger.burger-info > div::after, .icon-burger.burger-info > div::before {
  background-color: #5bc0de;
}

.icon-burger.burger-grey > div, .icon-burger.burger-grey > div::after, .icon-burger.burger-grey > div::before {
  background-color: #858585;
}

.icon-burger > div {
  top: 50%;
  display: block;
  margin-top: -2px;
}

.icon-burger > div::after, .icon-burger > div::before {
  display: block;
  content: "";
}

.icon-burger > div::before {
  top: -10px;
}

.icon-burger > div::after {
  bottom: -10px;
}

.icon-burger.burger-return.active > div::before {
  transform: translateY(3px) translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.icon-burger.burger-return.active > div::after {
  transform: translateY(-3px) translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.icon-burger.burger-close.active > div {
  transform: rotate(45deg);
}

.icon-burger.burger-close.active > div::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.icon-burger.burger-close.active > div::after {
  transform: translate3d(0, -10px, 0) rotate(-90deg);
}

.axToast {
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: left; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  position: fixed; /* Sit on top of the screen */
  z-index: 9010; /* Add a z-index if needed */
  left: 50%;
  transform: translateX(-50%) !important;
  bottom: -900px;
  display: flex;
  align-items: center;
}
.axToast.fadein {
  animation: fadein 0.25s;
  animation-fill-mode: forwards;
}
.axToast.fadeout {
  animation: fadeout 0.25s;
  animation-fill-mode: forwards;
}

.axToastCloseBtn {
  cursor: pointer;
}

/* Animations to fade the snackbar in and out */
@keyframes fadein {
  from {
    bottom: 0px;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    bottom: 30px;
    opacity: 1;
  }
  99% {
    bottom: 0px;
    opacity: 0;
  }
  100% {
    bottom: -999px;
  }
}
@media only screen and (max-width: 767px) {
  .axToast {
    width: 100%;
  }
  .axToast.fadein {
    bottom: 0px;
  }
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeout {
    0% {
      opacity: 1;
    }
    99% {
      opacity: 0;
    }
    100% {
      bottom: -999px;
    }
  }
}
.tabs-flat {
  display: flex;
  padding: 0;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.tabs-flat.tabs-grow-1 a {
  flex-grow: 1;
}
.tabs-flat.tabs-shrink-1 a {
  flex-shrink: 1;
}
.tabs-flat.tabs-grow-0 a {
  flex-grow: 0;
}
.tabs-flat.tabs-shrink-0 a {
  flex-shrink: 0;
}
.tabs-flat a {
  cursor: pointer;
  display: block;
  color: #858585;
  text-align: center;
  background-color: #e2e2e2;
  padding: 0.5em 1.5em;
  border-right: 1px solid #BBBBBB;
  border-top: 4px solid #BBBBBB;
  opacity: 0.6;
  transition: 0.25s ease;
}
.tabs-flat a:hover {
  opacity: 1;
}
.tabs-flat a:active, .tabs-flat a.active {
  opacity: 1;
  border-top: 4px solid #AF7AC5;
  background-color: white;
  color: black;
}

.tabs-material {
  background: #323338;
  color: white;
  overflow-x: auto;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}
.tabs-material.tabs-grow-1 a {
  flex-grow: 1;
}
.tabs-material.tabs-shrink-1 a {
  flex-shrink: 1;
}
.tabs-material.tabs-grow-0 a {
  flex-grow: 0;
}
.tabs-material.tabs-shrink-0 a {
  flex-shrink: 0;
}
.tabs-material .tabs-material-axTabList {
  width: 100%;
  position: relative;
  display: flex;
}
.tabs-material .axTabBorder {
  display: block;
  position: absolute;
  background: #F4D03F;
  height: 4px;
  left: 0;
  bottom: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  transition: 0.25s ease;
}
.tabs-material a {
  cursor: pointer;
  flex-shrink: 0;
  text-align: center;
  padding: 0.8rem 1rem;
  opacity: 0.6;
}
.tabs-material a:hover {
  opacity: 1;
}
.tabs-material a:active, .tabs-material a.active {
  opacity: 1;
}

.axAutocomplete {
  position: absolute;
  display: none;
  border: 1px lightgray solid;
  z-index: 9020;
  margin: 0 3px;
  overflow-x: auto;
  background: white;
}
.axAutocomplete ul {
  list-style: none;
  padding: 0;
}
.axAutocomplete li {
  cursor: pointer;
  padding: 5px 10px;
  background-color: #FFF;
}
.axAutocomplete li.selected {
  background-color: #DDD !important;
}
.axAutocomplete .axHighlightAutoComp {
  font-weight: 600;
}

.axAutoCompContainer {
  min-height: 2.5em;
  border: 2px solid #6c6c6c;
  border-radius: 2px;
  transition: border-color 400ms;
  flex-wrap: wrap;
  background-color: white;
  align-items: center;
  display: flex;
  position: relative;
}
.axAutoCompContainer.dropdownActive {
  padding-right: 30px;
}
.axAutoCompContainer:focus-within {
  border-color: #AF7AC5;
}
.axAutoCompContainer input.axAutoCompInput, .axAutoCompContainer input:disabled.axAutoCompInput, .axAutoCompContainer input[disabled].axAutoCompInput, .axAutoCompContainer input.axAutoCompInput.disabled {
  background: transparent;
  border: none !important;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1em;
  line-height: 1.3em;
  min-width: 1px;
  width: auto;
  padding: 0em 0.25em;
  height: calc(2.5em - 4px);
}
.axAutoCompContainer .axAutoCompTag {
  background: black;
  margin: 0.125rem 0.25rem;
  color: white;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  font-size: 0.85em;
  border-radius: 4px;
}
.axAutoCompContainer .axAutoCompTag .axAutoCompTagCloseBtn {
  margin-left: 0.5rem;
}
.axAutoCompContainer .axAutoCompDropdown {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat;
  background-position: 50% 50%;
  background-size: 20px 25px;
  width: 30px;
  height: 100%;
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.axAutoCompContainer[disabled], .axAutoCompContainer:disabled, .axAutoCompContainer.disabled {
  color: rgba(0, 0, 0, 0.38);
  border: 2px solid rgba(0, 0, 0, 0.38) !important;
  cursor: not-allowed !important;
}

.axUploader.axUploaderMultiple .axUploaderFileLine {
  margin-top: 5px;
}
.axUploader .axUploaderFileLineMessage {
  padding-right: 3px;
}
.axUploader .axUploaderAddFileZone {
  display: flex;
  flex-wrap: wrap;
  min-width: 100px;
}
.axUploader .axUploaderAddFileZone .axUploaderDropZone {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 1px;
  flex-grow: 1;
  min-width: 10px;
  order: 3;
  caret-color: white;
  caret-color: transparent;
}
.axUploader .axUploaderAddFileZone .axUploaderDropZone.focus {
  border-color: #AF7AC5;
}
.axUploader .axUploaderButtons {
  position: relative;
  border-radius: 0 2px 2px 0;
  border-left: none;
  order: 4;
  cursor: pointer;
}
.axUploader .axUploaderProgress {
  padding-right: 3px;
}
.axUploader .axUploaderProgress p {
  line-height: 1.95em;
}
.axUploader .axUploaderProgressBar, .axUploader .axUploaderProgressCursor {
  height: 6px;
}
.axUploader [type=file] {
  opacity: 0; /* this will make it transparent */
  filter: alpha(opacity=0); /* transparency for Internet Explorer */
  position: absolute; /* making it absolute with z-index:1 will place it on top of the button */
  z-index: 1;
  top: 0;
  right: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}

.axTooltip {
  display: inline-block;
  z-index: 9999;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  max-width: 300px;
  width: -moz-max-content;
  width: max-content;
  padding: 1rem;
  border-radius: 3px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.26);
}
.axTooltip.axPos-bottomLeft {
  transform: translateX(-100%);
}
.axTooltip.axPos-topLeft {
  transform: translateX(-100%) translateY(-100%);
}
.axTooltip.axPos-topRight {
  transform: translateY(-100%);
}

.scroll-flat {
  /* Barre scroll*/
  /* curseur scroll */
}
.scroll-flat::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scroll-flat::-webkit-scrollbar-track {
  background: rgba(213, 213, 213, 0.3);
  border-radius: 4px;
}
.scroll-flat::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
}
.scroll-flat::-webkit-scrollbar-thumb:hover {
  background: #b0b0b0;
}
.scroll-flat.scroll-theme::-webkit-scrollbar-thumb {
  background-color: #AF7AC5;
}
.scroll-flat.scroll-theme::-webkit-scrollbar-thumb:hover {
  background-color: #7e4297;
}
.scroll-flat.scroll-theme-secondary::-webkit-scrollbar-thumb {
  background-color: #F4D03F;
}
.scroll-flat.scroll-theme-secondary::-webkit-scrollbar-thumb:hover {
  background-color: #c29e0b;
}
.scroll-flat.scroll-conf::-webkit-scrollbar-thumb {
  background-color: #5cb85c;
}
.scroll-flat.scroll-conf::-webkit-scrollbar-thumb:hover {
  background-color: #357935;
}
.scroll-flat.scroll-warn::-webkit-scrollbar-thumb {
  background-color: #f0ad4e;
}
.scroll-flat.scroll-warn::-webkit-scrollbar-thumb:hover {
  background-color: #c77c11;
}
.scroll-flat.scroll-err::-webkit-scrollbar-thumb {
  background-color: #d9534f;
}
.scroll-flat.scroll-err::-webkit-scrollbar-thumb:hover {
  background-color: #a02622;
}
.scroll-flat.scroll-info::-webkit-scrollbar-thumb {
  background-color: #5bc0de;
}
.scroll-flat.scroll-info::-webkit-scrollbar-thumb:hover {
  background-color: #2390b0;
}
.scroll-flat.scroll-grey::-webkit-scrollbar-thumb {
  background-color: #858585;
}
.scroll-flat.scroll-grey::-webkit-scrollbar-thumb:hover {
  background-color: #6c6c6c;
}

/*
// Pour permettre la fluidité du scroll sur mobile
.scroll, [class^="scroll-"], [class*=" scroll-"]{
    &>*{
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -webkit-overflow-scrolling: touch;
    }
}
*/
html, body {
  -webkit-overflow-scrolling: touch;
}

.scroll {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.scroll-none {
  overflow-x: hidden;
  overflow-y: hidden;
}

.scroll-vertical {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.scroll-horizontal {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

@media (min-width: 576px) {
  .scroll-s {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-s-none {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .scroll-s-vertical {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-s-horizontal {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 768px) {
  .scroll-m {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-m-none {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .scroll-m-vertical {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-m-horizontal {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 992px) {
  .scroll-l {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-l-none {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .scroll-l-vertical {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-l-horizontal {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1200px) {
  .scroll-xl {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-xl-none {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .scroll-xl-vertical {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-xl-horizontal {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1400px) {
  .scroll-xxl {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-xxl-none {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .scroll-xxl-vertical {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  .scroll-xxl-horizontal {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-progress {
  cursor: progress;
}

.cursor-none {
  cursor: none;
}

.cursor-copy {
  cursor: copy;
}

.cursor-help {
  cursor: help;
}

.cursor-text {
  cursor: text;
}

.cursor-wait {
  cursor: wait;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.cursor-cell {
  cursor: cell;
}

.cursor-alias {
  cursor: alias;
}

.cursor-grab {
  cursor: grab;
}

html, body, #bodyApp {
  width: 100%;
  height: 100%;
}

#bodyApp {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

#headerApp {
  width: 100%;
  height: 50px;
  line-height: 50px;
  -ms-box-shadow: inset 0 -1px #7e4297, 0 1px rgba(0, 0, 0, 0.1), 0px 9px 5px -7px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0 -1px #7e4297, 0 1px rgba(0, 0, 0, 0.1), 0px 9px 5px -7px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 -1px #7e4297, 0 1px rgba(0, 0, 0, 0.1), 0px 9px 5px -7px rgba(0, 0, 0, 0.4);
  z-index: 50;
  flex-shrink: 0;
  -webkit-text-shadow: 0 0.1em #7e4297;
  -moz-text-shadow: 0 0.1em #7e4297;
  -ms-text-shadow: 0 0.1em #7e4297;
  -o-text-shadow: 0 0.1em #7e4297;
  text-shadow: 0 0.1em #7e4297;
}

#menuApp {
  width: 240px;
  flex-shrink: 0;
  background: #323338;
  height: 100%;
  overflow: hidden;
  box-shadow: 4px 0px 5px -2px rgba(0, 0, 0, 0.4);
  z-index: 51;
}

#mainApp {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 240px);
}

.ulMenuApp {
  list-style: none;
  padding: 0;
}

.navList {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0px;
}

.ulMenuApp li {
  padding: 0;
}

.ulMenuApp li a {
  padding: 0.6rem 1rem;
  color: #f5f5f5;
  outline: 0;
  text-decoration: none;
  display: block;
  font-style: none;
  font-size: 1em;
  letter-spacing: 0.05em;
  position: relative;
}

.ulMenuApp li a:hover {
  color: white;
  background: #3c3d40;
}

.ulMenuApp li a.active {
  color: white;
  transition: 0.5s;
  transform: all;
  background: #AF7AC5;
}

.ulMenuApp li a span.icon-material {
  position: absolute;
  right: 0.3em;
  font-size: 2em;
  top: 0.16em;
}

.ulMenuApp li a.active span.icon-material {
  color: #F4D03F;
}

#pageApp {
  overflow-y: auto;
  overflow-x: hidden;
}

#pageApp > * {
  -webkit-transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 992px) {
  html, body, #bodyApp {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
  }
  #mainApp {
    max-width: 100%;
  }
  #menuApp {
    width: -240px;
    position: absolute;
    top: 0;
    left: -250px;
    background: #323338;
  }
  #menuApp + #overlayMenuApp-m {
    display: none;
    background-color: rgba(0, 0, 0, 0.34);
    position: fixed;
    z-index: 49;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  #menuApp.show {
    left: 0px;
    transition: left 0.25s;
  }
  #menuApp.show + #overlayMenuApp-m {
    display: block;
  }
}
.shadow-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.axDialog-warn .axDialogContent {
  border: 1px solid #f0ad4e;
}

.axDialog-err .axDialogContent {
  border: 1px solid #d9534f;
}

.axDialog-conf .axDialogContent {
  border: 1px solid #5cb85c;
}

.axDialog-info .axDialogContent {
  border: 1px solid #5bc0de;
}

input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
  display: none;
}

@font-face {
  font-family: "Alata";
  src: url("../fonts/Alata/Alata-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.font-alata {
  font-family: "Alata";
}

.reuTab {
  display: none;
}

.btn-raised.btn-grey {
  background-color: #858585;
}

#paginationReuForm .disabled {
  pointer-events: none;
}

.axAutoCompInput {
  background-color: #ffffff !important;
}

input[readonly] {
  pointer-events: none;
}

.text-overflow-wrap {
  overflow-wrap: anywhere;
}

.word-break {
  word-break: break-all;
  word-wrap: break-word;
}

#tabReunions thead th:nth-child(2) {
  min-width: 135px;
}

#participants table thead th:last-of-type {
  width: 210px;
}

.optionsNum {
  width: 50px;
}

.striped .row:nth-child(2n) {
  background-color: #ebebeb;
}

.customSelectMultiple {
  border: 2px #6c6c6c solid;
  border-radius: 2px;
  padding: 0;
  list-style: none;
  min-height: 200px;
  max-height: 250px;
  overflow-y: scroll;
}

.customSelectMultiple li:nth-child(2n) {
  background-color: #ebebeb;
}

#infos .readInput, #participants .readInput, #reuForm .readInput {
  border: 2px solid #AF7AC5 !important;
  color: inherit !important;
}

.autoCompTagCustom {
  background-color: #AF7AC5 !important;
  color: white !important;
}

.btnFloat {
  z-index: 2;
  position: fixed;
  bottom: 50px;
  right: 60px;
}

#paginationReuForm ul li.active .boutonTexte {
  background: #dac1e4;
  font-weight: bold;
  color: #ffffff;
  position: relative;
}

@media (min-width: 992px) {
  #paginationReuForm ul li.active .left {
    border-style: solid;
    border-color: #dac1e4 #dac1e4 #dac1e4 transparent;
    border-width: 35px;
    left: 0;
    top: 0;
    bottom: 0;
  }
  #paginationReuForm ul li.active .right {
    border-style: solid;
    border-color: transparent #dac1e4 transparent transparent;
    border-width: 35px;
    left: 0;
    top: 0;
    bottom: 0;
    transform: rotate(180deg);
  }
}
.table-dates {
  max-width: 100%;
  max-height: 60vh;
  overflow: scroll;
  position: relative;
}

.table-dates table {
  border-spacing: 3px;
}

.table-dates td, .table-dates th {
  padding: 0.5rem;
  min-width: 150px;
}

.table-dates thead th, .table-dates tbody th, .table-dates tfoot th { /* for Safari */
  position: sticky;
}

.table-dates thead th {
  top: 0;
  padding: 10px 15px 10px 15px;
}

.table-dates thead th:first-child, .table-dates tfoot th:first-child {
  left: 0;
  z-index: 1;
}

.table-dates tbody th {
  left: 0;
  padding: 1rem 0.5rem;
  background-color: #ffffff;
}

.table-dates tbody tr:nth-child(2n) th {
  background-color: #ebebeb !important;
}

.table-dates tbody tr:nth-child(2n) .dispoRep {
  background-color: rgba(199, 230, 199, 0.5) !important;
}

.table-dates tbody tr:nth-child(2n) .indispoRep {
  background-color: rgba(244, 206, 205, 0.5) !important;
}

.table-dates tbody tr:nth-child(2n) .noRep {
  background-color: rgba(252, 238, 219, 0.5) !important;
}

.table-dates tfoot th {
  bottom: 0;
  background-color: #ffffff;
}

.table-reponse .checkbox-reponse {
  visibility: hidden;
}

.table-reponse #reponses {
  outline: 3px solid #AF7AC5;
}

.checkboxDates .nbRep {
  width: 50%;
  margin: auto;
}

#vitrine, #pageInscription {
  font-family: "Alata", "Roboto", sans-serif;
  background: linear-gradient(45deg, rgba(175, 122, 197, 0.7), #fae89f), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
}

#vitrine header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

#vitrine h1 {
  font-size: 5rem;
  color: white;
  text-shadow: -2px 1px 4px #AF7AC5;
}

#pageInscription h1 {
  font-size: 32pt;
  color: white;
  text-shadow: -2px 1px 4px #AF7AC5;
}

#vitrine #titre-large h1 {
  font-size: 78pt !important;
}

#vitrine #titre-large span {
  margin-left: 50%;
}

#vitrine #table-fake {
  transform: rotate(-20deg);
  background-color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: -70px;
  z-index: -9999;
  margin-top: 100px;
}

#vitrine #table-fake th, #vitrine #table-fake td {
  min-width: 0 !important;
  font-size: 14px;
  height: 5vw;
  width: 10vw;
}

#vitrine #panels {
  background: linear-gradient(0deg, #ffffff, #ffffff, rgba(255, 255, 255, 0));
}

#vitrine #panels .row > div {
  width: 50vh;
}

#vitrine #panels i {
  font-size: 5rem;
}

/* TABLEAU COMPARATIF */
#vitrine #comparatif table {
  font-family: "Alata", "Roboto", sans-serif !important;
  border-collapse: collapse;
}

#vitrine #comparatif table tbody tr:nth-of-type(2n) td:first-of-type {
  background-color: #AF7AC5;
  color: #ffffff;
}

#vitrine #comparatif table tbody tr:nth-of-type(2n+1) td:first-of-type {
  background-color: #dac1e4;
  color: #ffffff;
}

#vitrine footer {
  width: 100%;
  background-color: #ffffff;
}

#pageInscription #banniere p {
  font-size: 12pt;
}

#pageInscription #content .shadow-card {
  border-radius: 5px;
}

@media (max-width: 992px) {
  #vitrine #banniere > .row {
    margin-top: 25%;
  }
  #vitrine #titre {
    height: -moz-fit-content;
    height: fit-content;
  }
  #vitrine h1 {
    font-size: 48pt;
  }
  #pageInscription h1 {
    font-size: 28pt;
  }
  #vitrine #table-fake th, #vitrine #table-fake td {
    width: 20vw;
    height: 7vh;
  }
  #vitrine #logo {
    width: 150px;
  }
  #vitrine #table-fake {
    width: -moz-fit-content;
    width: fit-content;
    right: 0;
    left: 10px;
    margin: auto;
    z-index: -9999;
    position: static;
    margin-top: 10px;
  }
}
@media (max-width: 576px) {
  #vitrine h1, #pageInscription h1 {
    font-size: 26pt;
  }
  #vitrine #table-fake th, #vitrine #table-fake td {
    width: auto;
    height: auto;
    font-size: 10px;
  }
}/*# sourceMappingURL=my.css.map */