/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2241,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(2260,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(2342,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(2361,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3813,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3822,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3838,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3893,90): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4619,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4667,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(6496,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(6500,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(12228,23): run-time error CSS1030: Expected identifier, found '['
(12228,28): run-time error CSS1031: Expected selector, found '='
(12228,28): run-time error CSS1025: Expected comma or open brace, found '='
(12294,23): run-time error CSS1030: Expected identifier, found '['
(12294,28): run-time error CSS1031: Expected selector, found '='
(12294,28): run-time error CSS1025: Expected comma or open brace, found '='
(12361,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12362,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12368,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12396,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-container-backgound'
(12397,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-container-color'
(12417,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-container-title-color'
(12445,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-scroll'
(12454,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-scroll'
(12458,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-scroll'
(12468,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-backgound'
(12469,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-color'
(12481,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-backgound'
(12484,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-red'
(12487,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-green'
(12490,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-pink'
(13359,16): run-time error CSS1030: Expected identifier, found '.'
(13359,21): run-time error CSS1031: Expected selector, found ')'
(13359,21): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
/*!
 * Bootstrap v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --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", 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", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[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: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  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: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

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

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

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: 80%;
  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;
}

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

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

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  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: #6c757d;
}

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: #fff;
  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;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

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

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

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

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

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

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

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

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.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: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

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

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.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: #fff;
  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:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  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:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

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

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

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

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.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: #6c757d;
}

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

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' width='8' height='8' 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);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url(/MonCompteSage/Content/stylesheets/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) no-repeat right 0.75rem center/8px 10px, url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' width='8' height='8' 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) #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url(/MonCompteSage/Content/stylesheets/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) no-repeat right 0.75rem center/8px 10px, url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e) #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    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 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-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(0, 123, 255, 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: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.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(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.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(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.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(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.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(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.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(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.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(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  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: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.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, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  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: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.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(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  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: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.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(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  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: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.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(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  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: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.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(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  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: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.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(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  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: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.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(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  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: #f8f9fa;
  border-color: #f8f9fa;
}

.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(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  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: #fff;
  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-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  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;
  }
}
.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: #fff;
  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-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.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: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  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: #6c757d;
  white-space: nowrap;
}

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

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.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, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  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(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  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-prepend,
.input-group-append {
  display: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  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-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .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-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e);
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e);
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 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;
  transition: transform 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, -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.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: #fff url(/MonCompteSage/Content/stylesheets/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) no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  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-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.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;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  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-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.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-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  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: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  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 {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

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

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

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  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 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  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: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    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, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .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(/MonCompteSage/Content/stylesheets/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);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url(/MonCompteSage/Content/stylesheets/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%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  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 {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

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

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.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-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

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

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

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    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-img-bottom,
  .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-img-bottom,
  .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 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item {
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -ms-flexbox;
  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: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.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: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.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;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

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

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}

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

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  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: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.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-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-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;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.close:hover {
  color: #000;
  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 {
  -ms-flex-preferred-size: 350px;
  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;
}

.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.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: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

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

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  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: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  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;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto 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;
  word-spacing: normal;
  white-space: 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;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  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", 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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  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;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
  background-image: url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e);
}

.carousel-control-next-icon {
  background-image: url(/MonCompteSage/Content/stylesheets/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e);
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow 0.75s linear infinite;
  animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

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

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

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

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

.align-text-bottom {
  vertical-align: text-bottom !important;
}

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

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

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

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

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

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

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

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !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: #1d2124 !important;
}

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

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

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !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: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

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

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

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

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

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

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

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

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

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

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-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-pill {
  border-radius: 50rem !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: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

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

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

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

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

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

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

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

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

.position-sticky {
  position: -webkit-sticky !important;
  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;
}

@supports (position: -webkit-sticky) or (position: sticky) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.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;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

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

.shadow-none {
  box-shadow: none !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-25 {
  height: 25% !important;
}

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

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

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

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

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !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;
}

.m-1 {
  margin: 0.25rem !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;
}

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

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

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

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

.ml-5,
.mx-5 {
  margin-left: 3rem !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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-auto {
  margin: auto !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) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 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;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .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;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !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-right {
    text-align: right !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-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

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

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

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

.font-weight-lighter {
  font-weight: lighter !important;
}

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

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

.font-weight-bolder {
  font-weight: bolder !important;
}

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

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

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

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

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

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

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

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

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

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

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

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

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

.text-reset {
  color: inherit !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;
  }
  thead {
    display: table-header-group;
  }
  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 #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

/*@import "bootstrap-variables";*/
/* Amaris colors */
/* end Amaris colors */
@font-face {
  font-family: "sage_headline-black";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Headline-Black.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Headline-Black.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage-text-bold";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Bold.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Bold.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage-text-bold-italic";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Bold_Italic.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Bold_Italic.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage-text-light";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Light.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Light.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage-text-light-italic";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Light_Italic.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Light_Italic.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage-text-medium";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Medium.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Medium.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage-text-medium-italic";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Medium_Italic.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Medium_Italic.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage-text";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Regular.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Regular.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage-text-italic";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Regular_Italic.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_Text-Regular_Italic.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage_ui-bold";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_UI-Bold.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_UI-Bold.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage_ui-medium";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_UI-Medium.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_UI-Medium.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "sage_ui-regular";
  src: url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_UI-Regular.woff?1468941557) format("woff"), url(/MonCompteSage/Ressources/fonts/sage-ui/Sage_UI-Regular.woff2?1468941557) format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  src: url(/MonCompteSage/Ressources/fonts/font-awesome/fontawesome-webfont.eot?1470151176) format("embedded-opentype"), url(/MonCompteSage/Ressources/fonts/font-awesome/fontawesome-webfont.ttf?1470151176) format("truetype"), url(/MonCompteSage/Ressources/fonts/font-awesome/fontawesome-webfont.svg?1470151176) format("svg");
}
@font-face {
  font-family: "Armonye";
  src: url(/MonCompteSage/Ressources/fonts/sagearmonyeicons.eot?1475528424) format("embedded-opentype"), url(/MonCompteSage/Ressources/fonts/sagearmonyeicons.ttf?1475528424) format("truetype"), url(/MonCompteSage/Ressources/fonts/sagearmonyeicons.svg?1475528424) format("svg"), url(/MonCompteSage/Ressources/fonts/sagearmonyeicons.woff?1475528424) format("woff");
}
@font-face {
  font-family: "roboto";
  src: url(/MonCompteSage/Ressources/fonts/roboto/Roboto-Regular.eot?1496849717) format("embedded-opentype"), url(/MonCompteSage/Ressources/fonts/roboto/Roboto-Regular.ttf?1496848269) format("truetype"), url(/MonCompteSage/Ressources/fonts/roboto/Roboto-Regular.svg?1496849717) format("svg"), url(/MonCompteSage/Ressources/fonts/roboto/Roboto-Regular.woff?1496849717) format("woff");
}
@font-face {
  font-family: "roboto-slab";
  src: url(/MonCompteSage/Ressources/fonts/roboto-slab/RobotoSlab-Regular.eot?1496916586) format("embedded-opentype"), url(/MonCompteSage/Ressources/fonts/roboto-slab/RobotoSlab-Regular.ttf?1496907343) format("truetype"), url(/MonCompteSage/Ressources/fonts/roboto-slab/RobotoSlab-Regular.svg?1496916586) format("svg"), url(/MonCompteSage/Ressources/fonts/roboto-slab/RobotoSlab-Regular.woff?1496916586) format("woff");
}
@media (min-width: 1080px) {
  .desktop-hide {
    display: none !important;
  }
}

@media (max-width: 1079px) {
  .tablet-hide {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}

/*@import "bootstrap-variables";*/
.glyphicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Armonye" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1rem;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 16px, 24px, 32px and 48px icon sizes are recommended and supported */
.glyphicon-md {
  font-size: 1.5rem;
}

.glyphicon-lg {
  font-size: 2rem;
}

.glyphicon-xl {
  font-size: 3rem;
}

/* 365 icons */
.glyphicon-caddy::before {
  content: "%";
}

.glyphicon-folder::before {
  content: "J";
}

.glyphicon-move-1::before {
  content: "\e900";
}

.glyphicon-1099s::before {
  content: "\e901";
}

.glyphicon-account-payable-euro::before {
  content: "\e07f";
}

.glyphicon-account-payable-pound::before {
  content: "\e080";
}

.glyphicon-account-payable::before {
  content: "7";
}

.glyphicon-account-receivable-euro::before {
  content: "\e082";
}

.glyphicon-account-receivable-pound::before {
  content: "\e083";
}

.glyphicon-account-receivable::before {
  content: "8";
}

.glyphicon-accountant::before {
  content: "\e908";
}

.glyphicon-accounts-add::before {
  content: "\e909";
}

.glyphicon-accounts-remove::before {
  content: "\e90a";
}

.glyphicon-accounts::before {
  content: "\e90b";
}

.glyphicon-add::before {
  content: "+";
}

.glyphicon-adjustment-in::before {
  content: "\e90d";
}

.glyphicon-adjustment-out::before {
  content: "\e90e";
}

.glyphicon-adjustment::before {
  content: "\e90f";
}

.glyphicon-alert::before {
  content: "!";
}

.glyphicon-announcement::before {
  content: "\e911";
}

.glyphicon-arrow-down::before {
  content: "\e084";
}

.glyphicon-arrow-left::before {
  content: "←";
}

.glyphicon-arrow-right::before {
  content: "→";
}

.glyphicon-arrow-up::before {
  content: "\e085";
}

.glyphicon-assemblies::before {
  content: "\e916";
}

.glyphicon-asterisk::before {
  content: "\e917";
}

.glyphicon-badge::before {
  content: "\e918";
}

.glyphicon-bank-accounts::before {
  content: "\e919";
}

.glyphicon-bank-deposits::before {
  content: "\e91a";
}

.glyphicon-bank::before {
  content: "\e91b";
}

.glyphicon-barcode::before {
  content: "\e91c";
}

.glyphicon-basket-add::before {
  content: "\e91d";
}

.glyphicon-basket::before {
  content: "\e91e";
}

.glyphicon-batch::before {
  content: "\e91f";
}

.glyphicon-bell-notification::before {
  content: "\e057";
}

.glyphicon-bell::before {
  content: '"';
}

.glyphicon-bidirection::before {
  content: "#";
}

.glyphicon-bills::before {
  content: "\e923";
}

.glyphicon-book::before {
  content: "\e924";
}

.glyphicon-bookmark::before {
  content: "\e925";
}

.glyphicon-books::before {
  content: "\e926";
}

.glyphicon-broadcast::before {
  content: "\e927";
}

.glyphicon-budget::before {
  content: "\e928";
}

.glyphicon-bug::before {
  content: "\e929";
}

.glyphicon-calculator-1::before {
  content: "\e92a";
}

.glyphicon-calculator::before {
  content: "\e92b";
}

.glyphicon-calendar-1::before {
  content: "\e010";
}

.glyphicon-calendar::before {
  content: "ψ";
}

.glyphicon-camera::before {
  content: "\e059";
}

.glyphicon-caret-btm::before {
  content: "\e087";
}

.glyphicon-caret-first::before {
  content: "\e088";
}

.glyphicon-caret-last::before {
  content: "\e089";
}

.glyphicon-caret-top::before {
  content: "\e08a";
}

.glyphicon-cart::before {
  content: "%";
}

.glyphicon-case::before {
  content: "\e934";
}

.glyphicon-certificate-1::before {
  content: "\e935";
}

.glyphicon-certificate::before {
  content: "\e936";
}

.glyphicon-change-currency::before {
  content: "\e937";
}

.glyphicon-change-graph::before {
  content: "\e938";
}

.glyphicon-change-record::before {
  content: "\e939";
}

.glyphicon-change-user::before {
  content: "\e93a";
}

.glyphicon-change::before {
  content: "\e93b";
}

.glyphicon-chart-of-account::before {
  content: "\e93c";
}

.glyphicon-chat::before {
  content: "&";
}

.glyphicon-check::before {
  content: "ν";
}

.glyphicon-cheques-void::before {
  content: "\e93f";
}

.glyphicon-cheques::before {
  content: "\e940";
}

.glyphicon-clip::before {
  content: "§";
}

.glyphicon-clock-1::before {
  content: "\e942";
}

.glyphicon-clock::before {
  content: "4";
}

.glyphicon-close::before {
  content: "x";
}

.glyphicon-cloud-account::before {
  content: "\e945";
}

.glyphicon-cloud-disconnect::before {
  content: "\e946";
}

.glyphicon-cloud-download::before {
  content: "\e947";
}

.glyphicon-cloud-transaction::before {
  content: "\e948";
}

.glyphicon-cloud-upload::before {
  content: "\e949";
}

.glyphicon-code-html::before {
  content: "\e94a";
}

.glyphicon-code-js::before {
  content: "\e94b";
}

.glyphicon-collaborate::before {
  content: "∴";
}

.glyphicon-column-sort::before {
  content: "t";
}

.glyphicon-columns::before {
  content: "1";
}

.glyphicon-comments::before {
  content: "\e093";
}

.glyphicon-company::before {
  content: "\e950";
}

.glyphicon-compass-digital::before {
  content: "\e951";
}

.glyphicon-compass::before {
  content: "\e952";
}

.glyphicon-complete::before {
  content: "\e953";
}

.glyphicon-confirm::before {
  content: "0";
}

.glyphicon-connected-apps::before {
  content: "\e955";
}

.glyphicon-construction-worker::before {
  content: "\e956";
}

.glyphicon-contact::before {
  content: "\e957";
}

.glyphicon-copy-1::before {
  content: "\e958";
}

.glyphicon-copy::before {
  content: "\e095";
}

.glyphicon-credit-card-amex::before {
  content: "\e08d";
}

.glyphicon-credit-card-discover::before {
  content: "\e08e";
}

.glyphicon-credit-card-mc::before {
  content: "\e08f";
}

.glyphicon-credit-card-visa::before {
  content: "\e05a";
}

.glyphicon-credit-card::before {
  content: "\e08c";
}

.glyphicon-credits-returns::before {
  content: "\e95f";
}

.glyphicon-customer-statement::before {
  content: "\e960";
}

.glyphicon-customer-support::before {
  content: "\e096";
}

.glyphicon-customers::before {
  content: "\e962";
}

.glyphicon-customize::before {
  content: "\e963";
}

.glyphicon-dashboard-settings::before {
  content: "\e964";
}

.glyphicon-dashboard::before {
  content: "\e965";
}

.glyphicon-data-management::before {
  content: "\e966";
}

.glyphicon-db::before {
  content: "\e967";
}

.glyphicon-devices::before {
  content: "\e097";
}

.glyphicon-diagram::before {
  content: "Z";
}

.glyphicon-dir-btm::before {
  content: "j";
}

.glyphicon-dir-down::before {
  content: "\e05e";
}

.glyphicon-dir-top::before {
  content: "k";
}

.glyphicon-dir-up::before {
  content: "\e098";
}

.glyphicon-direct-deposit::before {
  content: "\e96e";
}

.glyphicon-doc-pdf::before {
  content: "Y";
}

.glyphicon-doc-preview::before {
  content: "y";
}

.glyphicon-doc-search::before {
  content: "X";
}

.glyphicon-doc-settings::before {
  content: "\e972";
}

.glyphicon-document::before {
  content: "W";
}

.glyphicon-dollar::before {
  content: "$";
}

.glyphicon-down::before {
  content: "▼";
}

.glyphicon-download::before {
  content: "b";
}

.glyphicon-dragdrop-doc::before {
  content: "\e09e";
}

.glyphicon-dragdrop-img::before {
  content: "\e00b";
}

.glyphicon-drawer::before {
  content: "\e979";
}

.glyphicon-email::before {
  content: "S";
}

.glyphicon-employees::before {
  content: "\e97b";
}

.glyphicon-emv-chip::before {
  content: "\e97c";
}

.glyphicon-enlarge::before {
  content: "\e97d";
}

.glyphicon-enter::before {
  content: "\e97e";
}

.glyphicon-equalizer::before {
  content: "\e97f";
}

.glyphicon-error::before {
  content: "ø";
}

.glyphicon-euro::before {
  content: "€";
}

.glyphicon-event-edit::before {
  content: "\e982";
}

.glyphicon-event::before {
  content: "\e983";
}

.glyphicon-exit::before {
  content: "H";
}

.glyphicon-export::before {
  content: "\e061";
}

.glyphicon-eye-disabled::before {
  content: "\e986";
}

.glyphicon-eye::before {
  content: "\e987";
}

.glyphicon-face-average::before {
  content: "\e001";
}

.glyphicon-face-happy::before {
  content: "\e002";
}

.glyphicon-face-sad::before {
  content: "\e003";
}

.glyphicon-factory::before {
  content: "\e98b";
}

.glyphicon-fax::before {
  content: "l";
}

.glyphicon-feed::before {
  content: "\e98d";
}

.glyphicon-film::before {
  content: "\e98e";
}

.glyphicon-filter::before {
  content: "F";
}

.glyphicon-finance-charges::before {
  content: "\e990";
}

.glyphicon-flag::before {
  content: "\e991";
}

.glyphicon-flow::before {
  content: "\e992";
}

.glyphicon-follow::before {
  content: "\e993";
}

.glyphicon-following::before {
  content: "\e994";
}

.glyphicon-forms::before {
  content: "\e995";
}

.glyphicon-fund::before {
  content: "\e996";
}

.glyphicon-garbage::before {
  content: "K";
}

.glyphicon-gear-double::before {
  content: "\e998";
}

.glyphicon-general-journal::before {
  content: "\e999";
}

.glyphicon-graph-bar::before {
  content: "L";
}

.glyphicon-graph-line::before {
  content: "\e009";
}

.glyphicon-graph-pie::before {
  content: "\e062";
}

.glyphicon-grid::before {
  content: "M";
}

.glyphicon-group::before {
  content: "\e99e";
}

.glyphicon-hammer::before {
  content: "\e99f";
}

.glyphicon-handshake::before {
  content: "\e9a0";
}

.glyphicon-heart-empty::before {
  content: "\e9a1";
}

.glyphicon-heart::before {
  content: "\e9a2";
}

.glyphicon-help::before {
  content: "?";
}

.glyphicon-hierarchy::before {
  content: "\e9a4";
}

.glyphicon-home::before {
  content: "O";
}

.glyphicon-hot::before {
  content: "\e9a6";
}

.glyphicon-hyperlink::before {
  content: "'";
}

.glyphicon-idea::before {
  content: "\e9a8";
}

.glyphicon-image::before {
  content: "\e00a";
}

.glyphicon-import::before {
  content: "\e00c";
}

.glyphicon-in::before {
  content: "\e9ab";
}

.glyphicon-info::before {
  content: "I";
}

.glyphicon-input::before {
  content: "\e9ad";
}

.glyphicon-intelligence-reporting::before {
  content: "\e9ae";
}

.glyphicon-inventory-adjust::before {
  content: "\e9af";
}

.glyphicon-inventory-count::before {
  content: "\e9b0";
}

.glyphicon-inventory-receive::before {
  content: "\e9b1";
}

.glyphicon-inventory-services::before {
  content: "\e9b2";
}

.glyphicon-inventory::before {
  content: "Q";
}

.glyphicon-job-sites::before {
  content: "\e9b4";
}

.glyphicon-jobs::before {
  content: "\e9b5";
}

.glyphicon-knowledge-base::before {
  content: "\e9b6";
}

.glyphicon-laptop::before {
  content: "\e00f";
}

.glyphicon-layers::before {
  content: "\e9b8";
}

.glyphicon-layout::before {
  content: "R";
}

.glyphicon-leaf::before {
  content: "\e9ba";
}

.glyphicon-left::before {
  content: "\e011";
}

.glyphicon-leftright::before {
  content: "↔";
}

.glyphicon-light-bulb::before {
  content: "\e9bd";
}

.glyphicon-lightning::before {
  content: "\e9be";
}

.glyphicon-list-2::before {
  content: "o";
}

.glyphicon-list::before {
  content: "i";
}

.glyphicon-location::before {
  content: "\e9c1";
}

.glyphicon-lock::before {
  content: "D";
}

.glyphicon-log::before {
  content: "\e9c3";
}

.glyphicon-login::before {
  content: "\e9c4";
}

.glyphicon-logo-facebook::before {
  content: "\e013";
}

.glyphicon-logo-google-plus::before {
  content: "\e014";
}

.glyphicon-logo-instagram::before {
  content: "\e015";
}

.glyphicon-logo-linkedin::before {
  content: "\e016";
}

.glyphicon-logo-microsoft-excel::before {
  content: "\e069";
}

.glyphicon-logo-microsoft-office::before {
  content: "\e017";
}

.glyphicon-logo-microsoft-onedrive::before {
  content: "\e018";
}

.glyphicon-logo-microsoft-onenote::before {
  content: "\e9cc";
}

.glyphicon-logo-microsoft-outlook::before {
  content: "\e019";
}

.glyphicon-logo-microsoft-powerpoint::before {
  content: "\e06a";
}

.glyphicon-logo-microsoft-word::before {
  content: "\e01d";
}

.glyphicon-logo-periscope::before {
  content: "\e01a";
}

.glyphicon-logo-pinterest::before {
  content: "\e01b";
}

.glyphicon-logo-sage-city::before {
  content: "\e06c";
}

.glyphicon-logo-sage::before {
  content: "\e06b";
}

.glyphicon-logo-tumblr::before {
  content: "\e06d";
}

.glyphicon-logo-twitter::before {
  content: "\e01c";
}

.glyphicon-logo-youtube::before {
  content: "\e01e";
}

.glyphicon-logout::before {
  content: "\e9d7";
}

.glyphicon-magnifying-glass::before {
  content: "C";
}

.glyphicon-mail-opened::before {
  content: "\e9d9";
}

.glyphicon-mail::before {
  content: "B";
}

.glyphicon-map::before {
  content: "\e9db";
}

.glyphicon-maximize::before {
  content: "\e9dc";
}

.glyphicon-menu::before {
  content: "Ξ";
}

.glyphicon-mic::before {
  content: "\e9de";
}

.glyphicon-minimize::before {
  content: "\e9df";
}

.glyphicon-money::before {
  content: "\e9e0";
}

.glyphicon-more-vertical::before {
  content: "\e9e1";
}

.glyphicon-more::before {
  content: "…";
}

.glyphicon-move::before {
  content: "\e023";
}

.glyphicon-new-window::before {
  content: "\e9e4";
}

.glyphicon-newspaper::before {
  content: "\e9e5";
}

.glyphicon-next-all::before {
  content: "»";
}

.glyphicon-next::before {
  content: ">";
}

.glyphicon-note::before {
  content: "w";
}

.glyphicon-open::before {
  content: "\e9e9";
}

.glyphicon-os-android::before {
  content: "\e070";
}

.glyphicon-os-apple::before {
  content: "\e025";
}

.glyphicon-os-windows::before {
  content: "\e026";
}

.glyphicon-out::before {
  content: "\e9ed";
}

.glyphicon-paper-plane::before {
  content: "\e9ee";
}

.glyphicon-pay-bills::before {
  content: "\e9ef";
}

.glyphicon-pay-employee::before {
  content: "\e9f0";
}

.glyphicon-payroll-setup::before {
  content: "\e9f1";
}

.glyphicon-payroll::before {
  content: "\e9f2";
}

.glyphicon-pc::before {
  content: "\e027";
}

.glyphicon-pencil::before {
  content: "v";
}

.glyphicon-performance-1::before {
  content: "\e9f5";
}

.glyphicon-performance-down::before {
  content: "\e9f6";
}

.glyphicon-performance-up::before {
  content: "\e9f7";
}

.glyphicon-performance::before {
  content: "\e9f8";
}

.glyphicon-permanent-delete::before {
  content: "\e9f9";
}

.glyphicon-phone-outlined::before {
  content: "s";
}

.glyphicon-phone::before {
  content: "z";
}

.glyphicon-pie::before {
  content: "\e9fc";
}

.glyphicon-pin::before {
  content: "u";
}

.glyphicon-plug::before {
  content: "\e9fe";
}

.glyphicon-poll::before {
  content: "\e9ff";
}

.glyphicon-pound::before {
  content: "£";
}

.glyphicon-prev-all::before {
  content: "«";
}

.glyphicon-prev::before {
  content: "<";
}

.glyphicon-price::before {
  content: "\ea03";
}

.glyphicon-print::before {
  content: "p";
}

.glyphicon-process::before {
  content: "\ea05";
}

.glyphicon-purchase-orders::before {
  content: "\ea06";
}

.glyphicon-pushpin::before {
  content: "\ea07";
}

.glyphicon-qna::before {
  content: "\ea08";
}

.glyphicon-qr-code::before {
  content: "\ea09";
}

.glyphicon-quick-add::before {
  content: "⊕";
}

.glyphicon-quick-alert::before {
  content: "\e071";
}

.glyphicon-quick-close::before {
  content: "⊗";
}

.glyphicon-quick-error::before {
  content: "∄";
}

.glyphicon-quick-help::before {
  content: "f";
}

.glyphicon-quick-info::before {
  content: "¡";
}

.glyphicon-quick-subtract::before {
  content: "∅";
}

.glyphicon-quotes::before {
  content: "\ea11";
}

.glyphicon-random::before {
  content: "\ea12";
}

.glyphicon-receipts::before {
  content: "\ea13";
}

.glyphicon-receive-money::before {
  content: "\ea14";
}

.glyphicon-recent::before {
  content: "\ea15";
}

.glyphicon-reconcile-accounts::before {
  content: "\ea16";
}

.glyphicon-record::before {
  content: "\ea17";
}

.glyphicon-refresh::before {
  content: "m";
}

.glyphicon-reject::before {
  content: "\ea19";
}

.glyphicon-report::before {
  content: "n";
}

.glyphicon-reserved::before {
  content: "\ea1b";
}

.glyphicon-reset::before {
  content: "\e033";
}

.glyphicon-reward::before {
  content: "\ea1d";
}

.glyphicon-right::before {
  content: "\e034";
}

.glyphicon-safe::before {
  content: "\ea1f";
}

.glyphicon-sales-invoices::before {
  content: "\ea20";
}

.glyphicon-sales-orders::before {
  content: "\ea21";
}

.glyphicon-sales-path::before {
  content: "\ea22";
}

.glyphicon-save::before {
  content: "\e035";
}

.glyphicon-scroll-down::before {
  content: "\e036";
}

.glyphicon-scroll-up::before {
  content: "\e072";
}

.glyphicon-security::before {
  content: "\ea26";
}

.glyphicon-server::before {
  content: "\e06f";
}

.glyphicon-setting::before {
  content: "∗";
}

.glyphicon-share::before {
  content: "\e073";
}

.glyphicon-shrink::before {
  content: "\ea2a";
}

.glyphicon-sign::before {
  content: "\ea2b";
}

.glyphicon-signal::before {
  content: "\ea2c";
}

.glyphicon-smartphone::before {
  content: "\e074";
}

.glyphicon-sms::before {
  content: "\e037";
}

.glyphicon-spreadsheet::before {
  content: "\ea2f";
}

.glyphicon-stamp::before {
  content: "\ea30";
}

.glyphicon-star-empty::before {
  content: "\e039";
}

.glyphicon-star-half::before {
  content: "\e03a";
}

.glyphicon-star::before {
  content: "♦";
}

.glyphicon-start::before {
  content: "q";
}

.glyphicon-subscribe::before {
  content: "\e03c";
}

.glyphicon-subtract::before {
  content: "-";
}

.glyphicon-sync::before {
  content: "\e03e";
}

.glyphicon-tablet::before {
  content: "\e03f";
}

.glyphicon-tag::before {
  content: "\ea39";
}

.glyphicon-tags::before {
  content: "\ea3a";
}

.glyphicon-target-budget::before {
  content: "\ea3b";
}

.glyphicon-target::before {
  content: "\ea3c";
}

.glyphicon-task::before {
  content: "r";
}

.glyphicon-tax::before {
  content: "\ea3e";
}

.glyphicon-text-edit::before {
  content: "\ea3f";
}

.glyphicon-thumbs-down::before {
  content: "\e076";
}

.glyphicon-thumbs-up::before {
  content: "\e077";
}

.glyphicon-tick::before {
  content: "a";
}

.glyphicon-ticket::before {
  content: "\ea43";
}

.glyphicon-time-ticket::before {
  content: "\ea44";
}

.glyphicon-transactions-paid::before {
  content: "\ea45";
}

.glyphicon-transactions-received::before {
  content: "\ea46";
}

.glyphicon-transactions::before {
  content: "\ea47";
}

.glyphicon-transfer-funds::before {
  content: "\ea48";
}

.glyphicon-transfer::before {
  content: "\ea49";
}

.glyphicon-transfer-inventory::before {
  content: "\ea4a";
}

.glyphicon-trending-down-outlined::before {
  content: "N";
}

.glyphicon-trending-down::before {
  content: "A";
}

.glyphicon-trending-up-outlined::before {
  content: "U";
}

.glyphicon-trending-up::before {
  content: "V";
}

.glyphicon-unlock::before {
  content: "\e040";
}

.glyphicon-up::before {
  content: "▲";
}

.glyphicon-update::before {
  content: "\ea51";
}

.glyphicon-updown::before {
  content: "c";
}

.glyphicon-upload::before {
  content: "T";
}

.glyphicon-user::before {
  content: "d";
}

.glyphicon-vendors::before {
  content: "\ea55";
}

.glyphicon-verified::before {
  content: "\ea56";
}

.glyphicon-video-collapse::before {
  content: "\e045";
}

.glyphicon-video-expand::before {
  content: "\e046";
}

.glyphicon-video-ff::before {
  content: "\e047";
}

.glyphicon-video-pause::before {
  content: "\e048";
}

.glyphicon-video-play::before {
  content: "\e079";
}

.glyphicon-video-rw::before {
  content: "\e07a";
}

.glyphicon-video-stop::before {
  content: "\e07b";
}

.glyphicon-visual-flow::before {
  content: "\ea5e";
}

.glyphicon-vod::before {
  content: "\ea5f";
}

.glyphicon-volume-down::before {
  content: "\e056";
}

.glyphicon-volume-muted::before {
  content: "\e055";
}

.glyphicon-volume-up::before {
  content: "\e054";
}

.glyphicon-volume::before {
  content: "\e07c";
}

.glyphicon-wallet::before {
  content: "\ea64";
}

.glyphicon-warehouse::before {
  content: "\ea65";
}

.glyphicon-window::before {
  content: "e";
}

.glyphicon-wireless::before {
  content: "\ea67";
}

.glyphicon-wizard::before {
  content: "\e052";
}

.glyphicon-wrench::before {
  content: "\ea69";
}

.glyphicon-zoom-in::before {
  content: "g";
}

.glyphicon-zoom-out::before {
  content: "h";
}

.glyphicon-remove-circle-custom::before {
  content: "⊗";
}

/*@import "bootstrap-variables";*/
.color-white {
  color: #fff;
}

.color-neutral {
  color: #335b70;
}

.color-info {
  color: #0060a7;
}

.sage {
  color: #41A940;
}

.rose-sage {
  color: #ED1C5F;
}

.green-sage {
  color: #41A940;
}

.bold {
  font-weight: bold;
}

.pointer {
  cursor: pointer;
}

.spacer {
  min-height: 50px;
  width: 100%;
}

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

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

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

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

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

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

.row.margin-top, .margin-top {
  margin-top: 2rem;
}

.row.margin-bottom, .margin-bottom {
  margin-bottom: 2rem;
}

.row.padding-bottom, .padding-bottom {
  padding-bottom: 2rem;
}

.margin-10 {
  margin: 10px;
}

.margin-20 {
  margin: 20px;
}

.flex-center {
  display: flex;
  justify-content: center;
}

/****************************** ICÔNES ***********************************/
.text-danger {
  color: #f00a06;
  font-weight: bold;
}
.text-danger::before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  padding-right: 10px;
}

.icon-plus:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "⊕";
}

.icon-minus:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "-";
}

.icon-cancel:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "x";
}

.icon-success:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "ν";
}

.icon-pencil:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "v";
}

.icon-book:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "\e9b6";
}

.icon-email:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "S";
}

.icon-pdf:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "Y";
}

.icon-phone:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "s";
}

.icon-question-mark:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "f";
}

.icon-exclamation-mark:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "¡";
  padding-right: 5px;
  position: relative;
  top: 2px;
}

.icon-chat:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "&";
}

.icon-certificate:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "\e936";
}

.icon-agenda:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "\ea44";
}

.icon-search:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "C";
}

