@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);
@charset "UTF-8";
/* Surcouche Design */
:root {
  --h1-font-size: 2.2em;
  --h2-font-size: 1.8em;
  --h3-font-size: 1.6em;
  --h4-font-size: 1.2em;
  --h5-font-size: 1em;
  --h6-font-size: 16px;
  --blue: #3090d7;
  --primary: #3090d7;
  --primary-dark: #255fa4;
  --primary-light: #3c97de;
  --green-acid: #96c03d;
}
/* Surcouche Design */
:root {
  --h1-font-size: 2.2em;
  --h2-font-size: 1.8em;
  --h3-font-size: 1.6em;
  --h4-font-size: 1.2em;
  --h5-font-size: 1em;
  --h6-font-size: 16px;
  --blue: #3090d7;
  --primary: #3090d7;
  --primary-dark: #255fa4;
  --primary-light: #3c97de;
  --green-acid: #96c03d;
}
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #3a98f6;
  --indigo: #6610f2;
  --purple: #8442c1;
  --pink: #e83e8c;
  --red: #ed3b3b;
  --orange: #ff581b;
  --yellow: #cb9100;
  --green: #3BBCA6;
  --teal: #20c997;
  --cyan: #54caf5;
  --white: #ffffff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #3090d7;
  --secondary: #868e96;
  --success: #3BBCA6;
  --info: #2c697f;
  --warning: #cb9100;
  --danger: #ed3b3b;
  --light: #e9ecef;
  --dark: #343a40;
  --primary-lighter: rgb(230.2, 242.2457142857, 255);
  --primary-lighter-dark: rgb(209.8, 231.7542857143, 255);
  --teal: #20c997;
  --pink: #e83e8c;
  --green-acid: #96c03d;
  --grey: #868e96;
  --gray-md: #ced4da;
  --black: #000000;
  --white: #ffffff;
  --primary-light: #3c97de;
  --primary-dark: #255fa4;
  --teal-light: rgb(82.0364806867, 227.4635193133, 184.4377682403);
  --lighter: #f9fafb;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  
  /* font-size: 1rem; */
  /* font-size: var(--font-size-sm) !important; */
  font-size: 0.9rem !important;

  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #ffffff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #3090d7;
  text-decoration: none;
  background-color: transparent;
}
a:hover
/* , a:hover span  */
{
  color: rgb(30.2024291498, 102.6882591093, 156.2975708502);
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.2em;
}

h2, .h2 {
  font-size: 1.8em;
}

h3, .h3 {
  font-size: 1.6em;
}

h4, .h4 {
  font-size: 1.2em;
}