.icon-back:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "<";
}

.icon-doubleback:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "«";
}

.icon-next:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: ">";
}

.icon-doublenext:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "»";
}

.icon-sort:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "▲";
}
.icon-sort:after {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "▼";
}

/*@import "bootstrap-variables";*/
html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  font-family: sage-text, Arial, Helvetica, sans-serif;
  height: 100%;
  color: #000;
  background: #F5F5F5;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1 {
  /*font-family: variables.$font-headline;*/
  font-size: 3rem;
}

h3 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

a {
  color: #fff;
}
a:hover {
  color: #fff;
}

i {
  padding-right: 0.625rem;
}

/*@import "bootstrap-variables";*/
[type=checkbox]:has(+ [type=hidden] + label), [type=radio]:has(+ [type=hidden] + label) {
  position: absolute;
  left: -1000rem;
}
[type=checkbox] + [type=hidden] + label, [type=radio] + [type=hidden] + label {
  display: inline-block;
  position: relative;
  padding-left: 2.25rem;
  min-height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1rem;
  cursor: pointer;
}
[type=checkbox] + [type=hidden] + label:before, [type=radio] + [type=hidden] + label:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  background-color: #FFFFFF;
  border: 0.06rem solid #668494;
}
[type=checkbox]:focus + [type=hidden] + label:before, [type=radio]:focus + [type=hidden] + label:before {
  box-shadow: 0 0 0 0.125rem #1B1B1B, 0 0 0 0.25rem #FFB500;
}
[type=checkbox]:checked + [type=hidden] + label:after, [type=radio]:checked + [type=hidden] + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  background-image: url(/MonCompteSage/ressources/images/icones/checkbox.svg);
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 0.9;
}
[type=checkbox].disabled:focus + [type=hidden] + label:before, [type=checkbox]:disabled:focus + [type=hidden] + label:before, [type=checkbox][disabled]:focus + [type=hidden] + label:before, [type=radio].disabled:focus + [type=hidden] + label:before, [type=radio]:disabled:focus + [type=hidden] + label:before, [type=radio][disabled]:focus + [type=hidden] + label:before {
  box-shadow: none;
}
[type=checkbox].disabled + [type=hidden] + label, [type=checkbox]:disabled + [type=hidden] + label, [type=checkbox][disabled] + [type=hidden] + label, [type=radio].disabled + [type=hidden] + label, [type=radio]:disabled + [type=hidden] + label, [type=radio][disabled] + [type=hidden] + label {
  cursor: not-allowed;
}
[type=checkbox].disabled + [type=hidden] + label:before, [type=checkbox]:disabled + [type=hidden] + label:before, [type=checkbox][disabled] + [type=hidden] + label:before, [type=radio].disabled + [type=hidden] + label:before, [type=radio]:disabled + [type=hidden] + label:before, [type=radio][disabled] + [type=hidden] + label:before {
  background-color: #F2F5F6;
  border-color: #CCD6DB;
}
[type=checkbox].disabled + [type=hidden] + label:after, [type=checkbox]:disabled + [type=hidden] + label:after, [type=checkbox][disabled] + [type=hidden] + label:after, [type=radio].disabled + [type=hidden] + label:after, [type=radio]:disabled + [type=hidden] + label:after, [type=radio][disabled] + [type=hidden] + label:after {
  opacity: 0.3;
}
[type=checkbox][readonly]:focus + [type=hidden] + label:before, [type=radio][readonly]:focus + [type=hidden] + label:before {
  box-shadow: none;
}
[type=checkbox][readonly] + [type=hidden] + label, [type=radio][readonly] + [type=hidden] + label {
  cursor: default;
}
[type=checkbox][readonly] + [type=hidden] + label:before, [type=radio][readonly] + [type=hidden] + label:before {
  background-color: #F2F5F6;
  border-color: #CCD6DB;
}

[type=checkbox]:has(+ [type=hidden] + label) {
  position: absolute;
  left: -1000rem;
}
[type=checkbox] + [type=hidden] + label {
  display: inline-block;
  position: relative;
  padding-left: 2.25rem;
  min-height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1rem;
  cursor: pointer;
}
[type=checkbox] + [type=hidden] + label:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  background-color: #FFFFFF;
  border: 0.06rem solid #668494;
}
[type=checkbox]:focus + [type=hidden] + label:before {
  box-shadow: 0 0 0 0.125rem #1B1B1B, 0 0 0 0.25rem #FFB500;
}
[type=checkbox]:checked + [type=hidden] + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  background-image: url(/MonCompteSage/ressources/images/icones/checkbox.svg);
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 0.9;
}
[type=checkbox].disabled:focus + [type=hidden] + label:before, [type=checkbox]:disabled:focus + [type=hidden] + label:before, [type=checkbox][disabled]:focus + [type=hidden] + label:before {
  box-shadow: none;
}
[type=checkbox].disabled + [type=hidden] + label, [type=checkbox]:disabled + [type=hidden] + label, [type=checkbox][disabled] + [type=hidden] + label {
  cursor: not-allowed;
}
[type=checkbox].disabled + [type=hidden] + label:before, [type=checkbox]:disabled + [type=hidden] + label:before, [type=checkbox][disabled] + [type=hidden] + label:before {
  background-color: #F2F5F6;
  border-color: #CCD6DB;
}
[type=checkbox].disabled + [type=hidden] + label:after, [type=checkbox]:disabled + [type=hidden] + label:after, [type=checkbox][disabled] + [type=hidden] + label:after {
  opacity: 0.3;
}
[type=checkbox][readonly]:focus + [type=hidden] + label:before {
  box-shadow: none;
}
[type=checkbox][readonly] + [type=hidden] + label {
  cursor: default;
}
[type=checkbox][readonly] + [type=hidden] + label:before {
  background-color: #F2F5F6;
  border-color: #CCD6DB;
}

:root {
  --alert-backgound: white;
  --alert-color: black;
  --alert-container-backgound: black;
  --alert-container-color: white;
  --alert-container-title-color: red;
  --alert-green: green;
  --alert-red: #EF6700;
  --alert-pink: mistyrose;
  --alert-scroll: #E2E2E2;
}

.alert-box {
  position: relative;
  background-color: #FFFFFF;
  border: 0.1rem solid #EF6700;
  padding: 1.2rem 1.2rem 1.2rem 4rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
.alert-box:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3.2rem;
  background-color: #EF6700;
  background-image: url(/MonCompteSage/Ressources/Images/icones/warning-white.svg);
  background-size: 2.4rem;
  background-position: center;
  background-repeat: no-repeat;
}

.alert-container {
  background-color: var(--alert-container-backgound);
  color: var(--alert-container-color);
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.alert-container a {
  text-decoration: none;
  color: black;
}
.alert-container a:hover {
  cursor: pointer;
}
.alert-container p {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.alert-container h1, .alert-container h2, .alert-container h3 {
  text-align: left !important;
}
.alert-container h1 {
  color: var(--alert-container-title-color) !important;
}
.alert-container h2, .alert-container h3 {
  font-size: 1em;
  font-weight: 600;
}
.alert-container h2 {
  margin-left: 1em;
}
.alert-container .root-article {
  margin: 0;
  padding: 0.3rem;
}
.alert-container .root-article > h2 {
  font-size: 1.2em;
  padding-top: 1rem;
}
.alert-container .alert-line {
  width: 90%;
  position: relative;
}
.alert-container .alert-line.header:after {
  content: "";
  left: -0.5em;
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  border-radius: 50%;
  background-color: var(--alert-scroll);
}
.alert-container .alert-line.footer:before {
  content: "";
  left: -0.5em;
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  border-radius: 50%;
  background-color: var(--alert-scroll);
}
.alert-container .alert-line.content:before {
  content: "";
  background-color: var(--alert-scroll);
  left: -0.2em;
  width: 0.063em;
  height: 100%;
  position: absolute;
  top: 0;
}
.alert-container .level-article {
  margin: 1rem;
  padding: 1.3rem;
  background-color: var(--alert-backgound);
  color: var(--alert-color);
  border-radius: 1rem;
  position: relative;
}
.alert-container .level-article::before {
  content: "";
  left: -2em;
  top: calc(50% - 0.6em);
  width: 1em;
  height: 1em;
  position: absolute;
  border-radius: 50%;
  background-color: var(--alert-backgound);
}
.alert-container .level-article.red:before {
  background-color: var(--alert-red);
}
.alert-container .level-article.green:before {
  background-color: var(--alert-green);
}
.alert-container .level-article.pink:before {
  background-color: var(--alert-pink);
}
.alert-container .level-article .level-article-header {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
}
.alert-container .level-article .level-article-content {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: start;
}
.alert-container .level-article .level-article-footer {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: end;
}
.alert-container .level-article .level-article-footer .article-button {
  border-radius: 0.25rem;
  border: 1px solid;
  padding: 0.375rem 0.75rem;
  margin-left: 35%;
  vertical-align: middle;
  line-height: 1.5;
}

.alert-show {
  display: block;
}

.alert-hide {
  display: none;
}

.dynamic-table {
  position: relative;
}
.dynamic-table *[action], .dynamic-table input[type=checkbox] {
  cursor: pointer;
}
.dynamic-table .bloc-filters {
  text-align: right;
}
.dynamic-table .bloc-filters *[filter] {
  padding: 2px;
  margin-right: 5px;
}
.dynamic-table [selector=filters] {
  padding: 5px;
}
.dynamic-table *[data-selector*=-action]::before, .dynamic-table *[data-selector*=-action]::after {
  cursor: pointer;
}
.dynamic-table .bloc-pagination {
  margin: 0 auto;
  width: fit-content;
  display: none;
}
.dynamic-table .bloc-pagination span {
  line-height: 24px;
  vertical-align: middle;
}
.dynamic-table .bloc-pagination .nbPages-label {
  font-size: 1.125rem;
}
.dynamic-table .table-dynamic-message {
  margin: 1rem 0;
  text-align: center;
  font-size: 1.125rem;
}
.dynamic-table > table {
  margin: 1rem 0;
}
.dynamic-table > table thead {
  font-family: sage-text-bold, Arial, Helvetica, sans-serif;
}
.dynamic-table > table thead .orderby-block {
  display: inline-block;
  vertical-align: -50%;
}
.dynamic-table > table thead .orderby-block::before, .dynamic-table > table thead .orderby-block::after {
  display: block;
  color: #aaa;
}
.dynamic-table > table thead .orderby-block[data-sort=asc]::before, .dynamic-table > table thead .orderby-block[data-sort=desc]::after {
  color: #000;
}
.dynamic-table > table thead .orderby-block.ascending::after, .dynamic-table > table thead .orderby-block.descending::before {
  color: #000;
}
.dynamic-table > table thead th {
  white-space: nowrap;
}
.dynamic-table > table thead th i {
  padding: 0;
}
.dynamic-table > table th, .dynamic-table > table td {
  text-align: center;
}
.dynamic-table > table td.right {
  text-align: right;
}
.dynamic-table > table td.left {
  text-align: left;
}
@media (max-width: 767px) {
  .dynamic-table table tbody, .dynamic-table table th, .dynamic-table table td, .dynamic-table table tr {
    display: block;
  }
  .dynamic-table table tr {
    padding-bottom: 4px;
  }
  .dynamic-table table thead {
    display: none;
  }
  .dynamic-table table td {
    position: relative;
    border: 0px solid transparent;
    padding-left: 50% !important;
    white-space: normal;
    text-align: right;
  }
  .dynamic-table table td:before {
    content: attr(csstitle);
    position: absolute;
    top: -5px;
    left: 0px;
    width: 45%;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    text-align: left;
    padding: 1rem;
    font-family: sage-text-bold, Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
  }
}

.dashboard h5 {
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 10px 10px;
}
.dashboard a {
  margin-left: 10px;
}
.dashboard table {
  width: 100%;
  margin: 10px 0;
  border-spacing: 0px 2px;
}
.dashboard table tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dashboard table tr.hover {
  /*background-color: #d1fde0;*/
  /*color: #d1fde0;*/
  cursor: pointer;
}
.dashboard table tr.hover:hover {
  background-color: #F5F5F5;
  color: #000;
}
.dashboard table tr td {
  padding: 10px;
}
.dashboard table tr td span.arrow {
  float: right;
}

/*@import "bootstrap-variables";*/
.message {
  display: flex;
  color: #000;
  width: fit-content;
}
.message a {
  margin: 0;
  color: #000;
}
.message.dark > div:nth-child(2), .message.dark > div:last-child {
  background-color: #000;
  color: #fff;
}
.message.dark > div:nth-child(2) a, .message.dark > div:last-child a {
  color: #fff;
}
.message.caution > div:first-child {
  background-color: #ef6700;
}
.message.caution > div:first-child img {
  content: url(/MonCompteSage/Ressources/Images/icones/icon-alert.svg);
}
.message.caution > div:nth-child(2), .message.caution > div:last-child {
  border-color: #ef6700;
}
.message.focus > div:first-child {
  background-color: #ffb500;
}
.message.focus > div:first-child img {
  content: url(/MonCompteSage/Ressources/Images/icones/icon-exclamation.svg);
}
.message.focus > div:nth-child(2) {
  border-color: #ffb500;
}
.message.focus > div:last-child {
  border-color: #ffb500;
}
.message > div:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  background-color: #0060a7;
}
.message > div:first-child img {
  min-width: auto;
  width: 40px;
  content: url(/MonCompteSage/Ressources/Images/icones/icon-info.svg);
  filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%) opacity(100%) grayscale(0%);
}
.message > div:nth-child(2) {
  min-width: 300px;
  padding: 10px;
  width: 100%;
  background-color: #fff;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-color: #0060a7;
  /*span {
      padding: 5px;
  }*/
}
.message > div:nth-child(2) h3 {
  margin: 0;
}
.message > div:last-child {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  border-color: #0060a7;
}
.message > div:last-child a {
  text-decoration: none;
  padding-left: 10px;
  padding-right: 5px;
}
.message.square > div:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.message.square > div:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.message.full {
  width: 100%;
}

.newmessage {
  color: #008a21;
  position: relative;
  /* background-color: #FFFFFF; */
  border: 0.1rem solid #008a21;
  padding: 1.2rem 1.2rem 1.2rem 4rem;
  border-radius: 0.8rem;
  overflow: hidden;
  width: fit-content;
  margin-left: 1em;
  /*opacity: 0.5;*/
}
.newmessage:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2rem;
  background-color: #008a21;
  background-image: url(/MonCompteSage/Ressources/Images/icones/checkbox-white.svg);
  /* background-size: 2.4rem; */
  background-position: center;
  background-repeat: no-repeat;
}
.newmessage.full {
  width: 100%;
}
.newmessage.caution {
  color: #ef6700;
  border-color: #ef6700;
}
.newmessage.caution:before {
  background-image: url(/MonCompteSage/Ressources/Images/icones/warning-white.svg);
  background-color: #ef6700;
}

.news-list-numbered ul {
  counter-reset: sage-counter;
  list-style: none;
  padding: 0;
}
.news-list-numbered ul li {
  text-decoration: none;
  color: #000;
  display: flex;
  align-items: center;
  padding: 0 0 0 1.25rem;
  background-color: #fff;
  border-radius: 1rem;
}
.news-list-numbered ul li:nth-child(n+2) {
  margin-top: 1rem;
}
.news-list-numbered ul li:before {
  counter-increment: sage-counter 1;
  content: counter(sage-counter);
  font-weight: 800;
  font-size: 1.125rem;
}
.news-list-numbered ul li a {
  text-decoration: none;
  margin-bottom: -0.625rem;
  color: #000;
  flex-grow: 1;
}
.news-list-numbered ul li a:hover, .news-list-numbered ul li a:active, .news-list-numbered ul li a:focus {
  cursor: pointer;
}
.news-list-numbered ul li div {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.news-list-numbered ul li div svg {
  align-self: end;
}

.news-list-square {
  display: flex;
  flex-wrap: wrap;
}
.news-list-square .item {
  position: relative;
  width: 300px;
  border-radius: 30px;
  margin: 15px;
}
.news-list-square .item a > div {
  background-image: url(/MonCompteSage/ressources/images/backgrounds/woman-working-table.png);
  background-size: cover;
  height: 260px;
  border-radius: 30px;
}
.news-list-square .item a > div > div {
  position: absolute;
  bottom: 0;
  color: #fff;
  /*width: 100%;*/
  padding: 20px 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  font-weight: 800;
  background-color: rgba(0, 0, 0, 0.4);
}

/*@import "bootstrap-variables";*/
.News-Alert {
  background-color: #003349;
  color: #FFFFFF !important;
  font-size: 1rem !important;
  width: 100%;
  min-height: 60px;
  text-align: left;
}
.News-Alert .Caroussel-Container {
  width: 100%;
}
.News-Alert .Caroussel-Container .row {
  padding: 0.8rem 0;
}
.News-Alert .Caroussel-Container img {
  max-width: 40px;
}
.News-Alert .Caroussel-Container .Caroussel-Header {
  text-align: left;
}
.News-Alert .Caroussel-Container .Caroussel-Header .Alert-Prev {
  float: right;
  width: 35%;
}
.News-Alert .Caroussel-Container .Caroussel-Content .Alert {
  width: 100%;
}
.News-Alert .Caroussel-Container .Caroussel-Content .Alert .Alert-Image {
  float: left;
}
.News-Alert .Caroussel-Container .Caroussel-Content .Alert .Alert-Text {
  margin-left: 4rem;
}
.News-Alert .Caroussel-Container .Caroussel-Content .Alert .Alert-Text p {
  margin: 0;
}
.News-Alert .Caroussel-Container .Caroussel-Content .Alert a {
  color: #0077C8;
}
.News-Alert .Caroussel-Container .Caroussel-Content .Alert a:hover {
  color: #FFB500;
}
.News-Alert .Caroussel-Container .Caroussel-Content .carousel {
  width: 100%;
  height: 100%;
}
.News-Alert .Caroussel-Container .Caroussel-PreFooter {
  text-align: left;
}
.News-Alert .Caroussel-Container .Caroussel-PreFooter .Alert-Next {
  float: left;
  width: 35%;
}
.News-Alert .Caroussel-Container .Caroussel-Footer {
  text-align: right;
}
.News-Alert .Caroussel-Container .Caroussel-Footer a {
  color: #fff;
}
.News-Alert .Caroussel-Container .Caroussel-Footer .fa-close-right {
  padding-right: 4px;
}
.News-Alert .Caroussel-Container .Caroussel-Footer .fa-close-right:before {
  content: "🗙";
}

/*@import "bootstrap-variables";*/
.summary-product-item {
  background-color: #fff;
  color: #000;
  text-align: left;
  margin: 10px auto;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #ccc;
  max-width: 400px;
  width: 100%;
}
.summary-product-item div:first-child {
  background-color: #ffb500;
  line-height: 40px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-align: center;
  font-size: 1rem;
  color: #fff;
}
.summary-product-item > div:nth-child(2) {
  padding: 20px;
  min-height: 116px;
}
.summary-product-item > div:nth-child(2) img {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
.summary-product-item div:nth-child(3) {
  padding: 20px;
  min-height: 200px;
}
.summary-product-item > div:last-child {
  padding: 20px;
  text-align: center;
}

.cartouche {
  /*position:relative;*/
  max-width: 400px;
  width: 100%;
  background-color: #fff;
  border-radius: 24px;
  margin: 15px auto;
  box-shadow: 1px 1px 1px #ccc;
}
.cartouche div {
  padding: 24px;
}
.cartouche > div:first-child {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  /*padding-bottom: 12px;*/
}
.cartouche > div:first-child h3 {
  margin: 0;
  padding: 0;
  /*font-size: 1.5rem;*/
}
.cartouche p {
  min-height: 50px;
  margin: 0;
  padding: 0;
}
.cartouche > div:last-child {
  text-align: center;
}
.cartouche img {
  /*padding-bottom: 15px;*/
  width: 40px;
}

.cartouche_2 {
  position: relative;
  width: 100%;
  max-width: 390px;
  min-height: 600px;
  border-radius: 40px;
  margin: 15px auto;
  background-color: #fff;
  box-shadow: 1px 1px 1px #ccc;
}
.cartouche_2 > div:first-child {
  background-image: url(/MonCompteSage/ressources/images/backgrounds/woman-working-table.png);
  background-size: cover;
  height: 260px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.cartouche_2 > div:nth-child(2) {
  position: relative;
  padding: 0 40px;
}
.cartouche_2 > div:nth-child(2) > div:first-child {
  position: absolute;
  height: 40px;
  width: 100%;
  top: -40px;
  left: 0px;
  border-top-left-radius: 40px;
  background-color: #fff;
}
.cartouche_2 > div:nth-child(2) p {
  min-height: 260px;
  margin: 0;
  padding: 0;
}
.cartouche_2 div:last-child {
  padding: 0 40px 20px 40px;
}

.cartouche_table {
  width: calc(100% - 4rem);
  background-color: #FFFFFF;
  border-radius: 2rem;
  padding: 1rem 2rem;
  min-height: 12em;
}
.cartouche_table .header h2 {
  font-family: "Sage Text", Helvetica Neue, Arial;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 0.6rem;
}
.cartouche_table .content .list-keyvalue-pair {
  display: inline-grid;
  grid-template-columns: auto auto;
  padding: 1em;
  column-gap: 2em;
  margin-left: 2em;
}
.cartouche_table .content .list-keyvalue-pair .key {
  position: relative;
  text-align: left;
  padding-left: 1em;
}
.cartouche_table .content .list-keyvalue-pair .key:before {
  position: absolute;
  content: "-";
  left: -1em;
}
.cartouche_table .content .list-keyvalue-pair .key .value {
  position: relative;
  text-align: left;
  padding-left: 1em;
}
.cartouche_table .content .list-keyvalue-pair .key .value:before {
  position: absolute;
  content: ":";
  left: -1em;
}
/*@import "bootstrap-variables";*/
@media only screen and (min-width: 992px) {
  .dropdown-menu {
    /*top: 48px;*/
    z-index: 1000;
    /*padding: 10px;*/
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    background-clip: initial;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;
  }
  .dropdown-menu li:active {
    background-color: initial;
  }
  .dropdown-menu li.inactive:hover {
    background-color: initial;
  }
  .dropdown-menu li.close {
    display: none;
  }
  .dropdown-menu.dropdown-menu-right {
    background-color: #000;
    color: #fff;
    padding: 0;
    margin: 0;
  }
  .dropdown-menu.dropdown-menu-right li {
    color: #fff;
  }
  .dropdown-menu.dropdown-menu-right li:not(.inactive) {
    padding: 12px 16px;
  }
  .dropdown-menu.dropdown-menu-right li.identities {
    text-align: center;
    font-family: "sage_ui-regular";
    padding-top: 20px;
  }
  .dropdown-menu.dropdown-menu-right li:hover:not(.identities) {
    background-color: #008146;
  }
  .dropdown-menu.dropdown-menu-right .dropdown-item.identities:hover, .dropdown-menu.dropdown-menu-right .dropdown-item.inactive:hover {
    background-color: inherit;
  }
}
.global-msg {
  position: absolute;
  left: calc(50% - 200px);
  top: 100px;
  width: 400px;
  text-align: center;
  background-color: #fff;
}
.global-msg .msg {
  margin: 0 0 20px;
  position: relative;
  padding: 0 0 0 50px;
  margin: auto;
  margin: 0;
  position: relative;
  padding: 0;
}
.global-msg .msg:before {
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  background: #38c72a;
  font: 300 32px/1 Armonye;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
}
.global-msg .msg .heading {
  background-color: #cd384b;
  color: #fff;
  line-height: 50px;
}
.global-msg .msg .notif {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0 10px 0 0;
}
.global-msg .msg h1 {
  font-size: 1.125rem;
}
.global-msg .detail-msg {
  padding: 60px;
  color: #000;
}
.global-msg .msg-warning:before {
  content: "!";
  background-color: #5d5c57;
}
.global-msg .msg-error:before {
  content: "ø";
  background-color: #cd384b;
}
.global-msg .msg-success:before {
  content: "0";
  background-color: #38c72a;
}
.global-msg .msg-info:before {
  content: "I";
  background-color: #00a4cf;
}
.global-msg .bottom-msg {
  margin: 10px 0;
}

/* pastille avec une valeur à l'intérieure */
.pill {
  position: relative;
}
.pill::after {
  position: absolute;
  top: -5px;
  content: attr(data-pillvalue);
  width: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  background-color: red;
  color: white;
  font-weight: 900;
}
.pill.grey::after {
  background-color: grey;
}

#background-cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
#background-cover .lds-dual-ring:after {
  content: " ";
  display: block;
  border-radius: 20px;
  border: 20px solid transparent;
  border-color: #ccc transparent #ccc transparent;
  animation: lds-dual-ring 1.5s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*@import "bootstrap-variables";*/
.form-item .label {
  font-family: sage-text-medium;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.form-item input[type=email], .form-item input[type=number], .form-item input[type=password], .form-item input[type=tel], .form-item input[type=text], .form-item input[type=textbox], .form-item input[type=time], .form-item input[type=url], .form-item textarea, .form-item select {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  font-weight: 400;
  display: inline-block;
  height: 3rem;
  width: 100%;
  color: #000;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 1rem;
  border-color: #668494;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
}
.form-item input[type=email].input-validation-error, .form-item input[type=number].input-validation-error, .form-item input[type=password].input-validation-error, .form-item input[type=tel].input-validation-error, .form-item input[type=text].input-validation-error, .form-item input[type=textbox].input-validation-error, .form-item input[type=time].input-validation-error, .form-item input[type=url].input-validation-error, .form-item textarea.input-validation-error, .form-item select.input-validation-error {
  border: 0.125rem solid #CD384B;
  padding: 0.625rem 1rem;
}
.form-item input[type=email].input-validation-error + .error-message, .form-item input[type=number].input-validation-error + .error-message, .form-item input[type=password].input-validation-error + .error-message, .form-item input[type=tel].input-validation-error + .error-message, .form-item input[type=text].input-validation-error + .error-message, .form-item input[type=textbox].input-validation-error + .error-message, .form-item input[type=time].input-validation-error + .error-message, .form-item input[type=url].input-validation-error + .error-message, .form-item textarea.input-validation-error + .error-message, .form-item select.input-validation-error + .error-message {
  display: block;
}
.form-item input [type=email], .form-item input[type=number], .form-item input[type=password], .form-item input[type=tel], .form-item input[type=text], .form-item input[type=textbox], .form-item input[type=time], .form-item input[type=url], .form-item textarea {
  appearance: none !important;
}
.form-item [type=radio] + label,
.form-item [type=checkbox] + label {
  margin-right: 2rem;
}
.form-item.mandatory .label:after {
  display: inline;
  content: " *";
  color: #CD384B;
}
.form-item.readonly input[type=text],
.form-item.readonly input[type=textbox],
.form-item.readonly input[type=email],
.form-item.readonly input[type=password],
.form-item.readonly input[type=tel] {
  background-color: #F2F5F6;
  border: none;
}
.form-item.readonly input[type=text]:focus, .form-item.readonly input[type=text]:focus-visible,
.form-item.readonly input[type=textbox]:focus,
.form-item.readonly input[type=textbox]:focus-visible,
.form-item.readonly input[type=email]:focus,
.form-item.readonly input[type=email]:focus-visible,
.form-item.readonly input[type=password]:focus,
.form-item.readonly input[type=password]:focus-visible,
.form-item.readonly input[type=tel]:focus,
.form-item.readonly input[type=tel]:focus-visible {
  outline: none;
}
.form-item + .form-item {
  margin-top: 1.5rem;
}
.form-item .error-message {
  position: relative;
  margin-top: 0.75rem;
  padding-left: 2rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #CD384B;
  display: none;
}
.form-item .error-message:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  background-image: url(/MonCompteSage/Ressources/Images/icones/error.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/*@import "bootstrap-variables";*/
div.drawer {
  position: fixed;
  z-index: 110;
  top: 0;
  right: -30rem;
  height: 100vh;
  width: 30rem;
  background-color: #FFFFFF;
  color: black;
  transition: right 0.3s ease;
  overflow-x: hidden;
  overflow-y: auto;
}
div.drawer:has(.form) {
  right: -40rem;
  width: 40rem;
}
@media (max-width: 767px) {
  div.drawer {
    width: 100vw !important;
    right: -100vw !important;
  }
}
div.drawer.shown {
  right: 0 !important;
}
div.drawer.shown ~ .drawer-overlay {
  display: block;
}
div.drawer .drawer-content {
  position: relative;
  padding: 2.5rem;
}
@media (max-width: 767px) {
  div.drawer .drawer-content {
    padding: 1.5rem;
  }
}
div.drawer .drawer-content .form {
  display: flex;
  flex-wrap: wrap;
  margin: -1.5rem -0.75rem 0 -0.75rem;
}
div.drawer .drawer-content .form .form-col {
  padding: 1.5rem 0.75rem 0 0.75rem;
  width: 50%;
}
div.drawer .drawer-content button.drawer-close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  height: 2rem;
  width: 2rem;
  background-image: url(/MonCompteSage/Ressources/Images/icones/close.svg);
  background-size: 2rem;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  div.drawer .drawer-content button.drawer-close {
    top: 1.5rem;
    right: 1.5rem;
  }
}
div.drawer .drawer-content h2 {
  font-family: sage-text-bold, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-right: 3rem;
  margin-bottom: 2rem;
}
div.drawer .drawer-content p {
  font-size: 1.125rem;
  line-height: 1.5;
  margin-top: 1rem;
  overflow-wrap: break-word;
}
div.drawer .drawer-content [type=checkbox] + [type=hidden] + label {
  margin-top: 1.6rem;
}
div.drawer .drawer-content div.warning {
  font-family: sage-text-bold, Arial, Helvetica, sans-serif;
  position: relative;
  margin-top: 1.5rem;
  background-color: #FFFFFF;
  border: 0.0625rem solid #EF6700;
  padding: 0.75rem 1.5rem 0.75rem 3.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
div.drawer .drawer-content div.warning:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2rem;
  background-color: #EF6700;
  background-image: url(/MonCompteSage/Ressources/Images/icones/warning-white.svg);
  background-size: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
}
div.drawer div.drawer-actions {
  font-size: 0;
  text-align: right;
  margin: 1rem -0.5rem 0 -0.5rem;
}
@media (max-width: 1079px) {
  div.drawer div.drawer-actions {
    padding-bottom: 4rem;
  }
}
div.drawer div.drawer-actions a, div.drawer div.drawer-actions button, div.drawer div.drawer-actions input[type=button], div.drawer div.drawer-actions input[type=submit] {
  margin: 1rem 0.5rem 0 0.5rem;
}

.drawer-overlay {
  display: none;
  position: fixed;
  cursor: default;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
}

.liste-no-decoration {
  padding-left: 2rem;
}
.liste-no-decoration ul {
  text-decoration: none;
}
.liste-no-decoration ul li {
  display: block;
}

.accordion {
  margin-top: 1rem;
  border-radius: 1.6rem;
}
.accordion > .content {
  box-shadow: 1rem 1rem 5rem rgba(0, 41, 64, 0.12);
  display: none;
  background-color: #fff;
  border-radius: 0 0 1.6rem 1.6rem;
  padding: 2.4rem;
}
.accordion > .header {
  font-family: "sage-text-medium";
  /*font-weight: 500;*/
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 1;
  /*padding: 1.2rem 5.6rem 1.2rem 2.4rem;*/
  color: #000;
  /*min-height: 5.2rem;*/
  line-height: 1.2rem;
  background-color: #fff;
  border-radius: 1.6rem;
  display: flex;
  align-items: center;
}
.accordion > .header > label {
  width: 100%;
  padding: 1.2rem 5.6rem 1.2rem 0.8rem;
  border-radius: 1.6rem;
  cursor: pointer;
  margin: 0;
}
.accordion > .header > span:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 1px solid #C6C6C6;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  margin-left: 1.4em;
  vertical-align: top;
  text-align: center;
  transition: all 250ms ease;
}
.accordion > input[type=radio] {
  width: 0;
  height: 0;
  position: absolute;
}
.accordion > input[type=radio]:checked + .header {
  background-color: #000;
  color: #fff;
  border-radius: 1.6rem 1.6rem 0 0;
}
.accordion > input[type=radio]:checked + .header > span:before {
  background-color: #000;
  box-shadow: inset 0 0 0 5px #fff;
  border: 0;
}
.accordion > input[type=radio]:checked + .header ~ .content {
  display: block;
}

/*@import "bootstrap-variables";*/
/*@import "bootstrap-variables";*/
#ContainerActionsFromMenu > #successModal, #ContainerActionsFromMenu #failModal {
  padding-top: 5%;
}

.formulaire {
  background-color: #fff;
  padding: 10px;
}

.form-mes-preferences {
  margin: 40px 20px;
}
.form-mes-preferences .form-group .check-box {
  margin-right: 20px;
  vertical-align: middle;
}
.form-mes-preferences .form-group label {
  font-size: 16px;
}

/********************************* genesys **************************************/
/*
aside.help-console {
    position: fixed;
    right: -30px;
    bottom: 70px;
    z-index: 100;

    #help-nav {
        margin: 0;
        padding: 0;

        li a {
            text-decoration: none;

            &:hover {
                text-decoration: none;

                img {
                    content: url(/MonCompteSage/Ressources/Images/Icones/chat-icon-hover.png);
                }
            }
        }
    }
}*/
.disclaimer {
  font-size: 0.875rem;
  color: #666;
  line-height: 1.45;
}

.paste:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "\e095";
}

.pdf-link {
  color: #41A940;
  outline: none;
}
.pdf-link:before {
  font-size: 0.875rem;
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "Y";
  color: #41A940;
  transition: color, 0.3s;
}
.pdf-link span:before {
  font-size: 0.875rem;
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "Y";
  color: #41A940;
  transition: color, 0.3s;
}
.pdf-link:hover {
  color: #41A940 !important;
  text-decoration: none !important;
}
.pdf-link:hover:before {
  text-decoration: none !important;
}

.plus-toggle {
  display: inline-block;
  line-height: 30px;
  padding: 10px;
  color: #fff;
  background: #ED1C5F;
  transition: background, 0.3s, ease-in-out;
}
.plus-toggle:before {
  font-size: 1.25rem;
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  padding-right: 5px;
  content: "\e05e";
  color: #fff;
  vertical-align: bottom;
}
.plus-toggle:hover {
  background: #ED1C5F;
  color: #fff;
  cursor: pointer;
  background: #c6104a;
  text-decoration: none;
}
.plus-toggle:focus {
  color: #fff;
  outline: none;
}

.plus-toggle.open:before {
  content: "\e098";
}

.input-validation-error {
  border: 1px solid #a94442;
}

span[class=required],
span[class=legend-required] {
  color: red;
  padding-right: 4px;
}

#main .msg.msg-error {
  margin: 0 0 20px;
  position: relative;
}
#main .msg.msg-error:before {
  content: "ø";
  background-color: #ff1e00;
}
#main .msg.msg-error .heading {
  background-color: #4d4f53;
  color: #fff;
  margin: 0 0 10px 0;
}
#main .msg.msg-error .heading p {
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 50px;
}

/** ENCART SUPPORT TELEPHONIQUE **/
#telephone {
  content: " ";
  display: table;
  padding: 10px 0 10px 0;
  width: 280px;
}
#telephone .clearBoth {
  clear: both;
  display: block;
}
#telephone .sva {
  background-color: white;
  display: block;
  float: left;
  overflow: visible;
  font-size: 1rem;
  box-sizing: border-box;
}
#telephone .sva p,
#telephone .sva .blocTel {
  height: 50px;
  line-height: 35px;
}
#telephone .sva p.telNo,
#telephone .sva .blocTel.telNo {
  font-family: sage_ui-regular, Arial, Helvetica, sans-serif;
  display: block;
  float: left;
  padding: 2px 3px 0 3px;
  margin: 0 0 -2px 0;
  line-height: normal;
  box-sizing: border-box;
  padding: 0px 4px;
}
#telephone .sva p.telNoTex,
#telephone .sva .blocTel.telNoTex {
  background-image: url(/MonCompteSage/Ressources/Images/Telephones/flechetelephone.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 5px 6px 4px 13px;
  color: #ffffff !important;
  /*font-weight: bold;*/
  display: block;
  float: left;
  font-family: sage_ui-regular, Arial, Helvetica, sans-serif;
  line-height: 20px;
  margin: 0;
}
#telephone .sva.sva3 {
  color: #0060a7;
}
#telephone .sva.sva3 p, #telephone .sva.sva3 .blocTel {
  height: 50px;
}
#telephone .sva.sva3 p.telNo, #telephone .sva.sva3 .blocTel.telNo {
  color: #0060a7 !important;
  min-height: auto !important;
  line-height: 50px;
  padding: 0px 4px;
}
#telephone .sva.sva3 p.telNoTex, #telephone .sva.sva3 .blocTel.telNoTex {
  background-color: #0060a7;
  min-height: auto !important;
  padding: 5px 6px 4px 13px;
}

/* span content box */
span[class^=quick-], button[class^=quick-] {
  display: inline-block;
}
span[class^=quick-]:before, button[class^=quick-]:before {
  display: inline-block;
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  padding-right: 5px;
  position: relative;
  top: 2px;
}
span[class^=quick-] > span, button[class^=quick-] > span {
  display: inline-block;
  position: relative;
}
span[class^=quick-] p, button[class^=quick-] p {
  margin: 0;
  padding-bottom: 5px;
}

.quick-info {
  margin: 5px 0 5px 0;
}
.quick-info:before {
  content: "¡";
}
.quick-info span {
  font-weight: 400;
  font-family: sage-text, Arial, Helvetica, sans-serif;
}

.quick-help {
  margin: 5px 0 5px 0;
}
.quick-help:before {
  content: "f";
}
.quick-help span {
  color: #41A940;
  font-weight: 400;
  font-family: sage-text, Arial, Helvetica, sans-serif;
}

.pdf:before {
  transition: color, 0.3s;
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "Y";
  font-size: 30px;
}
.pdf:hover:before {
  color: #00DC00;
  cursor: pointer;
}

.quick-disk {
  color: #41A940;
  font-weight: 600;
  font-family: sage-text, Arial, Helvetica, sans-serif;
}
.quick-disk:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "\ea06";
}

.quick-edit,
.quick-delete {
  outline: 0;
}
.quick-edit:hover, .quick-edit:active, .quick-edit:focus,
.quick-delete:hover,
.quick-delete:active,
.quick-delete:focus {
  outline: 0;
}