h5, .h5 {
  font-size: 1em;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #ffffff;
  border: 1px solid hsl(210, 14%, 89%);
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #868e96;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #ffffff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.container,
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@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;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-2 {
    order: 2;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
}
@media (min-width: 992px) {
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid hsl(210, 14%, 89%);
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid hsl(210, 14%, 89%);
}
.table tbody + tbody {
  border-top: 2px solid hsl(210, 14%, 89%);
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid hsl(210, 14%, 89%);
}
.table-bordered th,
.table-bordered td {
  border: 1px solid hsl(210, 14%, 89%);
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(197.04, 223.92, 243.8);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(147.36, 197.28, 234.2);
}

.table-hover .table-primary:hover {
  background-color: rgb(175.6695546559, 212.46048583, 239.6704453441);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(175.6695546559, 212.46048583, 239.6704453441);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(248.84, 249.68, 250.52);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(243.56, 245.12, 246.68);
}

.table-hover .table-light:hover {
  background-color: rgb(234.0768421053, 236.93, 239.7831578947);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(234.0768421053, 236.93, 239.7831578947);
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #ffffff;
  border-color: rgb(154.8522267206, 201.2975708502, 235.6477732794);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(48, 144, 215, 0.25);
}
.form-control::-moz-placeholder {
  color: #868e96;
  opacity: 1;
}
.form-control::placeholder {
  color: #868e96;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #ffffff;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

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

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #868e96;
}

.form-check-label {
  margin-bottom: 0;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #ed3b3b;
}


.is-invalid ~ .invalid-feedback {
  display: block;
}

 .form-control.is-invalid {
  border-color: #ed3b3b;
}
 .form-control.is-invalid:focus {
  border-color: #ed3b3b;
  box-shadow: 0 0 0 0.2rem rgba(237, 59, 59, 0.25);
}

 .custom-select.is-invalid {
  border-color: #ed3b3b;
}
 .custom-select.is-invalid:focus {
  border-color: #ed3b3b;
  box-shadow: 0 0 0 0.2rem rgba(237, 59, 59, 0.25);
}

 .form-check-input.is-invalid ~ .form-check-label {
  color: #ed3b3b;
}
 .form-check-input.is-invalid ~ .invalid-feedback {
  display: block;
}

 .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ed3b3b;
}
 .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #ed3b3b;
  box-shadow: 0 0 0 0.2rem rgba(237, 59, 59, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(48, 144, 215, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #ffffff;
  background-color: #3090d7;
  border-color: #3090d7;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: rgb(36.3967611336, 123.7489878543, 188.3532388664);
  border-color: rgb(34.3319838057, 116.7287449393, 177.6680161943);
}
.btn-primary:focus, .btn-primary.focus {
  color: #ffffff;
  background-color: rgb(36.3967611336, 123.7489878543, 188.3532388664);
  border-color: rgb(34.3319838057, 116.7287449393, 177.6680161943);
  box-shadow: 0 0 0 0.2rem rgba(79.05, 160.65, 221, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  background-color: #3090d7;
  border-color: #3090d7;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(34.3319838057, 116.7287449393, 177.6680161943);
  border-color: rgb(32.2672064777, 109.7085020243, 166.9827935223);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(79.05, 160.65, 221, 0.5);
}

.btn-secondary {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-secondary:hover {
  color: #ffffff;
  background-color: rgb(114.1758849558, 122.875, 131.5741150442);
  border-color: rgb(108.2522123894, 116.5, 124.7477876106);
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #ffffff;
  background-color: rgb(114.1758849558, 122.875, 131.5741150442);
  border-color: rgb(108.2522123894, 116.5, 124.7477876106);
  box-shadow: 0 0 0 0.2rem rgba(152.15, 158.95, 165.75, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(108.2522123894, 116.5, 124.7477876106);
  border-color: rgb(102.328539823, 110.125, 117.921460177);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(152.15, 158.95, 165.75, 0.5);
}

.btn-success {
  color: #ffffff;
  background-color: #3BBCA6;
  border-color: #3BBCA6;
}
.btn-success:hover {
  color: #ffffff;
  background-color: rgb(49.8633603239, 158.8866396761, 140.2935222672);
  border-color: rgb(46.8178137652, 149.1821862348, 131.7246963563);
}
.btn-success:focus, .btn-success.focus {
  color: #ffffff;
  background-color: rgb(49.8633603239, 158.8866396761, 140.2935222672);
  border-color: rgb(46.8178137652, 149.1821862348, 131.7246963563);
  box-shadow: 0 0 0 0.2rem rgba(88.4, 198.05, 179.35, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #ffffff;
  background-color: #3BBCA6;
  border-color: #3BBCA6;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(46.8178137652, 149.1821862348, 131.7246963563);
  border-color: rgb(43.7722672065, 139.4777327935, 123.1558704453);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(88.4, 198.05, 179.35, 0.5);
}

.btn-info {
  color: #ffffff;
  background-color: #2c697f;
  border-color: #2c697f;
}
.btn-info:hover {
  color: #ffffff;
  background-color: rgb(34.1578947368, 81.5131578947, 98.5921052632);
  border-color: rgb(30.8771929825, 73.6842105263, 89.1228070175);
}
.btn-info:focus, .btn-info.focus {
  color: #ffffff;
  background-color: rgb(34.1578947368, 81.5131578947, 98.5921052632);
  border-color: rgb(30.8771929825, 73.6842105263, 89.1228070175);
  box-shadow: 0 0 0 0.2rem rgba(75.65, 127.5, 146.2, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #ffffff;
  background-color: #2c697f;
  border-color: #2c697f;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(30.8771929825, 73.6842105263, 89.1228070175);
  border-color: rgb(27.5964912281, 65.8552631579, 79.6535087719);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(75.65, 127.5, 146.2, 0.5);
}

.btn-warning {
  color: #ffffff;
  background-color: #cb9100;
  border-color: #cb9100;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: rgb(164.75, 117.6785714286, 0);
  border-color: rgb(152, 108.5714285714, 0);
}
.btn-warning:focus, .btn-warning.focus {
  color: #ffffff;
  background-color: rgb(164.75, 117.6785714286, 0);
  border-color: rgb(152, 108.5714285714, 0);
  box-shadow: 0 0 0 0.2rem rgba(210.8, 161.5, 38.25, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #ffffff;
  background-color: #cb9100;
  border-color: #cb9100;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(152, 108.5714285714, 0);
  border-color: rgb(139.25, 99.4642857143, 0);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(210.8, 161.5, 38.25, 0.5);
}

.btn-danger {
  color: #ffffff;
  background-color: #ed3b3b;
  border-color: #ed3b3b;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: rgb(233.7827102804, 23.9672897196, 23.9672897196);
  border-color: rgb(224.3925233645, 20.6074766355, 20.6074766355);
}
.btn-danger:focus, .btn-danger.focus {
  color: #ffffff;
  background-color: rgb(233.7827102804, 23.9672897196, 23.9672897196);
  border-color: rgb(224.3925233645, 20.6074766355, 20.6074766355);
  box-shadow: 0 0 0 0.2rem rgba(239.7, 88.4, 88.4, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #ffffff;
  background-color: #ed3b3b;
  border-color: #ed3b3b;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(224.3925233645, 20.6074766355, 20.6074766355);
  border-color: rgb(212.714953271, 19.535046729, 19.535046729);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(239.7, 88.4, 88.4, 0.5);
}

.btn-dark {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #ffffff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn-dark:focus, .btn-dark.focus {
  color: #ffffff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}

.btn-teal {
  color: #ffffff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-teal:hover {
  color: #ffffff;
  background-color: rgb(26.7467811159, 168.0032188841, 126.2113733906);
  border-color: rgb(24.9957081545, 157.0042918455, 117.9484978541);
}
.btn-teal:focus, .btn-teal.focus {
  color: #ffffff;
  background-color: rgb(26.7467811159, 168.0032188841, 126.2113733906);
  border-color: rgb(24.9957081545, 157.0042918455, 117.9484978541);
  box-shadow: 0 0 0 0.2rem rgba(65.45, 209.1, 166.6, 0.5);
}
.btn-teal.disabled, .btn-teal:disabled {
  color: #ffffff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active, .show > .btn-teal.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(24.9957081545, 157.0042918455, 117.9484978541);
  border-color: rgb(23.2446351931, 146.0053648069, 109.6856223176);
}
.btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(65.45, 209.1, 166.6, 0.5);
}

.btn-outline-primary {
  color: #3090d7;
  border-color: #3090d7;
}
.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #3090d7;
  border-color: #3090d7;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(48, 144, 215, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #3090d7;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #3090d7;
  border-color: #3090d7;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(48, 144, 215, 0.5);
}

.btn-outline-secondary {
  color: #868e96;
  border-color: #868e96;
}
.btn-outline-secondary:hover {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #868e96;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-success {
  color: #3BBCA6;
  border-color: #3BBCA6;
}
.btn-outline-success:hover {
  color: #ffffff;
  background-color: #3BBCA6;
  border-color: #3BBCA6;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 188, 166, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #3BBCA6;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #ffffff;
  background-color: #3BBCA6;
  border-color: #3BBCA6;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 188, 166, 0.5);
}

.btn-outline-info {
  color: #2c697f;
  border-color: #2c697f;
}
.btn-outline-info:hover {
  color: #ffffff;
  background-color: #2c697f;
  border-color: #2c697f;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(44, 105, 127, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #2c697f;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #ffffff;
  background-color: #2c697f;
  border-color: #2c697f;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(44, 105, 127, 0.5);
}

.btn-outline-warning {
  color: #cb9100;
  border-color: #cb9100;
}
.btn-outline-warning:hover {
  color: #ffffff;
  background-color: #cb9100;
  border-color: #cb9100;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(203, 145, 0, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #cb9100;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #ffffff;
  background-color: #cb9100;
  border-color: #cb9100;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(203, 145, 0, 0.5);
}

.btn-outline-danger {
  color: #ed3b3b;
  border-color: #ed3b3b;
}
.btn-outline-danger:hover {
  color: #ffffff;
  background-color: #ed3b3b;
  border-color: #ed3b3b;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(237, 59, 59, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #ed3b3b;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #ffffff;
  background-color: #ed3b3b;
  border-color: #ed3b3b;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(237, 59, 59, 0.5);
}

.btn-outline-light {
  color: #e9ecef;
  border-color: #e9ecef;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #e9ecef;
  border-color: #e9ecef;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #e9ecef;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #e9ecef;
  border-color: #e9ecef;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-grey {
  color: #868e96;
  border-color: #868e96;
}
.btn-outline-grey:hover {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-outline-grey:focus, .btn-outline-grey.focus {
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}
.btn-outline-grey.disabled, .btn-outline-grey:disabled {
  color: #868e96;
  background-color: transparent;
}
.btn-outline-grey:not(:disabled):not(.disabled):active, .btn-outline-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
}
.btn-outline-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #3090d7;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(30.2024291498, 102.6882591093, 156.2975708502);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #868e96;
  pointer-events: none;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #3090d7;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #868e96;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
  z-index: 1;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select.text-white {
  background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
}
.custom-select:focus {
  border-color: rgb(154.8522267206, 201.2975708502, 235.6477732794);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(48, 144, 215, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #ffffff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #868e96;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(154.8522267206, 201.2975708502, 235.6477732794);
  box-shadow: 0 0 0 0.2rem rgba(48, 144, 215, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}


.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {

  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #868e96;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid hsl(210, 14%, 89%);
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef hsl(210, 14%, 89%);
}
.nav-tabs .nav-link.disabled {
  color: #868e96;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #ffffff;
  border-color: hsl(210, 14%, 89%) hsl(210, 14%, 89%) #ffffff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #3090d7;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}


.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}


.card-img-top {
  flex-shrink: 0;
  width: 100%;
}


.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #868e96;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #868e96;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #3090d7;
  background-color: #ffffff;
  border: 1px solid hsl(210, 14%, 89%);
}
.page-link:hover {
  z-index: 2;
  color: rgb(30.2024291498, 102.6882591093, 156.2975708502);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: hsl(210, 14%, 89%);
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(48, 144, 215, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #ffffff;
  background-color: #3090d7;
  border-color: #3090d7;
}
.page-item.disabled .page-link {
  color: #868e96;
  pointer-events: none;
  cursor: auto;
  background-color: #ffffff;
  border-color: hsl(210, 14%, 89%);
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #ffffff;
  background-color: #3090d7;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #ffffff;
  background-color: rgb(34.3319838057, 116.7287449393, 177.6680161943);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(48, 144, 215, 0.5);
}

.badge-secondary {
  color: #ffffff;
  background-color: #868e96;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #ffffff;
  background-color: rgb(108.2522123894, 116.5, 124.7477876106);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.badge-success {
  color: #ffffff;
  background-color: #3BBCA6;
}
a.badge-success:hover, a.badge-success:focus {
  color: #ffffff;
  background-color: rgb(46.8178137652, 149.1821862348, 131.7246963563);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(59, 188, 166, 0.5);
}

.badge-warning {
  color: #ffffff;
  background-color: #cb9100;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #ffffff;
  background-color: rgb(152, 108.5714285714, 0);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(203, 145, 0, 0.5);
}

.badge-danger {
  color: #ffffff;
  background-color: #ed3b3b;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #ffffff;
  background-color: rgb(224.3925233645, 20.6074766355, 20.6074766355);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(237, 59, 59, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #e9ecef;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: rgb(203.4736842105, 210.5, 217.5263157895);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
}

.badge-dark {
  color: #ffffff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #ffffff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.badge-white {
  color: #212529;
  background-color: #ffffff;
}
a.badge-white:hover, a.badge-white:focus {
  color: #212529;
  background-color: rgb(229.5, 229.5, 229.5);
}
a.badge-white:focus, a.badge-white.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-secondary {
  color: rgb(69.68, 73.84, 78);
  background-color: rgb(230.8, 232.4, 234);
  border-color: rgb(221.12, 223.36, 225.6);
}
.alert-secondary hr {
  border-top-color: rgb(207.4673451327, 210.61, 213.7526548673);
}
.alert-secondary .alert-link {
  color: rgb(45.6166197183, 48.34, 51.0633802817);
}

.alert-success {
  color: rgb(30.68, 97.76, 86.32);
  background-color: rgb(215.8, 241.6, 237.2);
  border-color: rgb(200.12, 236.24, 230.08);
}
.alert-success hr {
  border-top-color: rgb(181.1161977186, 229.7438022814, 221.4507224335);
}
.alert-success .alert-link {
  color: rgb(18.4978137652, 58.9421862348, 52.0446963563);
}

.alert-info {
  color: rgb(22.88, 54.6, 66.04);
  background-color: rgb(212.8, 225, 229.4);
  border-color: rgb(195.92, 213, 219.16);
}
.alert-info hr {
  border-top-color: rgb(180.0483185841, 201.7168141593, 209.5316814159);
}
.alert-info .alert-link {
  color: rgb(9.7571929825, 23.2842105263, 28.1628070175);
}

.alert-warning {
  color: rgb(105.56, 75.4, 0);
  background-color: rgb(244.6, 233, 204);
  border-color: rgb(240.44, 224.2, 183.6);
}
.alert-warning hr {
  border-top-color: rgb(236.120781759, 215.0631921824, 162.419218241);
}
.alert-warning .alert-link {
  color: rgb(54.56, 38.9714285714, 0);
}

.alert-danger {
  color: rgb(123.24, 30.68, 30.68);
  background-color: rgb(251.4, 215.8, 215.8);
  border-color: rgb(249.96, 200.12, 200.12);
}
.alert-danger hr {
  border-top-color: rgb(247.8151401869, 176.7648598131, 176.7648598131);
}
.alert-danger .alert-link {
  color: rgb(82.4055405405, 20.5144594595, 20.5144594595);
}

.alert-light {
  color: rgb(121.16, 122.72, 124.28);
  background-color: rgb(250.6, 251.2, 251.8);
  border-color: rgb(248.84, 249.68, 250.52);
}
.alert-light hr {
  border-top-color: rgb(234.0768421053, 236.93, 239.7831578947);
}
.alert-light .alert-link {
  color: rgb(95.9841525424, 97.22, 98.4558474576);
}

.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}

.alert-teal {
  color: rgb(16.64, 104.52, 78.52);
  background-color: rgb(210.4, 244.2, 234.2);
  border-color: rgb(192.56, 239.88, 225.88);
}
.alert-teal hr {
  border-top-color: rgb(172.0311191336, 234.9088808664, 216.3059927798);
}
.alert-teal .alert-link {
  color: rgb(9.6357081545, 60.5242918455, 45.4684978541);
}

.alert-primary-light {
  color: rgb(31.2, 78.52, 115.44);
  background-color: rgb(216, 234.2, 248.4);
  border-color: rgb(200.4, 225.88, 245.76);
}
.alert-primary-light hr {
  border-top-color: rgb(178.5907894737, 214.2484210526, 242.0692105263);
}
.alert-primary-light .alert-link {
  color: rgb(20.3489361702, 51.2114893617, 75.2910638298);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  background-color: #3090d7;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #868e96;
  pointer-events: none;
  background-color: #ffffff;
}
.list-group-item.active {
  z-index: 2;
  color: #ffffff;
  background-color: #3090d7;
  border-color: #3090d7;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.5;
}
.close:hover {
  color: #000000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -moz-min-content;
  height: min-content;
  content: "";
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid hsl(210, 14%, 89%);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid hsl(210, 14%, 89%);
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.carousel {
  position: relative;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

.align-top {
  vertical-align: top !important;
}

.bg-primary {
  background-color: #3090d7 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(34.3319838057, 116.7287449393, 177.6680161943) !important;
}

.bg-success {
  background-color: #3BBCA6 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(46.8178137652, 149.1821862348, 131.7246963563) !important;
}

.bg-info {
  background-color: #2c697f !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(30.8771929825, 73.6842105263, 89.1228070175) !important;
}

.bg-warning {
  background-color: #cb9100 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(152, 108.5714285714, 0) !important;
}

.bg-danger {
  background-color: #ed3b3b !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(224.3925233645, 20.6074766355, 20.6074766355) !important;
}

.bg-light {
  background-color: #e9ecef !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(203.4736842105, 210.5, 217.5263157895) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.bg-teal {
  background-color: #20c997 !important;
}

a.bg-teal:hover, a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus {
  background-color: rgb(24.9957081545, 157.0042918455, 117.9484978541) !important;
}

.bg-pink {
  background-color: #e83e8c !important;
}

a.bg-pink:hover, a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus {
  background-color: rgb(217.125, 25.875, 113.625) !important;
}

.bg-grey {
  background-color: #868e96 !important;
}

a.bg-grey:hover, a.bg-grey:focus,
button.bg-grey:hover,
button.bg-grey:focus {
  background-color: rgb(108.2522123894, 116.5, 124.7477876106) !important;
}

.bg-black {
  background-color: #000000 !important;
}

a.bg-black:hover, a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
  background-color: black !important;
}

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

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

.bg-primary-light {
  background-color: #3c97de !important;
}

a.bg-primary-light:hover, a.bg-primary-light:focus,
button.bg-primary-light:hover,
button.bg-primary-light:focus {
  background-color: rgb(33.4342105263, 125.6315789474, 197.5657894737) !important;
}

.bg-lighter {
  background-color: #f9fafb !important;
}

a.bg-lighter:hover, a.bg-lighter:focus,
button.bg-lighter:hover,
button.bg-lighter:focus {
  background-color: rgb(218.4, 224.5, 230.6) !important;
}

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

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid hsl(210, 14%, 89%) !important;
}

.border-top {
  border-top: 1px solid hsl(210, 14%, 89%) !important;
}

.border-right {
  border-right: 1px solid hsl(210, 14%, 89%) !important;
}

.border-bottom {
  border-bottom: 1px solid hsl(210, 14%, 89%) !important;
}

.border-left {
  border-left: 1px solid hsl(210, 14%, 89%) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #3090d7 !important;
}

.border-secondary {
  border-color: #868e96 !important;
}

.border-success {
  border-color: #3BBCA6 !important;
}

.border-warning {
  border-color: #cb9100 !important;
}

.border-danger {
  border-color: #ed3b3b !important;
}

.border-light {
  border-color: #e9ecef !important;
}

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

.border-gray-md {
  border-color: #ced4da !important;
}

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

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

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.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;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .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;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}
@media (min-width: 768px) {
  .float-md-none {
    float: none !important;
  }
}

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

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

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

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

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

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

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

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

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

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

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

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

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

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.mt-6 {
  margin-top: 4.5rem !important;
}

.mb-6 {
  margin-bottom: 4.5rem !important;
}

.mb-7 {
  margin-bottom: 7.5rem !important;
}

.mb-8 {
  margin-bottom: 12rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.p-6 {
  padding: 4.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4.5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 4.5rem !important;
}


.py-6 {
  padding-bottom: 4.5rem !important;
}


.px-6 {
  padding-left: 4.5rem !important;
}


.py-7 {
  padding-top: 7.5rem !important;
}


.py-7 {
  padding-bottom: 7.5rem !important;
}

.pl-7 {
  padding-left: 7.5rem !important;
}


.py-8 {
  padding-top: 12rem !important;
}


.py-8 {
  padding-bottom: 12rem !important;
}


.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}


.mx-n1 {
  margin-left: -0.25rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.mb-n4 {
  margin-bottom: -1.5rem !important;
}

.mb-n5 {
  margin-bottom: -3rem !important;
}

.mb-n6 {
  margin-bottom: -4.5rem !important;
}

.mb-n7 {
  margin-bottom: -7.5rem !important;
}

.mb-n8 {
  margin-bottom: -12rem !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 7.5rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 12rem !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }

  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .py-sm-6 {
    padding-top: 4.5rem !important;
  }

  .py-sm-6 {
    padding-bottom: 4.5rem !important;
  }

  .py-sm-7 {
    padding-top: 7.5rem !important;
  }

  .py-sm-7 {
    padding-bottom: 7.5rem !important;
  }

  .py-sm-8 {
    padding-top: 12rem !important;
  }

  .py-sm-8 {
    padding-bottom: 12rem !important;
  }
  .mb-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-sm-n6 {
    margin-bottom: -4.5rem !important;
  }
  .mb-sm-n7 {
    margin-bottom: -7.5rem !important;
  }
  .mb-sm-n8 {
    margin-bottom: -12rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-md-7 {
    margin-bottom: 7.5rem !important;
  }
  .mb-md-8 {
    margin-bottom: 12rem !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
  }

  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .px-md-0 {
    padding-left: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important;
  }

  .px-md-6 {
    padding-right: 4.5rem !important;
  }

  .py-md-6 {
    padding-bottom: 4.5rem !important;
  }

  .px-md-6 {
    padding-left: 4.5rem !important;
  }

  .py-md-7 {
    padding-top: 7.5rem !important;
  }

  .py-md-7 {
    padding-bottom: 7.5rem !important;
  }

  .py-md-8 {
    padding-top: 12rem !important;
  }

  .py-md-8 {
    padding-bottom: 12rem !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-md-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-md-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-md-n6 {
    margin-bottom: -4.5rem !important;
  }
  .mb-md-n7 {
    margin-bottom: -7.5rem !important;
  }
  .mb-md-n8 {
    margin-bottom: -12rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 7.5rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 12rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .px-lg-0 {
    padding-left: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }

  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important;
  }

  .py-lg-6 {
    padding-bottom: 4.5rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 7.5rem !important;
  }

  .py-lg-7 {
    padding-bottom: 7.5rem !important;
  }

  .py-lg-8 {
    padding-top: 12rem !important;
  }

  .py-lg-8 {
    padding-bottom: 12rem !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-lg-n6 {
    margin-bottom: -4.5rem !important;
  }
  .mb-lg-n7 {
    margin-bottom: -7.5rem !important;
  }
  .mb-lg-n8 {
    margin-bottom: -12rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 7.5rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 12rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
  }

  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .py-xl-6 {
    padding-top: 4.5rem !important;
  }

  .py-xl-6 {
    padding-bottom: 4.5rem !important;
  }

  .py-xl-7 {
    padding-top: 7.5rem !important;
  }

  .py-xl-7 {
    padding-bottom: 7.5rem !important;
  }

  .py-xl-8 {
    padding-top: 12rem !important;
  }

  .py-xl-8 {
    padding-bottom: 12rem !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-xl-n6 {
    margin-bottom: -4.5rem !important;
  }
  .mb-xl-n7 {
    margin-bottom: -7.5rem !important;
  }
  .mb-xl-n8 {
    margin-bottom: -12rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

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

.text-primary {
  color: #3090d7 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(30.2024291498, 102.6882591093, 156.2975708502) !important;
}

.text-secondary {
  color: #868e96 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(96.4048672566, 103.75, 111.0951327434) !important;
}

.text-success {
  color: #3BBCA6 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(40.7267206478, 129.7732793522, 114.5870445344) !important;
}

.text-info {
  color: #2c697f !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(24.3157894737, 58.0263157895, 70.1842105263) !important;
}

.text-warning {
  color: #cb9100 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: rgb(126.5, 90.3571428571, 0) !important;
}

.text-danger {
  color: #ed3b3b !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(201.0373831776, 18.4626168224, 18.4626168224) !important;
}

.text-light {
  color: #e9ecef !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(188.7105263158, 197.75, 206.7894736842) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-teal {
  color: #20c997 !important;
}

a.text-teal:hover, a.text-teal:focus {
  color: rgb(21.4935622318, 135.0064377682, 101.4227467811) !important;
}

.text-pink {
  color: #e83e8c !important;
}

a.text-pink:hover, a.text-pink:focus {
  color: rgb(194.3402777778, 23.1597222222, 101.7013888889) !important;
}

.text-green-acid {
  color: #96c03d !important;
}

a.text-green-acid:hover, a.text-green-acid:focus {
  color: rgb(104.6442687747, 133.9446640316, 42.5553359684) !important;
}

.text-grey {
  color: #868e96 !important;
}

a.text-grey:hover, a.text-grey:focus {
  color: rgb(96.4048672566, 103.75, 111.0951327434) !important;
}

.text-gray-md {
  color: #ced4da !important;
}

a.text-gray-md:hover, a.text-gray-md:focus {
  color: rgb(162.4127906977, 173.75, 185.0872093023) !important;
}

.text-black {
  color: #000000 !important;
}

a.text-black:hover, a.text-black:focus {
  color: black !important;
}

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

a.text-white:hover, a.text-white:focus {
  color: rgb(216.75, 216.75, 216.75) !important;
}

.text-muted {
  color: #868e96 !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #ffffff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid hsl(210, 14%, 89%) !important;
  }
}
:root {
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --inner-width: 100%;
  --inner-height: 100%;
}

:root {
  --h1-font-size: 2.2em;
  --h2-font-size: 1.8em;
  --h3-font-size: 1.6em;
  --h4-font-size: 1.2em;
  --h5-font-size: 1em;
  --h6-font-size: 16px;
}

.collapse-text p.collapse {
  height: 42px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.collapse-text p.collapse.show {
  height: auto;
  overflow: auto;
  -webkit-box-orient: initial;
}
.collapse-text p.collapsing {
  min-height: 42px !important;
}
.collapse-text a.collapsed:after {
  content: "+ Plus";
}
.collapse-text a:not(.collapsed):after {
  content: "- Moins";
}

.choix-facturation {
  font-size: 120%;
}
@media (min-width: 768px) {
  .choix-facturation {
    font-size: 100%;
  }
}
.choix-facturation .subtitle,
.choix-facturation .duration-detail {
  font-size: 16px;
  line-height: 1.1;
}
.choix-facturation .detail-view-link {
  text-align: left;
  font-size: 14px;
}
.choix-facturation .detail-view-link a {
  text-decoration: underline;
}
.choix-facturation .detail-view-link a:hover {
  text-decoration: none;
}

.product-box,
.inputs-form {
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto;
  border-radius: 8px;
}

.plan-detail ul li .counter {
  position: absolute;
  top: -0.6em;
  right: 0;
  font-weight: bolder;
  padding: 0.6em 0.6em 0.3em 0.66em;
}
@media (min-width: 992px) {
  .plan-detail ul li .counter {
    font-size: 1rem;
    padding: 0.5em 0.6em 0.3em 0.66em;
  }
}
.plan-detail ul li .description {
  font-size: 0.87em;
  line-height: 1.3;
}

body.customer .plan-detail h1, body.customer .plan-detail h2, body.customer .plan-detail h3, body.customer .plan-detail h4, body.customer .plan-detail h5, body.customer .plan-detail h6 {
  font-family: "Arial", sans-serif;
}
body.customer .plan-detail h1 {
  font-size: 38px;
}
body.customer .plan-detail h3 {
  font-size: var(--font-size-base);
  margin-bottom: 0.5em;
}
body.customer .plan-detail .description {
  font-family: "Martel sans", sans-serif;
  font-size: 12.8px;
}

/* test typo : Oxygen */
.btn {
  font-weight: 600;
  font-size: 15px;
  font-family: "Arial", sans-serif;
  min-height: 36px;
  outline: none;
  border-radius: 0.3em;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}
.btn.btn-text:hover {
  opacity: 0.9;
  box-shadow: none;
}
.btn.btn-sm, .btn-group-sm > .btn {
  min-height: 31.5px;
}
.btn.btn-sm:active, .btn-group-sm > .btn:active {
  padding: 6px 10px 4px;
}
.btn.btn-lg {
  padding: 10px 16px;
  font-size: var(--font-size-lg);
}
.btn.btn-xl {
  padding: 16px 24px;
  font-size: 22px;
}
.btn.disabled, .btn[disabled] {
  cursor: not-allowed;
}
.btn .badge {
  top: 0px;
  font-size: 100%;
  transform: scale(0.8);
}

.btn-primary {
  color: #fff !important;
  background-color: rgb(38.4615384615, 130.7692307692, 199.0384615385);
}
.btn-primary:hover {
  background-color: #3090d7;
  border-color: rgb(69.3704453441, 155.45951417, 219.1295546559);
  box-shadow: 0 3px 0.8em 0 rgb(142.0299595142, 194.4218623482, 233.1700404858);
}

.btn-secondary {
  color: #495057;
  background-color: var(--white);
  border-color: var(--gray);
}
.btn-secondary:focus {
  border: rgba(0, 0, 0, 0) solid 1px;
  outline: rgba(0, 0, 0, 0) 0;
}
.btn-secondary:focus, .btn-secondary:hover {
  color: #222;
  background-color: var(--light);
}

.btn-danger,
.btn-outline-danger:hover {
  color: #fff !important;
  background-color: #ed3b3b;
  border: 1px solid transparent;
}
.btn-danger:focus,
.btn-outline-danger:hover:focus {
  border: rgba(0, 0, 0, 0) solid 1px;
  outline: rgba(0, 0, 0, 0) 0;
  box-shadow: inset 0 0 0 1px #fff;
}
.btn-danger:active,
.btn-outline-danger:hover:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.btn-outline-dark:hover .text-danger {
  color: white !important;
}

.btn-success {
  color: #fff !important;
}
.btn-success:hover {
  background-color: rgb(66.4672064777, 195.8327935223, 173.7704453441);
  border-color: rgb(66.4672064777, 195.8327935223, 173.7704453441);
}

.btn-teal {
  background-color: rgb(29.8987124464, 187.8012875536, 141.0845493562);
}
.btn-teal:hover {
  background-color: #20c997;
  border-color: rgb(34.1012875536, 214.1987124464, 160.9154506438);
}

.btn-link,
.btn-text,
.btn-text:active {
  text-transform: uppercase;
  font-size: 0.9em !important;
  font-weight: 600;
  padding: 6px 12px;
  box-shadow: initial !important;
  background: transparent;
  border: initial;
  cursor: pointer;
  outline: none;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-link:not([disabled]),
.btn-text:not([disabled]),
.btn-text:active:not([disabled]) {
  color: var(--primary-dark) !important;
}

.btn-link {
  font-size: 1em;
  text-transform: initial;
  box-shadow: initial;
}

.btn-small {
  padding: 5px 9px 4px;
  font-size: 0.8em !important;
  font-weight: 600;
  min-height: 31.5px;
}
.btn-small:active {
  padding: 5px 9px 4px;
}

.btn-group :last-child .btn,
.btn-group :last-child .btn-slot .btn {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-twitter {
  color: #fff;
  background-color: #55acee;
}
.btn-twitter:hover {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
.btn-facebook:hover {
  background-color: #2d4373;
}

.btn-google {
  color: #fff;
  background-color: #dd4b39;
}
.btn-google:hover {
  color: #fff;
  background-color: #c23321;
}

html body {
  -moz-text-size-adjust: none;
       text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
html body a {
  color: #3b78e7;
}
html body a.disabled {
  cursor: not-allowed;
}
html body a .fa-caret-right {
  transition: rotate 0.1s ease;
}
html body a :not(.collapsed):not(.fa-stack) .fa-caret-right {
  transform: rotate(90deg);
}
html body abbr[title],
html body acronym[title] {
  text-underline-offset: 3px;
}
html body .b,
html body b {
  font-weight: 700;
}
html body table th {
  font-weight: 600;
}

html.public,
html.public body {
  background-color: #fff;
  margin: 0;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

.public,
html.public,
html.public body {
  color: #000000;
  font-family: "Inter", "Roboto", "Arial", sans-serif;
  font-size: var(--font-size-base);
  line-height: 1.5;
  font-weight: 400;
  transition: all 0.2s;
}

.public .lead {
  color: inherit;
  font-weight: 100;
}
.public .lead strong {
  color: #555;
}

.cursor-pointer {
  cursor: pointer;
}

.min-height-55 {
  min-height: 55px;
}

.min-width-60 {
  min-width: 60px;
}

.max-width-70 {
  max-width: 70px;
}

.max-width-350 {
  max-width: 350px;
}

.max-width-450 {
    max-width: 450px
}

.max-width-600 {
  max-width: 600px;
}

.line1 {
  line-height: 1.2em;
}

@keyframes anim-end {
  from {
    left: -40vw;
  }
  to {
    left: 130vw;
  }
}
.overflow-hidden {
  overflow: hidden;
}

.bg-light-to-white {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: linear-gradient(to bottom, #e9ecef 70%, #ffffff 100%) no-repeat scroll 0 0 #ffffff;
}

.bg-lighter {
  background: rgba(233, 236, 239, 0.2);
}

.bg-transparent {
  background-color: transparent;
}

.box-shadow {
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.08);
}

@media (min-width: 576px) {
  .box-shadow-hard {
    box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.2);
  }
}
.box-shadow-light {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
}

.desaturate {
  filter: saturate(0) brightness(1.5);
}

.grayscale {
  filter: grayscale(1);
}

.brightness {
  filter: brightness(1.5);
}

.invert {
  filter: invert(100%) hue-rotate(180deg) brightness(127%);
}

.multiply {
  mix-blend-mode: multiply;
}

.lighten {
  mix-blend-mode: lighten;
}

picture {
  display: block;
  max-width: 400px;
  margin: 0 auto;
}
picture.sm {
  max-width: 300px;
}
picture.xs {
  max-width: 240px;
}

@media (min-width: 992px) {
  picture,
  picture.sx,
  picture.sm {
    max-width: auto;
    margin: initial;
  }
}
.border-dashed {
  border-style: dashed;
}

.border-transparent {
  border-color: transparent !important;
}

.border-hover {
  transition: all 0.2s ease-in;
}
.border-hover:hover {
  border-color: var(--primary) !important;
}

.img-hover {
  transition: all 0.2s ease-in;
}
.img-hover .far,
.img-hover .fas,
.img-hover .fa-regular,
.img-hover .fa-solid {
  transition: all 0.2s ease-in;
}
.img-hover:hover {
  border: 1px solid var(--primary) !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.05);
}
.img-hover:hover .far,
.img-hover:hover .fas,
.img-hover:hover .fa-regular,
.img-hover:hover .fa-solid {
  color: var(--primary) !important;
}

.img-cover {
  -o-object-fit: cover;
     object-fit: cover;
}


.img-cover.bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.img-cover.center {
  -o-object-position: center;
     object-position: center;
}

.img-cover.top {
  -o-object-position: top;
     object-position: top;
}

.container.xl {
  max-width: 1440px;
}

.w-sm {
  max-width: 576px;
}

.w-md {
  max-width: 768px;
}

.w-lg {
  max-width: 992px;
}

.pointer {
  cursor: pointer;
}

.h1,
h1 {
  font-size: var(--h1-font-size) !important;
  color: #3C4043;
  font-weight: normal;
}
.h1 small,
h1 small {
  color: #666;
  font-size: 0.6em !important;
}

.h2,
h2 {
  margin: 16px 0 14px;
  font-size: var(--h2-font-size) !important;
  font-weight: normal;
}

.h3,
h3 {
  margin: 16px 0 14px;
  font-size: 1.6em !important;
  font-size: var(--h3-font-size) !important;
}

.h4,
h4 {
  margin: 14px 0;
  font-size: 1.2em !important;
  font-size: var(--h4-font-size) !important;
  color: rgba(33, 37, 41, 0.8);
}

.h5,
h5 {
  margin: 14px 0;
  font-size: var(--h5-font-size) !important;
  color: rgba(33, 37, 41, 0.8);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", "Arial", sans-serif;
  margin: 0.25em 0;
  font-weight: 500;
}

h1 small {
  display: block;
}
h1.upside {
  display: flex;
  flex-direction: column-reverse;
}

@media (max-width: 768px) {
  h1,
  .h1 {
    font-size: max(1em, var(--h1-font-size) * 0.9) !important;
  }
  h2,
  .h2 {
    font-size: max(1em, var(--h2-font-size) * 0.9) !important;
  }
  h3,
  .h3 {
    font-size: max(1em, var(--h3-font-size) * 0.9) !important;
  }
  h4,
  .h4 {
    font-size: max(1em, var(--h4-font-size) * 0.9) !important;
  }
  h5,
  .h5 {
    font-size: max(1em, var(--h5-font-size) * 0.9) !important;
  }
}
a,
a[role=button] {
  cursor: pointer;
}

a.arrow-right {
  display: inline-block;
  position: relative;
  padding-right: 12px;
}
a.arrow-right::after, a.arrow-right::before {
  border-right: 2px solid;
  content: "";
  display: block;
  height: 7px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  right: 2px;
  top: 50%;
  width: 0;
}
a.arrow-right::after {
  margin-top: -2px;
  transform: rotate(45deg);
}

code {
  font-size: 87.5%;
}

code,
.code {
  color: #e83e8c;
  word-break: break-word;
}

#app-dv code.pre {
  white-space: pre;
}

.fs-large {
  font-size: large;
}

.fs-small {
  font-size: small;
}

.fs-smaller {
  font-size: smaller;
}

hr.dashed {
  border-top: 1px dashed #ddd;
}
hr.dotted {
  border-top: 1px dotted #ddd;
}

.nobr {
  white-space: nowrap;
}

.vat {
  vertical-align: top;
}

.vam {
  vertical-align: middle;
}

.vab {
  vertical-align: bottom;
}

#sections *:not(.pano) img {
  aspect-ratio: attr(width)/attr(height);
  max-width: 100%;
}
#sections *:not(.pano) img:not(.not-contained) {
  -o-object-fit: contain;
     object-fit: contain;
  min-height: 160px;
}

img.zoom-audio-click .zoom-icon,
img.zoom-video-click .zoom-icon,
img.zoom-fullscreen-click .zoom-icon {
  display: none;
}

img.zoom-fullscreen-click {
  cursor: zoom-in;
}

a[id^=zoom-],
a[id^=video-],
a[id^=audio-] {
  display: inline-block;
  position: relative;
  transition: all 0.2s ease;
}
a[id^=zoom-]:hover .zoom-icon,
a[id^=video-]:hover .zoom-icon,
a[id^=audio-]:hover .zoom-icon {
  color: var(--primary);
}
a[id^=zoom-] .zoom-icon,
a[id^=video-] .zoom-icon,
a[id^=audio-] .zoom-icon {
  display: block;
  color: var(--grey);
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 5px;
  padding-right: 10px;
}
a[id^=zoom-] .zoom-icon .fa-stack,
a[id^=video-] .zoom-icon .fa-stack,
a[id^=audio-] .zoom-icon .fa-stack {
  position: absolute;
  top: 5px;
  right: 1px;
}
a[id^=zoom-] .zoom-icon .fa-regular,
a[id^=zoom-] .zoom-icon .fa-solid,
a[id^=video-] .zoom-icon .fa-regular,
a[id^=video-] .zoom-icon .fa-solid,
a[id^=audio-] .zoom-icon .fa-regular,
a[id^=audio-] .zoom-icon .fa-solid {
  text-shadow: #fff -1px 1px 2px, #fff 2px -1px 2px, #fff -1px -1px 1px, #fff 2px 2px 1px;
}

#zoom-fullscreen-main,
.zoom-fullscreen-main {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100dvw;
  z-index: 99999;
}

.zoom-fullscreen-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: grid;
  place-items: center;
  transition: opacity 0.3s ease, -webkit-backdrop-filter 0.3s ease;
  transition: opacity 0.3s ease, backdrop-filter 0.3s ease;
  transition: opacity 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper {
  position: relative;
  display: grid;
  place-items: center;
  width: 100dvw;
  height: 100vh;
  transform: scale(1);
  padding: 30px;
  transition: transform 0.2s ease;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container {
  position: relative;
  max-width: var(--breakpoint-md);
  margin: auto auto;
  text-align: center;
  border: 0;
  border-radius: 0.6rem;
  transform-origin: center;
  transform: rotate(0);
  transition: padding 0.2s ease, transform 0.4s ease, border 0.2s ease;
}
@media (max-width: 991px) and (orientation: landscape) {
  .zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container {
    height: 100%;
  }
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container.rotate {
  transform: rotate(90deg);
  max-width: var(--inner-height) !important;
  max-height: var(--inner-width);
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container:hover > img,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container:hover > audio,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container:hover > video {
  transform: scale(1.01);
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container:hover div.close {
  margin: -20px;
  margin-left: -10px;
  opacity: 1;
  transform: scale(1.2);
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container:hover div.alt {
  margin-top: 15px;
  opacity: 1;
  transform: scale(1);
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container img.box-shadow-hard {
  box-shadow: initial;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container img[src$=".jpg"].box-shadow-hard,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container img[src$=".jpeg"].box-shadow-hard,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container img[src$=".png"].box-shadow-hard,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container audio.box-shadow-hard,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container video.box-shadow-hard {
  box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.3);
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container img {
  max-width: 100%;
  max-height: 100%;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > img,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > audio,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > video,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container .video-player {
  transform: scale(1);
  transition: transform 0.2s ease;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > audio,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > video,
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container .video-player {
  background-color: black;
  width: -moz-fit-content;
  width: fit-content;
  max-width: var(--inner-width);
  height: 100%;
}
@supports (-webkit-touch-callout: none) {
  .zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container video {
    height: 100%;
  }
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > div.close, .zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > div.alt {
  opacity: 0;
  transform: scale(1);
  transition: opacity 0.3s ease, transform 0.2s ease, margin 0.2s ease, margin-left 0.2s ease;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > div.close {
  display: inline-flex;
  position: absolute;
  margin: -15px;
  margin-left: -15px;
  font-size: 0.875rem;
  color: white;
  text-align: center;
  background-color: #212529;
  border-radius: 1rem;
  padding: 0.5rem;
  cursor: pointer;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > div.close {
  margin: -20px;
  margin-left: -10px;
  opacity: 1;
  width: 30px;
  height: 30px;
  padding-top: 8px;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > div.alt {
  display: block;
  position: absolute;
  margin-top: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}
.zoom-fullscreen-mask .zoom-fullscreen-wrapper .zoom-fullscreen-container > div.alt span {
  display: inline-block;
  margin: 0 1.5rem;
  padding: 7px 13px;
  font-size: 0.875rem;
  color: white;
  background: rgba(33, 37, 41, 0.8);
  border-radius: 2em;
  box-shadow: 0 6px 10px -3px rgba(255, 255, 255, 0.2);
}
.zoom-fullscreen-mask .zoom-fullscreen-options {
  display: none;
  position: absolute;
  z-index: 999;
  left: 30px;
  top: -70px;
  margin-top: var(--inner-height);
  transition: top 0.1s ease, margin-top 0.1s ease;
}

.img-avatar {
  position: relative;
  display: block;
  margin: 0 -5px 5px !important;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
  transition: all 0.2s;
}
.img-avatar:hover:not(.no-img-hover) {
  z-index: 999;
  transform: scale(1.6);
}
.img-avatar > div {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #eee;
  overflow: hidden;
}
.img-avatar > div img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.img-avatar.img-avatar-x05 {
  width: 36px;
  height: 36px;
  margin: 0 10px 10px 0 !important;
  border: 1px solid transparent;
}
.img-avatar.img-avatar-x05:hover:not(.no-img-hover) {
  width: 36px;
  height: 36px;
  margin: 0 10px 5px 0 !important;
}
.img-avatar.img-avatar-x05 > div {
  background: transparent;
  border: 1px solid transparent;
}
.img-avatar > div.bg-admin {
  background: gold;
}

.border-inset {
  border: 1px solid #eee;
  box-shadow: 0 0 1px #ccc inset;
}

.text-black-hover:hover {
  color: black;
}

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

.text-loading {
  color: #31708f;
  font-size: var(--font-size-base);
  padding-left: 22px;
}
.text-loading .fa,
.text-loading .fab,
.text-loading .fal,
.text-loading .far,
.text-loading .fas,
.text-loading .fa-regular,
.text-loading .fa-solid {
  margin-top: 4px;
  font-size: var(--font-size-sm);
  position: absolute;
  margin-left: -22px;
}

.text-muted {
  margin-top: 0.25rem;
  font-size: 0.875rem;
}

.fa,
.fab,
.fal,
.far,
.fas,
.fa-regular,
.fa-solid {
  display: inline-block;
  min-width: 13.1px;
}

.fa-fw {
  display: inline-block;
  width: 1.25em;
  margin-right: 2px !important;
}

.drag-handle.disabled {
  color: var(--gray-md);
}

.drag-handle:not(.disabled) {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}
.drag-handle:not(.disabled):hover {
  color: var(--primary);
}

.box-ellipsis {
  position: relative;
  max-width: 100%;
  padding-right: 15px;
}

.text-ellipsis {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.line-ellipsis {
  height: 14px;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.drop-table {
  display: table;
  width: 100%;
  min-height: 300px;
  white-space: nowrap;
}
.drop-table .drop-table-left,
.drop-table .drop-table-right {
  display: inline-block;
  width: 50%;
  min-height: 300px;
  max-height: 450px;
  overflow-y: scroll;
  padding: 10px;
  box-shadow: inset 1px 16px 4px -16px #d2d2d2;
}
.drop-table .drop-table-left .table,
.drop-table .drop-table-right .table {
  background-color: transparent;
}
.drop-table .drop-table-left tr td,
.drop-table .drop-table-right tr td {
  padding: 0.6rem 0.75rem 0;
}
.drop-table .drop-table-left .box-ellipsis,
.drop-table .drop-table-right .box-ellipsis {
  position: relative;
  /* a setter directement dans le html, au cas par cas */
  /* max-width: 261px;  */
  padding-right: 15px;
}
.drop-table .drop-table-left .box-ellipsis .text-ellipsis,
.drop-table .drop-table-right .box-ellipsis .text-ellipsis {
  white-space: unset !important;
  overflow: hidden; /* unset !important; */
  text-overflow: ellipsis; /* unset !important; */
}
.drop-table .drop-table-left > div,
.drop-table .drop-table-right > div {
  padding: 7px 0;
}
.drop-table .drop-table-left > div:hover,
.drop-table .drop-table-right > div:hover {
  background-color: rgba(241, 241, 241, 0.7);
}
.drop-table .drop-table-left > div:active,
.drop-table .drop-table-right > div:active {
  background-color: rgb(241, 241, 241);
}
.drop-table .drop-table-left > div > table,
.drop-table .drop-table-right > div > table {
  margin-top: -7px;
}
.drop-table .drop-table-left > div label,
.drop-table .drop-table-right > div label {
  margin: 0;
}
.drop-table .drop-table-left > div select.form-control,
.drop-table .drop-table-right > div select.form-control {
  height: 23px;
  padding: 0 0 0 2px;
  box-shadow: initial;
  border-color: rgba(204, 208, 210, 0.4);
}
.drop-table .drop-table-left .element-title,
.drop-table .drop-table-right .element-title {
  min-width: 60px;
}
@media (min-width: 992px) {
  .drop-table .drop-table-left .element-title,
  .drop-table .drop-table-right .element-title {
    min-width: 220px;
  }
}
.drop-table .drop-table-left .element-resume,
.drop-table .drop-table-right .element-resume {
  max-width: 700px;
  max-width: 99%;
}
.drop-table .drop-table-right {
  border-left: 0;
  margin-left: -3.02px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.drop-table .drop-table-left {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.drop-table.drop-table-small {
  min-height: 100px;
}
.drop-table.drop-table-small .drop-table-left,
.drop-table.drop-table-small .drop-table-right {
  min-height: 200px;
  max-height: 450px;
}
.drop-table.drop-table-small .btn-sm, .drop-table.drop-table-small .btn-group-sm > .btn {
  border-width: 1px;
  padding: 2px 6px 1px;
  height: 22px;
  line-height: 1.3;
}
.drop-table.drop-table-wild .drop-table-left,
.drop-table.drop-table-wild .drop-table-right {
  width: 100%;
}

.dropdown-dd {
  position: absolute;
}

.dropdown-menu .dropdown-item {
  font-size: var(--font-size-sm);
}

.accordion .card .accordion-header {
  padding: 1rem 0.5rem 1rem;
  display: flex;
}
.accordion .card .accordion-header > div {
  display: flex;
}
.accordion .card .accordion-header > div:first-of-type {
  margin-right: 10px;
}
.accordion .card .accordion-header .h2 {
  font-weight: bold;
  font-size: var(--h2-font-size);
  line-height: 1.5;
}
.accordion .card .accordion-header .fa-circle.fa-stack-2x {
  color: #fafafa;
}
.accordion .card .accordion-header .fa-chevron-right,
.accordion .card .accordion-header .fa-stack-1x {
  rotate: -90deg;
  transition: rotate 0.2s ease;
}
.accordion .card .accordion-header.collapsed .h2 {
  font-weight: normal;
}
.accordion .card .accordion-header.collapsed .fa-chevron-right,
.accordion .card .accordion-header.collapsed .fa-stack-1x {
  rotate: 90deg;
}
.accordion .card .accordion-body {
  padding: 0 1rem 1rem;
}
.accordion.accordion-normal > .card {
  background-color: transparent;
  border: 0;
}
.accordion.accordion-normal .card .accordion-header {
  display: block;
  font-weight: bold;
  color: rgba(33, 37, 41, 0.8);
  border-bottom: 1px solid var(--light);
  margin-bottom: 1.5rem;
  padding-bottom: 0.1rem;
}
.accordion.accordion-normal .card .accordion-header .accordion-icon {
  float: right;
}
.accordion.accordion-normal .card .accordion-header .accordion-icon .fa-stack {
  width: 0.5em;
  font-size: 0.875em;
}
.accordion.accordion-normal .card .accordion-header .accordion-icon .fa-stack .fa-stack-2x {
  display: none;
}
.accordion.accordion-normal .card .accordion-header .accordion-icon .fa-stack .fa-stack-1x {
  width: 1em;
}
.accordion.accordion-normal .card .accordion-header > div {
  float: left;
}
.accordion.accordion-normal .card .accordion-body {
  padding: 1rem 0.5rem 1rem;
}
.accordion.accordion-faq {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
}
.accordion.accordion-faq > .card {
  overflow: visible !important;
}
.accordion.accordion-faq .card {
  margin: 0 0 -2px;
  padding: 0;
}
.accordion.accordion-faq .card .accordion-separator {
  border-top: 1px dashed #ccc;
  margin: 0 25px;
  height: 3px;
}
.accordion.accordion-faq .card:not(:first-of-type) {
  border-top: 0;
}
.accordion.accordion-faq .card:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding-bottom: 5px;
}
.accordion.accordion-faq .card:last-of-type .accordion-separator {
  display: none;
}
.accordion.accordion-faq .card .accordion-header {
  padding: 1.5rem;
}
.accordion.accordion-faq .card .accordion-body {
  padding: 0rem 1.5rem 1.5rem;
}
.accordion.accordion-faq .card .card-header {
  background: rgba(0, 0, 0, 0.01);
}
.accordion.accordion-faq .card .card-header a {
  text-decoration: none;
  color: #212529;
  font-size: 1.1rem;
}
.accordion.accordion-faq .card .card-body a:hover {
  color: #3b78e7;
}

@media (max-width: 768px) {
  .card-header {
    border-radius: 0 !important;
  }
}

.badge {
  padding: 0.5em 0.8em 0.3em 0.7em;
}

.chip-id {
  display: inline-block;
  padding: 0.3em 0.8em;
  color: var(--gray-dark);
  background-color: var(--light);
  border-radius: 8px;
  white-space: nowrap;
  font-size: 0.8em;
  font-weight: 600;
  transform: scale(0.9);
}
.chip-id::before {
  content: "#";
  display: inline-block;
  width: 7px;
  font-weight: 400;
  padding-right: 10px;
}
@media (max-width: 576px) {
  .chip-id {
    display: inline-block;
    font-size: 0.8em;
    padding: 0.4em 0.8em 0.3em 0.7em !important;
    background-color: #eee;
    border-radius: 1em;
  }
}

.video-player-embedded {
  text-align: center;
}
.video-player-embedded .video-js {
  max-width: 100%;
}

/* Transitions */
/* always present */
.expand-transition,
.modal-transition {
  overflow: hidden;
  transition: all 0.3s ease;
}

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.expand-enter,
.expand-leave,
.modal-enter,
.modal-leave {
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s;
}

/* .fade-leave-active in <2.1.8 */
.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.slide-fade-enter-active,
.slide-fade-leave-active {
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(5px);
  opacity: 0;
  position: absolute;
  float: left;
}

#rgpd {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #ccc;
  padding: 30px 20px 40px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 14px 2px;
  z-index: 1000;
}

#addblock {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #ccc;
  padding: 30px 20px 40px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 14px 2px;
  z-index: 999;
}

[data-tippy-component-trigger] {
  display: inline !important;
}
[data-tippy-component-trigger] .fa-question-circle {
  cursor: pointer;
}
[data-tippy-component-trigger] .fa-question-circle:hover {
  color: #ea5e2e;
}

.rounded-xl {
  border-radius: 0.6rem !important;
}

.rounded-xxl {
  border-radius: 1.3rem !important;
}

.rounded-left-xl {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.breadcrumb-dotted {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  list-style: none;
}
.breadcrumb-dotted li {
  width: 180px;
}
@media (max-width: 992px) {
  .breadcrumb-dotted li {
    width: 160px;
  }
  .breadcrumb-dotted li::before {
    display: inline-block;
    content: "»" !important;
    margin: 0 0.3em;
    color: var(--green-acid) !important;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .breadcrumb-dotted li:first-child::before {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .breadcrumb-dotted li > * {
    color: #2c3f4c;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
  }
}
@media (max-width: 768px) {
  .breadcrumb-dotted {
    display: block;
  }
  .breadcrumb-dotted li {
    width: 100%;
  }
  .breadcrumb-dotted li::before {
    margin: 0 0.6em;
  }
}
@media (min-width: 768px) {
  .breadcrumb-dotted {
    padding: 0;
    text-align: center;
    width: 100%;
    max-width: 768px;
    margin: 1em auto;
  }
  .breadcrumb-dotted::after {
    clear: both;
    content: "";
    display: table;
  }
  .breadcrumb-dotted li,
  .breadcrumb-dotted li > ::before,
  .breadcrumb-dotted li::after {
    transition: background-color 0.3s;
  }
  .breadcrumb-dotted li {
    text-align: center;
    position: relative;
    margin: 0.4em 40px 0.4em 0;
    display: inline-block;
    margin: 0.5em 0;
  }
  .breadcrumb-dotted li + li::before, .breadcrumb-dotted li::before, .breadcrumb-dotted li::after {
    content: "" !important;
  }
  .breadcrumb-dotted li::after {
    bottom: 4px;
  }
  .breadcrumb-dotted li::after {
    left: 50%;
    width: calc(100% + 0px);
  }
  .breadcrumb-dotted li::after {
    position: absolute;
    height: 4px;
    background-color: var(--green-acid);
  }
  .breadcrumb-dotted li:last-child::after {
    display: none !important;
  }
  .breadcrumb-dotted li > * {
    padding-bottom: 20px;
  }
  .breadcrumb-dotted li > * {
    position: relative;
    color: #2c3f4c;
  }
  .breadcrumb-dotted li > * {
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
  }
  .breadcrumb-dotted li > * {
    display: inline-block;
  }
  .breadcrumb-dotted li > ::before {
    bottom: 0;
  }
  .breadcrumb-dotted li > ::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--green-acid);
  }
  .breadcrumb-dotted li.active::after {
    background-color: #edeff0;
  }
  .breadcrumb-dotted li.active > * {
    color: black;
  }
  .breadcrumb-dotted li.active ~ li::after {
    background-color: #edeff0;
  }
  .breadcrumb-dotted li.active ~ li > ::before {
    background-color: #edeff0;
  }
}

.breadcrumb-item + .breadcrumb-item::before {
  font-family: FontAwesome;
  font-display: swap;
  content: "\f105";
  font-size: var(--font-size-xs);
  padding-top: 2px;
}

.breadcrumb-url {
  display: inline-flex;
}
.breadcrumb-url .breadcrumb-item:not(:first-child) {
  padding-left: 0.15rem;
}
.breadcrumb-url .breadcrumb-item:not(:first-child)::before {
  content: "/";
  padding-right: 0.4rem;
  padding-left: 0.35rem;
}
.breadcrumb-url .breadcrumb-item a:hover {
  color: var(--primary);
}

.col-sticky {
  position: sticky;
  top: 0;
  height: -moz-min-content;
  height: min-content;
  z-index: 9999;
}

.btn-clipboard {
  margin-left: 5px;
}
.btn-clipboard:active {
  color: red;
  opacity: 0.7;
}
.btn-clipboard:active i {
  transform-origin: 0 0;
  transform: rotate(8deg);
  transform: scale(0.9);
}
.btn-clipboard .fa-clipboard.text-muted:hover {
  color: var(--danger) !important;
}
button:disabled .btn-clipboard {
  cursor: not-allowed;
}
button:disabled .btn-clipboard .fa-clipboard {
  color: var(--gray-dark) !important;
}

/* Comments */
ul.comments {
  list-style: none;
  margin-top: 40px;
  padding-left: 0;
}
ul.comments p.meta {
  margin: 0;
}
ul.comments ul {
  margin-left: 65px;
}
ul.comments > li > img {
  position: relative;
  float: left;
  margin-left: 0;
  margin-top: 0;
  width: 46px;
  height: 46px;
  box-shadow: none;
}
ul.comments .post-comments {
  margin-bottom: 20px;
  margin-left: 75px;
  position: relative;
  color: #6b6e80;
}
ul.comments .post-comments:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -10px;
  border-top: 5px solid transparent;
  border-right: 5px solid #ddd;
  border-bottom: 5px solid transparent;
  border-left: 0 solid transparent;
}

#sections h2,
#sections .h2,
#sections h3,
#sections .h3,
#sections h4,
#sections .h4,
#sections h5,
#sections .h5,
#sections h6,
#sections .h6 {
  margin-bottom: 0.5em;
}
#sections .edit-bar {
  margin: 10px;
  margin-right: 0px;
  position: absolute;
  right: 0;
  z-index: 1000;
  transition: top 0.15s ease;
}
#sections .edit-bar .btn-group {
  background-color: white;
}
#sections .edit-bar button {
  transition: all 0.4s ease-out;
}
#sections .edit-bar button.btn-copy, #sections .edit-bar button.btn-edit {
  background-color: white;
  color: var(--dark);
}
#sections .edit-bar button.btn-copy:hover, #sections .edit-bar button.btn-edit:hover {
  background-color: var(--dark);
  color: white;
}
#sections .edit-bar button.btn-destroy {
  background-color: white;
}
#sections .edit-bar button.btn-destroy:hover {
  background-color: var(--danger);
  color: white;
}
#sections nav,
#sections section {
  position: relative;
}
#sections nav .img-full img,
#sections section .img-full img {
  min-height: 180px;
  max-height: 486px;
  height: auto;
  width: 100%;
  max-width: 768px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#sections nav .container h1,
#sections nav .container .h1,
#sections nav .container.xl h1,
#sections nav .container.xl .h1,
#sections section .container h1,
#sections section .container .h1,
#sections section .container.xl h1,
#sections section .container.xl .h1 {
  margin-top: 0;
}
#sections nav .container h1:last-child,
#sections nav .container.xl h1:last-child,
#sections section .container h1:last-child,
#sections section .container.xl h1:last-child {
  margin-bottom: 0;
}
#sections nav .container > h2, #sections nav .container > h3,
#sections nav .container.xl > h2,
#sections nav .container.xl > h3,
#sections section .container > h2,
#sections section .container > h3,
#sections section .container.xl > h2,
#sections section .container.xl > h3 {
  margin-top: 11px;
}
#sections nav .container .row,
#sections nav .container.xl .row,
#sections section .container .row,
#sections section .container.xl .row {
  margin-left: -15px;
  margin-right: -15px;
}
#sections nav .container p:last-child,
#sections nav .container .row > div p:last-child,
#sections nav .container.xl p:last-child,
#sections nav .container.xl .row > div p:last-child,
#sections section .container p:last-child,
#sections section .container .row > div p:last-child,
#sections section .container.xl p:last-child,
#sections section .container.xl .row > div p:last-child {
  margin-bottom: 0;
}
#sections nav.section--javascript,
#sections section.section--javascript {
  padding: 40px 0 20px;
}
#sections .section-bg {
  background-size: cover;
  background-repeat: no-repeat;
}
#sections section:before, #sections section:after {
  content: "";
  display: block;
  overflow: hidden;
}

.section-infos {
  z-index: 1;
  font-size: calc(var(--font-size-xs) - 1px);
  text-transform: uppercase;
  padding: 4px 6px;
  margin-top: -1px;
  width: 100%;
  color: inherit;
}

.form-horizontal #sections {
  border-top: 1px solid rgba(204, 204, 204, 0.8);
  border-bottom: 1px solid #e0e0e0;
  margin: 20px -25px;
  transition: all 0.2s;
}
.form-horizontal #sections .section--article-columns .section-infos + div + * {
  width: 66.66666667%;
  margin: 0 auto;
}
.form-horizontal #sections .public > div {
  height: 100%;
  min-height: 0px;
  transition: all 0.2s ease;
}
.form-horizontal #sections .public > div.min-height-55 {
  min-height: 55px;
}
.form-horizontal #sections .public > div.min-height-55 .section--element {
  min-height: 55px;
}
.form-horizontal #sections .public > div .section-infos {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  position: absolute;
  border-top: dashed 2px rgba(187, 187, 187, 0.4);
  transition: color 0.2s ease;
}
.form-horizontal #sections .public > div .section--element:hover {
  background: linear-gradient(#F8F8F8, #FFF);
  z-index: 9999;
}
.form-horizontal #sections .public > div .section--element:hover .edit-bar .btn-copy,
.form-horizontal #sections .public > div .section--element:hover .edit-bar .btn-edit,
.form-horizontal #sections .public > div .section--element:hover .edit-bar .btn-destroy,
.form-horizontal #sections .public > div .section--element:hover .section-infos {
  display: block !important;
}
.form-horizontal #sections .public > div .section--element:hover .section-infos {
  color: var(--gray) !important;
}
.form-horizontal #sections .public > div .section--edit {
  background-color: #fdfdfd;
  border: dashed 2px #3090d7;
  transition: all 0.2s;
}
.form-horizontal #sections .public > div .btn-save {
  background: #3090d7;
  color: #fff !important;
  border-color: #3090d7;
}
.form-horizontal #sections .public > div .btn-save:hover {
  background: rgb(34.3319838057, 116.7287449393, 177.6680161943);
}
.form-horizontal #sections .public > div .section-form {
  padding: 10px 0 0;
  clear: both;
}