/*************************
*** User Profil block typo
**************************/
#main div[class^="product-box notification"] > div {
  padding: 0 !important;
}
#main div[class^="product-box notification"] .pdf-link {
  color: #fff;
  transition: color, 0.3s;
}
#main div[class^="product-box notification"] .pdf-link span {
  color: #fff;
}
#main div[class^="product-box notification"] .pdf-link span:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "Y";
  color: #4d4f53;
  padding-right: 2px;
}
#main div[class^="product-box notification"] .pdf-link:before {
  font-size: 1rem;
  padding-right: 5px;
}
#main div[class^="product-box notification"] .pdf-link:hover span:before {
  text-decoration: none;
  color: #ED1C5F !important;
}
#main div[class^="product-box notification"] .pdf-link:active:before, #main div[class^="product-box notification"] .pdf-link:focus:before {
  outline: none;
  text-decoration: none;
}
#main div[class^="product-box notification"] p {
  font-family: sage-text, Arial, Helvetica, sans-serif;
}
#main div[class^=user] h1,
#main div[class^=product-box] h1 {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  font-weight: 800;
}
#main div[class^=user] #labelNom,
#main div[class^=product-box] #labelNom {
  text-transform: uppercase;
}
#main div[class^=user] > div,
#main div[class^=product-box] > div {
  padding: 10px;
}
#main div[class^=user] .inner-panel,
#main div[class^=product-box] .inner-panel {
  padding: 3%;
}
#main div[class^=user] p.spec,
#main div[class^=product-box] p.spec {
  padding: 10px 0 10px 0;
  margin-bottom: 20px;
}
#main div[class^=user] p.assistance,
#main div[class^=product-box] p.assistance {
  font-size: 1.25rem;
  padding: 5px 0;
  font-family: sage-text, Arial, Helvetica, sans-serif;
}
#main div[class^=user] p,
#main div[class^=user] label,
#main div[class^=user] .value-of,
#main div[class^=product-box] p,
#main div[class^=product-box] label,
#main div[class^=product-box] .value-of {
  font-family: sage-text, Arial, Helvetica, sans-serif;
}
#main div[class^=user] .value-of,
#main div[class^=product-box] .value-of {
  background: #F2F5F6;
  border: 1px solid #F2F5F6;
  height: 33px;
  line-height: 33px;
  padding-left: 5px;
  height: 33px;
  line-height: 33px;
  padding-left: 5px;
  margin: 3px 0 0 0;
  color: #8e8a86;
}
#main div[class^=user] label,
#main div[class^=product-box] label {
  font-weight: bold;
}
#main div[class^=user] .label,
#main div[class^=product-box] .label {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0;
}
#main div[class^=user] .encart,
#main div[class^=product-box] .encart {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  color: #8e8a86;
}
#main div[class^=user] th,
#main div[class^=product-box] th {
  padding: 5px 0 5px 0 !important;
  font-weight: 800;
  width: 16%;
  font-size: 0.875rem;
}
#main div[class^=user] td,
#main div[class^=product-box] td {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  line-height: 40px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  vertical-align: top;
  font-size: 0.875rem;
}

#main .product-box.notification {
  background-color: #fff;
  position: relative;
  min-height: 64px;
}
#main .product-box.notification .content-maj {
  display: inline-block;
  width: 90%;
  padding-top: 7px;
}
#main .product-box.notification h1, #main .product-box.notification p, #main .product-box.notification .pdf-link {
  color: #4d4f53;
}
#main .product-box.notification .pdf-link:before {
  color: #4d4f53;
}
#main .product-box.notification h1 {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  border: none;
  margin: 0;
  padding: 0;
  padding-top: 10px;
}
#main .product-box.notification p {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  line-height: 64px;
  margin: 0;
}
#main .product-box.notification p > a {
  color: #000;
}
#main .product-box.notification .encart-maj {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  background: #0060a7;
  width: 64px;
  height: 64px;
  text-align: center;
  vertical-align: top;
  float: left;
  margin-right: 10px;
}
#main .product-box.notification .encart-maj:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "I";
  color: #fff;
  font-size: 2.1875rem;
  position: relative;
  top: 6px;
  transition: color ease-in-out 0.2s;
}

#main .product-box-info {
  margin-bottom: 30px;
  border: 1px solid #ddd;
  min-height: 64px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 0px 0px;
  padding: 10px;
  color: #4D4F53;
  font-family: arial, sans-serif;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  line-height: 30px;
  background-color: #fff;
}
#main .product-box-info .ico {
  width: 40px;
  min-width: 40px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 0;
}
#main .product-box-info .ico img {
  width: 100%;
}
#main .product-box-info .text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#main .product-box-info .text span {
  margin-right: 10%;
}
#main .product-box-info .text .btn {
  width: fit-content;
  display: inline-block;
  border: 2px solid #4D4F53;
  padding: 5px 20px;
  color: #4D4F53;
  text-decoration: none;
  cursor: pointer;
}
#main .product-box-info .text .btn:hover {
  border: 2px solid #fff;
  background-color: #4D4F53;
  color: #fff;
}
#main .product-box-info.marketing {
  background-color: #E96400;
  color: #fff;
}
#main .product-box-info.marketing .text .btn {
  border: 2px solid #fff;
  background-color: #E96400;
  color: #fff;
  min-width: 180px;
  margin-right: 1%;
}
#main .product-box-info.marketing .text .btn:hover {
  border: 2px solid #E96400;
  background-color: #fff;
  color: #E96400;
}

h3.info {
  color: #666;
}
h3.info:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #666;
  content: "¡";
  padding-right: 5px;
}

/*.mailer {

    span {
        display: inline-block;

        &:before {

            @include icono(#FFFFFF,variables.$icoPaddingRight,variables.$icoMail, 16px);
        }
    }
}*/
/*.logger {
    span {
        display: inline-block;

        &:before {
            @include icono(#FFFFFF,variables.$icoPaddingRight, variables.$icoLogin, 16px);
        }
    }
}*/
.reload span {
  display: inline-block;
}
.reload span:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #FFFFFF;
  padding-right: 5px;
  content: "\e033";
  font-size: 16px;
  vertical-align: bottom;
}

/* MAJ MAIN STYLE */
#main ul {
  padding-left: 0px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 50px;
  padding-right: 50px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

.container-fluid {
  padding: 0;
}

.container-fluid-flex {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
}
.container-fluid-flex .item {
  max-width: 100%;
}
@media (min-width: 920px) {
  .container-fluid-flex .item {
    width: 420px;
  }
}
@media (min-width: 1200px) {
  .container-fluid-flex .item {
    width: 540px;
  }
}
@media (min-width: 1420px) {
  .container-fluid-flex .item {
    width: 420px;
  }
}

.close {
  color: #fff;
  text-shadow: none;
  font-size: 1.6875rem;
  transition: color ease 0.5s;
}
.close:hover {
  color: #41A940;
  outline: none !important;
}
.close span {
  font-size: 1.5625rem;
}

.tooltip-after:after {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
}
.tooltip-after.tool-help:after {
  content: "f";
}
.tooltip-after:hover:after {
  color: rgb(101.54375, 104.18125, 109.45625);
  cursor: pointer;
}

.tooltip-before:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
}
.tooltip-before.tool-help:before {
  content: "f";
}

.wrapper {
  min-height: 100%;
  position: relative;
}

.main-user-profil {
  width: 100%;
}

#main #bannersInformationContainer .message {
  margin-bottom: 2px;
}
#main a {
  text-decoration: none;
  color: #000000;
}
#main .container {
  max-width: 1340px;
  padding-left: 0;
  padding-right: 0;
}

.form-control[disabled], .form-control.disabled {
  background-color: #f6f6f6;
  border: 1px solid #ececef;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control[disabled], .form-control.disabled {
  pointer-events: none;
  background-color: #f6f6f6;
  border: 1px solid #ececef;
}

.table {
  margin-bottom: 0;
}

.panel-group .panel {
  border-radius: 0;
}
.panel-group th {
  line-height: 40px;
}

.panel-heading {
  border-radius: 0;
}

.assistance {
  /* pour l'affichage mobile voir responsive.scss*/
}
.assistance .layout-tab {
  margin-bottom: 20px;
}
.assistance .boxed-layout .layout-tab {
  border-radius: 1px;
  min-height: 145px;
  padding: 0;
  border: 0;
}
.assistance .boxed-layout .layout-tab h3 {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  color: #3c424f;
  text-align: center;
  padding: 8px 0;
}
.assistance .boxed-layout .layout-tab h3:before {
  vertical-align: middle;
}
.assistance .boxed-layout .layout-tab h3.know:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #fff;
  padding-right: 5px;
  content: "\e9b6";
  font-size: 1rem;
  vertical-align: bottom;
  vertical-align: middle;
}
.assistance .boxed-layout .layout-tab h3.assist:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #fff;
  padding-right: 5px;
  content: "\e096";
  font-size: 1rem;
  vertical-align: bottom;
  vertical-align: middle;
}
.assistance .boxed-layout .layout-tab h3.chat:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #fff;
  padding-right: 5px;
  content: "&";
  font-size: 1rem;
  vertical-align: bottom;
  vertical-align: middle;
}
.assistance .boxed-layout .layout-tab h3.form:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #fff;
  padding-right: 5px;
  content: "\e936";
  font-size: 1rem;
  vertical-align: bottom;
  vertical-align: middle;
}
.assistance .boxed-layout .layout-tab h3.horaire:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #fff;
  padding-right: 5px;
  content: "\ea44";
  font-size: 1rem;
  vertical-align: bottom;
  vertical-align: middle;
}
.assistance .boxed-layout .layout-tab h3.phone:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #fff;
  padding-right: 5px;
  content: "s";
  font-size: 1rem;
  vertical-align: bottom;
  vertical-align: middle;
}
.assistance .boxed-layout .layout-tab p {
  padding: 5px !important;
  min-height: 80px;
}
.assistance thead {
  margin-bottom: 10px;
}
.assistance td {
  line-height: 1.5em !important;
  text-align: left;
}
.assistance tbody .td-tel {
  width: 300px;
}
.assistance tbody td.horaires {
  width: 250px;
}
.assistance .aide-content {
  padding-left: 24px;
  padding-right: 24px;
}

.layout-tab caption {
  background: #335b70;
  color: #fff;
  text-align: center;
  caption-side: top !important;
}

.assistance-block {
  margin: 10px 0;
}
.assistance-block.layout-tab {
  position: relative;
  min-height: 240px;
  min-width: 340px;
  border-radius: 18px;
  padding: 18px;
}
.assistance-block.layout-tab > a {
  position: absolute;
  bottom: 8px;
}
.assistance-block .inside-bloc {
  display: inline-block;
  width: 33.33%;
  float: left;
}
.assistance-block.tel a {
  position: relative;
}

.group-box {
  border: 1px solid #b9bab7;
  padding: 2.143em;
  margin-bottom: 20px;
  background: #f7f8f8;
  border: 1px solid #b9bab7;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 0px 0px;
}
.group-box h2.assistance {
  margin-top: 0;
  padding: 0;
}
.group-box .assistance-block {
  margin: 20px 0 20px 0;
}
.group-box .assistance-block h3 {
  padding: 10px;
}
.group-box .assistance-block h3 > span {
  color: #41A940;
}
.group-box .assistance-block p {
  padding: 0 10px;
}
.group-box .assistance-block p:after {
  display: block;
  content: " ";
  height: 32px;
  width: 100%;
}
.group-box .assistance-block a {
  position: absolute;
  bottom: 0;
}
.group-box .assistance-block .telephone p:after {
  display: none;
}
.group-box .layout-tab {
  margin-bottom: 20px;
  background: #fff !important;
  padding: 0;
}

/*@import "bootstrap-variables";*/
#main-content-unlogged {
  position: relative;
  min-height: calc(100vh - 299px);
  background-color: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#main-content-unlogged #containerNews {
  padding: 2%;
}
#main-content-unlogged .message {
  width: 90%;
}
#main-content-unlogged .message:not(:last-child) {
  margin-bottom: 10px;
}
#main-content-unlogged div.row {
  width: inherit;
  align-items: end;
  align-items: center;
}
#main-content-unlogged div.row > div:last-child {
  min-height: 540px;
}
#main-content-unlogged div.home {
  padding: 2%;
}
#main-content-unlogged div.home span {
  font-family: sage-text-medium, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.25rem;
}
#main-content-unlogged div.home .titre {
  font-size: clamp(42px, 7vw, 68px);
  margin-bottom: 24px;
}
#main-content-unlogged div.home p {
  margin-bottom: 40px;
}
#main-content-unlogged div.home a:first-of-type {
  margin-right: 16px;
}
#main-content-unlogged .img {
  position: absolute;
  background-image: url(/MonCompteSage/ressources/images/backgrounds/woman-working-table.png);
  background-size: cover;
  height: 540px;
  width: 100%;
  background-position-x: left;
  background-repeat: no-repeat;
  background-position-y: top;
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
}
@media (max-width: 992px) {
  #main-content-unlogged .img {
    position: relative;
    border-radius: 10%;
    width: 90%;
    margin: 0 auto;
  }
}

#main-content {
  display: flex;
  min-height: calc(100vh - 299px);
}

#st-faq {
  width: 100%;
}

#cross-sell {
  width: 100%;
  background: #F5F5F5;
  padding: 20px 0;
}
#cross-sell .carousel-inner > .item {
  transition: transform 1s ease 0s;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
#cross-sell .carousel-inner > .item.next, #cross-sell .carousel-inner > .item.active.right {
  left: 0;
  transform: translateX(33.33333333%);
}
#cross-sell .carousel-inner > .item.prev, #cross-sell .carousel-inner > .item.active.left {
  left: 0;
  transform: translateX(-33.33333333%);
}
#cross-sell .carousel-inner > .item.next.left, #cross-sell .carousel-inner > .item.prev.right, #cross-sell .carousel-inner > .item.active {
  left: 0;
  transform: translateX(0);
}
#cross-sell a.clearfix {
  position: relative;
}
#cross-sell h2 {
  font-size: 1.25rem;
  font-family: sage-text-medium, Arial, Helvetica, sans-serif;
  color: #41A940;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 20px;
}
#cross-sell .carousel {
  padding-bottom: 20px;
}
#cross-sell .carousel a.clearfix {
  position: relative;
  height: 187px;
  overflow: hidden;
  display: block;
  z-index: 10;
  max-width: 280px;
  margin: auto;
}
#cross-sell .carousel a.clearfix .content-item {
  position: absolute;
  top: 147px;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 0 10px 10px 10px;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #3c424f;
}
#cross-sell .carousel a.clearfix .content-item h3 {
  display: table-cell;
  font-size: 1.125rem;
  font-family: sage-text-bold, Arial, Helvetica, sans-serif;
  height: 40px;
  padding: 0;
  vertical-align: middle;
  width: 260px;
}
#cross-sell .carousel a.clearfix .content-item p {
  font-size: 0.75rem;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#cross-sell .carousel a.clearfix:hover h3 {
  transition: color 0.3s ease-in-out;
  color: #00DC00;
}
#cross-sell .carousel a.clearfix img {
  width: 280px;
}
#cross-sell .carousel .carouse-control.left, #cross-sell .carousel .carouse-control.right {
  background-image: none;
}
#cross-sell a:hover {
  text-decoration: none;
}
#cross-sell h3 .carousel-inner {
  overflow: visible;
}
#cross-sell .carousel-control {
  text-shadow: none;
  background: none;
  width: auto !important;
}
#cross-sell .fa-chevron-left {
  position: relative;
  left: -70px;
}
#cross-sell .fa-chevron-right {
  position: relative;
  right: -70px;
}
#cross-sell .fa-chevron-left, #cross-sell .fa-chevron-right {
  color: #ED1C5F;
  top: 60px;
}
#cross-sell .fa-chevron-left:hover, #cross-sell .fa-chevron-right:hover {
  color: #c6104a;
}
#cross-sell i {
  padding-right: 0 !important;
}
@media only screen and (max-width: 960px) {
  #cross-sell .img-responsive {
    margin: auto;
  }
}
#cross-sell .fa-chevron-left:before, #cross-sell .fa-chevron-right:before {
  font-family: Armonye;
  color: #c6104a;
  font-style: normal;
  font-size: 3.125rem;
}
#cross-sell .fa-chevron-left:before {
  content: "<";
}
#cross-sell .fa-chevron-right:before {
  content: ">";
}

/*pierre*/
.encart-connexion {
  width: inherit;
}
.encart-connexion.big-spacer {
  margin-top: 100px;
  margin-bottom: 100px;
}
.encart-connexion.big-spacer p {
  text-align: center;
}
.encart-connexion .encart-modal {
  max-width: 500px;
  margin: auto;
  padding: 0 0 10px 0;
  background: #f0f0f0;
}
.encart-connexion .encart-modal h2 {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  padding: 10px;
  background: #262626;
  color: #fff !important;
  font-size: 1.3125rem !important;
  text-align: center;
}
.encart-connexion .encart-modal h2 span {
  font-family: sage-text-bold, Arial, Helvetica, sans-serif;
}
.encart-connexion .encart-modal h2 span span {
  color: #00DC00;
}
.encart-connexion .encart-modal h3 {
  padding: 10px;
  font-family: sage-text-bold, Arial, Helvetica, sans-serif;
  font-size: 2rem;
}
.encart-connexion .encart-modal p {
  padding: 10px;
  margin: 0;
  color: #000;
  margin: auto;
}
.encart-connexion .encart-modal .form-control {
  margin: auto;
}
.encart-connexion .encart-modal .table-responsive.multi-soc .table {
  width: 90%;
  margin: auto;
}
.encart-connexion .encart-modal .table-responsive.multi-soc .table tr th {
  text-align: center;
}
.encart-connexion .encart-modal .table-responsive.multi-soc .table tr td {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.encart-connexion .encart-modal.login .form-control {
  max-width: 60%;
  margin: 10px auto;
}
.encart-connexion .encart-modal.login .form-group {
  margin-bottom: 0;
  text-align: center;
}
.encart-connexion .encart-modal.login .form-group .text-danger, .encart-connexion .encart-modal.login .form-group .field-validation-error {
  display: block;
  max-width: 60%;
  margin: auto;
}
.encart-connexion .encart-modal.login p {
  max-width: 60%;
  padding: 0;
  margin: 10px auto;
}

#ModalProductInformation h4, .modal h4 {
  color: #51534a;
}
#ModalProductInformation h4:before, .modal h4:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "I";
  padding-right: 10px;
}
#ModalProductInformation label, .modal label {
  max-width: 90%;
  margin: auto;
  display: block;
  padding-bottom: 4px;
}
#ModalProductInformation label label, .modal label label {
  display: inline-block;
}
#ModalProductInformation label[for=contact-div], .modal label[for=contact-div] {
  margin-left: 30px;
}
#ModalProductInformation p, .modal p {
  padding: 10px 0 10px 0;
  max-width: 90%;
}
#ModalProductInformation p.mentions, .modal p.mentions {
  font-size: 0.625rem;
}
#ModalProductInformation p.sans-marge, .modal p.sans-marge {
  padding: 0;
  margin: 0;
}
#ModalProductInformation h2, .modal h2 {
  padding-left: 5%;
}
#ModalProductInformation .form-cles-copier, .modal .form-cles-copier {
  display: inline-flex;
  margin: 5px;
  margin-bottom: 0px;
  padding: 25px;
  padding-top: 0px;
  padding-bottom: 2px;
  margin-top: 0px;
}
#ModalProductInformation .locked-user .toggle-group, .modal .locked-user .toggle-group {
  display: none;
}
#ModalProductInformation .locked-user .toggle, .modal .locked-user .toggle {
  display: none;
}
#ModalProductInformation .locked-user .notoggle, .modal .locked-user .notoggle {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  bottom: 3px;
}
#ModalProductInformation .locked-user .notoggle .locked-toggle, .modal .locked-user .notoggle .locked-toggle {
  border-radius: 20px;
  background-color: #41a940;
  color: #fff;
  padding: 9px 12px 5px;
  width: 175px;
  text-align: center;
  margin-top: 4px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  opacity: 0.6;
  cursor: not-allowed;
}
#ModalProductInformation .locked-user .notoggle p, .modal .locked-user .notoggle p {
  font-size: 0.625rem;
  display: inline-block;
  vertical-align: middle;
  padding: 0 !important;
}

#ModalLabelHelpForm:before {
  font-family: Armonye;
  content: "?";
  color: #3c414e;
  display: inline-block;
  padding-right: 10px;
  font-size: 1.125rem;
}

.attachment .form-group {
  max-width: 90%;
  margin: auto;
  margin-bottom: 15px;
}

.modal {
  font-family: sage-text, Arial, Helvetica, sans-serif;
  line-height: normal;
}
.modal .modal-dialog .modal-content {
  border-radius: unset;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  position: relative;
}
.modal .modal-dialog .modal-content .modal-body .row {
  margin-left: 0px;
  margin-right: 0px;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal {
  max-width: 600px;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal .form-group .text-danger, .modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal .form-group .field-validation-error {
  display: block;
  max-width: 90%;
  margin: auto;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal p {
  padding: 20px;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal p.mentions {
  font-size: 0.625rem;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal p.mentions.sans-padding {
  padding-top: 0;
  margin: 0 auto;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal p.sans-padding {
  padding: 0;
  margin: 0 auto;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal .form-control {
  max-width: 90%;
  margin: auto;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal a.btn {
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-body .encart-connexion .encart-modal textarea {
  min-height: 250px;
}

.FooterMessage {
  text-align: center;
}

.mod-list-products {
  height: 100px;
  background-image: linear-gradient(45deg, #00a376, #0077c8);
  background-size: cover;
}
.mod-list-products h1 {
  font-family: "sage_ui-regular";
  text-transform: uppercase;
  color: #00f5e1;
  display: inline-block;
  font-size: 1.375rem;
  height: 100px;
  line-height: 100px;
  padding-left: 20px;
}
.mod-list-products .arrow {
  display: inline-block;
  width: 50%;
  position: relative;
  margin-right: 30px;
  margin-top: 27Px;
}

#main .panel-group {
  /*margin: 15px 0;*/
}
#main .panel-group .table-responsive {
  padding: 0;
}
#main .panel-group .table-responsive th {
  width: auto;
  padding: 10px !important;
}
#main .panel-group .table-responsive td, #main .panel-group .table-responsive th {
  padding: 10px;
}
#main .panel-group .panel-title {
  margin: 0;
  background: #262626;
  color: #fff;
  width: 100%;
  transition: background, 0.4s;
}
#main .panel-group .panel-title:hover {
  background: #008146;
  color: #fff;
}
#main .panel-group .panel-title a {
  color: #fff;
}
#main .panel-group .plus-toggle {
  background: none;
  width: 100%;
}
#main .panel-group .plus-toggle:active, #main .panel-group .plus-toggle:focus {
  outline: none;
  text-decoration: none;
}
#main .panel-group .plus-toggle:before {
  color: #fff;
}
#main .panel-group .plus-toggle:hover {
  background: #008146;
}
#main .panel-group ul {
  padding: 0;
  margin-bottom: 0;
}
#main .panel-group ul li {
  list-style-type: none;
  background: #fff;
}

.label-toogle {
  padding-left: 10px;
}