.admin-user .form-horizontal .mode-advanced-editor > label,
.admin-user .form-horizontal .mode-advanced-editor > legend {
  color: #595359;
  display: inline-block;
}
.admin-user .form-horizontal .mode-advanced-editor > label:before,
.admin-user .form-horizontal .mode-advanced-editor > legend:before {
  color: #ED7F10;
  content: "[ ";
}
.admin-user .form-horizontal .mode-advanced-editor > label:after,
.admin-user .form-horizontal .mode-advanced-editor > legend:after {
  color: #ED7F10;
  content: " ]";
}
.admin-user .form-horizontal #sections .public:not(.mode-preview) > div {
  border: 0;
}
.admin-user .form-horizontal #sections .public:not(.mode-preview) > div .edit-bar .btn-copy,
.admin-user .form-horizontal #sections .public:not(.mode-preview) > div .edit-bar .btn-edit,
.admin-user .form-horizontal #sections .public:not(.mode-preview) > div .edit-bar .btn-destroy {
  display: none;
}
.admin-user .form-horizontal #sections .public > div.alert-bug {
  background-color: #fff1f1;
}
.admin-user .form-horizontal #sections .public > div.alert-bug:hover {
  background: #ffeaea !important;
}
.admin-user .form-horizontal #sections .public > div.alert-bug .section-infos:not(.no-alert-bug) {
  color: var(--danger) !important;
  border-color: var(--danger);
}
.admin-user .form-horizontal #sections .public > div.alert-bug.corrected {
  background-color: rgba(250, 227, 201, 0.5333333333);
}
.admin-user .form-horizontal #sections .public > div.alert-bug.corrected:hover {
  background: rgba(250, 227, 201, 0.0705882353) !important;
}
.admin-user .form-horizontal #sections .public > div.alert-bug section {
  background-color: unset;
}

.section--lesson {
  max-width: 768px;
  margin: 0 auto;
}
.section--lesson.container {
  padding: 0;
}
@media (max-width: 768px) {
  .section--lesson {
    padding: 0 20px;
    padding: 0 0;
  }
}

section > div {
  transition: all 0.3s ease;
}

section > .ghosted {
  max-height: 330px;
  overflow: hidden;
  opacity: 0.5;
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 50%);
          mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 50%);
  transition: opacity 0.2s ease, -webkit-mask-image 0.2s ease;
  transition: opacity 0.2s ease, mask-image 0.2s ease;
  transition: opacity 0.2s ease, mask-image 0.2s ease, -webkit-mask-image 0.2s ease;
}
section > .ghosted:hover {
  opacity: 1;
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 40%);
          mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 40%);
}

.section--template.layout-0 .row {
  display: block;
  justify-content: center;
}
.section--template.layout-0 .row .col {
  max-width: 100%;
}
.section--template.layout-1 .row {
  justify-content: center;
}
.section--template.layout-1 .row .col {
  max-width: 50%;
}
.section--template.layout-1 .row .col:nth-of-type(-n+2) {
  min-width: 50%;
}
@media (min-width: 768px) {
  .section--template.layout-1 .row .col:nth-of-type(-n+2) {
    min-width: auto;
  }
}
.section--template.layout-2 .row {
  display: block;
}
@media (min-width: 768px) {
  .section--template.layout-2 .row {
    display: flex;
  }
}
@media (min-width: 768px) {
  .section--template.layout-2.col-1-2 .row .col:nth-of-type(1) {
    min-width: 33.33%;
  }
  .section--template.layout-2.col-1-2 .row .col:nth-of-type(2) {
    min-width: 66.66%;
  }
}
@media (min-width: 768px) {
  .section--template.layout-2.col-2-1 .row .col:nth-of-type(2) {
    min-width: 33.33%;
  }
  .section--template.layout-2.col-2-1 .row .col:nth-of-type(1) {
    min-width: 66.66%;
  }
}