.toggle {
  position: relative;
  overflow: hidden;
  border: 0;
  min-width: 175px;
  min-height: 34px;
}
.toggle input[type=checkbox] {
  display: none;
}
.toggle.btn.btn-default:hover {
  background: none;
}
.toggle .toggle-group {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: 0;
  transition: left 0.35s;
  -webkit-transition: left 0.35s;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.toggle .toggle-group:hover {
  background: none;
}
.toggle .toggle-group .toggle-on, .toggle .toggle-group .toggle-off {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  margin: 0;
  border: 0;
  border-radius: 20px;
}
.toggle .toggle-group .toggle-on.btn {
  padding-right: 24px;
}
.toggle .toggle-group .toggle-on.btn.btn-success {
  color: #FFFFFF !important;
  font-weight: normal !important;
  font-size: 0.875rem;
}
.toggle .toggle-group .toggle-on.btn.btn-success:before {
  content: "";
}
.toggle .toggle-group .toggle-off {
  left: 50%;
  right: 0;
}
.toggle .toggle-group .toggle-off.btn {
  padding-left: 24px;
}
.toggle .toggle-group .toggle-off.btn.btn-success {
  color: #FFFFFF !important;
  font-weight: normal !important;
  font-size: 0.875rem;
}
.toggle .toggle-group .toggle-off.btn.btn-success:before {
  content: "";
}
.toggle .toggle-group .toggle-handle {
  position: relative;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 0;
  border: 0;
  margin-left: -38px;
  min-width: inherit;
  min-height: inherit;
  width: 28px;
  height: 28px;
  margin-top: 3px;
  border-radius: 20px;
  background-color: #e0e1dd;
  color: #51534a;
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  font-size: 1.5rem;
  padding-top: 6px;
  padding-left: 2px;
}
.toggle .toggle-group .toggle-handle:before {
  content: "\e011";
}
.toggle .toggle-group .toggle-handle:hover {
  background-color: #51534a;
}
.toggle .toggle-group .toggle-handle:hover:before {
  color: #ffffff;
}
.toggle.off .toggle-group {
  left: -100%;
}
.toggle.off .toggle-group .toggle-handle {
  margin-left: 38px;
}
.toggle.off .toggle-group .toggle-handle:before {
  content: "\e034";
}

.checkbox label .toggle, .checkbox-inline .toggle {
  margin-left: -20px;
  margin-right: 5px;
}

#main .modal.modal-msg .modal-header, #footer .modal.modal-msg .modal-header {
  text-align: center;
  padding: 10px;
  background: #262626;
  position: relative;
  border-radius: 0;
  line-height: 0;
}
#main .modal.modal-msg .modal-header .box, #footer .modal.modal-msg .modal-header .box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: inline-block;
  height: 100%;
  text-align: center;
  width: 50px;
  line-height: 60px;
}
#main .modal.modal-msg .modal-header .box span, #footer .modal.modal-msg .modal-header .box span {
  color: #fff;
  font-size: 1.375rem;
}
#main .modal.modal-msg .modal-header .box span:before, #footer .modal.modal-msg .modal-header .box span:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
}
#main .modal.modal-msg .modal-header .box.warning, #footer .modal.modal-msg .modal-header .box.warning {
  background: #ef6700;
}
#main .modal.modal-msg .modal-header .box.warning span:before, #footer .modal.modal-msg .modal-header .box.warning span:before {
  content: "!";
}
#main .modal.modal-msg .modal-header .box.error, #footer .modal.modal-msg .modal-header .box.error {
  background: #cd384b;
}
#main .modal.modal-msg .modal-header .box.error span:before, #footer .modal.modal-msg .modal-header .box.error span:before {
  content: "ø";
}
#main .modal.modal-msg .modal-header .box.info, #footer .modal.modal-msg .modal-header .box.info {
  background: #0060a7;
}
#main .modal.modal-msg .modal-header .box.info span:before, #footer .modal.modal-msg .modal-header .box.info span:before {
  content: "I";
}
#main .modal.modal-msg .modal-header .box.confirme, #footer .modal.modal-msg .modal-header .box.confirme {
  background: #008a21;
}
#main .modal.modal-msg .modal-header .box.confirme span:before, #footer .modal.modal-msg .modal-header .box.confirme span:before {
  content: "0";
}
#main .modal.modal-msg .modal-header .box.help, #footer .modal.modal-msg .modal-header .box.help {
  background: #00a4cf;
}
#main .modal.modal-msg .modal-header .box.help span:before, #footer .modal.modal-msg .modal-header .box.help span:before {
  content: "?";
}
#main .modal.modal-msg .modal-header h4, #footer .modal.modal-msg .modal-header h4 {
  display: inline-block;
  color: #fff;
  font-size: 1.25rem;
  font-family: sage-text, Arial, Helvetica, sans-serif;
  font-weight: 400;
}
#main .modal.modal-msg .modal-header h4:before, #footer .modal.modal-msg .modal-header h4:before {
  content: none;
}
#main .modal.modal-msg .modal-header button.close, #footer .modal.modal-msg .modal-header button.close {
  padding: inherit;
  margin: inherit;
  line-height: inherit;
  margin-top: 10px;
  font-size: inherit;
}
#main .modal.modal-msg .inner-modal, #footer .modal.modal-msg .inner-modal {
  padding: 15px;
}

#ModalContact .modal-body {
  background: #f7f7f7;
  padding: 20px;
}
#ModalContact .modal-body .encart-modal {
  box-shadow: none;
}
#ModalContact .col-md-6 {
  padding: 0 10px 0 10px;
}
#ModalContact .col-md-6 .bloc-info-contact {
  padding: 10px 0;
  min-height: 128px;
}
#ModalContact .col-md-6 #telephone {
  padding-top: 0;
}
#ModalContact .col-md-6 h5 {
  font-size: 1.25rem;
  color: #3c424f;
  margin: 0;
}
#ModalContact .col-md-6 h5.assistance:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #3c424f;
  padding-right: 5px;
  content: "\e096";
  font-size: 20px;
  vertical-align: bottom;
}
#ModalContact .col-md-6 h5.info:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #3c424f;
  padding-right: 5px;
  content: "¡";
  font-size: 20px;
  vertical-align: bottom;
}
#ModalContact .col-md-6 h5.formation:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #3c424f;
  padding-right: 5px;
  content: "\e093";
  font-size: 20px;
  vertical-align: bottom;
}
#ModalContact .col-md-6 h5.activation:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #3c424f;
  padding-right: 5px;
  content: "\ea56";
  font-size: 20px;
  vertical-align: bottom;
}
#ModalContact .col-md-6 h5.conseil:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #3c424f;
  padding-right: 5px;
  content: "\ea08";
  font-size: 20px;
  vertical-align: bottom;
}
#ModalContact .col-md-6 p {
  padding: 5px 0;
  margin: 0;
  color: #41A940;
}
#ModalContact .col-md-6 p.spec {
  text-align: center;
  font-size: 1.25rem;
}
#ModalContact .col-md-6 i {
  font-size: 0.6875rem;
  position: relative;
  top: -10px;
}

#ui-datepicker-div .ui-datepicker-header {
  background: #41A940;
  color: #fff;
}
#ui-datepicker-div .ui-datepicker-close {
  background: #5d5c57;
  border-color: #5d5c57;
  font-size: 0.75rem;
  padding: 6px 12px 5px;
  color: #fff;
  border: 0;
  outline: none;
  width: auto;
  font-family: sage_ui-regular;
  transition: all ease-in-out 0.4s;
}
#ui-datepicker-div .ui-datepicker-current {
  background: #41A940;
  font-size: 0.75rem;
  padding: 6px 12px 5px;
  color: #fff;
  border: 0;
  outline: none;
  width: auto;
  font-family: sage_ui-regular;
  transition: all ease-in-out 0.4s;
}
#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-w {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
}
#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-e {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: ">";
  color: #fff;
}

#ModalAddForm #sendInter,
#ModalUpdateForm #sendInter {
  margin-right: 30px;
  outline: 0;
  border: 0;
}
#ModalAddForm #AddInter,
#ModalUpdateForm #AddInter {
  outline: 0;
  border: 0;
}
#ModalAddForm #checkitadd,
#ModalUpdateForm #checkitadd {
  display: inline-block;
}
#ModalAddForm .modal label,
#ModalUpdateForm .modal label {
  max-width: 95%;
}
#ModalAddForm .row,
#ModalUpdateForm .row {
  max-width: 95%;
  margin: auto;
}
#ModalAddForm .row .col-md-6,
#ModalAddForm .row .col-md-12,
#ModalUpdateForm .row .col-md-6,
#ModalUpdateForm .row .col-md-12 {
  padding: 0;
}
#ModalAddForm #contact-add-contact,
#ModalAddForm .radio-choice,
#ModalUpdateForm #contact-add-contact,
#ModalUpdateForm .radio-choice {
  max-width: 95%;
}
#ModalAddForm label[for=contact-add-nom],
#ModalAddForm label.green-sage,
#ModalUpdateForm label[for=contact-add-nom],
#ModalUpdateForm label.green-sage {
  max-width: 95%;
}
#ModalAddForm .quick-info,
#ModalUpdateForm .quick-info {
  max-width: 95%;
  position: relative;
  left: -10px;
  margin-top: 15px;
}
#ModalAddForm .encart-modal,
#ModalUpdateForm .encart-modal {
  background: #fff;
}
#ModalAddForm label[for=contact-add-profil],
#ModalAddForm label[for=contact-civ],
#ModalAddForm label[for=contact-profil],
#ModalAddForm .form-group.radio-choice,
#ModalUpdateForm label[for=contact-add-profil],
#ModalUpdateForm label[for=contact-civ],
#ModalUpdateForm label[for=contact-profil],
#ModalUpdateForm .form-group.radio-choice {
  max-width: 95%;
}
#ModalAddForm p,
#ModalUpdateForm p {
  max-width: 95%;
}

#ModalUpdateForm .radio-choice {
  max-width: 90%;
  margin: auto;
}
#ModalUpdateForm #msgAll {
  padding: 10px 0;
}

#ModalAddForm .quick-info {
  left: 10px;
}

/* ajout esleb 15/10/2021 pour notif migration, try :  not used yet */
.info-promo {
  top: 2px;
  right: -35px !important;
  margin-right: initial !important;
}

/* ajout esleb 15/10/2021 pour */
/* ESLEB 27/10/2021 pour info Offre de migration */
.nouvelle-offre {
  position: relative;
  right: 0;
  background-color: #E96400;
  top: 0px;
  padding: 5px;
  color: #FFFFFF;
}

.nouvelle-offre img {
  height: 28px;
  margin-right: 4px;
}

/* FIN ESLEB 27/10/2021 pour info Offre de migration */
#mod-blocs-products {
  text-align: center;
  margin: 0 0 70px 0;
  /*p {
      margin: 0;
      padding: 0;
  }*/
}
#mod-blocs-products #row-product-container {
  clear: both;
  overflow: visible !important;
}
#mod-blocs-products div.row {
  justify-content: space-evenly;
}
#mod-blocs-products .first {
  padding: 70px 0;
}
#mod-blocs-products span.sol {
  display: inline-block;
  padding-right: 10px;
  font-weight: bold;
}
#mod-blocs-products span.sol:before {
  padding: 0 10px 0 0;
  display: inline-block;
  position: relative;
  top: 10px;
  content: url(/MonCompteSage/Ressources/Images/icones/icon-solution.png);
}
#mod-blocs-products .load-more {
  margin: 80px 0;
}
#mod-blocs-products .load-more #more-to-load {
  display: inline-block;
  padding-top: 20px;
  clear: both;
}
#mod-blocs-products .load-more #more-to-load i {
  color: #fff;
  padding: 12px 20px;
  display: inline-block;
  font-size: 1.375rem;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0px 0px 2px #fff;
  transition: background 1.25s ease-out;
}
#mod-blocs-products .load-more #more-to-load i:hover {
  background: #008146;
}
#mod-blocs-products .load-more #more-to-load i:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  font-size: 1.25rem;
  color: #000;
  padding: 0;
  content: "+";
}

/*@import "bootstrap-variables";*/
#main .inner-panel .panel-intro {
  margin-bottom: 30px;
}
#main .inner-panel .panel-date-factures span {
  margin-left: 5px;
}
#main .inner-panel .panel-date-factures .form-control {
  max-width: 150px;
}
#main .inner-panel .panel-date-factures .refresh {
  margin: 0 10px;
}
#main .inner-panel .panel-date-factures .refresh:before {
  font-family: Armonye;
  content: "m";
}
#main .inner-panel .table {
  color: #000;
}
#main .inner-panel .table thead th {
  border-bottom: 0.1rem solid #00D639;
}
#main .inner-panel .table tr {
  line-height: 30px;
}
#main .inner-panel .table tr th, #main .inner-panel .table tr td {
  vertical-align: middle;
  border-top: 0;
}
#main .inner-panel .table tr th {
  font-weight: initial;
  font-family: sage-text-bold, Arial, Helvetica, sans-serif;
  width: inherit;
  padding: 4px 8px !important;
}
#main .inner-panel .table tr td {
  border-bottom: 0.1rem solid #ccc;
  padding: 0.5rem;
}
#main .inner-panel .table tr td a {
  color: #008146;
  font-weight: 600;
}
#main .inner-panel .table tr td a.btn {
  font-size: 0.875rem;
}
#main .inner-panel .table tr td button[class^=quick-] {
  background: none;
  border: 0;
}
#main .inner-panel .table tr td.validate {
  color: #000;
}
#main .inner-panel .table tr td.validate span:after {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #000;
  content: "ν";
  padding-left: 5px;
  font-size: 0.9rem;
  padding-right: 0;
}
#main .inner-panel .table tr td.ElementConfig_row {
  border-bottom: 0px !important;
  border-top: none !important;
  text-align: left !important;
  white-space: initial !important;
}
@media screen and (max-width: 768px) {
  #main .inner-panel .table tr td {
    border-bottom: none;
    min-height: 3rem;
  }
}
#main .inner-panel .table tr td div.boolean-switch {
  display: inline-block;
  margin: 0.6rem 0;
}
#main .inner-panel .table tr td div.boolean-switch [type=checkbox], #main .inner-panel .table tr td div.boolean-switch [type=radio] {
  position: absolute;
  left: -1000rem;
}
#main .inner-panel .table tr td div.boolean-switch [type=checkbox]:checked + label, #main .inner-panel .table tr td div.boolean-switch [type=radio]:checked + label {
  background-color: #000000;
}
#main .inner-panel .table tr td div.boolean-switch [type=checkbox]:checked + label:before, #main .inner-panel .table tr td div.boolean-switch [type=radio]:checked + label:before {
  opacity: 1;
}
#main .inner-panel .table tr td div.boolean-switch [type=checkbox]:checked + label:after, #main .inner-panel .table tr td div.boolean-switch [type=radio]:checked + label:after {
  left: 1.4rem;
  background-color: #008146;
}
#main .inner-panel .table tr td div.boolean-switch [type=checkbox]:disabled + label, #main .inner-panel .table tr td div.boolean-switch [type=radio]:disabled + label {
  cursor: initial;
  opacity: 0.5;
}
#main .inner-panel .table tr td div.boolean-switch [type=checkbox] + label, #main .inner-panel .table tr td div.boolean-switch [type=radio] + label {
  display: block;
  position: relative;
  cursor: pointer;
  height: 1.2rem;
  width: 2.9rem;
  font-size: 0;
  padding: 0;
  border-radius: 0.6rem;
  background-color: #474747;
  transition: all 0.2s ease-out;
}
#main .inner-panel .table tr td div.boolean-switch [type=checkbox] + label:before, #main .inner-panel .table tr td div.boolean-switch [type=radio] + label:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0.2rem;
  height: 1.2rem;
  width: 1.2rem;
  background-image: url(/MonCompteSage/Ressources/Images/icones/boolean-switch.svg);
  background-size: 1.2rem auto;
  background-position: top;
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 0.2s ease-out;
}
#main .inner-panel .table tr td div.boolean-switch [type=checkbox] + label:after, #main .inner-panel .table tr td div.boolean-switch [type=radio] + label:after {
  display: block;
  content: "";
  position: absolute;
  left: -0.1rem;
  top: -0.2rem;
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  background-color: #ABABAB;
  box-shadow: 0 0.0133333rem 0.0266667rem rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease-out;
}
#main .inner-panel .table tr td.logo-clock {
  background-image: url(/MonCompteSage/Ressources/Images/Icones/clock.svg);
  background-repeat: no-repeat;
  background-position: center;
}
#main .inner-panel .table tr td.logo-admin {
  background-image: url(/MonCompteSage/Ressources/Images/Icones/admin.svg);
  background-repeat: no-repeat;
  background-position: center;
}
#main .inner-panel .table.normal tr td {
  font-size: 0.875rem;
  padding: 8px !important;
  line-height: 1.3em;
  /*div.boolean-switch {
      @include swith.boolean-switch;
      margin: 0.6rem 0;
  }*/
}
#main .inner-panel .table.normal tr td.admin {
  background: #edf0f7;
}
#main .inner-panel .nb-piece {
  font-size: 0.75rem;
  margin-top: 10px;
  margin-bottom: 20px;
}
#main .inner-panel .nb-piece span {
  font-weight: bold;
  font-size: 0.875rem;
}
#main .inner-panel .creditstracker {
  background-color: #fff;
  margin: 0 -3%;
  padding: 3%;
}
#main .inner-panel .creditstracker > p {
  padding-bottom: 20px;
}
#main .inner-panel .creditstracker .table {
  margin-bottom: 80px;
}
#main .inner-panel .creditstracker .table tbody td {
  background-color: inherit;
}
#main .inner-panel .creditstracker .table thead tr {
  border-bottom: 1px solid #ddd;
}
#main .inner-panel .creditstracker .creditsusage {
  max-height: 220px;
  max-width: 900px;
  float: right;
}
@media only screen and (max-width: 768px) {
  #main .inner-panel .creditstracker .creditsusage {
    float: none;
  }
}
@media only screen and (max-width: 768px) {
  #main .inner-panel .creditstracker .specific-table td {
    padding-left: 15% !important;
  }
  #main .inner-panel .creditstracker .specific-table td:before {
    width: initial;
    top: 10px;
    font-family: sage-text-bold, Arial, Helvetica, sans-serif;
  }
}
#main .inner-panel .infos-tableau {
  border-top: 1px solid #ddd;
  padding-top: 15px;
  margin-bottom: 30px;
}
#main .inner-panel .infos-tableau .Legende {
  margin-top: 5px;
  font-size: 0.5625rem;
  text-align: center;
}
#main .inner-panel .infos-tableau .Legende ul {
  padding: 0;
  margin: 0;
}
#main .inner-panel .infos-tableau .Legende ul li {
  float: left;
  width: 60px;
  list-style-type: none;
}
#main .inner-panel .infos-tableau .Legende ul li:before {
  content: none;
}
#main .inner-panel .infos-tableau .Pagination ul {
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
}
#main .inner-panel .infos-tableau .Pagination ul li {
  float: left;
}
#main .inner-panel .infos-tableau .Pagination ul li:before {
  content: none;
}
#main .inner-panel .infos-tableau .Pagination ul li a {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  font-size: 1rem;
  display: inline-block;
  margin-right: 5px;
  color: #4d4f53;
}
#main .inner-panel .infos-tableau .Pagination ul li a.firstpage:before {
  content: "«";
}
#main .inner-panel .infos-tableau .Pagination ul li a.prevpage:before {
  content: "<";
}
#main .inner-panel .infos-tableau .Pagination ul li a.nextpage:before {
  content: ">";
}
#main .inner-panel .infos-tableau .Pagination ul li a.lastpage:before {
  content: "»";
}
#main .inner-panel .infos-tableau .Pagination ul li a:hover {
  color: #41A940;
  text-decoration: none;
  cursor: pointer;
}
#main .inner-panel .infos-tableau .Pagination ul li.curpage {
  font-size: 0.875rem;
  padding-left: 10px;
  padding-right: 10px;
}
#main .inner-panel .infos-tableau .Pagination ul li.curpage:hover {
  cursor: default;
}
#main .inner-panel .infos-tableau .Pagination ul li:hover {
  cursor: pointer;
}
#main .inner-panel button[class^=quick-]:focus, #main .inner-panel button[class^=quick-]:hover, #main .inner-panel button[class^=quick-]:active {
  outline: none;
}
#main .inner-panel .quick-download, #main .inner-panel .quick-invoice {
  margin: 5px 0 5px 0;
}
#main .inner-panel .quick-download:before {
  content: "b";
}
#main .inner-panel .quick-invoice:before {
  content: "\ea20";
}
#main .inner-panel .quick-edit:before {
  content: "v";
}
#main .inner-panel .quick-edit:hover:before {
  color: #00DC00;
}
#main .inner-panel .quick-delete:before {
  content: "x";
  color: #ff1e00;
}
#main .inner-panel .quick-delete:after {
  content: "Effacer";
  font-size: 0.625rem;
  display: block;
  color: #ff1e00;
}
#main .inner-panel .quick-lock {
  outline: none;
}
#main .inner-panel .quick-lock:before {
  content: "D";
  color: #ff1e00;
}
#main .inner-panel .quick-lock:after {
  content: "Débloquer";
  font-size: 0.625rem;
  display: block;
  color: #ff1e00;
}
#main .inner-panel .quick-lock:hover:before {
  content: "\e040";
  color: #41A940;
}
#main .inner-panel .quick-lock:hover:after {
  color: #41A940;
}
#main .inner-panel .quick-lock.admin:before {
  color: grey;
}
#main .inner-panel .quick-lock.admin:after {
  content: "Administrateur connecté";
  color: grey;
}
#main .inner-panel .quick-lock.admin:hover:before {
  content: "D";
}
#main .inner-panel .quick-unlock {
  outline: none;
}
#main .inner-panel .quick-unlock:before {
  content: "\e040";
  color: #41A940;
}
#main .inner-panel .quick-unlock:after {
  content: "Bloquer";
  font-size: 0.625rem;
  display: block;
  color: #41A940;
  padding-top: 3px;
}
#main .inner-panel .quick-unlock:hover:before {
  content: "D";
  color: #ff1e00;
}
#main .inner-panel .quick-unlock:hover:after {
  color: #ff1e00;
}
#main .inner-panel .bill-contact .quick-lock,
#main .inner-panel .bill-contact .quick-unlock {
  cursor: not-allowed;
  color: #c3c3c3;
}
#main .inner-panel .bill-contact .quick-lock:before, #main .inner-panel .bill-contact .quick-lock:after,
#main .inner-panel .bill-contact .quick-unlock:before,
#main .inner-panel .bill-contact .quick-unlock:after {
  color: #c3c3c3;
}
#main .inner-panel .quick-pdf:before {
  content: "Y";
}
#main .inner-panel .quick-notif:before {
  content: "\e057";
}
#main .inner-panel .m-top-10 {
  margin-top: 10px;
}
#main .inner-panel .m-top-10 li {
  list-style: none;
}
#main .inner-panel .m-top-10 li:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  color: #41A940;
  padding-right: 5px;
  content: "\e034";
  font-size: 16px;
  vertical-align: bottom;
}
#main .inner-panel .blocs-aide {
  margin-bottom: 30px;
}
#main .inner-panel .blocs-aide h3, #main .inner-panel .blocs-aide h4 {
  color: #41A940;
  font-family: sage-text, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#main .inner-panel .blocs-aide h3 {
  margin-bottom: 3px;
  font-size: 0.875rem;
}
#main .inner-panel .blocs-aide h3 span[class^=quick] {
  margin: 0;
}
#main .inner-panel .blocs-aide h3 span[class^=quick]:before {
  font-size: 1rem;
}
#main .inner-panel .blocs-aide h4 {
  margin-top: 15px;
  margin-bottom: 6px;
}
#main .inner-panel .blocs-aide .aide-content {
  /*padding-left: 24px;
  padding-right: 24px;
  */
}
#main .inner-panel .blocs-aide .aide-content select {
  font-size: 0.875rem;
}

.row.modif-row {
  margin-left: -15px;
  margin-right: -15px;
}
.row.modif-col div[class^=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  #main .inner-panel .infos-tableau {
    text-align: center;
  }
}
#frmSendHelpProces p {
  padding: 10px 0;
}
#frmSendHelpProces textarea {
  min-height: 100px;
}

#ModalDelForm span[class^=quick-],
#ModalDelForm button[class^=quick-] {
  font-size: 0.875rem;
}
#ModalDelForm .validate {
  padding: 6px 12px 5px;
  font-size: 0.875rem;
  outline: none;
}
#ModalDelForm .cancel {
  display: inline-block;
}

#main .inner-panel .table.normal th {
  background-color: rgba(0, 0, 0, 0.04);
  vertical-align: top;
  padding: 10px 8px !important;
  border-bottom: 0.3rem solid #e0e0e0;
}

.form-group.radio-choice {
  max-width: 90%;
  margin: auto;
}

.product-box {
  min-height: 450px;
}

/** pour gerer les marges entre les articles ( blocs de contenu dans une pagee ) */
.bloc-content {
  padding-top: 30px;
}

#ModalContactFacture .quick-gestion {
  padding-left: 26px;
  margin-top: 20px;
}
#ModalContactFacture .mentions {
  padding-bottom: 20px;
}

.ElementConfig .chip {
  /*color: $color-positive;*/
  font-size: 0.625rem;
  line-height: 33px;
  margin: 0 7px 7px 0;
  vertical-align: top;
}
.ElementConfig .chip .chip_key,
.ElementConfig .chip .chip_value {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
  display: table-cell;
  line-height: initial;
  padding: 7px;
}

.except-desktop .ElementConfig {
  margin: 10px -8px 5px -8px;
}
.except-desktop .ElementConfig .chip {
  font-size: 0.75rem;
}

.panel .specific-table .except-desktop .ElementConfig {
  margin-left: 0;
}

.no-border-bottom {
  border-bottom: none !important;
}

.no-border-top {
  border-top: none !important;
}

@media screen and (min-width: 769px) {
  .except-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .only-desktop {
    display: none !important;
  }
  .panel .specific-table td.ElementConfig_row:before {
    background: none !important;
  }
}
/*RESPONSIVE.SCSS
 @author: Emmanuel Autin
 @last-update:  20/01/2017
 ----------------------------------------------------------------------------------------------/

 Styles pour les éléments responsives de la structure du site.

  -structure globale
  -tableaux en mode responsive pour chaque page (on cache des colonnes la majorité du temps)
  -Media queries : 
        - supérieur à 1024px 
        - inférieur à 1024 px (desktop)
        - spécifique entre 768px et 1024px de large 
        - spécifique en dessous de 768px de large
        - spécifique en dessous de 460px de large
        - spécifique en dessous de 400px de large
/*-------------------------------------------------------------------------------------------*/
/** pour que les font du menu lateral reste sur une ligne */
@media (min-width: 992px) and (max-width: 1164px) {
  .aside-menu ul li a {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  #cross-sell {
    max-height: 300px;
    position: relative;
    top: 37px;
  }
}
@media only screen and (max-width: 768px) {
  .displayOnDesktop {
    display: none;
  }
}
@media only screen and (max-width: 320px) {
  #main .inner-panel .quick-lock.admin:after {
    content: "Admin";
    color: grey;
  }
  #main .inner-panel .quick-unlock:after {
    content: "Bloquer";
    color: #41A940;
  }
}
@media only screen and (max-width: 992px) {
  #main .container #PiecesDetail td[data-name=menuContext] {
    display: block;
    text-align: right;
  }
  .aside-menu .info-product {
    display: block;
  }
  .aside-menu span {
    display: none;
  }
  .aside-menu span.titre {
    display: block;
    text-align: center;
  }
  #mod-blocs-products .container-product .titre,
  #mod-blocs-products .container-product .licence-abb {
    width: 100%;
  }
  .product-responsive {
    padding-bottom: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }
  #mod-blocs-products .container-product .licence-abb {
    font-size: 0.75rem;
  }
  #mod-blocs-products .container-product {
    min-height: 170px;
  }
  .aside-menu {
    position: relative;
    width: 100%;
  }
  #main {
    padding: 0;
    width: 100%;
  }
  div[class^=user] .row {
    margin: 0;
  }
  #main .table-responsive {
    margin-bottom: 0px !important;
  }
  #main .container .panel-date-factures.pull-right {
    float: none !important;
  }
  #main .container .panel-date-factures.pull-right span {
    margin: 0;
  }
  #main .container .panel-date-factures.pull-right .refresh {
    width: 100%;
    margin: 20px 0;
  }
  #main .container .panel-date-factures.pull-right .form-control.date-picker-jq.hasDatepicker {
    width: 100%;
    max-width: 100%;
  }
  #main .container .infos-tableau .legende-container {
    padding: 20px 0 !important;
    text-align: center;
  }
  #main .container .infos-tableau .legende-container .Legende ul li {
    display: inline-block;
    float: none;
  }
  #main .container .infos-tableau .pagination-container {
    padding: 20px 0 !important;
    text-align: center;
  }
  #main .container .infos-tableau .pagination-container .Pagination ul {
    text-align: center;
    float: none !important;
  }
  #main .container .infos-tableau .pagination-container .Pagination ul li {
    display: inline-block;
    float: none;
  }
  #main .container #Pieces {
    border: none;
  }
  #main .container #PiecesDetail tr {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
  }
  #main .container #PiecesDetail .picto {
    padding-top: 10px !important;
    width: 27px;
    overflow: hidden;
  }
  #main .container #PiecesDetail thead {
    display: none;
  }
  #main .container #PiecesDetail td {
    height: 60px;
    display: inline-block;
    vertical-align: top;
    border: 0px;
  }
  #main .container #PiecesDetail td[data-name=montantTTC] p:after {
    content: " TTC";
  }
  #main .container #PiecesDetail .reference {
    position: absolute;
    top: 20px;
    left: 28px;
    font-size: 75%;
    letter-spacing: 0.05em;
    opacity: 0.8;
    border: 0px !important;
  }
  #main .container #PiecesDetail .td-bt {
    float: right;
    padding-top: 11px !important;
  }
  #main .container #PiecesDetail .montant {
    font-weight: bold;
  }
  #main .container #PiecesDetail .two-img-container {
    display: block;
    position: relative;
    top: 9px;
  }
  #main .container #PiecesDetail .two-img-container img {
    display: block;
  }
  #main .container #PiecesDetail .two-img-container .arrow {
    position: absolute;
    bottom: 4px;
    left: -9px;
    z-index: 2;
    opacity: 0.7;
  }
  #main .container #PiecesDetail .two-img-container .icone {
    position: relative;
    top: -1px;
    left: 2px;
    z-index: 1;
    width: 17px;
  }
  #main #ModalDelFormTitle {
    font-size: 1rem;
    position: relative;
    top: 3px;
  }
  #main .table-responsive {
    border: 0;
  }
  #main .table.normal {
    border-top: 0 !important;
  }
  #main .table.normal thead {
    display: none;
  }
  #main .table.normal td[data-title=Nom] {
    max-width: 150px;
  }
  #main .table.normal td {
    font-size: 11px !important;
  }
  #main .table.normal td[data-title=sage-id], #main .table.normal td[data-title=sage-id-statut], #main .table.normal td[data-title=profil] {
    display: none;
  }
  footer {
    /*height: 506px;*/
  }
  footer .col-sm-12 {
    text-align: center;
  }
  footer .social-links {
    padding-bottom: 20px;
  }
  .encart-connexion .encart-modal.login {
    max-width: 100%;
  }
  #cross-sell .col-xs-12 {
    padding-bottom: 40px;
  }
  #cross-sell .carousel-inner .item .container .col-xs-12 {
    padding-bottom: 40px !important;
  }
  #cross-sell a.clearfix {
    box-shadow: none;
  }
  #cross-sell .fa-chevron-right, #cross-sell .fa-chevron-left {
    display: none;
  }
  #cross-sell .container .row {
    padding: 0;
    margin: 0;
  }
  #cross-sell .container .col-md-12, #cross-sell .container .col-xs-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #cross-sell .content-item {
    margin: auto;
  }
  #main div .inner-panel {
    padding: 10px !important;
  }
  .no-mobile {
    display: none;
  }
  .mod-list-products .arrow {
    width: 100%;
  }
  .aside-menu {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    float: none;
    position: relative;
  }
  .aside-menu .info-product, .aside-menu #profile-aside {
    display: none;
    width: 100%;
  }
  .aside-menu .info-product .circle, .aside-menu #profile-aside .circle {
    margin-bottom: 60px;
  }
  .aside-menu .info-product span, .aside-menu #profile-aside span {
    font-size: 0.75rem;
  }
  .aside-menu ul {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
  }
  .aside-menu ul li {
    display: inline-block;
    text-align: center;
    padding: 0;
    width: 33%;
  }
  .aside-menu ul li:before {
    display: none;
  }
  .aside-menu ul li a {
    width: 100%;
    display: block;
    font-size: 1rem;
  }
  #main {
    float: none;
    display: block;
    width: 100%;
  }
  #main:after {
    height: 520px;
  }
  header {
    background-color: #3c424f;
    /*height: 60px;*/
    /*img {
        max-width: 50px;
    }*/
  }
  header .header-sage-logo {
    width: 40px !important;
    height: 30px !important;
  }
  header .header-container .encart-contact {
    top: 0;
    display: none;
  }
  header .header-container .contact-link {
    background-color: #3c424f;
    height: 60px;
  }
  header .header-container .contact-link .quick-contact:before {
    padding: 0;
  }
  .assistance-block .inside-bloc {
    display: block;
    width: 100%;
    float: none;
  }
  #mod-blocs-products .first h1 {
    display: none;
  }
  #mod-blocs-products .first .intro {
    font-size: 16px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .product-responsive {
    padding-bottom: 40px;
  }
  #mod-blocs-products .container-product .licence-abb {
    font-size: 0.75rem;
  }
  /*.encart-connexion {
      .encart-modal {
          max-width: 50%;
      }
  }*/
}
@media only screen and (max-width: 768px) {
  #main .inner-panel .blocs-aide .aide-content .telephone p {
    font-size: 0.75rem;
  }
  header .header-container .contact-link a.no-logged span:before {
    font-size: 1.375rem;
  }
  #main .container-fluid.structure {
    padding-top: 20px !important;
  }
  #main .container {
    position: relative;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #main .container .row {
    max-width: 100%;
    margin: 0;
    position: relative;
  }
  #main .container .row .col-xs-12, #main .container .row .col-sm-12, #main .container .row .col-md-12, #main .container .row .col-lg-12, #main .container .row .col-md-6 {
    padding: 0 !important;
  }
  #main .product-box.notification p {
    line-height: 30px;
  }
  /*Specific table responsive */
  .specific-table caption {
    display: block;
    width: 100%;
  }
  .specific-table table,
  .specific-table thead,
  .specific-table tbody,
  .specific-table th,
  .specific-table td,
  .specific-table tr {
    display: block;
  }
  .specific-table thead {
    display: none;
  }
  .specific-table td {
    position: relative;
    border: 0px solid transparent;
    padding-left: 50% !important;
    white-space: normal;
    text-align: right;
  }
  .specific-table td:before {
    content: attr(data-title);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 45%;
    padding-right: 15px;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    text-align: left;
    padding: 2px;
    font-size: 13px;
  }
  .panel .specific-table td:before {
    background: #fff;
    padding-left: 5px;
  }
  .assistance .specific-table td {
    text-align: left;
    padding-bottom: 1rem !important;
    margin-bottom: 1rem !important;
    display: block;
    white-space: initial !important;
    width: 100% !important;
  }
  .assistance .specific-table td:before {
    font-weight: bold;
    display: block;
    height: 20px;
    background-color: none;
    width: 100%;
    position: relative !important;
    display: block;
    margin: 5px 0px;
  }
}
@media only screen and (max-width: 576px) {
  .encart-connexion .encart-modal {
    max-width: 100%;
  }
  .encart-modal.login a {
    font-size: 0.875rem;
  }
  #bntVerifyEmailSSO {
    font-size: 0.75rem;
  }
}
@media (max-width: 400px) {
  #cross-sell .carousel a.clearfix .content-item {
    top: 125px;
  }
  td:before {
    width: 25%;
    font-size: 10px;
  }
  a.dropdown-toggle {
    font-size: 0.75rem;
  }
}
td[data-title="Prix public"],
td[data-title="Mon prix"],
td[data-title=Supprimer],
td[data-title=Quantité] input,
.myPrice {
  text-align: right;
}

/** pour la modale de formulaire contact gestion accès*/
@media (max-width: 993px) {
  label[for=contact-profil] {
    padding-left: 15px;
  }
  label[for=contact-civ] {
    padding-left: 16px;
  }
  .form-group.radio-choice {
    position: relative;
    left: 13px;
    bottom: 6px;
  }
}
/*@import "bootstrap-variables";*/
button[class^=btn] {
  transition: all ease-in-out 0.4s;
}
button[class^=btn]:active, button[class^=btn]:focus, button[class^=btn]:visited {
  outline: 0;
  color: #fff;
}

button[class^=btn-] span:after, a[class^=btn-] span:after {
  padding-left: 5px;
}

button[class^=btn-].large {
  width: 100%;
}

.confirm:before, button[value=valider]:before, input[value=valider]:before {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  content: "0";
  padding-right: 5px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .radio label:after, .checkbox label:after, .radio-inline label:after, .checkbox-inline label:after {
    background-image: url(/MonCompteSage/Ressources/Images/Icones/sprite_form.png) no-repeat, -3px -31px;
  }
}
.radio-inline,
.checkbox-inline {
  margin-bottom: 10px;
}

#main .custom-modal h1 {
  border: 0;
}

.response-box.msg.msg-error p {
  padding: 10px;
  font-weight: bold;
  color: red;
}
.response-box.msg.msg-error:before {
  content: none !important;
}

.user-admin-add-user .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px;
  min-width: 250px;
}
.user-admin-add-user .btn-group .btn {
  margin: 0;
  min-width: 0;
  float: left;
  width: 50%;
}
.user-admin-add-user .edit-only {
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  background: none;
  transition: all 0.3s;
}
.user-admin-add-user .edit-only:before {
  content: "v";
  color: #41A940;
  font-size: 2.3125rem;
  background: none;
}
.user-admin-add-user .edit-only:focus {
  outline: none !important;
}
.user-admin-add-user .edit-only:hover:before {
  color: #ED1C5F;
}
.user-admin-add-user .delete-only {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
  display: inline-block;
  background: none;
  width: 40%;
  transition: all 0.3s;
}
.user-admin-add-user .delete-only:before {
  content: "x";
  font-size: 2.5rem;
  color: #41A940;
}
.user-admin-add-user .delete-only:focus {
  outline: none;
}
.user-admin-add-user .delete-only:hover:before {
  color: #ED1C5F;
}
.user-admin-add-user .no-info {
  color: #ED1C5F;
}

.form-success {
  border-color: #38c72a;
  border-color: #2c9d21;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7fe275;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7fe275;
}

.form-error {
  border-color: #ff1e00 !important;
}
.form-error:focus {
  border-color: #cc1800 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff7866 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff7866 !important;
}

.form-error-msg {
  color: red;
}

.form-control:focus:before {
  display: none;
}

.bubble.form-validation {
  background: #2a3456;
  color: #ffffff;
  width: 70%;
  padding: 8px 10px;
  min-height: 33px;
  font-size: 0.75rem;
  margin: 4px 0 0;
  line-height: 1.35;
  opacity: 0.9;
}
.bubble.form-validation:before {
  position: relative;
  top: -30px;
  left: 10px;
  content: "";
  width: 14px;
  height: 14px;
  border: 7px solid #2a3456;
  border-color: transparent transparent #2a3456 transparent;
}
.alert ul {
  padding-left: 0;
}
.alert ul li {
  list-style: none;
}

.mentions-form {
  padding-top: 20px;
}

.response-box .msg {
  margin: 0 0 20px;
  position: relative;
  padding: 0 0 0 50px;
  background-color: #4d4f53;
}
.response-box .msg:before {
  content: "0";
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 0;
  left: 0;
  width: 50px;
  height: 52px;
  display: block;
  position: absolute;
  background: #38c72a;
  font: 300 32px/1 Armonye;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
}
.response-box .msg .heading {
  background-color: #4d4f53;
  color: #fff;
  padding: 16px;
  margin: 0 0 10px 0;
  text-align: left;
  min-height: 52px;
}
.response-box .msg .heading ul {
  padding: 0;
  margin-bottom: 0;
}
.response-box .msg .heading ul li {
  list-style: none;
}
.response-box .msg.msg-warning:before {
  content: "!";
  background-color: #ff5400;
}
.response-box .msg.msg-info:before {
  content: "I";
  background-color: #00a4cf;
}
.response-box .msg.msg-error:before {
  content: "ø";
  background-color: #ff1e00;
}

a[class*=bouton] {
  transition: all 0.3s ease-out;
  padding: 10px;
  margin: 10px;
}

.bouton-rose {
  background: #ED1C5F;
  color: #fff;
  width: 180px;
}

.btn-large {
  width: 60%;
  font-family: sage-text, Arial, Helvetica, sans-serif;
  font-size: 1rem;
}

.bouton-rose.btn-large {
  width: 60%;
  font-family: sage-text, Arial, Helvetica, sans-serif;
  font-size: 1rem;
}
.bouton-rose.btn-large span {
  font-family: sage-text-bold, Arial, Helvetica, sans-serif;
}

.discret {
  color: #74756e;
}
.discret:hover {
  color: #74756e;
  text-decoration: underline;
}

.bouton-rose:hover {
  background: #c6104a;
  color: #fff;
}

.form-horizontal .form-group {
  margin: 0 0 15px 0;
}

.disableLink.false {
  pointer-events: none;
  cursor: default;
  color: #ccc;
  text-decoration: none;
}

/*@import "bootstrap-variables";*/
/*SELECTRON.SCSS
 @author: Emmanuel Autin
 @last-update:  20/01/2017
 ----------------------------------------------------------------------------------------------/

 Cette feuille de style incorpore tous les styles liés au select produit. Le select natif est transformé en liste UL
 et les styles sont appliqués. 
 Lié au plugin javascript selectron.js :/Content/bowerComponents/selectron/dist/selectron.js

/*-------------------------------------------------------------------------------------------*/
.selectron {
  color: #666;
  display: inline-block;
  font-family: sans-serif;
  font-size: 0.8125rem;
  max-width: 400px;
  min-width: 200px;
  position: relative;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 0px 0px;
}

.selectronselect {
  display: none;
}

.selectron--disabled {
  opacity: 0.5;
}