.section--add-element {
  display: flex;
  width: 100%;
  width: 100%;
  position: absolute;
  z-index: 1000;
  margin-top: -5px;
  transition: position 0.2s ease-in-out;
}
.section--add-element:hover {
  position: relative;
  background-color: #fdfdfd;
  border-top: dashed 2px rgba(187, 187, 187, 0.2);
  box-shadow: inset -3px 3px 10px -3px rgba(0, 0, 0, 0.07);
  margin-top: -2px;
}
.section--add-element div.launcher {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: height 0.2s ease, margin-top 0.2s ease;
}
.section--add-element div.launcher:hover .button {
  opacity: 1;
  transform: scale(1);
}
.section--add-element div.launcher:hover .icon {
  opacity: 0;
  transform: scale(5);
}
.section--add-element div.launcher:hover .section-infos {
  opacity: 1;
  transform: scale(1);
}
.section--add-element div.launcher .button {
  position: absolute;
  z-index: 2;
  background-color: white;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.2s ease, transform 0.3s ease;
}
.section--add-element div.launcher .button button {
  box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.3);
}
.section--add-element div.launcher .icon {
  position: absolute;
  z-index: 1;
  background-color: white;
  border-radius: 3em;
  margin-top: 4px;
  padding: 0 5px;
  text-align: center;
  color: var(--grey);
  border: 1px solid var(--light);
  opacity: 1;
  transform: scale(0.8);
  transition: opacity 0.1s ease, transform 0.1s ease;
}
.section--add-element div.launcher .icon.mode-preview {
  opacity: 1;
  transform: scale(0.9);
  color: var(--primary);
  border-color: var(--primary-lighter);
}
.section--add-element div.launcher .icon.mode-preview i {
  opacity: 1;
}
.section--add-element div.launcher .icon i {
  opacity: 0.5;
}
.section--add-element div.launcher .section-infos {
  z-index: 1;
  position: absolute;
  top: 0;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.2s ease;
}

.public > div:not(.btn-special-edit):last-of-type {
  margin-bottom: 100px;
}
.public > div:not(.btn-special-edit):last-of-type .section--add-element {
  display: none;
}

.section--evaluation input[type=radio]:checked + label:before,
.section--evaluation input[type=checkbox]:checked + label:before,
.section--evaluation input[type=checkbox]:checked:disabled + label:before,
.section--evaluation input[type=radio]:checked:disabled + label:before {
  color: var(--primary) !important;
}

/* Sharing buttons */
.btn-share {
  position: relative;
}
@media (min-width: 768px) {
  .btn-share:hover sup {
    display: inline-block;
  }
}
.btn-share sup {
  position: absolute;
  bottom: auto;
  top: -3em;
  left: 0.55em;
  display: none;
}
.btn-share.btn-facebook, .btn-share.btn-google, .btn-share.btn-linkedin, .btn-share.btn-pinterest, .btn-share.btn-tumblr, .btn-share.btn-twitter {
  cursor: pointer;
  color: #999;
  background: transparent;
}
.btn-share.btn-facebook:hover {
  color: #49659F;
  background: transparent;
}
.btn-share.btn-twitter:hover {
  color: #55ACEE;
  background: transparent;
}
.btn-share.btn-google:hover {
  color: #DB4437;
  background: transparent;
}
.btn-share.btn-pinterest:hover {
  color: #bf0020;
  background: transparent;
}
.btn-share.btn-tumblr:hover {
  color: #314358;
  background: transparent;
}
.btn-share.btn-linkedin:hover {
  color: #0274b3;
  background: transparent;
}

/* Social Box */
.social-box {
  position: fixed;
  left: -5px;
  top: 12%;
  background: #F8F8F8;
  padding: 20px 10px 10px 15px;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}
.social-box .social-google {
  padding-left: 5px;
}
.social-box .social-facebook {
  padding: 5px;
}
.social-box .social-twitter {
  padding: 5px;
}

.social-connect .hr-ou {
  margin-top: 2em;
  border-top: solid 1px #dadada;
  margin-bottom: 0.5em;
  position: relative;
  text-align: center;
}
.social-connect .hr-ou:before {
  color: #868e96;
  content: attr(data);
  position: relative;
  top: -0.7em;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0.5em;
  background: white;
}
.social-connect a {
  /*position: relative;
  padding-left: 1.9em;

  .btn-share {
      position: absolute;
      left: 0;
      top: -0.15em;
  }*/
}
.social-connect a .btn-facebook {
  color: #3b5998;
}
.social-connect a .btn-google {
  color: #dd4b39;
}
.social-connect a:hover .btn-facebook {
  color: #2d4373;
}
.social-connect a:hover .btn-google {
  color: #c23321;
}

/* Social Btns */
.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:hover {
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:hover {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:hover {
  color: #fff;
  background-color: #314358;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:hover {
  color: #fff;
  background-color: #0274b3;
  border-color: rgba(0, 0, 0, 0.2);
}

.suggested-articles .row,
.suggested-articles .table {
  margin-right: 0;
  margin-left: 0;
}
.suggested-articles aside {
  transition: all 200ms ease-in;
}
.suggested-articles aside figure span {
  display: block;
  width: 100%;
  height: 140px;
  background-color: rgb(206.4482758621, 211, 215.5517241379);
  overflow: hidden;
  position: relative;
}
.suggested-articles aside figure span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 200ms ease-in;
}
@media (min-width: 768px) {
  .suggested-articles aside:hover figure span img {
    transform: scale(1.1);
  }
}
.suggested-articles aside:hover a {
  text-decoration: none;
}

/* for sections after articles */
nav.suggested-articles {
  /* child pages catégory */
}
nav.suggested-articles .card > a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 80px;
  background-color: rgb(206.4482758621, 211, 215.5517241379);
  overflow: hidden;
  position: relative;
  flex: 0 0 80px;
}
@media (min-width: 768px) {
  nav.suggested-articles .card > a {
    flex: 0 0 125px;
  }
}
nav.suggested-articles .card > a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 200ms ease-in;
}
@media (min-width: 768px) {
  nav.suggested-articles .card:hover > a img {
    transform: scale(1.1);
  }
}
nav.suggested-articles .card .card-body h3 {
  margin-top: 0;
}
nav.suggested-articles a > .card > .img {
  height: 140px;
  background-color: rgb(206.4482758621, 211, 215.5517241379);
  overflow: hidden;
  position: relative;
}
nav.suggested-articles a > .card > .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 200ms ease-in;
}
nav.suggested-articles a > .card .card-body span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
nav.suggested-articles a:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  nav.suggested-articles a:hover > .card > .img > img {
    transform: scale(1.1);
  }
}

:root {
  --cours-primary: #EA2F2F;
  --cours-secondary: #666;
  --cours-txt-default: #333;
  --cours-txt-dark: #000;
  --cours-bg-body: #ffffff;
  --cours-bg-light: #f8f9fa;
  --cours-progress-bar: #babbc6;
  --cours-progress-success: #3BBCA6;
  --cours-progress-lessons: var(--cours-primary, #c637c2);
  --cours-quiz: #c637c2;
  --cours-progress-red: #f52036;
  --cours-progress-orange: #f79f46;
  --cours-progress-green: #96c03d;
  --cours-red-rubban: #e25252;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --h1-font-size: 26px;
  --h2-font-size: 26px;
  --h3-font-size: 22px;
  --h4-font-size: 18px;
  --h5-font-size: 16px;
  --h6-font-size: 16px;
  --font-size-lg: 18px;
}
@media (min-width: 768px) {
  :root {
    --font-size-base: 18px;
    --h1-font-size: 38px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --h4-font-size: 24px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
  }
}

mark {
  background-color: pink;
}

input:focus {
  box-shadow: unset !important;
  border-color: var(--primary) !important;
}

#app > .container {
  margin-bottom: 40px;
}

[id^=zoom] figure a [class^=zoom] {
  z-index: 3;
}
[id^=zoom] figure a svg {
  z-index: 2;
  right: 9px;
}
@media (max-width: 767px) {
  [id^=zoom] figure a svg {
    top: -1px;
  }
}
@media (max-width: 767px) {
  [id^=zoom] figure a .fa-stack {
    right: 2px !important;
    top: 7px !important;
  }
}
[id^=zoom] figure a .fa-stack .fa-pause {
  position: absolute;
  top: 0px;
}
[id^=zoom] figure a .fa-stack .fa-pause:before {
  position: relative;
  left: -1px;
}
[id^=zoom] figure a:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 1;
  border-radius: 50%;
  transform: scale(1.4);
}

a[id^=video] .fa-circle-play {
  border-radius: 50%;
  transform: scale(1.5);
  text-shadow: unset !important;
  background: var(--cours-bg-light, white);
  color: var(--cours-txt-dark, black);
}
a[id^=video]:hover .fa-circle-play {
  color: var(--cours-primary, #ea2f2f);
}

.circular-svg {
  position: relative;
  width: 100%;
  height: 100%;
}
.circular-svg span {
  position: absolute;
  inset: 0 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  font-size: var(--font-size-base);
}
.circular-svg i {
  font-size: 1.5em;
  color: var(--cours-progress-orange);
}
.circular-svg .no-circular-chart {
  position: absolute;
  inset: 0 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.circular-svg .no-circular-chart .circle {
  display: inline;
  fill: none;
  stroke: var(--cours-progress-bar);
  stroke-width: 3%;
}
.circular-svg .no-circular-chart .circle.player-progress.advance {
  stroke: var(--primary, --cours-progress-lessons, indigo);
  stroke-width: 10%;
}
.circular-svg .complete-status ~ .no-circular-chart .circle {
  stroke: var(--cours-progress-success) !important;
}

.dashboard-progress {
  position: relative;
  z-index: 1;
  font-size: 75%;
  overflow: hidden;
}
.dashboard-progress > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dashboard-progress .dashboard-progress-bar {
  /*position: absolute;
  top: 0;
  bottom: 0;
  left: 0;*/
  background: var(--cours-progress-bar);
  height: 4px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.dashboard-progress .dashboard-progress-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--p-width);
  height: 100%;
  background-color: var(--cours-progress-lessons);
  z-index: 2;
}
/* Timeline */
.article-timeline-title {
  display: block;
  height: 18px;
  width: 100%;
  padding: 0 0 20px;
  text-align: center;
  color: var(--grey);
  font-size: var(--font-size-sm);
  font-weight: 700;
}
.article-timeline-title span.completed {
  color: var(--green-acid);
}
.article-timeline-title span.evaluation {
  color: var(--cours-quiz);
}

.article-timeline {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .article-timeline {
    overflow-x: auto;
    height: 50px;
  }
}
.article-timeline a > .progress {
  display: block !important;
}
.article-timeline a > .progress::before {
  content: " ";
  height: 0;
  width: 0;
  border: solid transparent;
  border-bottom-color: rgb(89.5256916996, 114.5928853755, 36.4071146245);
  border-width: 0 6px 8px 6px;
  top: 22px;
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
}
.article-timeline > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.article-timeline > div {
  text-align: center;
}

/* Order list style */

.section--lesson ~ div > #sections {
  counter-set: h2 0;
  counter-set: h3 0;
  counter-set: h4 0;
}
.section--lesson ~ div > #sections > div:first-of-type[data-level=h2] {
  margin-top: 0;
}
@media (min-width: 992px) {
  .section--lesson ~ div > #sections > div:first-of-type[data-level=h2] {
    margin-top: 40px;
  }
}
.section--lesson ~ div > #sections [data-level=h2] {
  margin-top: calc(var(--font-size-base) * 3);
}
.section--lesson ~ div > #sections [data-level=h2]:not(.no-counter) {
  counter-increment: h2;
  counter-reset: h3 h4;
}
.section--lesson ~ div > #sections [data-level=h2]:not(.no-counter) h2 {
  font-weight: 500;
}
.section--lesson ~ div > #sections [data-level=h2]:not(.no-counter) h2:before {
  content: counter(h2, upper-alpha) ". ";
}
.section--lesson ~ div > #sections [data-level=h3] {
  margin-top: calc(var(--font-size-base) * 2);
}
.section--lesson ~ div > #sections [data-level=h3]:not(.no-counter) {
  counter-increment: h3;
  counter-reset: h4;
}
.section--lesson ~ div > #sections [data-level=h3]:not(.no-counter) h3 {
  font-weight: 500;
}
.section--lesson ~ div > #sections [data-level=h3]:not(.no-counter) h3:before {
  content: counter(h3) ". ";
}
.section--lesson ~ div > #sections [data-level=h4] {
  margin-top: var(--font-size-base);
}
.section--lesson ~ div > #sections [data-level=h4]:not(.no-counter) {
  counter-increment: h4;
}
.section--lesson ~ div > #sections [data-level=h4]:not(.no-counter) h4 {
  font-weight: 400;
}
.section--lesson ~ div > #sections [data-level=h4]:not(.no-counter) h4:before {
  content: counter(h4, lower-alpha) ". ";
}
.section--lesson ~ div > #sections h2,
.section--lesson ~ div > #sections h3,
.section--lesson ~ div > #sections h4,
.section--lesson ~ div > #sections h5,
.section--lesson ~ div > #sections h6 {
  font-weight: 400;
}
.section--lesson ~ div > #sections blockquote h3 {
  margin-top: 0;
}