.selectron--is-touch .selectron__select {
  color: #666;
  font-family: sage-text, Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  height: 100%;
  padding: 17px 50px 18px 18px;
  visibility: visible;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.selectron__select {
  background-color: transparent;
  border: none;
  height: 0;
  left: 0;
  outline: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 0;
}

.selectron--is-touch,
.selectron__trigger {
  background-color: #fff;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
  color: #b3b3b3;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 0.8125rem;
  height: 50px;
  line-height: 1.2;
  outline: none;
  overflow: hidden;
  padding: 17px 50px 18px 18px;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  transition: background, 0.3s;
}
.selectron--is-touch:hover,
.selectron__trigger:hover {
  background: #f2f2f2;
}

.selectron--is-touch::-moz-focus-inner,
.selectron__trigger::-moz-focus-inner {
  border: none;
}

.selectron--is-touch--is-filled,
.selectron__trigger--is-filled {
  color: #666;
}

.selectron--is-touch--is-open,
.selectron__trigger--is-open {
  border-color: #999;
  border-radius: 0;
  color: #666;
}

.selectron--is-touch--is-overflowing,
.selectron__trigger--is-overflowing {
  border-radius: 0;
}

.selectron--is-touch:focus,
.selectron__trigger:focus {
  border-color: #999;
}

.selectron--is-touch:before,
.selectron__trigger:before {
  content: "";
  border-bottom: 2px solid #2e3456;
  border-left: 2px solid #2e3456;
  height: 10px;
  border-radius: 0;
  width: 10px;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -1px;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  -ms-transform: rotate(-45deg) translate(50%, -50%);
  -o-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
}

.selectron__search {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  box-sizing: border-box;
  color: #666;
  font-family: sans-serif;
  font-size: 0.8125rem;
  height: 45px;
  left: 0;
  opacity: 0;
  outline: none;
  padding: 14px 18px 14px 18px;
  position: absolute;
  top: 100%;
  visibility: hidden;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.selectron__search + .selectron__options {
  top: calc(100% + 45px);
}

.selectron__search--is-open {
  opacity: 1;
  visibility: visible;
}

.selectron__options {
  background-color: #fff;
  border-radius: 0;
  border-top: none;
  box-sizing: border-box;
  left: 0;
  list-style: none;
  margin: 0;
  max-height: 200px;
  opacity: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  visibility: hidden;
  width: 100%;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 0px 0px;
}

.selectron__options--is-open {
  opacity: 1;
  visibility: visible;
}

.selectron__options--is-overflowing {
  border-bottom: none;
  border-radius: 0;
  border-top: 1px solid #999;
  bottom: 100%;
  top: auto;
}

.selectron__option {
  cursor: pointer;
  line-height: 1.2;
  overflow: hidden;
  padding: 13px 18px 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selectron__option--optgroup {
  padding: 13px 18px 14px 28px;
}

.selectron__option--is-selected {
  background-color: transparent;
  color: #2e3456;
}

.selectron__option--is-disabled,
.selectron__option[data-value=""] {
  color: #ccc;
}

.selectron__option--is-hidden {
  display: none;
}

.selectron__option--is-hovered {
  background-color: #2e3456;
  color: #fff !important;
}

.selectron__no-results {
  line-height: 1.2;
  padding: 13px 18px 14px;
}

.selectron__option-group {
  color: #999;
  cursor: default;
  padding: 13px 18px 14px;
}

.selectron__icon {
  display: inline-block;
  margin: 0 10px 0px 0;
  max-width: 50px;
  vertical-align: middle;
}

.selectron--block .selectron__trigger:before {
  background-color: #f10c48;
  border: none;
  height: 100%;
  margin: 0;
  right: 0;
  top: 0;
  width: 50px;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.selectron--block .selectron__trigger:after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  right: 20px;
}

.selectron--dark {
  color: #fff;
}

.selectron--dark .selectron__trigger {
  background-color: #363636;
  border: none;
  color: #666;
}

.selectron--dark .selectron__trigger--is-filled {
  color: #fff;
}

.selectron--dark .selectron__trigger--is-open {
  background-color: #434343;
  color: #fff;
}

.selectron--dark .selectron__trigger:focus {
  background-color: #434343;
}

.selectron--dark .selectron__options {
  background-color: #363636;
  border: none;
}

.selectron--dark .selectron__option[data-value=""] {
  color: #666;
}

.selectron--dark .selectron__option--is-hovered,
.selectron--dark .selectron__option:hover {
  color: #fff;
}

/*@import "bootstrap-variables";*/
.menu-user .dropdown a.dropdown-toggle {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (min-width: 992px) {
  .menu-user .dropdown a.dropdown-toggle {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    color: #fff;
  }
  .menu-user .dropdown a.dropdown-toggle:hover, .menu-user .dropdown a.dropdown-toggle:active {
    text-decoration: none;
  }
  .menu-user .dropdown .fa.fa-angle-down {
    padding-left: 10px;
    font-size: 1.375rem;
    padding-left: 2px;
    position: relative;
    top: 2px;
  }
}
@media (max-width: 992px) {
  .menu-user .dropdown-menu {
    height: 100%;
    z-index: 11;
    width: 0;
    min-width: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    overflow-x: hidden;
    transition: width 0.3s ease;
    border-radius: 0;
  }
  .menu-user .dropdown-menu li:active {
    background-color: initial;
  }
  .menu-user .dropdown-menu li.identities {
    line-height: initial;
    color: #fff;
    text-align: center;
    font-family: "sage_ui-regular";
  }
  .menu-user .dropdown-menu li.identities:hover {
    background-color: initial;
  }
  .menu-user .dropdown-menu li.inactive:hover {
    background-color: initial;
  }
  .menu-user .dropdown-menu li a {
    width: 100%;
    display: block;
    font-size: 1rem;
    text-decoration: none;
    line-height: 60px;
    text-align: center;
    color: #fff;
    transition: all 0.3s ease-in-out;
    padding: 0 0 0 10px;
  }
  .menu-user .dropdown-menu li a:hover {
    color: #51534A;
  }
  .menu-user .dropdown-menu li.close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 60px;
  }
  .menu-user .dropdown-menu li.close a {
    padding-right: 10px;
    font-size: 1.875rem;
    color: #fff;
  }
  .menu-user .dropdown-menu li.close a:hover {
    background: none;
  }
  .menu-user .dropdown.mobile-device {
    left: 15px;
    position: absolute;
    top: 0;
  }
  .menu-user .dropdown.mobile-device a.dropdown-toggle {
    text-align: left;
    padding: 0;
    margin: 0;
    color: #0077C8;
    position: relative;
    top: 10px;
    text-decoration: none;
  }
  .menu-user .dropdown.mobile-device a.dropdown-toggle:before {
    content: "Ξ";
    font-size: 1.5625rem;
    color: #fff;
    text-rendering: optimizeLegibility !important;
    font-smoothing: antialiased !important;
  }
  .menu-user .dropdown.mobile-device a.dropdown-toggle:hover {
    text-decoration: none;
  }
  .menu-user .dropdown.mobile-device a.dropdown-toggle:hover:before {
    color: #fff !important;
    text-decoration: none;
  }
  .menu-user .dropdown.mobile-device a.dropdown-toggle:active, .menu-user .dropdown.mobile-device a.dropdown-toggle:focus, .menu-user .dropdown.mobile-device a.dropdown-toggle:visited {
    text-decoration: none;
    outline: 0;
  }
}
@media (max-width: 400px) {
  .menu-user a.dropdown-toggle {
    font-size: 0.6875rem;
  }
}
a.nav-link,
.dropdown-item {
  color: #000;
}
a.nav-link.alert,
.dropdown-item.alert {
  color: #8e8a86;
}
a.nav-link:active,
.dropdown-item:active {
  background-color: initial;
}
a.nav-link hr,
.dropdown-item hr {
  color: #ebedef;
  margin: 0;
}
a.nav-link a,
.dropdown-item a {
  text-decoration: none;
}
a.nav-link a:hover, a.nav-link a:active, a.nav-link a:focus,
.dropdown-item a:hover,
.dropdown-item a:active,
.dropdown-item a:focus {
  text-decoration: none;
}

/******************************* LEFT MENU ***********************************/
.aside-menu {
  width: 290px;
  background: #262626;
}
@media only screen and (max-width: 992px) {
  .aside-menu {
    display: none;
  }
}
.aside-menu ul {
  padding: 10px 0 0 0;
  margin: 0;
}
.aside-menu ul li {
  list-style-type: none;
  height: 50px;
  line-height: 50px;
  color: #FFFFFF;
  transition: background linear 0.3s;
}
.aside-menu ul li:before {
  font-family: Armonye;
  content: "\e034";
  font-size: 0.875rem;
  color: #fff;
}
.aside-menu ul li:hover {
  background: #008146;
}
.aside-menu ul li:hover::before {
  color: #fff;
}
.aside-menu ul li.active {
  background: #262626;
}
.aside-menu ul li.active:before {
  color: #fff;
}
.aside-menu ul li a {
  cursor: pointer;
  color: #fff;
}
.aside-menu ul li a:hover {
  color: #fff;
  text-decoration: none;
}
.aside-menu .aside-menu-summary {
  width: 290px;
  padding: 20px 0 20px 15px;
  border-bottom: 1px solid rgb(114.5, 114.5, 114.5);
}
.aside-menu .aside-menu-summary span {
  display: block;
  color: #fff;
  font-family: sage-text, Arial, Helvetica, sans-serif;
}
.aside-menu .aside-menu-summary .titre {
  font-family: "sage-text-medium";
  padding-bottom: 5px;
}

/*APP-MOBILE.SCSS
@author: Emmanuel Autin
@last-update:  20/02/2017
----------------------------------------------------------------------------------------------/

 Pour les vues HTML intégrées dans l'app mobile.

------------------------------------------------------------------------------------------- */
.app-mobile #breadcrumb {
  display: none;
}
.app-mobile .wrapper {
  background: none;
  border: none;
}
.app-mobile #header {
  display: none;
}
.app-mobile #profile-aside ~ .menu {
  display: none;
}
.app-mobile #footer {
  display: none;
}
.app-mobile .mod-list-products {
  display: none;
}
.app-mobile #cross-sell {
  display: none;
}
.app-mobile .aside-menu {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  float: none;
  position: relative;
}
.app-mobile .aside-menu .info-product, .app-mobile .aside-menu #profile-aside {
  display: none;
  width: 100%;
}
.app-mobile .aside-menu .info-product .circle, .app-mobile .aside-menu #profile-aside .circle {
  margin-bottom: 60px;
}
.app-mobile .aside-menu .info-product span, .app-mobile .aside-menu #profile-aside span {
  font-size: 0.6875rem;
}
.app-mobile .aside-menu ul {
  display: inline-block;
  width: 100%;
}
.app-mobile .aside-menu ul li {
  display: block;
  text-align: center;
  padding: 0;
}
.app-mobile .aside-menu ul li:before {
  display: none;
}
.app-mobile .aside-menu ul li a {
  width: 100%;
  display: block;
  font-size: 1rem;
}
.app-mobile .product-menu li {
  display: inline-block;
}
.app-mobile .product-menu li.specific {
  width: 33.33%;
  float: left;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
.app-mobile .product-menu li.specific a {
  width: 100%;
  text-align: center;
  font-size: 13px;
}

.LAF-download-page {
  background-color: #fff;
  color: #232323;
  font-family: "roboto", sans-serif;
}
.LAF-download-page h1 {
  color: #fff;
  font-family: "sage_ui-regular", sans-serif;
  font-size: 1.375rem;
  font-weight: bold;
  position: relative;
  top: -2.75em;
}
.LAF-download-page h2,
.LAF-download-page h3 {
  font-family: "roboto-slab", sans-serif !important;
}
.LAF-download-page h2 {
  font-size: 1.375rem;
  margin-bottom: 2rem;
}
.LAF-download-page h3 {
  color: #0C4A85;
  font-size: 1.375rem;
  margin: 1rem 0;
}
.LAF-download-page h4 {
  font-size: 3em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.LAF-download-page hr {
  border-color: rgba(0, 0, 0, 0.2);
  margin-top: 15px;
}
.LAF-download-page p {
  font-size: 1.25rem;
  line-height: 1.6rem;
}
.LAF-download-page #header,
.LAF-download-page #footer,
.LAF-download-page #section,
.LAF-download-page .article {
  clear: both;
  float: none;
}
.LAF-download-page #brand-overlay {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 15px 30px 10px 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.LAF-download-page #brand-overlay img.logo {
  width: 6.53%;
}
.LAF-download-page footer,
.LAF-download-page #footer {
  background: none;
  margin-top: 2em;
  min-height: 210px;
}
.LAF-download-page footer a:link,
.LAF-download-page footer .bottomlinks,
.LAF-download-page #footer a:link,
.LAF-download-page #footer .bottomlinks {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.625rem;
  text-decoration: none;
}
.LAF-download-page footer .bottomlinks a:hover,
.LAF-download-page #footer .bottomlinks a:hover {
  text-decoration: underline;
}
.LAF-download-page footer .fa,
.LAF-download-page #footer .fa {
  display: block;
  font-size: 1.25rem;
  padding: 0;
  position: relative;
  text-align: center;
  top: 6px;
}
.LAF-download-page footer .wrapped,
.LAF-download-page #footer .wrapped {
  width: 100%;
}
.LAF-download-page #section {
  margin-top: 2.5em;
}
.LAF-download-page .article.lightblue {
  background-color: #F4F9FF;
  padding: 5em 0;
}
.LAF-download-page .article.lightblue .wrapped p {
  margin-left: auto;
  margin-right: auto;
  max-width: 43em;
}
.LAF-download-page .article a,
.LAF-download-page .article ul {
  font-size: 1.25rem;
}
.LAF-download-page .article a {
  font-weight: bold;
}
.LAF-download-page .article a.cta-button {
  background: #A20067;
  background: -moz-linear-gradient(270deg, #EF7CCE 0%, #A20067 100%);
  background: -o-linear-gradient(270deg, #EF7CCE 0%, #A20067 100%);
  background: -webkit-linear-gradient(270deg, #EF7CCE 0%, #A20067 100%);
  background: linear-gradient(270deg, #EF7CCE 0%, #A20067 100%);
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  margin: 2.5em 0 3em 0;
  padding: 0.4em 0.5em 0.4em 1em;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.LAF-download-page .article a.cta-button:hover {
  opacity: 0.7;
  text-decoration: none;
}
.LAF-download-page .article a.cta-button:after {
  color: #fff;
  content: ">";
  font-family: Armonye;
  font-size: 2rem;
  font-style: normal;
  font-weight: 100;
  padding-left: 0.5em;
  vertical-align: middle;
}
.LAF-download-page .article .linked-bullets-list {
  border-left: 3px solid #A4D2DE;
  left: 11px;
  margin-top: 1.5em;
  position: relative;
}
.LAF-download-page .article .linked-bullets-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.LAF-download-page .article .linked-bullets-list ul li {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
  position: relative;
}
.LAF-download-page .article .linked-bullets-list ul li:last-child {
  margin-bottom: 0;
}
.LAF-download-page .article .linked-bullets-list ul li span {
  background-color: #0C4A85;
  border: 3px solid white;
  border-radius: 50px;
  display: block;
  height: 34px;
  position: absolute;
  width: 34px;
  left: -18px;
  top: -3px;
}
.LAF-download-page .article .linked-bullets-list ul li span:before {
  color: #fff;
  content: "→";
  font-family: Armonye;
  font-size: 0.75rem;
  left: 8px;
  position: relative;
  top: 0px;
}
.LAF-download-page .badge { /*see class in badges.scss*/
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
  /*background-size: 316px 316px;*/
  background-size: 250px 250px;
  border-radius: 0;
  /*color: white;*/
  /*display: inline-block;*/
  /*height: 316px;*/
  height: 250px;
  margin: 1em;
  padding: 2em 1.4em 3em 1.4em;
  text-align: left;
  /*vertical-align: top;*/
  /*width: 316px;*/
  white-space: normal;
  width: 250px;
}
.LAF-download-page .badge.badge-blue {
  background-image: url(/MonCompteSage/Ressources/Images/LAF/badge-blue.png);
}
.LAF-download-page .badge.badge-purple {
  background-image: url(/MonCompteSage/Ressources/Images/LAF/badge-purple.png);
}
.LAF-download-page .badge.badge-violet {
  background-image: url(/MonCompteSage/Ressources/Images/LAF/badge-violet.png);
}
.LAF-download-page .badge span {
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5;
}
.LAF-download-page .centered {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.LAF-download-page .column {
  width: 50%;
}
.LAF-download-page .column.left {
  float: left;
  padding-right: 1em;
}
.LAF-download-page .column.right {
  float: right;
  padding-left: 6em;
  position: relative;
  top: -11px;
}
.LAF-download-page .fl-left {
  float: left;
}
.LAF-download-page .fl-right {
  float: right;
}
.LAF-download-page .full-width {
  width: 100%;
}
.LAF-download-page .social-networking .social-button {
  background-color: #3C424F;
  border-radius: 100px;
  display: inline-block;
  height: 40px;
  margin: 10px;
  width: 40px;
}
.LAF-download-page .text.lightgray {
  color: rgba(0, 0, 0, 0.54);
}
.LAF-download-page .wrapped {
  display: table;
  margin-left: auto;
  margin-right: auto;
  max-width: 83em;
  padding: 0 4em;
}

@media only screen and (max-width: 1200px) {
  .LAF-download-page .column.right {
    padding-left: 5em;
  }
}
@media only screen and (max-width: 1024px) {
  .LAF-download-page h1 {
    font-size: 1.375rem;
    padding: 0 1em;
  }
  .LAF-download-page footer,
  .LAF-download-page #footer {
    height: auto;
  }
  .LAF-download-page .badge {
    background-size: 220px 220px;
    height: 220px;
    padding: 1.5em 0.9em 2.5em 0.9em;
    width: 220px;
  }
  .LAF-download-page .column.right {
    padding-left: 2em;
  }
}
@media only screen and (max-width: 960px) {
  .LAF-download-page h4 {
    font-size: 2em;
  }
  .LAF-download-page .article a {
    font-size: 1rem;
  }
  .LAF-download-page .article a.cta-button:after {
    font-size: 1.375rem;
    padding-left: 0;
  }
  .LAF-download-page .badge {
    background-size: 180px 180px;
    height: 180px;
    width: 180px;
  }
}
@media only screen and (max-width: 768px) {
  .LAF-download-page h1 {
    font-size: 1.25rem;
    top: -2.75em;
  }
  .LAF-download-page h2 {
    font-size: 1.25rem;
  }
  .LAF-download-page h3 {
    text-align: center;
  }
  .LAF-download-page #header img.full-width {
    margin-top: 65px;
  }
  .LAF-download-page footer .fl-left,
  .LAF-download-page footer .fl-right,
  .LAF-download-page #footer .fl-left,
  .LAF-download-page #footer .fl-right {
    float: none;
    text-align: center;
  }
  .LAF-download-page footer .fl-left span,
  .LAF-download-page footer .fl-right span,
  .LAF-download-page #footer .fl-left span,
  .LAF-download-page #footer .fl-right span {
    display: block;
    margin: 0.5em 0;
  }
  .LAF-download-page footer .fl-left span.separator,
  .LAF-download-page footer .fl-right span.separator,
  .LAF-download-page #footer .fl-left span.separator,
  .LAF-download-page #footer .fl-right span.separator {
    display: none;
  }
  .LAF-download-page footer .logo,
  .LAF-download-page #footer .logo {
    padding-top: 1.5em;
  }
  .LAF-download-page #brand-overlay {
    background-color: #fff;
  }
  .LAF-download-page #brand-overlay img.logo {
    width: 106px;
  }
  .LAF-download-page #cta-download {
    text-align: center;
  }
  .LAF-download-page .article.lightblue {
    padding: 3em 0;
  }
  .LAF-download-page .article .linked-bullets-list {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
  .LAF-download-page .badge {
    background-size: 100% 180px;
    margin: 1em 0;
    text-align: center;
    width: 100%;
  }
  .LAF-download-page .column.left {
    display: none;
  }
  .LAF-download-page .column.right {
    padding-left: 0;
    width: 100%;
  }
  .LAF-download-page .column.right h2 {
    text-align: center;
  }
  .LAF-download-page .wrapped {
    padding: 0 2em;
  }
}
@media only screen and (max-width: 460px) {
  .LAF-download-page #section {
    margin-top: 0;
  }
  .LAF-download-page .article a {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 400px) {
  .LAF-download-page footer .social-networking .social-button,
  .LAF-download-page #footer .social-networking .social-button {
    margin: 10px 5px;
  }
  .LAF-download-page footer .social-networking .social-button:first-child,
  .LAF-download-page #footer .social-networking .social-button:first-child {
    margin-left: 0;
  }
  .LAF-download-page footer .social-networking .social-button:last-child,
  .LAF-download-page #footer .social-networking .social-button:last-child {
    margin-right: 0;
  }
  .LAF-download-page .wrapped {
    padding: 0 1em;
  }
}
@media only screen and (max-width: 576px) {
  #st-search-standalone {
    display: none;
  }
}
#st-search-standalone p.title.search-title {
  display: none;
}
#st-search-standalone div.grid.search-bar-container {
  display: inline-flex;
  position: relative;
  width: 100%;
  font-size: 0.875rem;
}
#st-search-standalone div.grid.search-bar-container:before {
  position: absolute;
  top: 9px;
  /*left: 15px;*/
  right: 15px;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f002";
  color: #003349;
  font-size: 0.875rem;
}
@media only screen and (max-width: 992px) {
  #st-search-standalone div.grid.search-bar-container:before {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  #st-search-standalone div.grid.search-bar-container:before {
    left: initial;
    right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #st-search-standalone div.grid.search-bar-container {
    display: none;
  }
}
#st-search-standalone input[type=text].autocomplete-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*border: 1px solid #000;*/ /*border: 1px solid #fff;*/
  border-radius: 0;
  outline: 0;
  height: 28px;
  width: 100%;
  border: 0; /*  border: 1;*/
  padding: 0px 0px 0px 10px;
  /*color: #fff;*/
  line-height: 1;
  letter-spacing: 0;
  /*background-color: #000;*/
  background-color: #fff;
  /* background-color: #b2bbbb; */ /* mettre en gris ainsi on voit la loupe*/
}
#st-search-standalone input[type=text].autocomplete-input:focus::placeholder {
  color: transparent;
}
@media only screen and (max-width: 992px) {
  #st-search-standalone input[type=text].autocomplete-input {
    height: 36px;
    padding: 0px 0px 0px 34px;
  }
}
@media only screen and (max-width: 768px) {
  #st-search-standalone input[type=text].autocomplete-input {
    padding: 0 0 0 10px;
  }
}
#st-search-standalone div.search-bar-input-wrapper {
  flex-grow: 1;
}
#st-search-standalone div.search-bar-button-wrapper {
  position: relative;
  display: none;
}
@media only screen and (max-width: 768px) {
  #st-search-standalone div.search-bar-button-wrapper:before {
    position: absolute;
    top: 9px;
    left: 15px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002";
    color: #fff;
    font-size: 0.875rem;
  }
}
#st-search-standalone div.search-bar-button-wrapper input[type=submit].search-bar-button, #st-search-standalone div.search-bar-button-wrapper input[type=button].search-bar-button {
  display: none;
  padding: 0;
  width: 144px;
  height: 39px;
  color: #fff;
  /*font-weight: 700;*/
  line-height: 1.5;
  letter-spacing: 0;
  background-color: #00a376;
  border: none;
  text-align: center;
  margin-left: 0;
  border-radius: 0;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  #st-search-standalone div.search-bar-button-wrapper input[type=submit].search-bar-button, #st-search-standalone div.search-bar-button-wrapper input[type=button].search-bar-button {
    height: 36px;
  }
}
@media only screen and (max-width: 768px) {
  #st-search-standalone div.search-bar-button-wrapper input[type=submit].search-bar-button, #st-search-standalone div.search-bar-button-wrapper input[type=button].search-bar-button {
    font-size: 0;
    width: 50px;
  }
}
#st-search-standalone div.search-bar-button-wrapper input[type=submit].search-bar-button.fakeButton, #st-search-standalone div.search-bar-button-wrapper input[type=button].search-bar-button.fakeButton {
  position: absolute;
}
#st-search-standalone div.suggestion-list-wrapper {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  margin-top: 0px;
  border-radius: 0;
  border: 0;
  padding: 0 15px;
  box-shadow: 0 42px 54px 0 rgba(19, 22, 22, 0.16);
  z-index: 99;
  background-color: #fff;
  max-height: 600px;
  overflow-y: auto;
}
#st-search-standalone div.suggestion-list-wrapper > ul.suggestion-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#st-search-standalone div.suggestion-list-wrapper > ul.suggestion-list > .suggestion-item {
  border-top: 1px solid #e5e8e9;
  border-bottom: 0 !important;
  max-width: 100%;
}
#st-search-standalone div.suggestion-list-wrapper > ul.suggestion-list > .suggestion-item > a {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  max-width: 100%;
  padding: 10px 0;
  -webkit-box-pack: center;
  justify-content: center;
  flex-basis: 100%;
  display: flex;
  -webkit-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: flex-start;
  text-align: left;
}
#st-search-standalone div.suggestion-list-wrapper > ul.suggestion-list > .suggestion-item > a > span {
  max-width: 100%;
}
#st-search-standalone div.suggestion-list-wrapper > ul.suggestion-list > .suggestion-item > a > span mark {
  background-color: transparent;
  padding: 0;
}
#st-search-standalone div.suggestion-list-wrapper > ul.suggestion-list > .suggestion-item > a:hover, #st-search-standalone div.suggestion-list-wrapper > ul.suggestion-list > .suggestion-item > a:hover > span mark {
  text-decoration: none;
  color: #00a376;
  font-weight: 700;
  padding-left: 0;
}
#st-search-standalone .breadcrumb.suggestion-thematic-breadcrumbs {
  background: 0 0;
  padding: 0;
  margin: 10px 0 0;
}
#st-search-standalone .breadcrumb-item {
  font-size: 12px;
  color: #6b7c93;
  font-weight: 600;
  white-space: normal;
  display: inline;
  vertical-align: middle;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

/*test pierre pour hscroll*/
.row {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  /*margin-right: 0px;*/
  margin: 0;
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*margin-left: -15px;*/
}

.modal-header {
  display: initial;
}

@media only screen and (max-width: 992px) and (min-width: 0px) {
  #header .dropdown.mobile-device a.dropdown-toggle:after {
    content: normal;
  }
}
@media only screen and (max-width: 992px) {
  /*header {
          height: 55px;
      }
  */
  .header-container {
    display: block;
  }
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: initial;
    width: 500px;
    margin: 30px auto;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
[type=checkbox].form-check-input {
  position: relative !important;
  left: 0;
  margin-right: 1rem;
}

.autocomplete-container {
  box-sizing: border-box;
}
.autocomplete-container .autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  /*display: inline-block;*/
}
.autocomplete-container th, .autocomplete-container td {
  padding: 0.1rem !important;
}
.autocomplete-container input {
  /*border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;*/
  padding: 1px;
}
.autocomplete-container input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
.autocomplete-container input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}
.autocomplete-container .autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*border-bottom: none;
  border-top: none;*/
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 10px;
  right: 0;
}
.autocomplete-container .autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  font-size: small;
}
.autocomplete-container .autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-container .autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

#factures .criteria {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  max-width: 600px;
}
#factures .criteria input[type=submit] {
  margin-bottom: 0;
  margin: 0 1rem;
}
#factures .criteria .period {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  max-width: 470px;
  margin-bottom: 1rem;
}
#factures .criteria .period input[type=date] {
  width: 150px;
}
#factures .criteria > * {
  flex: 1 1 auto;
}
#factures .criteria > *:last-child {
  text-align: right;
}
#factures .criteria-summary {
  padding-bottom: 1rem;
}

#resiliation > .inner-panel {
  max-width: 100em;
}
#resiliation > .inner-panel > .header {
  margin-bottom: 2rem;
}
#resiliation > .inner-panel > .content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#resiliation > .inner-panel > .content .accordion {
  width: 650px;
}
#resiliation > .inner-panel > .content .accordion > .content .fileupload + .textarea-container {
  margin-top: 2rem;
}
#resiliation > .inner-panel > .content .accordion > .content textarea {
  resize: none;
  border: 1px solid #F4F4F4;
  width: 100%;
}
#resiliation > .inner-panel > .content .accordion > .content > label.note {
  font-size: smaller;
  font-style: italic;
  margin-top: 1rem;
}
#resiliation > .inner-panel > .bottom {
  margin-top: 5rem;
}
#resiliation .fileupload {
  border: 1px solid #F4F4F4;
  padding: 1em;
  position: relative;
}
#resiliation .fileupload > .message {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  background-color: #F4F4F4;
  font-family: "sage-text-medium;";
  line-height: 1.8rem;
  padding-left: 1rem;
}
#resiliation .fileupload > .note {
  font-size: smaller;
  margin: 1rem 0 0 0;
}
#resiliation .fileupload > .action {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
#resiliation .fileupload > .action > input[type=text] {
  max-width: 500px;
  width: calc(100% - 250px);
  padding-left: 1rem;
  border: 0;
}

.susppendu-page {
  /*background-color: #000000;
  color: #ffffff;*/
  background-color: #F5F5F5;
  color: #000000;
}

.suspendu-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  position: relative;
  border-left: solid 1px #000000;
  margin: 40px;
  /*&:before {
      content: "";
      background-color: #ffffff;*/
  /*left: 0.2em;*/
  /*width: 0.063em;
      height: 100%;
      position: absolute;
      top: 6em;
  }*/
}
.suspendu-container:after {
  content: "";
  left: -0.5em;
  bottom: 0;
  width: 1em;
  height: 1em;
  position: absolute;
  border-radius: 50%;
  background-color: #E2E2E2;
  text-align: center;
  display: flex; /* or inline-flex */
  align-items: center;
  justify-content: center;
}
.suspendu-container .start-circle:before {
  content: "";
  left: -4.1em;
  top: -2.1em;
  width: 1em;
  height: 1em;
  position: absolute;
  border-radius: 50%;
  background-color: #E2E2E2;
  text-align: center;
  display: flex; /* or inline-flex */
  align-items: center;
  justify-content: center;
}
.suspendu-container .red-circle {
  /*border: 1px #CD384B solid;*/
}
.suspendu-container .red-circle:before {
  content: attr(data-value);
  left: -5.5em;
  top: calc(50% - 2em);
  width: 4em;
  height: 4em;
  position: absolute;
  border-radius: 50%;
  background-color: #F5F5F5;
  text-align: center;
  display: flex; /* or inline-flex */
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border: 3px solid #EF6700;
  color: #000000;
}
.suspendu-container .green-circle {
  /*border: 1px #00D639 solid;*/
}
.suspendu-container .green-circle:before {
  content: attr(data-value);
  left: -5.5em;
  top: calc(50% - 2em);
  width: 4em;
  height: 4em;
  position: absolute;
  border-radius: 50%;
  background-color: #F5F5F5;
  text-align: center;
  display: flex; /* or inline-flex */
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border: 3px solid #00D639;
  color: #000000;
}
.suspendu-container .suspendu-items {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 2em;
}
.suspendu-container .suspendu-items .suspendu-item {
  display: flex;
  flex-direction: column;
  justify-content: start;
  border-radius: 1rem;
  background-color: #ffffff;
  color: #000000;
  margin-bottom: 2.5rem;
  margin-left: 1.5rem;
  padding: 1.3rem;
  position: relative;
}
.suspendu-container .suspendu-items .suspendu-item table {
  width: 50%;
}
.suspendu-container .suspendu-items .suspendu-item table td {
  border-bottom: 0.1rem solid #dddddd;
  padding: 10px;
}
.suspendu-container .suspendu-items .suspendu-item a {
  text-decoration: none;
  color: #008146;
  font-weight: bold;
  /*&:hover, &:active, &:focus {
      color: #d1fde0;
  }*/
}
.suspendu-container .suspendu-items .suspendu-item a:hover {
  /*background-color: #d1fde0;*/
  cursor: pointer;
}