.section--lesson figure figcaption {
  text-align: center;
  margin-top: 0.85em;
  font-size: 16px;
}
.section--lesson img {
  border-radius: 20px;
}

.flash-cards {
  display: flex;
  justify-content: space-evenly;
}

.flash-card {
  position: relative;
  width: 25%;
  min-width: 280px;
  height: 25em;
  perspective: 150em;
  border: 1px solid #e9ecef;
  background-color: rgba(233, 236, 239, 0.15) !important;
}
.flash-card__side {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25em;
  backface-visibility: hidden;
  transition: all 0.6s ease;
  box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.2);
  overflow: auto;
}
.flash-card__side--front-primary, .flash-card__side--back-primary {
  background-image: linear-gradient(to right bottom, rgb(90.7408906883, 166.9190283401, 223.2591093117), rgb(34.3319838057, 116.7287449393, 177.6680161943));
}
.flash-card__side--front-primary *, .flash-card__side--back-primary * {
  color: #fff;
}
.flash-card__side--front-success, .flash-card__side--back-success {
  background-image: linear-gradient(to right bottom, rgb(93.6396761134, 204.3603238866, 185.4777327935), rgb(46.8178137652, 149.1821862348, 131.7246963563));
}
.flash-card__side--front-success *, .flash-card__side--back-success * {
  color: #fff;
}
.flash-card__side--front-danger, .flash-card__side--back-danger {
  background-image: linear-gradient(to right bottom, rgb(241.2897196262, 105.7102803738, 105.7102803738), rgb(224.3925233645, 20.6074766355, 20.6074766355));
}
.flash-card__side--front-danger *, .flash-card__side--back-danger * {
  color: #fff;
}
.flash-card__side--front-warning, .flash-card__side--back-warning {
  background-image: linear-gradient(to right bottom, rgb(162.2, 115.8571428571, 0), rgb(101, 72.1428571429, 0));
}
.flash-card__side--front-warning *, .flash-card__side--back-warning * {
  color: #fff;
}
.flash-card__side--front-info, .flash-card__side--back-info {
  background-image: linear-gradient(to right bottom, #2c697f, rgb(17.7543859649, 42.3684210526, 51.2456140351));
}
.flash-card__side--front-info *, .flash-card__side--back-info * {
  color: #fff;
}
.flash-card__side--front-dark, .flash-card__side--back-dark {
  background-image: linear-gradient(to right bottom, rgb(74.8620689655, 83.5, 92.1379310345), rgb(29.1379310345, 32.5, 35.8620689655));
}
.flash-card__side--front-dark *, .flash-card__side--back-dark * {
  color: #fff;
}
.flash-card__side--back {
  transform: rotateY(180deg);
}
.flash-card:hover .flash-card__side--front {
  transform: rotateY(-180deg);
}
.flash-card:hover .flash-card__side--back {
  transform: rotate(0);
}
.flash-card__description {
  padding: 1em 2em;
}

.flash-cards.smaller .flash-card {
  min-width: 220px;
  height: 20em;
}
.flash-cards.smaller .flash-card__side {
  height: 20em;
}
.flash-cards.smaller .flash-card__description {
  padding: 1em 1em;
}

.hotspots {
  position: relative;
  z-index: 1;
}
.hotspots img.hotspot-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: -1px;
  padding: 5px;
  border: 1px dotted var(--gray-md);
  border-radius: 0.3em;
}
.hotspots .hotspot {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  padding-top: 6px;
  border: 3px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  transition: all 0.2s;
  animation: fader 2s ease infinite;
}
.hotspots .hotspot span {
  position: absolute;
  margin-top: -3px;
  margin-left: 3px;
  z-index: 1;
  display: block;
  width: 18px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 11px;
  color: var(--dark);
}
.hotspots .hotspot::after {
  position: relative;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  margin: -4px auto 0 2px;
  transition: all 0.2s;
}
.hotspots .hotspot:hover {
  animation-play-state: paused;
  border-color: var(--green-acid) !important;
}
.hotspots .hotspot:hover::after {
  background-color: var(--green-acid);
}
.hotspots .hotspot:hover span {
  color: #fff;
}
.hotspots .hotspot.hotspot-primary:hover {
  border-color: var(--primary) !important;
}
.hotspots .hotspot.hotspot-primary:hover::after {
  background-color: var(--primary);
}
.hotspots .hotspot.hotspot-danger:hover {
  border-color: var(--danger) !important;
}
.hotspots .hotspot.hotspot-danger:hover::after {
  background-color: var(--danger);
}

@keyframes fader {
  50% {
    border-color: rgba(255, 255, 255, 0.1);
  }
  100% {
    border-color: rgba(255, 255, 255, 0.9);
  }
}
.timeline {
  list-style: none;
  padding: 0;
  position: relative;
}
.timeline > li {
  position: relative;
  margin-bottom: 0;
  position: relative;
  min-height: 50px;
}
.timeline > li:before {
  top: 10px;
  bottom: 0;
  height: 100%;
  position: absolute;
  content: "";
  width: 2px;
  background-color: var(--text-color-base);
  left: 30px;
}
.timeline > li:after, .timeline > li:before {
  content: " ";
  display: block;
}
.timeline > li:after {
  clear: both;
}
.timeline > li .timeline-panel {
  width: 100%;
  float: right;
  padding: 0 20px 0 100px;
  position: relative;
  text-align: left;
}
.timeline > li .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline > li .timeline-image {
  top: 10px;
  left: 0;
  margin-left: 0;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 100;
  background-color: #245dc1;
  color: white;
  border-radius: 100%;
  border: 7px solid #f1f1f1;
  text-align: center;
}
.timeline > li .timeline-image h4 {
  font-size: 10px;
  margin-top: 12px;
  line-height: 14px;
}
.timeline > li.numbers:before {
  top: 18px;
}
.timeline > li .timeline-numbers {
  top: 18px;
  left: 15px;
  margin-left: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 100;
  background-color: var(--primary, #111);
  color: white;
  border-radius: 100%;
  display: grid;
  place-items: center;
  font-size: 18px;
  line-height: 0;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  text-align: left;
  padding: 0 20px 0 100px;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline > li:last-child:before {
  content: none;
}
.timeline:not(.tiny) > li {
  padding-bottom: 40px;
}
.timeline:not(.tiny) > li .timeline-numbers {
  top: 0px;
  transform: scale(1.15);
}
.timeline:not(.tiny) > li .timeline-image {
  left: -9px;
}
.timeline .timeline-heading h4 {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-heading h4.subheading {
  text-transform: none;
  font-size: var(--font-size-lg);
}
.timeline .timeline-body > p, .timeline .timeline-body > ul {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
  }
  .timeline > li .timeline-panel {
    width: 41%;
    float: left;
    padding: 0 20px 20px 30px;
    text-align: right;
  }
  .timeline > li .timeline-image {
    width: 100px;
    height: 100px;
    left: 50%;
    margin-left: -50px;
  }
  .timeline > li .timeline-image h4 {
    font-size: var(--font-size-sm);
    margin-top: 16px;
    line-height: 18px;
  }
  .timeline > li.timeline-inverted .timeline-panel {
    float: right;
    text-align: left;
    padding: 0 30px 20px 20px;
  }
  .timeline:not(.tiny) > li {
    padding-bottom: 100px;
  }
  .timeline:not(.tiny) > li:before {
    left: calc(50% - 1px);
  }
  .timeline:not(.tiny) > li .timeline-numbers {
    top: 10px;
    left: calc(50% - 15px);
    transform: scale(1.5);
  }
  .timeline:not(.tiny) > li .timeline-image {
    top: 10px;
    left: 50%;
  }
}
@media (min-width: 992px) {
  .timeline > li .timeline-panel {
    padding: 0 20px 20px;
  }
  .timeline > li .timeline-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }
  .timeline > li .timeline-image h4 {
    font-size: var(--font-size-lg);
    margin-top: 30px;
    line-height: 26px;
  }
  .timeline > li.timeline-inverted .timeline-panel {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1200px) {
  .timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
  }
  .timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }
  .timeline > li .timeline-image h4 {
    margin-top: 40px;
  }
  .timeline > li.timeline-inverted .timeline-panel {
    padding: 0 100px 20px 20px;
  }
}
.timeline.tiny > li {
  margin-bottom: 0;
  min-height: 30px;
}
.timeline.tiny > li .timeline-panel {
  width: 44%;
  padding: 0 10px 10px 20px;
  text-align: left;
}
.timeline.tiny > li .timeline-panel .timeline-heading {
  padding-top: 20px;
}
.timeline.tiny > li .timeline-image {
  width: 60px;
  height: 60px;
}
.timeline.tiny > li.timeline-inverted {
  padding: 0 20px 10px 10px;
}

.timeline.tiny:before {
  left: 30px;
}
.timeline.tiny > li .timeline-panel {
  width: 100%;
  padding: 0 10px 10px 80px;
}
.timeline.tiny > li .timeline-image {
  left: 0;
  margin-left: 0;
  background-color: #616161;
}
.timeline.tiny > li.timeline-inverted {
  padding: 0;
}

.timeline-background {
  background: #fbfbfb;
  border-top: 1px solid rgba(225, 225, 225, 0.5);
  border-bottom: 1px solid rgba(225, 225, 225, 0.5);
}

.toc {
  position: relative;
  z-index: 1;
  border: 1px solid #F8F8F8;
  background: rgba(247, 247, 247, 0.5);
  padding: 10px 25px;
  margin-left: 20px;
  float: right;
  max-width: 40%;
  font-size: calc(var(--font-size-sm) - 1px);
}
@media (max-width: 767px) {
  .toc {
    margin-left: 0;
    float: initial;
    max-width: 100%;
  }
}

article > nav.toc {
  margin-right: 20px;
}

/* Table Of Content - End of Page */

#sections section.section--text.article {
  padding: 0 0;
}
#sections section.section--title .article h1 {
  margin: 0;
  font-size: 30px;
}
@media (min-width: 768px) {
  #sections section.section--title .article h1 {
    font-size: 40px;
  }
}
#sections section.article {
  font-size: var(--font-size-base);
  font-weight: 100;
  line-height: 1.6;
  color: #000000;
  padding-top: 40px;
  padding-bottom: 60px;
  padding-left: 30px;
  padding-right: 30px;
  /*h2:not(.h3),
  .h2,
  h2.border-left,
  h3.border-left {

      border-left: solid 10px $primary;

      padding-top: .8em;
      padding-bottom: 0.6em;

      padding-left: 15px;
      padding-right: 15px;
      border-radius: 0;

      margin-left: -30px;
      margin-right: -30px;

      @media (max-width: 576px) {
          margin-left: -15px;
          margin-right: -15px;
      }
  }

  h2.alert,
  h3:not(.h2),
  .h3,
  h3.alert {

      padding-top: 0.55em !important;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 0.5em !important;
      color: var(--dark);

      margin-left: -15px;
      margin-right: -15px;

      @media (max-width: 576px) {
          margin-left: -15px;
          margin-right: -15px;
      }
  }*/
}
@media (min-width: 768px) {
  #sections section.article {
    font-size: var(--font-size-lg);
  }
}
#sections section.article h2:first-of-type {
  margin-top: 0;
}
@media (max-width: 576px) {
  #sections section.article {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
  }
}
@media (max-width: 576px) {
  #sections section.article p {
    margin-left: 0;
    margin-right: 0;
  }
}
#sections section.article ul,
#sections section.article ol {
  font-size: 0.97em;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 45px;
  padding-right: 30px;
}
@media (max-width: 576px) {
  #sections section.article ul,
  #sections section.article ol {
    padding-left: 30px;
    padding-right: 15px;
  }
}
#sections section.article ul li,
#sections section.article ol li {
  padding-bottom: 0.3em;
  padding-top: 0.3em;
  line-height: 1.5em;
  padding-left: 0.3em;
}
#sections section.article ul ol,
#sections section.article ul ul,
#sections section.article ol ol,
#sections section.article ol ul {
  margin-top: 0;
  padding-left: 1.2em;
  padding-right: 0;
}
#sections section.article ol {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
}
#sections section.article ol > li {
  counter-increment: item;
  position: relative;
  padding-left: 30px;
}
#sections section.article ol > li:before {
  content: counter(item);
  display: inline-block;
  font-family: sans-serif;
  text-align: center;
  font-weight: 700;
  border-radius: 50%;
  background: rgb(255, 196.4285714286, 50);
  color: #000000;
  font-size: var(--font-size-xs);
  top: 0.65em;
  position: absolute;
  left: 0;
  line-height: 23px;
  padding: 0 0.25em;
  min-width: 20px;
}
@media screen and (min-width: 576px) {
  #sections section.article ol > li:before {
    height: 20px;
    width: 20px;
    padding: 0 0;
  }
}
#sections section.article ol ol {
  counter-reset: subitem;
  padding-left: 2em;
}
#sections section.article ol ol li {
  counter-increment: subitem;
}
#sections section.article ol ol li:before {
  padding: 0.3em 0.2em;
  line-height: 14px;
  content: counter(subitem, lower-latin);
  font-weight: 400;
  border-radius: 50%;
  background: rgb(255, 203.7142857143, 75.5);
  color: #000000;
  font-size: var(--font-size-xs);
  top: 0.65em;
}

#sections .large {
  width: 100%;
  max-width: 100%;
}

#sections .normal {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

#sections .petit {
  width: 100%;
  max-width: 992px;
  margin: 0 auto;
}

#sections .plus-petit {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}

#sections .encore-plus-petit {
  width: 100%;
  max-width: 576px;
  margin: 0 auto;
}

#sections .ridiculement-petit {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

.bg-linear {
  position: relative;
  padding: 10vw 0 12vw;
}
.bg-linear:before {
  top: -1px;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.bg-linear::after {
  bottom: -1px;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.bg-linear:before, .bg-linear:after {
  content: "";
  display: block;
  width: 100%;
  height: 10vw;
  left: 0;
  position: absolute;
  background: #fff;
}
.bg-linear-yellow-to-orange {
  background: linear-gradient(135deg, rgb(249, 234, 157) 0%, rgb(255, 106, 106) 100%);
}

.public hr,
.public .text-divider,
.public hr.dashed {
  border-top-style: dashed !important;
  border-color: var(--gray);
  color: var(--gray);
}

.section--edit hr:not(.example),
.section--edit .text-divider:not(.example),
.section--edit hr.dashed:not(.example) {
  border-top-style: solid !important;
  border-color: var(--light);
  color: var(--light);
}

hr.icon {
  margin: 25px auto 30px;
  padding: 0;
  text-align: center;
}

hr.icon:after {
  display: inline-block;
  position: relative;
  top: -1.5rem;
  padding: 0 1rem;
  font-family: FontAwesome;
  font-display: swap;
  font-size: 1.7rem;
  background-color: #fff;
}
hr.icon-bell:after {
  content: "\f0f3";
}
hr.icon-bolt:after {
  content: "\f0e7";
}
hr.icon-book:after {
  content: "\f02d";
}
hr.icon-car:after {
  content: "\f1b9";
}
hr.icon-car-side:after {
  content: "\f5e4";
}
hr.icon-chalkboard-user:after {
  content: "\f51c";
}
hr.icon-circle-info:after {
  content: "\f05a";
}
hr.icon-circle-question:after {
  content: "\f059";
}
hr.icon-computer:after {
  content: "\e4e5";
}
hr.icon-envelope:after {
  content: "\f0e0";
}
hr.icon-gift:after {
  content: "\f06b";
}
hr.icon-hand:after {
  content: "\f256";
}
hr.icon-handshake:after {
  content: "\f2b5";
}
hr.icon-heart:after {
  content: "\f004";
}
hr.icon-lightbulb:after {
  content: "\f0eb";
}
hr.icon-mug-hot:after {
  content: "\f7b6";
}
hr.icon-phone:after {
  content: "\f095";
}
hr.icon-taxi:after {
  content: "\f1ba";
}
hr.icon-thumbtack:after {
  content: "\f08d";
}

.text-divider {
  --text-divider-gap: 1rem;
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-top-width: 1px;
  margin-top: 25px;
  margin-bottom: 16px;
}
.text-divider small,
.text-divider span {
  margin-top: -10px;
  padding: 0 20px;
  background-color: #fff;
}

.text-divider::before,
.text-divider::after {
  content: "";
  height: 1px;
  flex-grow: 1;
}

.text-divider::before {
  margin-right: var(--text-divider-gap);
}

.text-divider::after {
  margin-left: var(--text-divider-gap);
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  margin: 2px 0 0;
  z-index: 0;
  display: none;
}

input[type=checkbox] + label:before {
  position: relative;
  z-index: 5;
  content: "\f0c8";
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-weight: normal;
  width: 20px;
  display: inline-block;
  cursor: pointer;
}

input[type=checkbox]:checked + label:before {
  position: relative;
  z-index: 5;
  content: "\f14a";
}

input[type=checkbox]:indeterminate + label:before {
  position: relative;
  z-index: 5;
  content: "\f0c8";
  color: grey;
}

input[type=radio] + label:before {
  position: relative;
  margin-right: 0.2em;
  z-index: 5;
  content: "\f111";
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-weight: normal;
  width: 20px;
  display: inline-block;
  cursor: pointer;
}

input[type=radio]:checked + label:before {
  position: relative;
  z-index: 5;
  content: "\f058";
}

input[type=radio]:indeterminate + label:before {
  position: relative;
  z-index: 5;
  content: "\f111";
  color: grey;
}

input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
  cursor: default !important;
  color: #a9a9a9;
}
input[type=checkbox]:disabled + label:before,
input[type=radio]:disabled + label:before {
  cursor: default !important;
  color: #999 !important;
}

input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
  color: #ea5e2e;
}

input.success[type=radio]:checked + label:before,
input.success[type=checkbox]:checked + label:before,
input.success[type=checkbox]:checked:disabled + label:before,
input.success[type=radio]:checked:disabled + label:before {
  color: #1db167;
}

input[type=checkbox].checkbox-switch {
  display: none;
}
input[type=checkbox].checkbox-switch + label {
  box-sizing: border-box;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  padding: 2px;
  background-color: grey;
  transition: all 0.2s;
  color: rgb(63.75, 63.75, 63.75);
}
input[type=checkbox].checkbox-switch + label::before {
  box-sizing: border-box;
  display: inline-block;
  content: "";
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.2s;
}
input[type=checkbox].checkbox-switch:checked + label {
  color: #000000;
  background-color: #ea5e2e;
}
input[type=checkbox].checkbox-switch:checked + label::before {
  margin-left: 1.5rem;
}
input[type=checkbox].checkbox-switch:disabled + label {
  background-color: rgba(234, 94, 46, 0.6);
  cursor: not-allowed;
}

:root {
  --inputheight: 47px;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */
.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */
@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}
.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}
.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}
.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

.vs__no-options {
  text-align: center;
}

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143; /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333; /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #5897fb;
  color: #fff;
}

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  cursor: inherit;
}

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */

/* Loading Spinner */
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */

.v-select {
  background-color: white;
  height: 36px;
}
.v-select .vs__dropdown-toggle {
  height: 36px;
}
.v-select input[type=search] {
  font-size: 16px !important;
}
.v-select > .vs__dropdown-toggle {
  border-radius: 0 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.v-select > .vs__dropdown-toggle .vs__selected {
  font-size: 16px;
  border-radius: 0;
  padding: 0 0.45em 1.2px;
}
.v-select.without-tag > .vs__dropdown-toggle .vs__selected {
  padding-right: 0.7em;
  border-color: transparent;
  border-right-color: rgba(60, 60, 60, 0.1);
  background: transparent;
}

label {
  font-weight: 500;
}

label[for] {
  cursor: pointer;
}
@media (max-width: 992px) {
  label[for] {
    font-size: 0.9em;
  }
}

.form-check-label {
  margin-bottom: 0.5rem;
}

.form-text.text-muted {
  margin-top: 0.4rem;
  transition: all 0.8s ease-out;
}

.form-group:hover .form-text.text-muted {
  color: var(--gray-dark) !important;
}

.form-email2 {
  display: none;
}

.custom-select {
  padding: 0.275rem 1.75rem 0.375rem 0.75rem;
}

.custom-file,
.custom-select,
.form-control {
  margin: 2px 0 4px;
}
.custom-file::-moz-placeholder, .custom-select::-moz-placeholder, .form-control::-moz-placeholder {
  color: var(--gray-md);
}
.custom-file::placeholder,
.custom-select::placeholder,
.form-control::placeholder {
  color: var(--gray-md);
}

.custom-file,
.custom-select:not(.custom-select-lg),
.form-control:not(.form-control-lg) {
  height: 36px;
}

.custom-file-label {
  height: 36px;
  padding: 0.475rem 0.75rem;
}
.custom-file-label:after {
  height: 36px;
  padding: 0.475rem 0.75rem;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .form-control {
    font-size: var(--font-size-base) !important;
  }
}
.form-control {
  padding: 3px 3px 0 8px;
  background: transparent;
  background: #fff;
}
.form-control.readonly {
  overflow: hidden;
  white-space: nowrap;
}

input.form-control {
  line-height: 1em;
}

.custom-select:focus,
.form-control:focus {
  border-color: #2196F3;
}
.custom-select:focus:not(.box-shadow-light),
.form-control:focus:not(.box-shadow-light) {
  box-shadow: 0 0 0 0.1rem rgba(58, 152, 246, 0.15);
}
.custom-select.custom-select-sm:not([multiple]), .custom-select.form-control-sm:not([multiple]),
.form-control.custom-select-sm:not([multiple]),
.form-control.form-control-sm:not([multiple]) {
  min-height: 30px;
  font-size: var(--font-size-sm) !important;
}
.custom-select.custom-select-sm:not([multiple]):not(.custom-select-lg), .custom-select.custom-select-sm:not([multiple]):not(.form-control-lg), .custom-select.form-control-sm:not([multiple]):not(.custom-select-lg), .custom-select.form-control-sm:not([multiple]):not(.form-control-lg),
.form-control.custom-select-sm:not([multiple]):not(.custom-select-lg),
.form-control.custom-select-sm:not([multiple]):not(.form-control-lg),
.form-control.form-control-sm:not([multiple]):not(.custom-select-lg),
.form-control.form-control-sm:not([multiple]):not(.form-control-lg) {
  height: 30px;
}

textarea.form-control {
  height: auto !important;
}

.form-control-plaintext {
  padding-top: 9px;
}
.form-control-plaintext.readonly {
  overflow: hidden;
  white-space: nowrap;
}

.input-group-append {
  margin-top: 2px;
  height: 36px;
}
.input-group-append .input-group-text {
  background-color: rgba(241, 241, 241, 0.6);
}

.input-group-append-lg {
  width: 48px;
}
.input-group-append-lg .btn {
  height: 42px;
}

.col-form-label {
  padding-top: 10px;
}
@media screen and (min-width: 992px) {
  .col-form-label {
    text-align: right;
  }
}

.input-group .input-group-btn .btn {
  margin-top: 2px;
  margin-bottom: 4px;
  height: 36px;
  position: relative;
  z-index: 99;
}
.input-group .input-group-btn .btn.btn-default {
  background: #F8F8F8;
}
.input-group .input-group-btn .btn[disabled] {
  border-color: var(--gray-md);
}
.input-group .input-group-btn > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .input-group-btn + .input-group-append {
  max-width: 30%;
}
.input-group .input-group-btn + .input-group-append > select,
.input-group .input-group-btn + .input-group-append > input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  text-shadow: 0 -1px 0 #fff;
  color: #666;
}

.has-feedback {
  position: relative;
}
.has-feedback:focus .form-control-feedback .far,
.has-feedback:focus .form-control-feedback .fas,
.has-feedback:focus .form-control-feedback .fa-regular,
.has-feedback:focus .form-control-feedback .fa-solid, .has-feedback:focus-within .form-control-feedback .far,
.has-feedback:focus-within .form-control-feedback .fas,
.has-feedback:focus-within .form-control-feedback .fa-regular,
.has-feedback:focus-within .form-control-feedback .fa-solid {
  color: #2196f3;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 10px !important;
  right: 2px !important;
  margin-right: 11px;
  color: #999;
}
.has-feedback .form-control-feedback .far,
.has-feedback .form-control-feedback .fas,
.has-feedback .form-control-feedback .fa-regular,
.has-feedback .form-control-feedback .fa-solid {
  margin-top: 3px;
}
.has-feedback .form-control-feedback:not(.form-control-feedback-lg) .far,
.has-feedback .form-control-feedback:not(.form-control-feedback-lg) .fas,
.has-feedback .form-control-feedback:not(.form-control-feedback-lg) .fa-regular,
.has-feedback .form-control-feedback:not(.form-control-feedback-lg) .fa-solid {
  margin-top: 0px;
  margin-right: 12px !important;
}

.has-envelope {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.125rem 1.125rem;
}

.noshad {
  box-shadow: initial !important;
}
.noshad:hover {
  box-shadow: initial;
}

.table-inputs tr td {
  padding: 0;
  vertical-align: middle;
  border: 0;
}
.table-inputs tr td .form-control:focus {
  border-bottom-color: #2196F3;
  border-left-color: #2196F3;
}
.table-inputs > tbody > tr:first-child td {
  padding-top: 10px;
}
.table-inputs > tbody > tr:last-child td {
  padding-bottom: 10px;
}

body#tinymce {
  background-color: #fff;
  padding: 30px 20px 40px;
}

.custom-select.is-invalid,
.custom-select.is-invalid {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/vg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem !important;
}

.custom-select.is-invalid,
.form-control.is-invalid {
  z-index: 999;
  position: relative;
  border: 1px solid #ed3b3b;
  background: transparent;
  padding-right: 3px;
}

.drop-zone {
  margin: 10px;
  margin-right: 20px;
  padding: 10px;
  border: 2px dashed rgba(0, 0, 0, 0.1);
}
.drop-zone.drop-is-dragging {
  border-color: var(--primary-light);
}
.drop-zone.drop-is-loading {
  border-color: var(--info);
}
.drop-zone.drop-is-error {
  border-color: var(--danger);
}

/* TinyMce */
.tox {
  z-index: 1002 !important;
}

.tox.tox-silver-sink {
  position: static !important;
}

.tox-dialog {
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33) !important;
  padding: 12px 5px !important;
}

.tox-toolbar__group:nth-child(2) {
  max-width: 100px;
  overflow: hidden;
}

.nav-tabs {
  border: 0;
  box-shadow: inset 0 -1px 0 #ddd;
  position: relative;
  z-index: 2;
  width: 100%;
}
.nav-tabs .nav-item .nav-link {
  border-radius: 0;
  color: #000000;
  font-size: var(--font-size-sm);
  font-weight: 400;
  padding: 12px 17px;
  border-top: 2px solid transparent;
  border-bottom: 0;
  transition: border-top 0.1s;
}
.nav-tabs .nav-item .nav-link:hover {
  border-bottom: 2px solid #fff;
  padding: 12px 17px 11px;
}
.nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link:hover {
  color: black;
  border-top-color: rgb(69.3704453441, 155.45951417, 219.1295546559);
  border-bottom: 0;
}
.nav-tabs .nav-item .nav-link.active {
  border-top-color: rgb(38.4615384615, 130.7692307692, 199.0384615385);
  border-top-color: #3090d7 !important;
}

.admin-user .nav-tabs {
  border-bottom: 0;
}
.admin-user .nav-tabs .nav-link {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

@media (min-width: 576px) {
  .nav-tabs.nav-tabs-text .nav-item .nav-link {
    margin-bottom: 0;
    padding: 12px 17px 11px !important;
    border: 0;
    border-bottom: 2px solid transparent;
    font-weight: 500;
    color: #868e96;
    transition: border-bottom-color 0.2s ease;
  }
  .nav-tabs.nav-tabs-text .nav-item .nav-link:focus, .nav-tabs.nav-tabs-text .nav-item .nav-link:hover {
    color: var(--dark);
    border-bottom-color: var(--grey);
  }
  .nav-tabs.nav-tabs-text .nav-item .nav-link.active {
    color: var(--black);
    border-bottom-color: var(--primary);
  }
}
.tab-content {
  margin-top: -1px;
}

ul.nav-tabs li[role=presentation] {
  position: relative;
  max-width: 230px;
}
ul.nav-tabs li[role=presentation] a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 576px) {
  ul.nav-tabs.nav-tabs-responsive {
    display: table;
    margin: auto !important;
  }
  ul.nav-tabs.nav-tabs-responsive li.nav-item {
    display: block !important;
    margin: auto !important;
  }
  ul.nav-tabs.nav-tabs-responsive li.nav-item .nav-link {
    margin-bottom: 13px;
    border-radius: 3px;
    color: #333;
    border-bottom: 1px solid #ddd;
  }
  ul.nav-tabs.nav-tabs-responsive li.nav-item .nav-link.active {
    padding-top: 11px;
    border-bottom: 1px solid #ddd;
  }
  ul.nav-tabs.nav-tabs-responsive li.nav-item .nav-link:not(.active) {
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
  }
}
.public .nav-tabs {
  position: relative;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.public .nav-tabs .nav-link {
  color: var(--gray);
  border-color: transparent transparent #dfe3e7 !important;
  position: relative;
  top: -1px;
  display: inline-block;
}
.public .nav-tabs .nav-link:hover {
  border-color: transparent transparent #dfe3e7 !important;
}
.public .nav-tabs .nav-link.active {
  border-color: transparent transparent var(--dark) !important;
  background-color: transparent;
}
.public .nav-tabs .nav-link:hover, .public .nav-tabs .nav-link.active {
  color: var(--black);
}
.public .nav-tabs .disabled {
  color: var(--secondary) !important;
  pointer-events: initial;
  cursor: not-allowed;
}
.public .nav-tabs .disabled a {
  color: var(--secondary) !important;
}
.public .nav-tabs .disabled a:hover {
  color: var(--light) !important;
}

/*
@media (min-width: $sm) and (max-width: $md) {
    ul.nav-tabs.nav-tabs-responsive {
        box-shadow: initial;

        li.nav-item {
            margin: 0 6px 0 4px !important;

            .nav-link {
                padding: 0;
                border: 0 !important;

                &>span {
                    border: 1px solid #eee;
                    border-radius: 0.25rem;
                    font-size: var(--font-size-base);
                    padding: 8.8px 8px;
                }
            }
        }
    }
}*/
/* Table */
.table {
  background-color: transparent;
}
.table tbody > tr:first-child td {
  border-top: 0;
}

.table-striped {
  margin-bottom: 1px;
}
.table-striped .tbody > .tr:nth-of-type(2n+1),
.table-striped .tbody > tr:nth-of-type(2n+1),
.table-striped tbody > .tr:nth-of-type(2n+1),
.table-striped tbody > tr:nth-of-type(2n+1) {
  background-color: rgba(249, 249, 249, 0.3);
}
.table-striped .tbody .td, .table-striped .tbody td,
.table-striped .tbody .th, .table-striped .tbody th,
.table-striped tbody .td,
.table-striped tbody td,
.table-striped tbody .th,
.table-striped tbody th {
  padding: 8px 15px 8px !important;
}
.table-striped .tbody .td, .table-striped .tbody td,
.table-striped tbody .td,
.table-striped tbody td {
  vertical-align: middle !important;
}
@media (min-width: 576px) {
  .table-striped .tbody .td, .table-striped .tbody td,
  .table-striped tbody .td,
  .table-striped tbody td {
    border-top: 1px solid #f1f1f1 !important;
  }
}
.table-striped.table-sm .td, .table-striped.table-sm td,
.table-striped.table-sm .th, .table-striped.table-sm th {
  padding: 8px 15px 6px !important;
}

/* Tables row/col */

.testimonials .testimonial blockquote {
  display: inline-block;
  font-family: Georgia, serif;
  font-size: var(--font-size-base);
  line-height: 1.4;
  margin: 0;
}
.testimonials .testimonial .testimonial-text {
  color: rgb(25.5, 25.5, 25.5);
}
.testimonials .testimonial .img-avatar {
  margin: -7px 10px 0 0 !important;
}
.testimonials .testimonial .testimonial-text {
  border-top: dotted 2px rgba(60, 60, 60, 0.26);
}
.testimonials .testimonial strong {
  color: rgb(68, 68, 68);
}
.testimonials .testimonial a {
  color: #3090d7;
  text-decoration: none;
}
.testimonials .testimonial .response {
  background: rgba(0, 0, 0, 0.02);
  box-shadow: inset 0px 15px 5px -15px rgba(0, 0, 0, 0.2);
}
.testimonials .testimonial .response .ico-reply {
  position: absolute;
  left: 1em;
  top: 1.1em;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTMwLjEyNSw0Mi4zOWExLjg5MSwxLjg5MSwwLDAsMS0xLjQ4OS41MSwyLjIsMi4yLDAsMCwxLTEuMzYyLS42MzcsMS45MDYsMS45MDYsMCwwLDEtLjU1Mi0xLjQwNVYzNC4wNTJRMTUuMDY2LDMzLjg4MSw5LjM2NSwzMC45LDIuMjE3LDI3LjE2MSwyLjIxOCwxOC4yMjdhMTUuMDQxLDE1LjA0MSwwLDAsMSwyLjEyNy03LjQ4OEExNi45NjUsMTYuOTY1LDAsMCwxLDkuMjgsNS4xMjRhMS41MzUsMS41MzUsMCwwLDEsMS4yMzMtLjMsMS42MzIsMS42MzIsMCwwLDEsMS4wMjEuNjM4LDEuMTc4LDEuMTc4LDAsMCwxLC4xMjgsMS4xOTFROS43OSwxMi43LDEwLjksMTYuMTQyYTcuNjkyLDcuNjkyLDAsMCwwLDUuMTksNC44OTJxMy42NTksMS4zNjEsMTAuNjM2LDEuNDQ2VjE0Ljk5M2ExLjkwNSwxLjkwNSwwLDAsMSwuNTUyLTEuNCwyLjIsMi4yLDAsMCwxLDEuMzYyLS42MzgsMS44OTIsMS44OTIsMCwwLDEsMS40ODkuNTExTDQ1LjEsMjYuNGEyLjA2NCwyLjA2NCwwLDAsMSwwLDMuMDYyWiIvPjwvc3ZnPg==");
}

.text-gold {
  color: #ec971f !important;
}

.timer {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 3px;
  background-color: #3090d7;
  font-size: 0;
  position: relative;
}
.timer:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 80%;
  background-attachment: scroll;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHRpdGxlPnlvcDwvdGl0bGU+PHBvbHlnb24gcG9pbnRzPSI5LjM3IDI1Ljk0IDExLjkgMjUuOTQgMTMuNTYgMTguNjMgMTEuMDMgMTguNjMgOS4zNyAyNS45NCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xOC41LDZIMTYuMzdBMi45NCwyLjk0LDAsMCwwLDEzLjQ0LDhsLTEuMyw1LjcyaDIuNDRsLjczLTMuMjRhMi42OSwyLjY5LDAsMCwxLDIuNTUtMi4zNGguMzJjMi41OSwwLDMuNjgsMS4yNiwzLDQtLjQ5LDItMi4xLDIuODgtNC40NywyLjg4SDEwLjE1YS40OS40OSwwLDAsMC0uNDkuNDFsLS4yOCwxLjQ0YS4zNC4zNCwwLDAsMCwwLC4xLjUuNSwwLDAsMCwuNS41aDYuNjljMy42OSwwLDYuMzEtMS41Myw3LjA2LTQuOTJDMjQuNSw4LjcyLDIyLjc4LDYsMTguNSw2WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}