/*@import "bootstrap-variables";*/
.menu-buttons button, .menu-buttons a {
  margin-left: 3rem;
}

header {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
  z-index: 11;
}
header .row {
  /*&:last-child {
      background-color: yellow;
  }*/
}
header .row:first-child {
  height: 48px;
  background-color: #000;
  color: #fff;
  padding: 0 30px;
}
header .row:first-child [class^=col] {
  padding: 10px 0;
}
header .row:first-child .btn {
  font-size: 0.875rem;
  padding: 5px 14px;
  line-height: initial;
  border-radius: 16px;
}
header .row:first-child .btn:hover {
  background-color: #008146;
  border-color: #008146;
}
header .row.header-not-authentified {
  box-shadow: 0px 1px 0px #303030;
}
@media only screen and (max-width: 992px) {
  header .row:last-child {
    display: none;
  }
}
header hr {
  color: azure;
  border: solid 1px !important;
}
header img {
  max-width: 130px;
  transition: height, 0.3s;
}
header .header-logo {
  z-index: 10;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  header a.logo {
    margin-left: 16px;
  }
}
header a.logo:hover {
  text-decoration: none;
}
header a.logo .header-sage-logo {
  fill: #00DC00;
  margin: 10px 0;
  position: relative;
  top: 6px;
}
header a.logo .header-sage-logo-home {
  width: 54px;
}
header span.logo {
  font-family: sage-text, Arial, Helvetica, sans-serif;
}
header span.logo:before {
  border: 1px solid #5E5E5E;
  transform: rotate(90deg);
  content: "";
  margin: 0 10px;
}
header .header-menu {
  /*float: left;*/
  font-family: sage-text, Arial, Helvetica, sans-serif;
}
header .header-menu .navbar {
  padding: 0;
}
header .header-menu #navbarNavDropdown li {
  padding: 0.5rem 0.3rem;
}
header .header-menu #navbarNavDropdown li:hover {
  background-color: #e2e2e2;
}
header .header-menu #navbarNavDropdown li:active, header .header-menu #navbarNavDropdown li:focus {
  background-color: #c6c6c6;
  color: #000;
}
header .header-menu #navbarNavDropdown .menusociete-dropdown {
  padding: 0;
  margin: 0;
}
header .header-menu #navbarNavDropdown .menusociete-dropdown > a {
  padding: 12px 16px;
}
header .header-menu #navbarNavDropdown .menusociete-dropdown > a:hover {
  background-color: #008146;
  color: #fff;
}
header .header-menu #navbarNavDropdown .menusociete-dropdown > a:active, header .header-menu #navbarNavDropdown .menusociete-dropdown > a:focus {
  background-color: #c6c6c6;
  color: #000;
}
header .header-menu #navbarNavDropdown .menuexpert-dropdown {
  padding: 0;
  margin: 0;
}
header .header-menu #navbarNavDropdown .menuexpert-dropdown > a {
  padding: 12px 16px;
}
header .header-menu #navbarNavDropdown .menuexpert-dropdown > a:hover {
  background-color: #008146;
  color: #fff;
}
header .header-menu #navbarNavDropdown .menuexpert-dropdown > a:active, header .header-menu #navbarNavDropdown .menuexpert-dropdown > a:focus {
  background-color: #c6c6c6;
  color: #000;
}
header .header-menu #navbarNavDropdown hr {
  color: #ebedef;
  width: 80%;
  margin: 0 auto;
}
header .header-container {
  /*pierre*/
  /*.but-default {
          border: 1px solid #fff;
          color: #fff !important;
      }*/
  /*fin pierre*/
}
@media only screen and (max-width: 992px) {
  header .header-container.log {
    position: absolute;
    left: 0px;
  }
}
header .header-container .partial-contents {
  float: right;
}
header .header-container .buttons {
  /*color: $green-home;*/
  text-align: right;
  /*padding-top: 15px;*/
}
header .header-container .contact-link {
  display: inline-block;
  background-color: #2e3456;
  height: 65px;
  width: 80px;
  font-size: 0.75rem;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  line-height: normal;
}
header .header-container .contact-link.logged a {
  position: relative;
  top: 0px;
}
header .header-container .contact-link.logged a {
  color: #ffffff;
  transition: color ease-in-out 0.2s;
}
header .header-container .contact-link.logged a .quick-contact {
  display: block;
  padding-top: 10px;
}
header .header-container .contact-link.logged a .quick-contact:before {
  content: "B";
  color: #ffffff;
  font-size: 1.5rem;
}
header .header-container .contact-link.logged a .quick-contact:before:hover {
  color: #00DC00;
}
header .header-container .contact-link.logged a:hover {
  color: #00DC00;
  text-decoration: none;
}
header .header-container .contact-link.logged a:hover .quick-contact:before {
  color: #00DC00;
}
header .header-container .contact-link a {
  display: block;
  text-align: center;
  font-family: sage-text, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  outline: none;
  position: relative;
  top: 8px;
  transition: color ease-in-out 0.2s;
}
header .header-container .contact-link a.no-logged:hover {
  transition: color ease-in-out 0.2s;
  color: #00DC00;
}
header .header-container .contact-link a.no-logged span:before {
  font-family: Armonye;
  content: "?";
  display: block;
  font-size: 2.1875rem;
  min-width: 40px;
  color: #fff;
  margin: auto;
  transition: color ease-in-out 0.2s;
}
header .header-container .contact-link a.no-logged:hover span:before {
  color: #00DC00;
}
header .header-container .contact-link a.logged:before {
  content: "";
}
header .header-container .contact-link .content {
  padding-top: 25px;
}
header .header-container .contact-link .content .contact {
  display: block;
  width: 38px;
  height: 26px;
  background: url(/MonCompteSage/Content/Images/icones/contact-mail.png) no-repeat;
}

/*@import "bootstrap-variables";*/
.btn {
  font-family: sage-text-medium, Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  border-radius: 1.5rem;
  padding: 0.75rem 1.3rem;
  line-height: 1rem;
  cursor: pointer;
}
.btn:focus {
  box-shadow: none;
}
.btn:disabled, .btn.disabled {
  opacity: 0.4;
  cursor: default;
}
.btn > img {
  width: 17px;
  margin-right: 4px;
  margin-top: -5px;
}
.btn.primary {
  background-color: #000;
  color: #fff !important;
  border: 0;
}
.btn.primary.spinner {
  pointer-events: none;
}
.btn.primary.spinner:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: transparent url(/MonCompteSage/ressources/images/icones/spinner-white.gif) no-repeat center center;
  background-size: 18px 18px;
  margin-right: 10px;
  vertical-align: middle;
}
.btn.primary.reverse {
  background-color: #fff;
  color: #000 !important;
}
.btn.primary.reverse.spinner {
  pointer-events: none;
}
.btn.primary.reverse.spinner:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: transparent url(/MonCompteSage/ressources/images/icones/spinner-white.gif) no-repeat center center;
  background-size: 18px 18px;
  margin-right: 10px;
  vertical-align: middle;
}
.btn.primary.reverse.spinner:before {
  background-image: url(/MonCompteSage/ressources/images/icones/spinner-black.gif);
}
.btn.primary.green {
  background-color: #008146;
  color: #fff !important;
}
.btn.primary.green.reverse {
  background-color: #00D639;
  color: #000 !important;
}
.btn.secondary {
  background-color: transparent;
  color: #000 !important;
  border: 0.1rem solid #000;
}
.btn.secondary.reverse {
  color: #fff !important;
  border-color: #fff;
}
.btn.secondary.green {
  color: #008146 !important;
  border-color: #008146;
}
.btn.secondary.green.reverse {
  color: #00D639;
  border-color: #00D639;
}
.btn.tertiary {
  display: inline-block;
  position: relative;
  line-height: 2.4rem;
  /*min-height: 3.5rem;*/
  /*padding: 1rem 0;*/
  padding: 0.5rem 0;
  color: #000;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.btn.tertiary:hover:after {
  width: 100%;
}
.btn.tertiary:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  /*bottom: 0.8rem;*/
  bottom: 0.5rem;
  height: 0.2rem;
  width: 100%;
  background-color: currentColor;
}
.btn.tertiary:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  /*bottom: 0.8rem;*/
  bottom: 0.5rem;
  height: 0.2rem;
  width: 0;
  background-color: #00D639;
  transition: width 0.2s cubic-bezier(0.8, 0, 0.2, 1);
}
.btn.tertiary svg {
  height: 2.4rem;
  width: 2.4rem;
  margin: 0 0.8rem 0 0;
}
.btn.tertiary.reverse {
  color: #fff;
}
.btn.tertiary.green {
  color: #008146;
}
.btn.link {
  font-size: inherit;
  vertical-align: inherit;
  font-family: inherit;
  border: none;
  border-radius: 0;
  position: relative;
  color: #008146;
  text-decoration: underline !important;
  padding: 0;
  /*margin-bottom: 0.1rem;*/
}

/*@import "bootstrap-variables";*/
footer {
  width: 100%;
  font-family: sage-text, Arial, Helvetica, sans-serif;
  background-color: #000;
  color: #fff;
  clear: both;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 250px;
  font-size: 1rem;
  /*margin-top: 78px;*/
}
footer #main-footer {
  padding: 30px 0 0 0;
}
footer #main-footer h5 {
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  padding: 15px 0;
  font-size: 1rem;
}
footer #main-footer li {
  padding: 5px 0;
}
footer #main-footer li a {
  color: rgba(255, 255, 255, 0.9);
}
footer #main-footer li a:hover {
  color: #00D639;
}
@media (max-width: 768px) {
  footer #main-footer .col-12 {
    text-align: center;
  }
}
footer .linehr {
  border-top: 1px solid #303030;
  margin-top: 10px;
}
footer ul {
  padding: 0;
}
footer ul li {
  list-style-type: none;
}
footer ul li a {
  transition: all 0.3s ease-out;
  color: #fff;
  text-decoration: none;
  line-height: 25px;
}
footer ul li a:hover {
  color: #00D639;
  text-decoration: underline;
}
footer .footer-sage-logo {
  margin: 20px 0 0 0;
  fill: white;
  width: 5%;
}
footer .footer-sage-logo-auth {
  margin: 20px 0 0 0;
  fill: white;
  width: 90px;
  padding-left: 5px;
}
footer .social-links-auth {
  padding-top: 10px;
}
footer .social-links-auth a:hover {
  text-decoration: none;
}
footer .social-links {
  color: #5d5c57;
  margin-top: 20px;
  margin-bottom: 20px;
}
footer .social-links a:nth-of-type(6) .fa.fa-google-plus {
  padding: 0;
}
footer .social-links a:nth-of-type(7), footer .social-links a:nth-of-type(9), footer .social-links a:nth-of-type(10), footer .social-links a:nth-of-type(11), footer .social-links a:nth-of-type(12) {
  display: none;
}
footer .social-links a:nth-of-type(7) i, footer .social-links a:nth-of-type(9) i, footer .social-links a:nth-of-type(10) i, footer .social-links a:nth-of-type(11) i, footer .social-links a:nth-of-type(12) i {
  padding-right: 0;
}
footer .social-links a:hover {
  text-decoration: none;
}
footer p {
  color: #fff;
}
footer .fa {
  color: rgba(255, 255, 255, 0.5);
  padding-right: 20px;
  font-size: 1rem;
  transition: all 0.3s ease-out;
  font-family: Armonye;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased !important;
  font-size: 1.125rem;
}
footer .fa.fa-rss:after {
  content: "\e03c";
}
footer .fa.fa-linkedin:after {
  content: "\e016";
}
footer .fa.fa-twitter:after {
  content: "\e01c";
}
footer .fa.fa-facebook:after {
  content: "\e013";
}
footer .fa.fa-instagram:after {
  content: "\e015";
}
footer .fa.fa-youtube:after {
  content: "\e01e";
}
footer .fa.fa-google-plus:after {
  content: "\e014";
}
footer .fa:hover, footer .fa:focus, footer .fa:active {
  text-decoration: none !important;
  color: #fff;
}
footer .fa:hover:after {
  text-decoration: none;
  outline: 0;
  border: 0;
}
footer .mentions .mention-item {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 10px;
  font-size: 14px; /*ESLEB footer plus petit*/
}
footer .mentions a.mention-item:hover {
  color: #00D639;
}
footer .footer-top {
  width: 100%;
  max-width: 98rem;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 12px;
  /*border: 1px red solid;*/
  align-items: center;
  padding: 60px 0 40px 0;
}
footer .footer-top .footer-logo {
  /*border: 1px yellow solid;*/
}
footer .footer-top .footer-logo .logo {
  display: block;
  color: #00D639;
  height: 44px;
  width: 79px;
}
footer .footer-top .footer-logo .logo svg {
  height: 100%;
  width: 100%;
}
footer .footer-top .social {
  /*border: 1px blue solid;*/
  font-size: 0;
  /*padding-top:1em;*/
}
footer .footer-top .social a {
  color: #FFFFFF;
  display: inline-block;
  height: 24px;
  width: 24px;
  /*padding: 0.2rem;*/
}
footer .footer-top .social a + a {
  margin-left: 1rem;
}

main {
  width: 100%;
}
main h1, main h2, main h3, main h4 {
  line-height: 1.15;
  padding: 5px 0;
  font-family: sage-text, Arial, Helvetica, sans-serif;
}
main h1 {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 10px;
  border-bottom: 1px solid #3c414e;
  padding-bottom: 10px;
}
main h2 {
  font-size: 1.125rem;
}
main h3 {
  font-size: 1rem;
}
main h4 {
  font-size: 0.875rem;
}
main .inner-panel {
  padding: 3%;
}
main .inner-panel section {
  background-color: #fff;
  padding: 1rem;
  border-radius: 2rem;
}

.portail-accueil {
  width: 100%;
}
.portail-accueil > div.row {
  background-color: #000;
  padding: 60px 0;
  min-height: 650px;
  /*PFL pour aligner les alertes avec Sage vpus accompagne*/
  /*> div:nth-child(2) {
          margin: auto;
      }*/
}
.portail-accueil > div.row img {
  width: inherit;
}
@media (min-width: 1200px) {
  .portail-accueil > div.row img {
    width: 90%;
  }
}
@media (max-width: 992px) {
  .portail-accueil > div.row img {
    width: 90%;
  }
}
.portail-accueil > div.row h1 {
  text-align: center;
  color: #fff;
  padding-bottom: 60px;
}
.portail-accueil .dashboard, .portail-accueil .news-list-numbered {
  max-width: 640px;
  margin: 0 auto;
  padding: 10px;
}
.portail-accueil .dashboard {
  margin: 20px auto;
}

#espace_societe section {
  padding: 1rem 2rem;
}
#espace_societe #identity > *:nth-child(2) {
  margin: 1rem 0;
}
#espace_societe #identity > div {
  margin: 2rem 0;
}
#espace_societe #identity .data {
  display: flex;
  flex-wrap: wrap;
}
#espace_societe #identity .data > div {
  width: 50%;
}
@media (max-width: 767px) {
  #espace_societe #identity .data > div {
    width: 100%;
  }
}
#espace_societe #identity .actions {
  text-align: right;
}
#espace_societe #address ul {
  display: flex;
  flex-wrap: wrap;
  margin: -3rem -1.5rem 0 -1.5rem;
}
@media (max-width: 767px) {
  #espace_societe #address ul {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
#espace_societe #address ul li {
  list-style: none;
  padding: 3rem 1.5rem 0 1.5rem;
  width: 33.33%;
}
@media (max-width: 1079px) {
  #espace_societe #address ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #espace_societe #address ul li {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
#espace_societe #address section {
  background-color: #FFFFFF;
  padding: 2.5rem;
  border-radius: 2.5rem;
}
@media (max-width: 767px) {
  #espace_societe #address section {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}
#espace_societe #address section h2 {
  font-family: "sage-text-bold";
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.75rem;
  border-bottom: 0.0625rem solid #000000;
}
#espace_societe #address section div.action {
  margin-top: 1.5rem;
  text-align: right;
}
#espace_societe #address section p {
  margin-top: 1rem !important;
}
#espace_societe #address p {
  margin-top: 3rem;
  font-size: 1.125rem;
}
#espace_societe #address p + p {
  margin-top: 2rem;
}

.ticketing-softwares ul {
  list-style-type: none;
}
.ticketing-softwares ul li {
  padding-right: 1.5em;
  display: inline;
}

a.phone {
  font-family: "Sage Text", Helvetica Neue, Arial;
  font-weight: 400;
  /*float: right;
  font-size: 1.6rem;
  line-height: 1.6rem;*/
  /*padding: 0.8rem 0 0.7rem 0;*/
  text-decoration: none;
}
a.phone.right {
  float: right;
}
a.phone.white {
  color: #FFFFFF;
}
a.phone.white img.svg {
  filter: invert(10);
  width: 1.2em;
}
a.phone.black {
  color: #000000;
}
a.phone.black img.svg {
  filter: invert(0);
  width: 1.2em;
}

/* Styles des sous-menus de tableaux (Jira SSBINTERNET-7061) */
table.table.with-actions-submenus {
  margin-bottom: 70px;
  /*& > tbody > tr:last-child > td {
      border-bottom: 1px solid #ddd;
  }*/
}
table.table.with-actions-submenus .link a,
table.table.with-actions-submenus .link a span {
  color: green;
}
table.table.with-actions-submenus .link a {
  text-decoration: underline;
}

.container.after-table-with-actions-submenus {
  margin-top: -70px;
  position: absolute;
}

#main .inner-panel .container.after-table-with-actions-submenus .infos-tableau {
  border: none;
}

ul.actions-menu {
  list-style-type: none;
  margin-bottom: 0;
}
ul.actions-menu ul,
ul.actions-menu li {
  list-style-type: none;
}
ul.actions-menu > li {
  position: relative;
}
ul.actions-menu > li > a {
  color: black;
  display: block;
  padding-top: 4px;
}
ul.actions-menu > li > a > span {
  padding: 0.2rem;
}
ul.actions-menu > li > div {
  display: none;
  padding-top: 35px;
  position: absolute;
  right: 19px;
  top: 0;
  width: 300px;
  z-index: 1;
}
ul.actions-menu > li > div > ul {
  background-color: white;
  box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.25);
  padding: 10px 0;
  text-align: left;
}
ul.actions-menu > li > div > ul > li > a {
  color: black;
  display: block;
  font-weight: 700;
  padding-left: 20px;
  text-decoration: none;
  width: 100%;
}
ul.actions-menu > li > div > ul > li > a:hover, ul.actions-menu > li > div > ul > li > a:focus {
  background-color: #f2f5f6;
}
ul.actions-menu > li > div > ul > li > a > .glyphicon {
  margin-right: 20px;
}
ul.actions-menu > li:hover > a > span, ul.actions-menu > li:focus > a > span {
  background-color: #f2f5f6;
}
ul.actions-menu > li:hover > div, ul.actions-menu > li:focus > div {
  display: block;
}

/* Styles des pastilles de statuts (Jira SSBNTERNET-7072) */
.dls-status-pill {
  font-family: "sage-text", Helvetica Neue, Arial;
  display: inline-block;
  color: #000000;
  border-width: 0.13rem;
  border-style: solid;
  background-color: #FFFFFF;
  padding: 0 1rem;
  border-radius: 1.6rem;
  border-color: #000000;
}
.dls-status-pill.status-OK {
  border-color: #008A21;
}
.dls-status-pill.status-Warning {
  border-color: #EF6700;
}
.dls-status-pill.status-Error {
  border-color: #c7384f;
}

/* Boutons de type DLS */
.dls-button,
#modalPaiementForm button.paye {
  background-color: #008200;
  border: 0px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", Arial;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  padding: 0px 24px 0px 24px;
  text-decoration: none;
  white-space: nowrap;
}
.dls-button:hover,
#modalPaiementForm button.paye:hover {
  background-color: #006800;
  color: white;
  text-decoration: none;
}

.dls-button.icon-download:before {
  content: "b";
  font-family: Armonye;
  font-size: 16px;
  font-weight: 100;
  margin-right: 12px;
  vertical-align: bottom;
}

#modalPaiementForm button.paye:before {
  content: "D";
  font-family: Armonye;
  font-size: 16px;
  font-weight: 100;
  margin-right: 12px;
  vertical-align: bottom;
}

#modalPaiementForm button.paye:after {
  content: " par Carte Bancaire";
}

.dls-button.secondary {
  background-color: white;
  border: 2px solid #008200;
  color: #008200;
  line-height: 38px;
}
.dls-button.secondary:hover {
  background-color: #006800;
  border: 2px solid #006800;
  color: white;
}

/* Modale du choix de paiement */
#modalPaiementForm h2 {
  padding-left: 0;
}
#modalPaiementForm .modal-dialog {
  max-width: 1000px;
  width: 100%;
}
#modalPaiementForm.modal .modal-dialog .modal-content .modal-header {
  border: none;
  padding: 24px;
}
#modalPaiementForm.modal .modal-dialog .modal-content .modal-header .close {
  margin-top: -35px;
}
#modalPaiementForm.modal .modal-dialog .modal-content .modal-header .close span {
  color: black;
  font-size: 2rem;
}
#modalPaiementForm.modal .modal-dialog .modal-content .modal-body {
  padding: 0 24px;
}
#modalPaiementForm.modal .modal-dialog .modal-content .modal-footer {
  border: none;
  padding: 16px 16px 24px 24px;
}

/* Composants du parcours de paiement */
.howtopay-choice {
  border: 2px solid lightgray;
  display: table;
  list-style-type: none;
  margin-bottom: 16px;
  padding: 8px;
  width: 100%;
}
.howtopay-choice .cta,
.howtopay-choice .picto,
.howtopay-choice .text {
  display: table-cell;
  vertical-align: middle;
}
.howtopay-choice .cta {
  text-align: right;
}
.howtopay-choice .picto {
  height: 80px;
  width: 120px;
}
.howtopay-choice .picto img {
  width: 120px;
}
.howtopay-choice .picto span {
  background-color: #008200;
  border-radius: 100px;
  color: white;
  display: block;
  font-size: 20px;
  height: 80px;
  margin: 0 auto;
  padding-top: 25px;
  text-align: center;
  width: 80px;
}
.howtopay-choice .text {
  padding-left: 8px;
  padding-right: 16px;
}

.payment-response {
  color: white;
}
.payment-response p {
  font-size: 16px;
  margin: 24px 0;
}
.payment-response .status {
  font-weight: bold;
  text-transform: uppercase;
}

/* ajout esleb 14/09/2021 pour tag GTM de suivi des migrations vers contactez nous (bold pour mettre quelquechose)  */
.migration-ciel-contacteznous {
  font-weight: bold;
}

/* ajout esleb 14/09/2021 pour tag GTM de suivi des migrations vers contactez nous  */
/*ESLEB 20/12 /2021 */
.demandes-image {
  height: 48px;
}

/*ESLEB aligner les preferences */
.preferences-item {
  text-align: left;
}

#politiquecookies .page-wrapper {
  background-color: #f5f5f5;
  color: black;
  padding-left: 15%;
  padding-right: 15%;
}
#politiquecookies a {
  color: black;
}

/*# sourceMappingURL=styles.css.map */