.timer:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 2px;
  content: "";
  display: block;
  border-radius: 50%;
  border-top: solid 4px transparent;
  border-left: solid 4px transparent;
  border-bottom: solid 4px transparent;
  border-right: solid 4px white;
  animation: TimerFrames linear 1s infinite;
}

@keyframes TimerFrames {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0.2, 1, 0.5);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.price-origin,
.price-reduced {
  color: #ef6b03 !important;
}
@media (max-width: 576px) {
  .registration-box .registration-body {
    padding: 20px 35px 35px;
  }
}
@media (min-width: 992px) {
  .registration-box .registration-body {
    background: #fff;
    border: 1px solid #eee;
    border-top: 1px solid #ddd;
  }
}
.registration-box .registration-body .legit-info {
  line-height: 1.4;
}
.registration-box .registration-body .input-group-text {
  border-radius: 0;
}
.registration-box .registration-body button[type=submit]:not([disabled]),
.registration-box .registration-body label {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .registration-box .registration-body label {
    padding-bottom: 0;
  }
}
.registration-box .registration-body input:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 152, 246, 0.25);
}

.rub-promo {
  background: #FFD700;
  background-image: radial-gradient(circle farthest-side at center top, #FFF2B5 0%, #FFD700 100%);
  width: 60px;
  height: 3em;
  padding-top: 1em;
  position: absolute;
  z-index: 999;
  border-top-right-radius: 0.2em;
  border-top-left-radius: 0.2em;
  margin: auto;
  margin-left: 90px;
  margin-top: -20px;
  /*right: 10px;*/
  text-align: center;
  font-weight: bold;
  display: inline-block;
  text-shadow: 1px 1px 0 #FFF;
  box-shadow: 0 4px 6px #E0E0E0;
}
.rub-promo:before {
  content: "";
  position: absolute;
  bottom: -0.4em;
  left: 0;
  width: 0;
  height: 0;
  border-top: 0.5em solid #FFD700;
  border-right: 2.5em solid transparent;
}
.rub-promo:after {
  content: "";
  position: absolute;
  bottom: -0.4em;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.5em solid #FFD700;
  border-left: 2.5em solid transparent;
}

.circular-chart {
  position: absolute;
  z-index: 9;
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
  width: 20px;
  right: 6px;
  top: -2px;
  transform: scale(1.2);
}
@media (min-width: 992px) {
  .circular-chart {
    right: 8px;
    top: -1px;
  }
}
.circular-chart .circle {
  fill: none;
  stroke: #ddd;
  stroke-width: 3;
  stroke-linecap: round;
  animation: stroke-dasharray 1s ease;
}
.circular-chart .circle.player-progress {
  display: none;
}
.circular-chart .circle.player-progress:nth-of-type(2) {
  stroke: var(--danger);
}

.tooltip {
  display: block !important;
  padding: 4px;
  z-index: 10000;
}
.tooltip .tooltip-inner {
  background: var(--dark);
  color: white;
  font-size: 1.1em;
  border-radius: 16px;
  padding: 6px 10px 5px;
  text-align: left;
}
.tooltip .tooltip-arrow {
  display: none;
}
.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}
.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

.tippy-popper {
  z-index: 999 !important;
}

.tippy-tooltip {
  color: #26323d;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: #fff;
  transition: all 0.2 ease;
}
body,
html {
  scroll-snap-type: y proximity;
  font-family: "Inter", "Roboto", "Arial", sans-serif;
  font-weight: 300;
}

/* Dark/Light theme */
/* Surcouche Design */
.alert {
  font-size: var(--font-size-base);
  line-height: 24px;
  font-weight: 500;
  border-radius: 6px;
}

.border-primary {
  border-color: var(--primary) !important;
}

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

.btn {
  font-size: var(--font-size-base);
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  font-optical-sizing: none;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.btn-primary {
  border-color: transparent;
  background-color: var(--primary);
}
.btn-primary:hover {
  background-color: var(--primary) !important;
  box-shadow: unset !important;
  border-color: var(--primary) !important;
}
.btn-secondary {
  background-color: transparent;
}
.btn-secondary:hover {
  color: #ffffff;
  background-color: #5f6368;
}
.btn-text {
  font-weight: 600;
}
.btn:hover {
  box-shadow: 0 1px 2px rgba(66, 63, 63, 0.3), 0 1px 3px 1px rgba(66, 63, 63, 0.15);
}

:not(.btn-group):not(.input-group-prepend):not(.input-group-append) > .btn:not(.btn-block) + .btn:not(.btn-block),
:not(.btn-group):not(.input-group-prepend):not(.input-group-append) > .btn:not(.btn-block) + .btn-slot,
:not(.btn-group):not(.input-group-prepend):not(.input-group-append) > .btn-slot + .btn:not(.btn-block),
:not(.btn-group):not(.input-group-prepend):not(.input-group-append) > .btn-slot + .btn-slot {
  margin-left: 2px;
}

.card {
  overflow: visible !important;
  border-radius: 0.8rem;
}
.card.overflow-hidden {
  overflow: hidden !important;
}

audio,
video {
  width: 100%;
}

video {
  -o-object-fit: contain;
     object-fit: contain;
}

figure {
  text-align: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
figure figcaption {
  font-size: 0.94em;
  text-align: center;
  line-height: 1.2;
}

.modal-container .modal-header {
  margin: auto;
  padding: 18px 20px 12px;
  border-bottom: 0;
}
.modal-container .modal-header h2, .modal-container .modal-header h3, .modal-container .modal-header h4 {
  /* font-family: Roboto; */
  font-size: 1.25rem !important;
  line-height: 2rem;
  font-weight: 600;
  letter-spacing: 0.0125em;
}
.modal-container .modal-body {
  padding: 12px 20px;
}
.modal-container .modal-body .lead {
  font-size: 1.1em;
}
.modal-container .modal-footer {
  padding: 12px 14px 14px;
  border-top: 0;
}
.public #header-fixed-top {
  background-color: #343a40;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: top 0.3s ease;
}
.public #header-fixed-top ~ .section--lesson,
.public #header-fixed-top ~ .container,
.public #header-fixed-top ~ #sections {
  position: relative;
  padding-top: 117px;
  padding-bottom: 117px;
  transition: top 0.3s ease;
}
.public .container-top {
  position: relative;
  padding-top: 117px;
  padding-bottom: 117px;
  transition: padding-top 0.3s ease;
}
.public .read-time-bar {
  height: 2px;
  width: 0;
  background-color: var(--green-acid);
  transition: width 0.2s ease;
}
.public .read-time-bar.admin {
  height: 2px;
  background-color: #ea5e2e;
}
.public .footer-breadcrumb {
  background-color: rgba(241, 241, 241, 0.45);
  -webkit-backdrop-filter: saturate(180%) blur(5px);
          backdrop-filter: saturate(180%) blur(5px);
  color: #666;
  border-top: 1px solid rgba(204, 204, 204, 0.2);
  border-bottom: 1px solid rgba(204, 204, 204, 0.6);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
}
.public .footer-breadcrumb .breadcrumb {
  margin-bottom: 5px;
  background-color: transparent;
  margin-bottom: 0;
}
.public .footer-breadcrumb .breadcrumb li {
  font-size: calc(var(--font-size-sm) - 1px);
}
.public .footer-breadcrumb .breadcrumb li a {
  color: #333333;
  text-decoration: none;
}
.public .footer-breadcrumb .breadcrumb li a:hover {
  text-decoration: none;
}
.public .footer-breadcrumb .breadcrumb li:last-of-type a {
  color: rgb(76.5, 76.5, 76.5);
}
.public footer a {
  color: #fff;
}
.public footer .smartphone {
  display: block;
  width: 31px;
  height: 56px;
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC43NDIgMzguMjk5Ij48cmVjdCB4PSIwLjM3NSIgeT0iMC4zNzUiIHdpZHRoPSIxOS45OTIiIGhlaWdodD0iMzcuNTQ5IiByeD0iMi44MjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjAuNzUiLz48Y2lyY2xlIGN4PSIxMC40MzEiIGN5PSIzNC4yMTMiIHI9IjEuNzkyIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIwLjc1Ii8+PHBhdGggZD0iTTcuNTQ2LDEuODkzaDUuNzcxYTAsMCwwLDAsMSwwLDB2MGEuNzM0LjczNCwwLDAsMS0uNzM0LjczNEg4LjI4YS43MzQuNzM0LDAsMCwxLS43MzQtLjczNHYwYTAsMCwwLDAsMSwwLDBaIi8+PC9zdmc+");
}
.public #app-dv nav.navbar {
  margin-bottom: 0;
}
.public #app-dv nav.navbar .navbar-collapse {
  padding: 20px 0;
}
@media (min-width: 992px) {
  .public #app-dv nav.navbar .navbar-collapse {
    padding: 0;
  }
}
.public #app-dv nav.navbar .navbar-toggler {
  color: var(--primary);
  border-color: var(--primary);
}
.public #app-dv nav.navbar .navbar-toggler:not(.collapsed) .fa-close {
  display: inline;
}
.public #app-dv nav.navbar .navbar-toggler:not(.collapsed) .fa-bars {
  display: none;
}
.public #app-dv nav.navbar .navbar-toggler.collapsed .fa-bars {
  display: inline;
}
.public #app-dv nav.navbar .navbar-toggler.collapsed .fa-close {
  display: none;
}
.public #app-dv nav.navbar a.btn:focus, .public #app-dv nav.navbar a.btn:hover {
  color: white !important;
  border-color: var(--primary) !important;
}
.public #app-dv nav.navbar .open > a,
.public #app-dv nav.navbar .open > a:focus,
.public #app-dv nav.navbar .open > a:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.public #app-dv nav.navbar .links a {
  padding: 13px 15px 10px;
  letter-spacing: initial;
  border-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  color: white;
  /**/
}
.public #app-dv nav.navbar .links a.btn {
  color: var(--primary);
  border: solid 1px var(--primary) !important;
}
.public #app-dv nav.navbar .links a:focus, .public #app-dv nav.navbar .links a:hover {
  border-bottom: 0 solid #fff;
}
.public #app-dv nav.navbar .links .active {
  margin-bottom: initial;
  position: relative;
}
@media screen and (max-width: 990px) {
  .public #app-dv nav.navbar .links .active a::after {
    border: 0 !important;
  }
}
.public #app-dv nav.navbar .navbar-brand {
  margin-right: 0;
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .public #app-dv nav.navbar .navbar-brand {
    flex-basis: fit-content;
    text-align: center;
  }
}
.public #app-dv nav.navbar .navbar-brand img[src="/images/logo-pe-white-short.svg"] {
  display: block;
}
.public #app-dv .navbar-text {
  padding: 10px 20px 0;
  margin: 0;
}
.public #app-dv .navbar-text .nav-link {
  color: var(--white, inherit);
}
@media (min-width: 992px) {
  .public #app-dv .navbar-text {
    padding: 0;
  }
}
.public #app-dv .navbar-shrink {
  border-top-color: #fff;
}
.public body.registration {
  padding-top: 0;
  background: #fcfcfc;
}
.public body.registration .fixed-top {
  position: inherit;
  border-top-color: #fff !important;
}
.public body.registration .registration-box {
  margin-top: 40px;
}
.public body.registration .registration-box .price .text-highlight {
  font-size: 1.8em;
  color: #000;
}
.public body.registration.body-with-qcm .navbar-shrink .navbar {
  position: absolute !important;
  top: 0 !important;
  z-index: 1030 !important;
  width: 100%;
}
.public body.registration.body-with-qcm .navbar-shrink .navbar .nav-item.active .nav-link:after {
  border: 0 !important;
}
@media screen and (min-width: 990px) {
  .public body.registration.body-with-qcm #modal-mcq {
    position: fixed !important;
    top: 75px !important;
    z-index: 1 !important;
  }
  .public body.registration.body-with-qcm #modal-mcq .modal-mask {
    top: 75px !important;
    height: calc(100% - 75px) !important;
  }
  .public body.registration.body-with-qcm #modal-mcq .modal-mask .modal-container {
    top: 75px !important;
    height: calc(100% - 75px) !important;
  }
}
@media screen and (max-width: 990px) {
  .public body.registration.body-with-qcm #modal-mcq {
    top: 0 !important;
  }
  .public body.registration.body-with-qcm #modal-mcq .modal-mask {
    position: fixed !important;
    top: 0 !important;
    height: 100% !important;
  }
  .public body.registration.body-with-qcm #modal-mcq .modal-mask .modal-container {
    position: fixed !important;
    top: 0 !important;
    height: 100% !important;
  }
}
.public .links a,
.public .links span.a {
  display: inline-block;
  color: #636b6f;
  padding: 13px 15px 10px;
  letter-spacing: 0.1rem;
  text-decoration: none;
  white-space: nowrap;
}
.public .links a.active,
.public .links span.a.active {
  border-bottom: 3px solid #666;
  margin-bottom: 10px;
  color: #3b78e7;
}
.public .links a:hover,
.public .links span.a:hover {
  color: #3b78e7;
  border-color: #3b78e7;
}
.public .links a:not([href]),
.public .links a span.a,
.public .links span.a:not([href]),
.public .links span.a span.a {
  cursor: default;
  color: #666;
}

footer {
  padding: 65px 0 0;
}