@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

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

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

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

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

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

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

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

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

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, .small {
  font-size: 0.875em;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0d6efd;
  text-decoration: underline;
}
a:hover {
  color: #0a58ca;
}

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

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

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

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

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

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

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

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

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

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

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

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

::file-selector-button {
  font: inherit;
}

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

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

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.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: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  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: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

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

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

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

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

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

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

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

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

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

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

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

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

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

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

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

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

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

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

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

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

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

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

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

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

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

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

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

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

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

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

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

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

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

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

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

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

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

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

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

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

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

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

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

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

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

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

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

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

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

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

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

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

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

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

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

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

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

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

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

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

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

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

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

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

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

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

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

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

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

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

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

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

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

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

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

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

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

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

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

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

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

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

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

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

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

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

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

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

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

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

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

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

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

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

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

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

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

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

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

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

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

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

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

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

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

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

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

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

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

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

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

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

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

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

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

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

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-top: 2px solid currentColor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}

.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

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

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  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[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-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;
  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;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  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) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-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;
  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) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  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 {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  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) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  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) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

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

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

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

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 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: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 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 .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  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("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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.25rem 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 .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem 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;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  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;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline;
}
.btn-link:hover {
  color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

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

.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 {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  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;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 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[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  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;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .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;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .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;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

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

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

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

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

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

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  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:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.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, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .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 {
  flex-direction: column;
  align-items: flex-start;
  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 ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #0a58ca;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  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;
  isolation: isolate;
}
.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 {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0d6efd;
}

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

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

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

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

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}

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

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

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    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 .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    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 .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    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 .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  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 .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.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.55);
}
.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 .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%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.55);
}
.navbar-light .navbar-text a,
.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.55);
}
.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 .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%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.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  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 {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

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

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

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

.card-link + .card-link {
  margin-left: 1rem;
}

.card-header {
  padding: 0.5rem 1rem;
  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.5rem 1rem;
  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.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}

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

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

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

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  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, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #0d6efd;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  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) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
  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;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.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;
}
.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.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}

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

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

.alert-heading {
  color: inherit;
}

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

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}
.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}
.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}
.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}
.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf;
}
.alert-dark .alert-link {
  color: #101214;
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

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

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  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: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

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

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.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.5rem 1rem;
  color: #212529;
  text-decoration: none;
  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: #0d6efd;
  border-color: #0d6efd;
}
.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 {
  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 {
    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 {
    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 {
    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 {
    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;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .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: #084298;
  background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  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.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 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-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

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

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

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

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

.modal-content {
  position: relative;
  display: flex;
  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: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  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 .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

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

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

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  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;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .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;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  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 .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  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 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  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 .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-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 > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-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[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

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

.carousel {
  position: relative;
}

.carousel.pointer-event {
  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: 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;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  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: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  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 [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

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

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

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

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
  animation: placeholder-glow 2s ease-in-out infinite;
}

@-webkit-keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-animation: placeholder-wave 2s linear infinite;
  animation: placeholder-wave 2s linear infinite;
}

@-webkit-keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca;
}

.link-secondary {
  color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #198754;
}
.link-success:hover, .link-success:focus {
  color: #146c43;
}

.link-info {
  color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39;
}

.link-danger {
  color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37;
}

.link-light {
  color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

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

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

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

.float-start {
  float: left !important;
}

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

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

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

.opacity-25 {
  opacity: 0.25 !important;
}

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

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

.opacity-100 {
  opacity: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

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

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

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

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

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

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

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

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

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

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

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

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

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

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

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

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

.border-primary {
  border-color: #0d6efd !important;
}

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

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

.border-info {
  border-color: #0dcaf0 !important;
}

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

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

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

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

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

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !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;
}

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

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

.min-vw-100 {
  min-width: 100vw !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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1 !important;
}

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

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

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

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

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

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

.me-auto {
  margin-right: auto !important;
}

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

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

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

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

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

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

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

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

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

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

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

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

.ms-auto {
  margin-left: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.ps-0 {
  padding-left: 0 !important;
}

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

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

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

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

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

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

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

.fst-normal {
  font-style: normal !important;
}

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

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

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

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

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

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

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

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

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

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

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

.text-decoration-line-through {
  text-decoration: line-through !important;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

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

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

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

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

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

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

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

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

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

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

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

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

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

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

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

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

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

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

.rounded-end {
  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-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

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

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

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

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

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

  .d-sm-grid {
    display: grid !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

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

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

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

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

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

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

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

  .me-sm-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

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

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

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

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

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

  .d-md-grid {
    display: grid !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

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

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

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

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

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

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

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

  .me-md-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

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

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

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

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

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

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

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

  .d-lg-grid {
    display: grid !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

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

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

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

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

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

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

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

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

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

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

  .me-lg-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

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

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

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

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

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

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

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

  .d-xl-grid {
    display: grid !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

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

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

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

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

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

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

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

  .me-xl-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

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

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

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

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

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

  .d-xxl-grid {
    display: grid !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

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

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

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

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

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap.css.map */
@font-face {
  font-family: "bootstrap-icons";
  src: url("../lib/bootstrap-icons/font/fonts/bootstrap-icons.woff2?a97b3594ad416896e15824f6787370e0") format("woff2"),
url("../lib/bootstrap-icons/font/fonts/bootstrap-icons.woff?a97b3594ad416896e15824f6787370e0") format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before { content: "\f67f"; }
.bi-alarm-fill::before { content: "\f101"; }
.bi-alarm::before { content: "\f102"; }
.bi-align-bottom::before { content: "\f103"; }
.bi-align-center::before { content: "\f104"; }
.bi-align-end::before { content: "\f105"; }
.bi-align-middle::before { content: "\f106"; }
.bi-align-start::before { content: "\f107"; }
.bi-align-top::before { content: "\f108"; }
.bi-alt::before { content: "\f109"; }
.bi-app-indicator::before { content: "\f10a"; }
.bi-app::before { content: "\f10b"; }
.bi-archive-fill::before { content: "\f10c"; }
.bi-archive::before { content: "\f10d"; }
.bi-arrow-90deg-down::before { content: "\f10e"; }
.bi-arrow-90deg-left::before { content: "\f10f"; }
.bi-arrow-90deg-right::before { content: "\f110"; }
.bi-arrow-90deg-up::before { content: "\f111"; }
.bi-arrow-bar-down::before { content: "\f112"; }
.bi-arrow-bar-left::before { content: "\f113"; }
.bi-arrow-bar-right::before { content: "\f114"; }
.bi-arrow-bar-up::before { content: "\f115"; }
.bi-arrow-clockwise::before { content: "\f116"; }
.bi-arrow-counterclockwise::before { content: "\f117"; }
.bi-arrow-down-circle-fill::before { content: "\f118"; }
.bi-arrow-down-circle::before { content: "\f119"; }
.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.bi-arrow-down-left-circle::before { content: "\f11b"; }
.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.bi-arrow-down-left-square::before { content: "\f11d"; }
.bi-arrow-down-left::before { content: "\f11e"; }
.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.bi-arrow-down-right-circle::before { content: "\f120"; }
.bi-arrow-down-right-square-fill::before { content: "\f121"; }
.bi-arrow-down-right-square::before { content: "\f122"; }
.bi-arrow-down-right::before { content: "\f123"; }
.bi-arrow-down-short::before { content: "\f124"; }
.bi-arrow-down-square-fill::before { content: "\f125"; }
.bi-arrow-down-square::before { content: "\f126"; }
.bi-arrow-down-up::before { content: "\f127"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-left-circle-fill::before { content: "\f129"; }
.bi-arrow-left-circle::before { content: "\f12a"; }
.bi-arrow-left-right::before { content: "\f12b"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-return-left::before { content: "\f131"; }
.bi-arrow-return-right::before { content: "\f132"; }
.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up-circle-fill::before { content: "\f139"; }
.bi-arrow-up-circle::before { content: "\f13a"; }
.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.bi-arrow-up-left-circle::before { content: "\f13c"; }
.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.bi-arrow-up-left-square::before { content: "\f13e"; }
.bi-arrow-up-left::before { content: "\f13f"; }
.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.bi-arrow-up-right-circle::before { content: "\f141"; }
.bi-arrow-up-right-square-fill::before { content: "\f142"; }
.bi-arrow-up-right-square::before { content: "\f143"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-arrow-up-square-fill::before { content: "\f146"; }
.bi-arrow-up-square::before { content: "\f147"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-arrows-angle-contract::before { content: "\f149"; }
.bi-arrows-angle-expand::before { content: "\f14a"; }
.bi-arrows-collapse::before { content: "\f14b"; }
.bi-arrows-expand::before { content: "\f14c"; }
.bi-arrows-fullscreen::before { content: "\f14d"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-aspect-ratio-fill::before { content: "\f14f"; }
.bi-aspect-ratio::before { content: "\f150"; }
.bi-asterisk::before { content: "\f151"; }
.bi-at::before { content: "\f152"; }
.bi-award-fill::before { content: "\f153"; }
.bi-award::before { content: "\f154"; }
.bi-back::before { content: "\f155"; }
.bi-backspace-fill::before { content: "\f156"; }
.bi-backspace-reverse-fill::before { content: "\f157"; }
.bi-backspace-reverse::before { content: "\f158"; }
.bi-backspace::before { content: "\f159"; }
.bi-badge-3d-fill::before { content: "\f15a"; }
.bi-badge-3d::before { content: "\f15b"; }
.bi-badge-4k-fill::before { content: "\f15c"; }
.bi-badge-4k::before { content: "\f15d"; }
.bi-badge-8k-fill::before { content: "\f15e"; }
.bi-badge-8k::before { content: "\f15f"; }
.bi-badge-ad-fill::before { content: "\f160"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-badge-ar-fill::before { content: "\f162"; }
.bi-badge-ar::before { content: "\f163"; }
.bi-badge-cc-fill::before { content: "\f164"; }
.bi-badge-cc::before { content: "\f165"; }
.bi-badge-hd-fill::before { content: "\f166"; }
.bi-badge-hd::before { content: "\f167"; }
.bi-badge-tm-fill::before { content: "\f168"; }
.bi-badge-tm::before { content: "\f169"; }
.bi-badge-vo-fill::before { content: "\f16a"; }
.bi-badge-vo::before { content: "\f16b"; }
.bi-badge-vr-fill::before { content: "\f16c"; }
.bi-badge-vr::before { content: "\f16d"; }
.bi-badge-wc-fill::before { content: "\f16e"; }
.bi-badge-wc::before { content: "\f16f"; }
.bi-bag-check-fill::before { content: "\f170"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-dash-fill::before { content: "\f172"; }
.bi-bag-dash::before { content: "\f173"; }
.bi-bag-fill::before { content: "\f174"; }
.bi-bag-plus-fill::before { content: "\f175"; }
.bi-bag-plus::before { content: "\f176"; }
.bi-bag-x-fill::before { content: "\f177"; }
.bi-bag-x::before { content: "\f178"; }
.bi-bag::before { content: "\f179"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-bar-chart-line-fill::before { content: "\f17b"; }
.bi-bar-chart-line::before { content: "\f17c"; }
.bi-bar-chart-steps::before { content: "\f17d"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-basket-fill::before { content: "\f17f"; }
.bi-basket::before { content: "\f180"; }
.bi-basket2-fill::before { content: "\f181"; }
.bi-basket2::before { content: "\f182"; }
.bi-basket3-fill::before { content: "\f183"; }
.bi-basket3::before { content: "\f184"; }
.bi-battery-charging::before { content: "\f185"; }
.bi-battery-full::before { content: "\f186"; }
.bi-battery-half::before { content: "\f187"; }
.bi-battery::before { content: "\f188"; }
.bi-bell-fill::before { content: "\f189"; }
.bi-bell::before { content: "\f18a"; }
.bi-bezier::before { content: "\f18b"; }
.bi-bezier2::before { content: "\f18c"; }
.bi-bicycle::before { content: "\f18d"; }
.bi-binoculars-fill::before { content: "\f18e"; }
.bi-binoculars::before { content: "\f18f"; }
.bi-blockquote-left::before { content: "\f190"; }
.bi-blockquote-right::before { content: "\f191"; }
.bi-book-fill::before { content: "\f192"; }
.bi-book-half::before { content: "\f193"; }
.bi-book::before { content: "\f194"; }
.bi-bookmark-check-fill::before { content: "\f195"; }
.bi-bookmark-check::before { content: "\f196"; }
.bi-bookmark-dash-fill::before { content: "\f197"; }
.bi-bookmark-dash::before { content: "\f198"; }
.bi-bookmark-fill::before { content: "\f199"; }
.bi-bookmark-heart-fill::before { content: "\f19a"; }
.bi-bookmark-heart::before { content: "\f19b"; }
.bi-bookmark-plus-fill::before { content: "\f19c"; }
.bi-bookmark-plus::before { content: "\f19d"; }
.bi-bookmark-star-fill::before { content: "\f19e"; }
.bi-bookmark-star::before { content: "\f19f"; }
.bi-bookmark-x-fill::before { content: "\f1a0"; }
.bi-bookmark-x::before { content: "\f1a1"; }
.bi-bookmark::before { content: "\f1a2"; }
.bi-bookmarks-fill::before { content: "\f1a3"; }
.bi-bookmarks::before { content: "\f1a4"; }
.bi-bookshelf::before { content: "\f1a5"; }
.bi-bootstrap-fill::before { content: "\f1a6"; }
.bi-bootstrap-reboot::before { content: "\f1a7"; }
.bi-bootstrap::before { content: "\f1a8"; }
.bi-border-all::before { content: "\f1a9"; }
.bi-border-bottom::before { content: "\f1aa"; }
.bi-border-center::before { content: "\f1ab"; }
.bi-border-inner::before { content: "\f1ac"; }
.bi-border-left::before { content: "\f1ad"; }
.bi-border-middle::before { content: "\f1ae"; }
.bi-border-outer::before { content: "\f1af"; }
.bi-border-right::before { content: "\f1b0"; }
.bi-border-style::before { content: "\f1b1"; }
.bi-border-top::before { content: "\f1b2"; }
.bi-border-width::before { content: "\f1b3"; }
.bi-border::before { content: "\f1b4"; }
.bi-bounding-box-circles::before { content: "\f1b5"; }
.bi-bounding-box::before { content: "\f1b6"; }
.bi-box-arrow-down-left::before { content: "\f1b7"; }
.bi-box-arrow-down-right::before { content: "\f1b8"; }
.bi-box-arrow-down::before { content: "\f1b9"; }
.bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.bi-box-arrow-in-down::before { content: "\f1bc"; }
.bi-box-arrow-in-left::before { content: "\f1bd"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.bi-box-arrow-in-up::before { content: "\f1c1"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-box-arrow-right::before { content: "\f1c3"; }
.bi-box-arrow-up-left::before { content: "\f1c4"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-arrow-up::before { content: "\f1c6"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-box::before { content: "\f1c8"; }
.bi-braces::before { content: "\f1c9"; }
.bi-bricks::before { content: "\f1ca"; }
.bi-briefcase-fill::before { content: "\f1cb"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.bi-brightness-alt-high::before { content: "\f1ce"; }
.bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.bi-brightness-alt-low::before { content: "\f1d0"; }
.bi-brightness-high-fill::before { content: "\f1d1"; }
.bi-brightness-high::before { content: "\f1d2"; }
.bi-brightness-low-fill::before { content: "\f1d3"; }
.bi-brightness-low::before { content: "\f1d4"; }
.bi-broadcast-pin::before { content: "\f1d5"; }
.bi-broadcast::before { content: "\f1d6"; }
.bi-brush-fill::before { content: "\f1d7"; }
.bi-brush::before { content: "\f1d8"; }
.bi-bucket-fill::before { content: "\f1d9"; }
.bi-bucket::before { content: "\f1da"; }
.bi-bug-fill::before { content: "\f1db"; }
.bi-bug::before { content: "\f1dc"; }
.bi-building::before { content: "\f1dd"; }
.bi-bullseye::before { content: "\f1de"; }
.bi-calculator-fill::before { content: "\f1df"; }
.bi-calculator::before { content: "\f1e0"; }
.bi-calendar-check-fill::before { content: "\f1e1"; }
.bi-calendar-check::before { content: "\f1e2"; }
.bi-calendar-date-fill::before { content: "\f1e3"; }
.bi-calendar-date::before { content: "\f1e4"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-fill::before { content: "\f1e9"; }
.bi-calendar-minus-fill::before { content: "\f1ea"; }
.bi-calendar-minus::before { content: "\f1eb"; }
.bi-calendar-month-fill::before { content: "\f1ec"; }
.bi-calendar-month::before { content: "\f1ed"; }
.bi-calendar-plus-fill::before { content: "\f1ee"; }
.bi-calendar-plus::before { content: "\f1ef"; }
.bi-calendar-range-fill::before { content: "\f1f0"; }
.bi-calendar-range::before { content: "\f1f1"; }
.bi-calendar-week-fill::before { content: "\f1f2"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-x-fill::before { content: "\f1f4"; }
.bi-calendar-x::before { content: "\f1f5"; }
.bi-calendar::before { content: "\f1f6"; }
.bi-calendar2-check-fill::before { content: "\f1f7"; }
.bi-calendar2-check::before { content: "\f1f8"; }
.bi-calendar2-date-fill::before { content: "\f1f9"; }
.bi-calendar2-date::before { content: "\f1fa"; }
.bi-calendar2-day-fill::before { content: "\f1fb"; }
.bi-calendar2-day::before { content: "\f1fc"; }
.bi-calendar2-event-fill::before { content: "\f1fd"; }
.bi-calendar2-event::before { content: "\f1fe"; }
.bi-calendar2-fill::before { content: "\f1ff"; }
.bi-calendar2-minus-fill::before { content: "\f200"; }
.bi-calendar2-minus::before { content: "\f201"; }
.bi-calendar2-month-fill::before { content: "\f202"; }
.bi-calendar2-month::before { content: "\f203"; }
.bi-calendar2-plus-fill::before { content: "\f204"; }
.bi-calendar2-plus::before { content: "\f205"; }
.bi-calendar2-range-fill::before { content: "\f206"; }
.bi-calendar2-range::before { content: "\f207"; }
.bi-calendar2-week-fill::before { content: "\f208"; }
.bi-calendar2-week::before { content: "\f209"; }
.bi-calendar2-x-fill::before { content: "\f20a"; }
.bi-calendar2-x::before { content: "\f20b"; }
.bi-calendar2::before { content: "\f20c"; }
.bi-calendar3-event-fill::before { content: "\f20d"; }
.bi-calendar3-event::before { content: "\f20e"; }
.bi-calendar3-fill::before { content: "\f20f"; }
.bi-calendar3-range-fill::before { content: "\f210"; }
.bi-calendar3-range::before { content: "\f211"; }
.bi-calendar3-week-fill::before { content: "\f212"; }
.bi-calendar3-week::before { content: "\f213"; }
.bi-calendar3::before { content: "\f214"; }
.bi-calendar4-event::before { content: "\f215"; }
.bi-calendar4-range::before { content: "\f216"; }
.bi-calendar4-week::before { content: "\f217"; }
.bi-calendar4::before { content: "\f218"; }
.bi-camera-fill::before { content: "\f219"; }
.bi-camera-reels-fill::before { content: "\f21a"; }
.bi-camera-reels::before { content: "\f21b"; }
.bi-camera-video-fill::before { content: "\f21c"; }
.bi-camera-video-off-fill::before { content: "\f21d"; }
.bi-camera-video-off::before { content: "\f21e"; }
.bi-camera-video::before { content: "\f21f"; }
.bi-camera::before { content: "\f220"; }
.bi-camera2::before { content: "\f221"; }
.bi-capslock-fill::before { content: "\f222"; }
.bi-capslock::before { content: "\f223"; }
.bi-card-checklist::before { content: "\f224"; }
.bi-card-heading::before { content: "\f225"; }
.bi-card-image::before { content: "\f226"; }
.bi-card-list::before { content: "\f227"; }
.bi-card-text::before { content: "\f228"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-down-square-fill::before { content: "\f22a"; }
.bi-caret-down-square::before { content: "\f22b"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-caret-left-square-fill::before { content: "\f22e"; }
.bi-caret-left-square::before { content: "\f22f"; }
.bi-caret-left::before { content: "\f230"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-right-square-fill::before { content: "\f232"; }
.bi-caret-right-square::before { content: "\f233"; }
.bi-caret-right::before { content: "\f234"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-up-square-fill::before { content: "\f236"; }
.bi-caret-up-square::before { content: "\f237"; }
.bi-caret-up::before { content: "\f238"; }
.bi-cart-check-fill::before { content: "\f239"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-fill::before { content: "\f23d"; }
.bi-cart-plus-fill::before { content: "\f23e"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-x-fill::before { content: "\f240"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart::before { content: "\f242"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-cash::before { content: "\f247"; }
.bi-cast::before { content: "\f248"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-fill::before { content: "\f24b"; }
.bi-chat-left-dots-fill::before { content: "\f24c"; }
.bi-chat-left-dots::before { content: "\f24d"; }
.bi-chat-left-fill::before { content: "\f24e"; }
.bi-chat-left-quote-fill::before { content: "\f24f"; }
.bi-chat-left-quote::before { content: "\f250"; }
.bi-chat-left-text-fill::before { content: "\f251"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-chat-left::before { content: "\f253"; }
.bi-chat-quote-fill::before { content: "\f254"; }
.bi-chat-quote::before { content: "\f255"; }
.bi-chat-right-dots-fill::before { content: "\f256"; }
.bi-chat-right-dots::before { content: "\f257"; }
.bi-chat-right-fill::before { content: "\f258"; }
.bi-chat-right-quote-fill::before { content: "\f259"; }
.bi-chat-right-quote::before { content: "\f25a"; }
.bi-chat-right-text-fill::before { content: "\f25b"; }
.bi-chat-right-text::before { content: "\f25c"; }
.bi-chat-right::before { content: "\f25d"; }
.bi-chat-square-dots-fill::before { content: "\f25e"; }
.bi-chat-square-dots::before { content: "\f25f"; }
.bi-chat-square-fill::before { content: "\f260"; }
.bi-chat-square-quote-fill::before { content: "\f261"; }
.bi-chat-square-quote::before { content: "\f262"; }
.bi-chat-square-text-fill::before { content: "\f263"; }
.bi-chat-square-text::before { content: "\f264"; }
.bi-chat-square::before { content: "\f265"; }
.bi-chat-text-fill::before { content: "\f266"; }
.bi-chat-text::before { content: "\f267"; }
.bi-chat::before { content: "\f268"; }
.bi-check-all::before { content: "\f269"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-bar-contract::before { content: "\f273"; }
.bi-chevron-bar-down::before { content: "\f274"; }
.bi-chevron-bar-expand::before { content: "\f275"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-chevron-contract::before { content: "\f27d"; }
.bi-chevron-double-down::before { content: "\f27e"; }
.bi-chevron-double-left::before { content: "\f27f"; }
.bi-chevron-double-right::before { content: "\f280"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-expand::before { content: "\f283"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-circle-fill::before { content: "\f287"; }
.bi-circle-half::before { content: "\f288"; }
.bi-circle-square::before { content: "\f289"; }
.bi-circle::before { content: "\f28a"; }
.bi-clipboard-check::before { content: "\f28b"; }
.bi-clipboard-data::before { content: "\f28c"; }
.bi-clipboard-minus::before { content: "\f28d"; }
.bi-clipboard-plus::before { content: "\f28e"; }
.bi-clipboard-x::before { content: "\f28f"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clock-fill::before { content: "\f291"; }
.bi-clock-history::before { content: "\f292"; }
.bi-clock::before { content: "\f293"; }
.bi-cloud-arrow-down-fill::before { content: "\f294"; }
.bi-cloud-arrow-down::before { content: "\f295"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-cloud-arrow-up::before { content: "\f297"; }
.bi-cloud-check-fill::before { content: "\f298"; }
.bi-cloud-check::before { content: "\f299"; }
.bi-cloud-download-fill::before { content: "\f29a"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-cloud-drizzle-fill::before { content: "\f29c"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-cloud-fill::before { content: "\f29e"; }
.bi-cloud-fog-fill::before { content: "\f29f"; }
.bi-cloud-fog::before { content: "\f2a0"; }
.bi-cloud-fog2-fill::before { content: "\f2a1"; }
.bi-cloud-fog2::before { content: "\f2a2"; }
.bi-cloud-hail-fill::before { content: "\f2a3"; }
.bi-cloud-hail::before { content: "\f2a4"; }
.bi-cloud-haze-1::before { content: "\f2a5"; }
.bi-cloud-haze-fill::before { content: "\f2a6"; }
.bi-cloud-haze::before { content: "\f2a7"; }
.bi-cloud-haze2-fill::before { content: "\f2a8"; }
.bi-cloud-lightning-fill::before { content: "\f2a9"; }
.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.bi-cloud-lightning-rain::before { content: "\f2ab"; }
.bi-cloud-lightning::before { content: "\f2ac"; }
.bi-cloud-minus-fill::before { content: "\f2ad"; }
.bi-cloud-minus::before { content: "\f2ae"; }
.bi-cloud-moon-fill::before { content: "\f2af"; }
.bi-cloud-moon::before { content: "\f2b0"; }
.bi-cloud-plus-fill::before { content: "\f2b1"; }
.bi-cloud-plus::before { content: "\f2b2"; }
.bi-cloud-rain-fill::before { content: "\f2b3"; }
.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.bi-cloud-rain-heavy::before { content: "\f2b5"; }
.bi-cloud-rain::before { content: "\f2b6"; }
.bi-cloud-slash-fill::before { content: "\f2b7"; }
.bi-cloud-slash::before { content: "\f2b8"; }
.bi-cloud-sleet-fill::before { content: "\f2b9"; }
.bi-cloud-sleet::before { content: "\f2ba"; }
.bi-cloud-snow-fill::before { content: "\f2bb"; }
.bi-cloud-snow::before { content: "\f2bc"; }
.bi-cloud-sun-fill::before { content: "\f2bd"; }
.bi-cloud-sun::before { content: "\f2be"; }
.bi-cloud-upload-fill::before { content: "\f2bf"; }
.bi-cloud-upload::before { content: "\f2c0"; }
.bi-cloud::before { content: "\f2c1"; }
.bi-clouds-fill::before { content: "\f2c2"; }
.bi-clouds::before { content: "\f2c3"; }
.bi-cloudy-fill::before { content: "\f2c4"; }
.bi-cloudy::before { content: "\f2c5"; }
.bi-code-slash::before { content: "\f2c6"; }
.bi-code-square::before { content: "\f2c7"; }
.bi-code::before { content: "\f2c8"; }
.bi-collection-fill::before { content: "\f2c9"; }
.bi-collection-play-fill::before { content: "\f2ca"; }
.bi-collection-play::before { content: "\f2cb"; }
.bi-collection::before { content: "\f2cc"; }
.bi-columns-gap::before { content: "\f2cd"; }
.bi-columns::before { content: "\f2ce"; }
.bi-command::before { content: "\f2cf"; }
.bi-compass-fill::before { content: "\f2d0"; }
.bi-compass::before { content: "\f2d1"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-cone::before { content: "\f2d3"; }
.bi-controller::before { content: "\f2d4"; }
.bi-cpu-fill::before { content: "\f2d5"; }
.bi-cpu::before { content: "\f2d6"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-crop::before { content: "\f2dd"; }
.bi-cup-fill::before { content: "\f2de"; }
.bi-cup-straw::before { content: "\f2df"; }
.bi-cup::before { content: "\f2e0"; }
.bi-cursor-fill::before { content: "\f2e1"; }
.bi-cursor-text::before { content: "\f2e2"; }
.bi-cursor::before { content: "\f2e3"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash::before { content: "\f2ea"; }
.bi-diagram-2-fill::before { content: "\f2eb"; }
.bi-diagram-2::before { content: "\f2ec"; }
.bi-diagram-3-fill::before { content: "\f2ed"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-diamond-fill::before { content: "\f2ef"; }
.bi-diamond-half::before { content: "\f2f0"; }
.bi-diamond::before { content: "\f2f1"; }
.bi-dice-1-fill::before { content: "\f2f2"; }
.bi-dice-1::before { content: "\f2f3"; }
.bi-dice-2-fill::before { content: "\f2f4"; }
.bi-dice-2::before { content: "\f2f5"; }
.bi-dice-3-fill::before { content: "\f2f6"; }
.bi-dice-3::before { content: "\f2f7"; }
.bi-dice-4-fill::before { content: "\f2f8"; }
.bi-dice-4::before { content: "\f2f9"; }
.bi-dice-5-fill::before { content: "\f2fa"; }
.bi-dice-5::before { content: "\f2fb"; }
.bi-dice-6-fill::before { content: "\f2fc"; }
.bi-dice-6::before { content: "\f2fd"; }
.bi-disc-fill::before { content: "\f2fe"; }
.bi-disc::before { content: "\f2ff"; }
.bi-discord::before { content: "\f300"; }
.bi-display-fill::before { content: "\f301"; }
.bi-display::before { content: "\f302"; }
.bi-distribute-horizontal::before { content: "\f303"; }
.bi-distribute-vertical::before { content: "\f304"; }
.bi-door-closed-fill::before { content: "\f305"; }
.bi-door-closed::before { content: "\f306"; }
.bi-door-open-fill::before { content: "\f307"; }
.bi-door-open::before { content: "\f308"; }
.bi-dot::before { content: "\f309"; }
.bi-download::before { content: "\f30a"; }
.bi-droplet-fill::before { content: "\f30b"; }
.bi-droplet-half::before { content: "\f30c"; }
.bi-droplet::before { content: "\f30d"; }
.bi-earbuds::before { content: "\f30e"; }
.bi-easel-fill::before { content: "\f30f"; }
.bi-easel::before { content: "\f310"; }
.bi-egg-fill::before { content: "\f311"; }
.bi-egg-fried::before { content: "\f312"; }
.bi-egg::before { content: "\f313"; }
.bi-eject-fill::before { content: "\f314"; }
.bi-eject::before { content: "\f315"; }
.bi-emoji-angry-fill::before { content: "\f316"; }
.bi-emoji-angry::before { content: "\f317"; }
.bi-emoji-dizzy-fill::before { content: "\f318"; }
.bi-emoji-dizzy::before { content: "\f319"; }
.bi-emoji-expressionless-fill::before { content: "\f31a"; }
.bi-emoji-expressionless::before { content: "\f31b"; }
.bi-emoji-frown-fill::before { content: "\f31c"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.bi-emoji-heart-eyes::before { content: "\f31f"; }
.bi-emoji-laughing-fill::before { content: "\f320"; }
.bi-emoji-laughing::before { content: "\f321"; }
.bi-emoji-neutral-fill::before { content: "\f322"; }
.bi-emoji-neutral::before { content: "\f323"; }
.bi-emoji-smile-fill::before { content: "\f324"; }
.bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.bi-emoji-smile-upside-down::before { content: "\f326"; }
.bi-emoji-smile::before { content: "\f327"; }
.bi-emoji-sunglasses-fill::before { content: "\f328"; }
.bi-emoji-sunglasses::before { content: "\f329"; }
.bi-emoji-wink-fill::before { content: "\f32a"; }
.bi-emoji-wink::before { content: "\f32b"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-envelope-open-fill::before { content: "\f32d"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-envelope::before { content: "\f32f"; }
.bi-eraser-fill::before { content: "\f330"; }
.bi-eraser::before { content: "\f331"; }
.bi-exclamation-circle-fill::before { content: "\f332"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-octagon-fill::before { content: "\f336"; }
.bi-exclamation-octagon::before { content: "\f337"; }
.bi-exclamation-square-fill::before { content: "\f338"; }
.bi-exclamation-square::before { content: "\f339"; }
.bi-exclamation-triangle-fill::before { content: "\f33a"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-exclude::before { content: "\f33d"; }
.bi-eye-fill::before { content: "\f33e"; }
.bi-eye-slash-fill::before { content: "\f33f"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye::before { content: "\f341"; }
.bi-eyedropper::before { content: "\f342"; }
.bi-eyeglasses::before { content: "\f343"; }
.bi-facebook::before { content: "\f344"; }
.bi-file-arrow-down-fill::before { content: "\f345"; }
.bi-file-arrow-down::before { content: "\f346"; }
.bi-file-arrow-up-fill::before { content: "\f347"; }
.bi-file-arrow-up::before { content: "\f348"; }
.bi-file-bar-graph-fill::before { content: "\f349"; }
.bi-file-bar-graph::before { content: "\f34a"; }
.bi-file-binary-fill::before { content: "\f34b"; }
.bi-file-binary::before { content: "\f34c"; }
.bi-file-break-fill::before { content: "\f34d"; }
.bi-file-break::before { content: "\f34e"; }
.bi-file-check-fill::before { content: "\f34f"; }
.bi-file-check::before { content: "\f350"; }
.bi-file-code-fill::before { content: "\f351"; }
.bi-file-code::before { content: "\f352"; }
.bi-file-diff-fill::before { content: "\f353"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.bi-file-earmark-arrow-down::before { content: "\f356"; }
.bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.bi-file-earmark-arrow-up::before { content: "\f358"; }
.bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.bi-file-earmark-bar-graph::before { content: "\f35a"; }
.bi-file-earmark-binary-fill::before { content: "\f35b"; }
.bi-file-earmark-binary::before { content: "\f35c"; }
.bi-file-earmark-break-fill::before { content: "\f35d"; }
.bi-file-earmark-break::before { content: "\f35e"; }
.bi-file-earmark-check-fill::before { content: "\f35f"; }
.bi-file-earmark-check::before { content: "\f360"; }
.bi-file-earmark-code-fill::before { content: "\f361"; }
.bi-file-earmark-code::before { content: "\f362"; }
.bi-file-earmark-diff-fill::before { content: "\f363"; }
.bi-file-earmark-diff::before { content: "\f364"; }
.bi-file-earmark-easel-fill::before { content: "\f365"; }
.bi-file-earmark-easel::before { content: "\f366"; }
.bi-file-earmark-excel-fill::before { content: "\f367"; }
.bi-file-earmark-excel::before { content: "\f368"; }
.bi-file-earmark-fill::before { content: "\f369"; }
.bi-file-earmark-font-fill::before { content: "\f36a"; }
.bi-file-earmark-font::before { content: "\f36b"; }
.bi-file-earmark-image-fill::before { content: "\f36c"; }
.bi-file-earmark-image::before { content: "\f36d"; }
.bi-file-earmark-lock-fill::before { content: "\f36e"; }
.bi-file-earmark-lock::before { content: "\f36f"; }
.bi-file-earmark-lock2-fill::before { content: "\f370"; }
.bi-file-earmark-lock2::before { content: "\f371"; }
.bi-file-earmark-medical-fill::before { content: "\f372"; }
.bi-file-earmark-medical::before { content: "\f373"; }
.bi-file-earmark-minus-fill::before { content: "\f374"; }
.bi-file-earmark-minus::before { content: "\f375"; }
.bi-file-earmark-music-fill::before { content: "\f376"; }
.bi-file-earmark-music::before { content: "\f377"; }
.bi-file-earmark-person-fill::before { content: "\f378"; }
.bi-file-earmark-person::before { content: "\f379"; }
.bi-file-earmark-play-fill::before { content: "\f37a"; }
.bi-file-earmark-play::before { content: "\f37b"; }
.bi-file-earmark-plus-fill::before { content: "\f37c"; }
.bi-file-earmark-plus::before { content: "\f37d"; }
.bi-file-earmark-post-fill::before { content: "\f37e"; }
.bi-file-earmark-post::before { content: "\f37f"; }
.bi-file-earmark-ppt-fill::before { content: "\f380"; }
.bi-file-earmark-ppt::before { content: "\f381"; }
.bi-file-earmark-richtext-fill::before { content: "\f382"; }
.bi-file-earmark-richtext::before { content: "\f383"; }
.bi-file-earmark-ruled-fill::before { content: "\f384"; }
.bi-file-earmark-ruled::before { content: "\f385"; }
.bi-file-earmark-slides-fill::before { content: "\f386"; }
.bi-file-earmark-slides::before { content: "\f387"; }
.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-file-earmark-text::before { content: "\f38b"; }
.bi-file-earmark-word-fill::before { content: "\f38c"; }
.bi-file-earmark-word::before { content: "\f38d"; }
.bi-file-earmark-x-fill::before { content: "\f38e"; }
.bi-file-earmark-x::before { content: "\f38f"; }
.bi-file-earmark-zip-fill::before { content: "\f390"; }
.bi-file-earmark-zip::before { content: "\f391"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-easel-fill::before { content: "\f393"; }
.bi-file-easel::before { content: "\f394"; }
.bi-file-excel-fill::before { content: "\f395"; }
.bi-file-excel::before { content: "\f396"; }
.bi-file-fill::before { content: "\f397"; }
.bi-file-font-fill::before { content: "\f398"; }
.bi-file-font::before { content: "\f399"; }
.bi-file-image-fill::before { content: "\f39a"; }
.bi-file-image::before { content: "\f39b"; }
.bi-file-lock-fill::before { content: "\f39c"; }
.bi-file-lock::before { content: "\f39d"; }
.bi-file-lock2-fill::before { content: "\f39e"; }
.bi-file-lock2::before { content: "\f39f"; }
.bi-file-medical-fill::before { content: "\f3a0"; }
.bi-file-medical::before { content: "\f3a1"; }
.bi-file-minus-fill::before { content: "\f3a2"; }
.bi-file-minus::before { content: "\f3a3"; }
.bi-file-music-fill::before { content: "\f3a4"; }
.bi-file-music::before { content: "\f3a5"; }
.bi-file-person-fill::before { content: "\f3a6"; }
.bi-file-person::before { content: "\f3a7"; }
.bi-file-play-fill::before { content: "\f3a8"; }
.bi-file-play::before { content: "\f3a9"; }
.bi-file-plus-fill::before { content: "\f3aa"; }
.bi-file-plus::before { content: "\f3ab"; }
.bi-file-post-fill::before { content: "\f3ac"; }
.bi-file-post::before { content: "\f3ad"; }
.bi-file-ppt-fill::before { content: "\f3ae"; }
.bi-file-ppt::before { content: "\f3af"; }
.bi-file-richtext-fill::before { content: "\f3b0"; }
.bi-file-richtext::before { content: "\f3b1"; }
.bi-file-ruled-fill::before { content: "\f3b2"; }
.bi-file-ruled::before { content: "\f3b3"; }
.bi-file-slides-fill::before { content: "\f3b4"; }
.bi-file-slides::before { content: "\f3b5"; }
.bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.bi-file-spreadsheet::before { content: "\f3b7"; }
.bi-file-text-fill::before { content: "\f3b8"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-word-fill::before { content: "\f3ba"; }
.bi-file-word::before { content: "\f3bb"; }
.bi-file-x-fill::before { content: "\f3bc"; }
.bi-file-x::before { content: "\f3bd"; }
.bi-file-zip-fill::before { content: "\f3be"; }
.bi-file-zip::before { content: "\f3bf"; }
.bi-file::before { content: "\f3c0"; }
.bi-files-alt::before { content: "\f3c1"; }
.bi-files::before { content: "\f3c2"; }
.bi-film::before { content: "\f3c3"; }
.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter::before { content: "\f3ca"; }
.bi-flag-fill::before { content: "\f3cb"; }
.bi-flag::before { content: "\f3cc"; }
.bi-flower1::before { content: "\f3cd"; }
.bi-flower2::before { content: "\f3ce"; }
.bi-flower3::before { content: "\f3cf"; }
.bi-folder-check::before { content: "\f3d0"; }
.bi-folder-fill::before { content: "\f3d1"; }
.bi-folder-minus::before { content: "\f3d2"; }
.bi-folder-plus::before { content: "\f3d3"; }
.bi-folder-symlink-fill::before { content: "\f3d4"; }
.bi-folder-symlink::before { content: "\f3d5"; }
.bi-folder-x::before { content: "\f3d6"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder2-open::before { content: "\f3d8"; }
.bi-folder2::before { content: "\f3d9"; }
.bi-fonts::before { content: "\f3da"; }
.bi-forward-fill::before { content: "\f3db"; }
.bi-forward::before { content: "\f3dc"; }
.bi-front::before { content: "\f3dd"; }
.bi-fullscreen-exit::before { content: "\f3de"; }
.bi-fullscreen::before { content: "\f3df"; }
.bi-funnel-fill::before { content: "\f3e0"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-gear-fill::before { content: "\f3e2"; }
.bi-gear-wide-connected::before { content: "\f3e3"; }
.bi-gear-wide::before { content: "\f3e4"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gem::before { content: "\f3e6"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-geo::before { content: "\f3ea"; }
.bi-gift-fill::before { content: "\f3eb"; }
.bi-gift::before { content: "\f3ec"; }
.bi-github::before { content: "\f3ed"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-google::before { content: "\f3f0"; }
.bi-graph-down::before { content: "\f3f1"; }
.bi-graph-up::before { content: "\f3f2"; }
.bi-grid-1x2-fill::before { content: "\f3f3"; }
.bi-grid-1x2::before { content: "\f3f4"; }
.bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.bi-grid-3x2-gap::before { content: "\f3f6"; }
.bi-grid-3x2::before { content: "\f3f7"; }
.bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.bi-grid-3x3-gap::before { content: "\f3f9"; }
.bi-grid-3x3::before { content: "\f3fa"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grid::before { content: "\f3fc"; }
.bi-grip-horizontal::before { content: "\f3fd"; }
.bi-grip-vertical::before { content: "\f3fe"; }
.bi-hammer::before { content: "\f3ff"; }
.bi-hand-index-fill::before { content: "\f400"; }
.bi-hand-index-thumb-fill::before { content: "\f401"; }
.bi-hand-index-thumb::before { content: "\f402"; }
.bi-hand-index::before { content: "\f403"; }
.bi-hand-thumbs-down-fill::before { content: "\f404"; }
.bi-hand-thumbs-down::before { content: "\f405"; }
.bi-hand-thumbs-up-fill::before { content: "\f406"; }
.bi-hand-thumbs-up::before { content: "\f407"; }
.bi-handbag-fill::before { content: "\f408"; }
.bi-handbag::before { content: "\f409"; }
.bi-hash::before { content: "\f40a"; }
.bi-hdd-fill::before { content: "\f40b"; }
.bi-hdd-network-fill::before { content: "\f40c"; }
.bi-hdd-network::before { content: "\f40d"; }
.bi-hdd-rack-fill::before { content: "\f40e"; }
.bi-hdd-rack::before { content: "\f40f"; }
.bi-hdd-stack-fill::before { content: "\f410"; }
.bi-hdd-stack::before { content: "\f411"; }
.bi-hdd::before { content: "\f412"; }
.bi-headphones::before { content: "\f413"; }
.bi-headset::before { content: "\f414"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart-half::before { content: "\f416"; }
.bi-heart::before { content: "\f417"; }
.bi-heptagon-fill::before { content: "\f418"; }
.bi-heptagon-half::before { content: "\f419"; }
.bi-heptagon::before { content: "\f41a"; }
.bi-hexagon-fill::before { content: "\f41b"; }
.bi-hexagon-half::before { content: "\f41c"; }
.bi-hexagon::before { content: "\f41d"; }
.bi-hourglass-bottom::before { content: "\f41e"; }
.bi-hourglass-split::before { content: "\f41f"; }
.bi-hourglass-top::before { content: "\f420"; }
.bi-hourglass::before { content: "\f421"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-house-door::before { content: "\f423"; }
.bi-house-fill::before { content: "\f424"; }
.bi-house::before { content: "\f425"; }
.bi-hr::before { content: "\f426"; }
.bi-hurricane::before { content: "\f427"; }
.bi-image-alt::before { content: "\f428"; }
.bi-image-fill::before { content: "\f429"; }
.bi-image::before { content: "\f42a"; }
.bi-images::before { content: "\f42b"; }
.bi-inbox-fill::before { content: "\f42c"; }
.bi-inbox::before { content: "\f42d"; }
.bi-inboxes-fill::before { content: "\f42e"; }
.bi-inboxes::before { content: "\f42f"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-info-circle::before { content: "\f431"; }
.bi-info-square-fill::before { content: "\f432"; }
.bi-info-square::before { content: "\f433"; }
.bi-info::before { content: "\f434"; }
.bi-input-cursor-text::before { content: "\f435"; }
.bi-input-cursor::before { content: "\f436"; }
.bi-instagram::before { content: "\f437"; }
.bi-intersect::before { content: "\f438"; }
.bi-journal-album::before { content: "\f439"; }
.bi-journal-arrow-down::before { content: "\f43a"; }
.bi-journal-arrow-up::before { content: "\f43b"; }
.bi-journal-bookmark-fill::before { content: "\f43c"; }
.bi-journal-bookmark::before { content: "\f43d"; }
.bi-journal-check::before { content: "\f43e"; }
.bi-journal-code::before { content: "\f43f"; }
.bi-journal-medical::before { content: "\f440"; }
.bi-journal-minus::before { content: "\f441"; }
.bi-journal-plus::before { content: "\f442"; }
.bi-journal-richtext::before { content: "\f443"; }
.bi-journal-text::before { content: "\f444"; }
.bi-journal-x::before { content: "\f445"; }
.bi-journal::before { content: "\f446"; }
.bi-journals::before { content: "\f447"; }
.bi-joystick::before { content: "\f448"; }
.bi-justify-left::before { content: "\f449"; }
.bi-justify-right::before { content: "\f44a"; }
.bi-justify::before { content: "\f44b"; }
.bi-kanban-fill::before { content: "\f44c"; }
.bi-kanban::before { content: "\f44d"; }
.bi-key-fill::before { content: "\f44e"; }
.bi-key::before { content: "\f44f"; }
.bi-keyboard-fill::before { content: "\f450"; }
.bi-keyboard::before { content: "\f451"; }
.bi-ladder::before { content: "\f452"; }
.bi-lamp-fill::before { content: "\f453"; }
.bi-lamp::before { content: "\f454"; }
.bi-laptop-fill::before { content: "\f455"; }
.bi-laptop::before { content: "\f456"; }
.bi-layer-backward::before { content: "\f457"; }
.bi-layer-forward::before { content: "\f458"; }
.bi-layers-fill::before { content: "\f459"; }
.bi-layers-half::before { content: "\f45a"; }
.bi-layers::before { content: "\f45b"; }
.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.bi-layout-sidebar-inset::before { content: "\f45d"; }
.bi-layout-sidebar-reverse::before { content: "\f45e"; }
.bi-layout-sidebar::before { content: "\f45f"; }
.bi-layout-split::before { content: "\f460"; }
.bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.bi-layout-text-sidebar::before { content: "\f462"; }
.bi-layout-text-window-reverse::before { content: "\f463"; }
.bi-layout-text-window::before { content: "\f464"; }
.bi-layout-three-columns::before { content: "\f465"; }
.bi-layout-wtf::before { content: "\f466"; }
.bi-life-preserver::before { content: "\f467"; }
.bi-lightbulb-fill::before { content: "\f468"; }
.bi-lightbulb-off-fill::before { content: "\f469"; }
.bi-lightbulb-off::before { content: "\f46a"; }
.bi-lightbulb::before { content: "\f46b"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-lightning-charge::before { content: "\f46d"; }
.bi-lightning-fill::before { content: "\f46e"; }
.bi-lightning::before { content: "\f46f"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-linkedin::before { content: "\f472"; }
.bi-list-check::before { content: "\f473"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-list::before { content: "\f479"; }
.bi-lock-fill::before { content: "\f47a"; }
.bi-lock::before { content: "\f47b"; }
.bi-mailbox::before { content: "\f47c"; }
.bi-mailbox2::before { content: "\f47d"; }
.bi-map-fill::before { content: "\f47e"; }
.bi-map::before { content: "\f47f"; }
.bi-markdown-fill::before { content: "\f480"; }
.bi-markdown::before { content: "\f481"; }
.bi-mask::before { content: "\f482"; }
.bi-megaphone-fill::before { content: "\f483"; }
.bi-megaphone::before { content: "\f484"; }
.bi-menu-app-fill::before { content: "\f485"; }
.bi-menu-app::before { content: "\f486"; }
.bi-menu-button-fill::before { content: "\f487"; }
.bi-menu-button-wide-fill::before { content: "\f488"; }
.bi-menu-button-wide::before { content: "\f489"; }
.bi-menu-button::before { content: "\f48a"; }
.bi-menu-down::before { content: "\f48b"; }
.bi-menu-up::before { content: "\f48c"; }
.bi-mic-fill::before { content: "\f48d"; }
.bi-mic-mute-fill::before { content: "\f48e"; }
.bi-mic-mute::before { content: "\f48f"; }
.bi-mic::before { content: "\f490"; }
.bi-minecart-loaded::before { content: "\f491"; }
.bi-minecart::before { content: "\f492"; }
.bi-moisture::before { content: "\f493"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-moon-stars-fill::before { content: "\f495"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-moon::before { content: "\f497"; }
.bi-mouse-fill::before { content: "\f498"; }
.bi-mouse::before { content: "\f499"; }
.bi-mouse2-fill::before { content: "\f49a"; }
.bi-mouse2::before { content: "\f49b"; }
.bi-mouse3-fill::before { content: "\f49c"; }
.bi-mouse3::before { content: "\f49d"; }
.bi-music-note-beamed::before { content: "\f49e"; }
.bi-music-note-list::before { content: "\f49f"; }
.bi-music-note::before { content: "\f4a0"; }
.bi-music-player-fill::before { content: "\f4a1"; }
.bi-music-player::before { content: "\f4a2"; }
.bi-newspaper::before { content: "\f4a3"; }
.bi-node-minus-fill::before { content: "\f4a4"; }
.bi-node-minus::before { content: "\f4a5"; }
.bi-node-plus-fill::before { content: "\f4a6"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-nut-fill::before { content: "\f4a8"; }
.bi-nut::before { content: "\f4a9"; }
.bi-octagon-fill::before { content: "\f4aa"; }
.bi-octagon-half::before { content: "\f4ab"; }
.bi-octagon::before { content: "\f4ac"; }
.bi-option::before { content: "\f4ad"; }
.bi-outlet::before { content: "\f4ae"; }
.bi-paint-bucket::before { content: "\f4af"; }
.bi-palette-fill::before { content: "\f4b0"; }
.bi-palette::before { content: "\f4b1"; }
.bi-palette2::before { content: "\f4b2"; }
.bi-paperclip::before { content: "\f4b3"; }
.bi-paragraph::before { content: "\f4b4"; }
.bi-patch-check-fill::before { content: "\f4b5"; }
.bi-patch-check::before { content: "\f4b6"; }
.bi-patch-exclamation-fill::before { content: "\f4b7"; }
.bi-patch-exclamation::before { content: "\f4b8"; }
.bi-patch-minus-fill::before { content: "\f4b9"; }
.bi-patch-minus::before { content: "\f4ba"; }
.bi-patch-plus-fill::before { content: "\f4bb"; }
.bi-patch-plus::before { content: "\f4bc"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-pause-btn-fill::before { content: "\f4bf"; }
.bi-pause-btn::before { content: "\f4c0"; }
.bi-pause-circle-fill::before { content: "\f4c1"; }
.bi-pause-circle::before { content: "\f4c2"; }
.bi-pause-fill::before { content: "\f4c3"; }
.bi-pause::before { content: "\f4c4"; }
.bi-peace-fill::before { content: "\f4c5"; }
.bi-peace::before { content: "\f4c6"; }
.bi-pen-fill::before { content: "\f4c7"; }
.bi-pen::before { content: "\f4c8"; }
.bi-pencil-fill::before { content: "\f4c9"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pentagon-fill::before { content: "\f4cc"; }
.bi-pentagon-half::before { content: "\f4cd"; }
.bi-pentagon::before { content: "\f4ce"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-people::before { content: "\f4d0"; }
.bi-percent::before { content: "\f4d1"; }
.bi-person-badge-fill::before { content: "\f4d2"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-person-check-fill::before { content: "\f4d5"; }
.bi-person-check::before { content: "\f4d6"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person-dash-fill::before { content: "\f4d8"; }
.bi-person-dash::before { content: "\f4d9"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-person-lines-fill::before { content: "\f4db"; }
.bi-person-plus-fill::before { content: "\f4dc"; }
.bi-person-plus::before { content: "\f4dd"; }
.bi-person-square::before { content: "\f4de"; }
.bi-person-x-fill::before { content: "\f4df"; }
.bi-person-x::before { content: "\f4e0"; }
.bi-person::before { content: "\f4e1"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone::before { content: "\f4e7"; }
.bi-pie-chart-fill::before { content: "\f4e8"; }
.bi-pie-chart::before { content: "\f4e9"; }
.bi-pin-angle-fill::before { content: "\f4ea"; }
.bi-pin-angle::before { content: "\f4eb"; }
.bi-pin-fill::before { content: "\f4ec"; }
.bi-pin::before { content: "\f4ed"; }
.bi-pip-fill::before { content: "\f4ee"; }
.bi-pip::before { content: "\f4ef"; }
.bi-play-btn-fill::before { content: "\f4f0"; }
.bi-play-btn::before { content: "\f4f1"; }
.bi-play-circle-fill::before { content: "\f4f2"; }
.bi-play-circle::before { content: "\f4f3"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-play::before { content: "\f4f5"; }
.bi-plug-fill::before { content: "\f4f6"; }
.bi-plug::before { content: "\f4f7"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-plus-circle-fill::before { content: "\f4f9"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-square-dotted::before { content: "\f4fb"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus::before { content: "\f4fe"; }
.bi-power::before { content: "\f4ff"; }
.bi-printer-fill::before { content: "\f500"; }
.bi-printer::before { content: "\f501"; }
.bi-puzzle-fill::before { content: "\f502"; }
.bi-puzzle::before { content: "\f503"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-diamond-fill::before { content: "\f506"; }
.bi-question-diamond::before { content: "\f507"; }
.bi-question-octagon-fill::before { content: "\f508"; }
.bi-question-octagon::before { content: "\f509"; }
.bi-question-square-fill::before { content: "\f50a"; }
.bi-question-square::before { content: "\f50b"; }
.bi-question::before { content: "\f50c"; }
.bi-rainbow::before { content: "\f50d"; }
.bi-receipt-cutoff::before { content: "\f50e"; }
.bi-receipt::before { content: "\f50f"; }
.bi-reception-0::before { content: "\f510"; }
.bi-reception-1::before { content: "\f511"; }
.bi-reception-2::before { content: "\f512"; }
.bi-reception-3::before { content: "\f513"; }
.bi-reception-4::before { content: "\f514"; }
.bi-record-btn-fill::before { content: "\f515"; }
.bi-record-btn::before { content: "\f516"; }
.bi-record-circle-fill::before { content: "\f517"; }
.bi-record-circle::before { content: "\f518"; }
.bi-record-fill::before { content: "\f519"; }
.bi-record::before { content: "\f51a"; }
.bi-record2-fill::before { content: "\f51b"; }
.bi-record2::before { content: "\f51c"; }
.bi-reply-all-fill::before { content: "\f51d"; }
.bi-reply-all::before { content: "\f51e"; }
.bi-reply-fill::before { content: "\f51f"; }
.bi-reply::before { content: "\f520"; }
.bi-rss-fill::before { content: "\f521"; }
.bi-rss::before { content: "\f522"; }
.bi-rulers::before { content: "\f523"; }
.bi-save-fill::before { content: "\f524"; }
.bi-save::before { content: "\f525"; }
.bi-save2-fill::before { content: "\f526"; }
.bi-save2::before { content: "\f527"; }
.bi-scissors::before { content: "\f528"; }
.bi-screwdriver::before { content: "\f529"; }
.bi-search::before { content: "\f52a"; }
.bi-segmented-nav::before { content: "\f52b"; }
.bi-server::before { content: "\f52c"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-share::before { content: "\f52e"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-shield-exclamation::before { content: "\f530"; }
.bi-shield-fill-check::before { content: "\f531"; }
.bi-shield-fill-exclamation::before { content: "\f532"; }
.bi-shield-fill-minus::before { content: "\f533"; }
.bi-shield-fill-plus::before { content: "\f534"; }
.bi-shield-fill-x::before { content: "\f535"; }
.bi-shield-fill::before { content: "\f536"; }
.bi-shield-lock-fill::before { content: "\f537"; }
.bi-shield-lock::before { content: "\f538"; }
.bi-shield-minus::before { content: "\f539"; }
.bi-shield-plus::before { content: "\f53a"; }
.bi-shield-shaded::before { content: "\f53b"; }
.bi-shield-slash-fill::before { content: "\f53c"; }
.bi-shield-slash::before { content: "\f53d"; }
.bi-shield-x::before { content: "\f53e"; }
.bi-shield::before { content: "\f53f"; }
.bi-shift-fill::before { content: "\f540"; }
.bi-shift::before { content: "\f541"; }
.bi-shop-window::before { content: "\f542"; }
.bi-shop::before { content: "\f543"; }
.bi-shuffle::before { content: "\f544"; }
.bi-signpost-2-fill::before { content: "\f545"; }
.bi-signpost-2::before { content: "\f546"; }
.bi-signpost-fill::before { content: "\f547"; }
.bi-signpost-split-fill::before { content: "\f548"; }
.bi-signpost-split::before { content: "\f549"; }
.bi-signpost::before { content: "\f54a"; }
.bi-sim-fill::before { content: "\f54b"; }
.bi-sim::before { content: "\f54c"; }
.bi-skip-backward-btn-fill::before { content: "\f54d"; }
.bi-skip-backward-btn::before { content: "\f54e"; }
.bi-skip-backward-circle-fill::before { content: "\f54f"; }
.bi-skip-backward-circle::before { content: "\f550"; }
.bi-skip-backward-fill::before { content: "\f551"; }
.bi-skip-backward::before { content: "\f552"; }
.bi-skip-end-btn-fill::before { content: "\f553"; }
.bi-skip-end-btn::before { content: "\f554"; }
.bi-skip-end-circle-fill::before { content: "\f555"; }
.bi-skip-end-circle::before { content: "\f556"; }
.bi-skip-end-fill::before { content: "\f557"; }
.bi-skip-end::before { content: "\f558"; }
.bi-skip-forward-btn-fill::before { content: "\f559"; }
.bi-skip-forward-btn::before { content: "\f55a"; }
.bi-skip-forward-circle-fill::before { content: "\f55b"; }
.bi-skip-forward-circle::before { content: "\f55c"; }
.bi-skip-forward-fill::before { content: "\f55d"; }
.bi-skip-forward::before { content: "\f55e"; }
.bi-skip-start-btn-fill::before { content: "\f55f"; }
.bi-skip-start-btn::before { content: "\f560"; }
.bi-skip-start-circle-fill::before { content: "\f561"; }
.bi-skip-start-circle::before { content: "\f562"; }
.bi-skip-start-fill::before { content: "\f563"; }
.bi-skip-start::before { content: "\f564"; }
.bi-slack::before { content: "\f565"; }
.bi-slash-circle-fill::before { content: "\f566"; }
.bi-slash-circle::before { content: "\f567"; }
.bi-slash-square-fill::before { content: "\f568"; }
.bi-slash-square::before { content: "\f569"; }
.bi-slash::before { content: "\f56a"; }
.bi-sliders::before { content: "\f56b"; }
.bi-smartwatch::before { content: "\f56c"; }
.bi-snow::before { content: "\f56d"; }
.bi-snow2::before { content: "\f56e"; }
.bi-snow3::before { content: "\f56f"; }
.bi-sort-alpha-down-alt::before { content: "\f570"; }
.bi-sort-alpha-down::before { content: "\f571"; }
.bi-sort-alpha-up-alt::before { content: "\f572"; }
.bi-sort-alpha-up::before { content: "\f573"; }
.bi-sort-down-alt::before { content: "\f574"; }
.bi-sort-down::before { content: "\f575"; }
.bi-sort-numeric-down-alt::before { content: "\f576"; }
.bi-sort-numeric-down::before { content: "\f577"; }
.bi-sort-numeric-up-alt::before { content: "\f578"; }
.bi-sort-numeric-up::before { content: "\f579"; }
.bi-sort-up-alt::before { content: "\f57a"; }
.bi-sort-up::before { content: "\f57b"; }
.bi-soundwave::before { content: "\f57c"; }
.bi-speaker-fill::before { content: "\f57d"; }
.bi-speaker::before { content: "\f57e"; }
.bi-speedometer::before { content: "\f57f"; }
.bi-speedometer2::before { content: "\f580"; }
.bi-spellcheck::before { content: "\f581"; }
.bi-square-fill::before { content: "\f582"; }
.bi-square-half::before { content: "\f583"; }
.bi-square::before { content: "\f584"; }
.bi-stack::before { content: "\f585"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-star::before { content: "\f588"; }
.bi-stars::before { content: "\f589"; }
.bi-stickies-fill::before { content: "\f58a"; }
.bi-stickies::before { content: "\f58b"; }
.bi-sticky-fill::before { content: "\f58c"; }
.bi-sticky::before { content: "\f58d"; }
.bi-stop-btn-fill::before { content: "\f58e"; }
.bi-stop-btn::before { content: "\f58f"; }
.bi-stop-circle-fill::before { content: "\f590"; }
.bi-stop-circle::before { content: "\f591"; }
.bi-stop-fill::before { content: "\f592"; }
.bi-stop::before { content: "\f593"; }
.bi-stoplights-fill::before { content: "\f594"; }
.bi-stoplights::before { content: "\f595"; }
.bi-stopwatch-fill::before { content: "\f596"; }
.bi-stopwatch::before { content: "\f597"; }
.bi-subtract::before { content: "\f598"; }
.bi-suit-club-fill::before { content: "\f599"; }
.bi-suit-club::before { content: "\f59a"; }
.bi-suit-diamond-fill::before { content: "\f59b"; }
.bi-suit-diamond::before { content: "\f59c"; }
.bi-suit-heart-fill::before { content: "\f59d"; }
.bi-suit-heart::before { content: "\f59e"; }
.bi-suit-spade-fill::before { content: "\f59f"; }
.bi-suit-spade::before { content: "\f5a0"; }
.bi-sun-fill::before { content: "\f5a1"; }
.bi-sun::before { content: "\f5a2"; }
.bi-sunglasses::before { content: "\f5a3"; }
.bi-sunrise-fill::before { content: "\f5a4"; }
.bi-sunrise::before { content: "\f5a5"; }
.bi-sunset-fill::before { content: "\f5a6"; }
.bi-sunset::before { content: "\f5a7"; }
.bi-symmetry-horizontal::before { content: "\f5a8"; }
.bi-symmetry-vertical::before { content: "\f5a9"; }
.bi-table::before { content: "\f5aa"; }
.bi-tablet-fill::before { content: "\f5ab"; }
.bi-tablet-landscape-fill::before { content: "\f5ac"; }
.bi-tablet-landscape::before { content: "\f5ad"; }
.bi-tablet::before { content: "\f5ae"; }
.bi-tag-fill::before { content: "\f5af"; }
.bi-tag::before { content: "\f5b0"; }
.bi-tags-fill::before { content: "\f5b1"; }
.bi-tags::before { content: "\f5b2"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-telephone-forward-fill::before { content: "\f5b5"; }
.bi-telephone-forward::before { content: "\f5b6"; }
.bi-telephone-inbound-fill::before { content: "\f5b7"; }
.bi-telephone-inbound::before { content: "\f5b8"; }
.bi-telephone-minus-fill::before { content: "\f5b9"; }
.bi-telephone-minus::before { content: "\f5ba"; }
.bi-telephone-outbound-fill::before { content: "\f5bb"; }
.bi-telephone-outbound::before { content: "\f5bc"; }
.bi-telephone-plus-fill::before { content: "\f5bd"; }
.bi-telephone-plus::before { content: "\f5be"; }
.bi-telephone-x-fill::before { content: "\f5bf"; }
.bi-telephone-x::before { content: "\f5c0"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-terminal-fill::before { content: "\f5c2"; }
.bi-terminal::before { content: "\f5c3"; }
.bi-text-center::before { content: "\f5c4"; }
.bi-text-indent-left::before { content: "\f5c5"; }
.bi-text-indent-right::before { content: "\f5c6"; }
.bi-text-left::before { content: "\f5c7"; }
.bi-text-paragraph::before { content: "\f5c8"; }
.bi-text-right::before { content: "\f5c9"; }
.bi-textarea-resize::before { content: "\f5ca"; }
.bi-textarea-t::before { content: "\f5cb"; }
.bi-textarea::before { content: "\f5cc"; }
.bi-thermometer-half::before { content: "\f5cd"; }
.bi-thermometer-high::before { content: "\f5ce"; }
.bi-thermometer-low::before { content: "\f5cf"; }
.bi-thermometer-snow::before { content: "\f5d0"; }
.bi-thermometer-sun::before { content: "\f5d1"; }
.bi-thermometer::before { content: "\f5d2"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-three-dots::before { content: "\f5d4"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-toggle2-off::before { content: "\f5d7"; }
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-toggles::before { content: "\f5d9"; }
.bi-toggles2::before { content: "\f5da"; }
.bi-tools::before { content: "\f5db"; }
.bi-tornado::before { content: "\f5dc"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-tree::before { content: "\f5e2"; }
.bi-triangle-fill::before { content: "\f5e3"; }
.bi-triangle-half::before { content: "\f5e4"; }
.bi-triangle::before { content: "\f5e5"; }
.bi-trophy-fill::before { content: "\f5e6"; }
.bi-trophy::before { content: "\f5e7"; }
.bi-tropical-storm::before { content: "\f5e8"; }
.bi-truck-flatbed::before { content: "\f5e9"; }
.bi-truck::before { content: "\f5ea"; }
.bi-tsunami::before { content: "\f5eb"; }
.bi-tv-fill::before { content: "\f5ec"; }
.bi-tv::before { content: "\f5ed"; }
.bi-twitch::before { content: "\f5ee"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-type-bold::before { content: "\f5f0"; }
.bi-type-h1::before { content: "\f5f1"; }
.bi-type-h2::before { content: "\f5f2"; }
.bi-type-h3::before { content: "\f5f3"; }
.bi-type-italic::before { content: "\f5f4"; }
.bi-type-strikethrough::before { content: "\f5f5"; }
.bi-type-underline::before { content: "\f5f6"; }
.bi-type::before { content: "\f5f7"; }
.bi-ui-checks-grid::before { content: "\f5f8"; }
.bi-ui-checks::before { content: "\f5f9"; }
.bi-ui-radios-grid::before { content: "\f5fa"; }
.bi-ui-radios::before { content: "\f5fb"; }
.bi-umbrella-fill::before { content: "\f5fc"; }
.bi-umbrella::before { content: "\f5fd"; }
.bi-union::before { content: "\f5fe"; }
.bi-unlock-fill::before { content: "\f5ff"; }
.bi-unlock::before { content: "\f600"; }
.bi-upc-scan::before { content: "\f601"; }
.bi-upc::before { content: "\f602"; }
.bi-upload::before { content: "\f603"; }
.bi-vector-pen::before { content: "\f604"; }
.bi-view-list::before { content: "\f605"; }
.bi-view-stacked::before { content: "\f606"; }
.bi-vinyl-fill::before { content: "\f607"; }
.bi-vinyl::before { content: "\f608"; }
.bi-voicemail::before { content: "\f609"; }
.bi-volume-down-fill::before { content: "\f60a"; }
.bi-volume-down::before { content: "\f60b"; }
.bi-volume-mute-fill::before { content: "\f60c"; }
.bi-volume-mute::before { content: "\f60d"; }
.bi-volume-off-fill::before { content: "\f60e"; }
.bi-volume-off::before { content: "\f60f"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-volume-up::before { content: "\f611"; }
.bi-vr::before { content: "\f612"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet2::before { content: "\f615"; }
.bi-watch::before { content: "\f616"; }
.bi-water::before { content: "\f617"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-wifi-1::before { content: "\f619"; }
.bi-wifi-2::before { content: "\f61a"; }
.bi-wifi-off::before { content: "\f61b"; }
.bi-wifi::before { content: "\f61c"; }
.bi-wind::before { content: "\f61d"; }
.bi-window-dock::before { content: "\f61e"; }
.bi-window-sidebar::before { content: "\f61f"; }
.bi-window::before { content: "\f620"; }
.bi-wrench::before { content: "\f621"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-bell-slash-fill::before { content: "\f630"; }
.bi-bell-slash::before { content: "\f631"; }
.bi-cash-coin::before { content: "\f632"; }
.bi-check-lg::before { content: "\f633"; }
.bi-coin::before { content: "\f634"; }
.bi-currency-bitcoin::before { content: "\f635"; }
.bi-currency-dollar::before { content: "\f636"; }
.bi-currency-euro::before { content: "\f637"; }
.bi-currency-exchange::before { content: "\f638"; }
.bi-currency-pound::before { content: "\f639"; }
.bi-currency-yen::before { content: "\f63a"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-exclamation-lg::before { content: "\f63c"; }
.bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.bi-file-earmark-pdf::before { content: "\f63e"; }
.bi-file-pdf-fill::before { content: "\f63f"; }
.bi-file-pdf::before { content: "\f640"; }
.bi-gender-ambiguous::before { content: "\f641"; }
.bi-gender-female::before { content: "\f642"; }
.bi-gender-male::before { content: "\f643"; }
.bi-gender-trans::before { content: "\f644"; }
.bi-headset-vr::before { content: "\f645"; }
.bi-info-lg::before { content: "\f646"; }
.bi-mastodon::before { content: "\f647"; }
.bi-messenger::before { content: "\f648"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-pin-map::before { content: "\f64c"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-question-lg::before { content: "\f64e"; }
.bi-recycle::before { content: "\f64f"; }
.bi-reddit::before { content: "\f650"; }
.bi-safe-fill::before { content: "\f651"; }
.bi-safe2-fill::before { content: "\f652"; }
.bi-safe2::before { content: "\f653"; }
.bi-sd-card-fill::before { content: "\f654"; }
.bi-sd-card::before { content: "\f655"; }
.bi-skype::before { content: "\f656"; }
.bi-slash-lg::before { content: "\f657"; }
.bi-translate::before { content: "\f658"; }
.bi-x-lg::before { content: "\f659"; }
.bi-safe::before { content: "\f65a"; }
.bi-apple::before { content: "\f65b"; }
.bi-microsoft::before { content: "\f65d"; }
.bi-windows::before { content: "\f65e"; }
.bi-behance::before { content: "\f65c"; }
.bi-dribbble::before { content: "\f65f"; }
.bi-line::before { content: "\f660"; }
.bi-medium::before { content: "\f661"; }
.bi-paypal::before { content: "\f662"; }
.bi-pinterest::before { content: "\f663"; }
.bi-signal::before { content: "\f664"; }
.bi-snapchat::before { content: "\f665"; }
.bi-spotify::before { content: "\f666"; }
.bi-stack-overflow::before { content: "\f667"; }
.bi-strava::before { content: "\f668"; }
.bi-wordpress::before { content: "\f669"; }
.bi-vimeo::before { content: "\f66a"; }
.bi-activity::before { content: "\f66b"; }
.bi-easel2-fill::before { content: "\f66c"; }
.bi-easel2::before { content: "\f66d"; }
.bi-easel3-fill::before { content: "\f66e"; }
.bi-easel3::before { content: "\f66f"; }
.bi-fan::before { content: "\f670"; }
.bi-fingerprint::before { content: "\f671"; }
.bi-graph-down-arrow::before { content: "\f672"; }
.bi-graph-up-arrow::before { content: "\f673"; }
.bi-hypnotize::before { content: "\f674"; }
.bi-magic::before { content: "\f675"; }
.bi-person-rolodex::before { content: "\f676"; }
.bi-person-video::before { content: "\f677"; }
.bi-person-video2::before { content: "\f678"; }
.bi-person-video3::before { content: "\f679"; }
.bi-person-workspace::before { content: "\f67a"; }
.bi-radioactive::before { content: "\f67b"; }
.bi-webcam-fill::before { content: "\f67c"; }
.bi-webcam::before { content: "\f67d"; }
.bi-yin-yang::before { content: "\f67e"; }
.bi-bandaid-fill::before { content: "\f680"; }
.bi-bandaid::before { content: "\f681"; }
.bi-bluetooth::before { content: "\f682"; }
.bi-body-text::before { content: "\f683"; }
.bi-boombox::before { content: "\f684"; }
.bi-boxes::before { content: "\f685"; }
.bi-dpad-fill::before { content: "\f686"; }
.bi-dpad::before { content: "\f687"; }
.bi-ear-fill::before { content: "\f688"; }
.bi-ear::before { content: "\f689"; }
.bi-envelope-check-1::before { content: "\f68a"; }
.bi-envelope-check-fill::before { content: "\f68b"; }
.bi-envelope-check::before { content: "\f68c"; }
.bi-envelope-dash-1::before { content: "\f68d"; }
.bi-envelope-dash-fill::before { content: "\f68e"; }
.bi-envelope-dash::before { content: "\f68f"; }
.bi-envelope-exclamation-1::before { content: "\f690"; }
.bi-envelope-exclamation-fill::before { content: "\f691"; }
.bi-envelope-exclamation::before { content: "\f692"; }
.bi-envelope-plus-fill::before { content: "\f693"; }
.bi-envelope-plus::before { content: "\f694"; }
.bi-envelope-slash-1::before { content: "\f695"; }
.bi-envelope-slash-fill::before { content: "\f696"; }
.bi-envelope-slash::before { content: "\f697"; }
.bi-envelope-x-1::before { content: "\f698"; }
.bi-envelope-x-fill::before { content: "\f699"; }
.bi-envelope-x::before { content: "\f69a"; }
.bi-explicit-fill::before { content: "\f69b"; }
.bi-explicit::before { content: "\f69c"; }
.bi-git::before { content: "\f69d"; }
.bi-infinity::before { content: "\f69e"; }
.bi-list-columns-reverse::before { content: "\f69f"; }
.bi-list-columns::before { content: "\f6a0"; }
.bi-meta::before { content: "\f6a1"; }
.bi-mortorboard-fill::before { content: "\f6a2"; }
.bi-mortorboard::before { content: "\f6a3"; }
.bi-nintendo-switch::before { content: "\f6a4"; }
.bi-pc-display-horizontal::before { content: "\f6a5"; }
.bi-pc-display::before { content: "\f6a6"; }
.bi-pc-horizontal::before { content: "\f6a7"; }
.bi-pc::before { content: "\f6a8"; }
.bi-playstation::before { content: "\f6a9"; }
.bi-plus-slash-minus::before { content: "\f6aa"; }
.bi-projector-fill::before { content: "\f6ab"; }
.bi-projector::before { content: "\f6ac"; }
.bi-qr-code-scan::before { content: "\f6ad"; }
.bi-qr-code::before { content: "\f6ae"; }
.bi-quora::before { content: "\f6af"; }
.bi-quote::before { content: "\f6b0"; }
.bi-robot::before { content: "\f6b1"; }
.bi-send-check-fill::before { content: "\f6b2"; }
.bi-send-check::before { content: "\f6b3"; }
.bi-send-dash-fill::before { content: "\f6b4"; }
.bi-send-dash::before { content: "\f6b5"; }
.bi-send-exclamation-1::before { content: "\f6b6"; }
.bi-send-exclamation-fill::before { content: "\f6b7"; }
.bi-send-exclamation::before { content: "\f6b8"; }
.bi-send-fill::before { content: "\f6b9"; }
.bi-send-plus-fill::before { content: "\f6ba"; }
.bi-send-plus::before { content: "\f6bb"; }
.bi-send-slash-fill::before { content: "\f6bc"; }
.bi-send-slash::before { content: "\f6bd"; }
.bi-send-x-fill::before { content: "\f6be"; }
.bi-send-x::before { content: "\f6bf"; }
.bi-send::before { content: "\f6c0"; }
.bi-steam::before { content: "\f6c1"; }
.bi-terminal-dash-1::before { content: "\f6c2"; }
.bi-terminal-dash::before { content: "\f6c3"; }
.bi-terminal-plus::before { content: "\f6c4"; }
.bi-terminal-split::before { content: "\f6c5"; }
.bi-ticket-detailed-fill::before { content: "\f6c6"; }
.bi-ticket-detailed::before { content: "\f6c7"; }
.bi-ticket-fill::before { content: "\f6c8"; }
.bi-ticket-perferated-fill::before { content: "\f6c9"; }
.bi-ticket-perferated::before { content: "\f6ca"; }
.bi-ticket::before { content: "\f6cb"; }
.bi-tiktok::before { content: "\f6cc"; }
.bi-window-dash::before { content: "\f6cd"; }
.bi-window-desktop::before { content: "\f6ce"; }
.bi-window-fullscreen::before { content: "\f6cf"; }
.bi-window-plus::before { content: "\f6d0"; }
.bi-window-split::before { content: "\f6d1"; }
.bi-window-stack::before { content: "\f6d2"; }
.bi-window-x::before { content: "\f6d3"; }
.bi-xbox::before { content: "\f6d4"; }
.bi-ethernet::before { content: "\f6d5"; }
.bi-hdmi-fill::before { content: "\f6d6"; }
.bi-hdmi::before { content: "\f6d7"; }
.bi-usb-c-fill::before { content: "\f6d8"; }
.bi-usb-c::before { content: "\f6d9"; }
.bi-usb-fill::before { content: "\f6da"; }
.bi-usb-plug-fill::before { content: "\f6db"; }
.bi-usb-plug::before { content: "\f6dc"; }
.bi-usb-symbol::before { content: "\f6dd"; }
.bi-usb::before { content: "\f6de"; }
.bi-boombox-fill::before { content: "\f6df"; }
.bi-displayport-1::before { content: "\f6e0"; }
.bi-displayport::before { content: "\f6e1"; }
.bi-gpu-card::before { content: "\f6e2"; }
.bi-memory::before { content: "\f6e3"; }
.bi-modem-fill::before { content: "\f6e4"; }
.bi-modem::before { content: "\f6e5"; }
.bi-motherboard-fill::before { content: "\f6e6"; }
.bi-motherboard::before { content: "\f6e7"; }
.bi-optical-audio-fill::before { content: "\f6e8"; }
.bi-optical-audio::before { content: "\f6e9"; }
.bi-pci-card::before { content: "\f6ea"; }
.bi-router-fill::before { content: "\f6eb"; }
.bi-router::before { content: "\f6ec"; }
.bi-ssd-fill::before { content: "\f6ed"; }
.bi-ssd::before { content: "\f6ee"; }
.bi-thunderbolt-fill::before { content: "\f6ef"; }
.bi-thunderbolt::before { content: "\f6f0"; }
.bi-usb-drive-fill::before { content: "\f6f1"; }
.bi-usb-drive::before { content: "\f6f2"; }
.bi-usb-micro-fill::before { content: "\f6f3"; }
.bi-usb-micro::before { content: "\f6f4"; }
.bi-usb-mini-fill::before { content: "\f6f5"; }
.bi-usb-mini::before { content: "\f6f6"; }
.bi-cloud-haze2::before { content: "\f6f7"; }
.bi-device-hdd-fill::before { content: "\f6f8"; }
.bi-device-hdd::before { content: "\f6f9"; }
.bi-device-ssd-fill::before { content: "\f6fa"; }
.bi-device-ssd::before { content: "\f6fb"; }
.bi-displayport-fill::before { content: "\f6fc"; }
.bi-mortarboard-fill::before { content: "\f6fd"; }
.bi-mortarboard::before { content: "\f6fe"; }

/* -------------------------------------------------------
    ����� ������ �������� �� ���������
----------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote 
{
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: normal;
    list-style: none;
}

table  
{
    border-collapse: collapse; 
    border: none; 
    border-spacing: 0;
    direction: ltr;
}

td, th, caption  
{
    font-weight: normal; 
    text-align: left; 
    border: none; 
}

.dir-rtl td,
.dir-rtl th,
.dir-rtl caption {
    text-align: right;
}

img, fieldset 
{ 
    border: 0; 
}

ol  
{
    padding-left: 1.4em; 
    list-style: decimal; 
}

ul  
{
    padding-left: 1.4em; 
    list-style:square; 
}

.dir-rtl ul,
.dir-rtl ol 
{
    padding-left: 0; 
    padding-right: 1.4em; 
}

q:before, q:after  
{
    content:''; 
}

/* -------------------------------------------------------
    Стили всех элементов
----------------------------------------------------------*/
body {
    font: 14px 'Lato', Calibri, Trebuchet MS, sans-serif !important;
    color: #333;
    border-color: #333;
}

/* Общие элементы
----------------------------------------------------------*/

.secondaryText {
    color: #888;
}

/* Цвет ссылок */
a:link, a:visited {
    color: #4F77C6;
}

a.content {
    text-decoration: none;
}

a:hover {
    color: #BD2957;
    text-decoration: underline;
}

.success-text {
    color: #01a31c;
}

.error-text {
    color: #bd2957;
}

.up_link, .up_link:link {
    outline: none;
    height: 26px;
    width: 25px;
    position: fixed;
    text-decoration: none;
    background: #959595 url(/images/up_link.png) no-repeat 0 0;
    bottom: -26px;
    left: 30px;
    z-index: 100;
    -webkit-transition: bottom 300ms ease;
    transition: bottom 300ms ease;
}

/* Заголовки разделов */
h1 {
    font-size: 1.5em;
    padding: 0 0 0px 10px;
    margin-bottom: 25px;
}

.dir-rtl h1 {
    border-right: 3px solid #231F20;
    border-left: 0;
    padding: 0 10px 0px 0;
}

#logon h1 {
    border-left: none;
}

/* Header and logOn
----------------------------------------------------------*/
#header {
    /*background-image: url(/images/pattern.jpg);*/
    /*background-repeat: repeat-x;*/
    /*background-position: 230px 0;*/
    /* margin-right: -15px;*/
    background-color: #EDEEF0;
    border-radius: 25px;
}

.dir-rtl #header {
    direction: rtl;
}

.highcharts-tooltip > * {
    direction: ltr;
}

#header a:hover {
    color: #BD2957;
}

#logOn {
    color: #63585B;
    text-align: right;
}

    #logOn .clock {
        margin: 0 5px;
    }

    #logOn .exit {
        display: inline-block;
        text-decoration: none;
        margin: 5px 5px 0 10px;
        padding: 3px 15px;
        background-color: #EEE;
        border-radius: 5px;
    }

        #logOn .exit:hover {
            background-color: #DDD;
        }

.dir-rtl #logOn {
    text-align: left;
}

#changeCompany {
    margin-right: 20px;
}

    #changeCompany .company-id {
        color: #fff;
    }

.dir-rtl #changeCompany {
    left: 20px;
    right: auto;
}

.company-logo {
    /*width: 100%;*/
    max-width: 230px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*UI-DropDown override*/

.ui.dropdown {
    width: 315px;
}

.ui.selection.dropdown {
    min-height: inherit !important;
    padding: 6px 10px !important;
    border-radius: 9px !important;
}

    .ui.selection.dropdown.change-company {
        border: 1px solid #b4b6b1;
    }
    /*------------  Menu  -------------------*/

    .ui.selection.dropdown .menu {
        border-radius: inherit !important;
    }

.ui.dropdown .menu > .item {
    font-size: inherit !important;
}

    .ui.dropdown .menu > .item .device-stat {
        padding: 0 5px;
    }

.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
    opacity: inherit !important;
}

/*------------  Menu  -------------------*/

/*------------  Input serch  -------------------*/

.ui.search.dropdown > input.search {
    cursor: pointer !important;
}

.ui.search.dropdown.active > input.search {
    cursor: text !important;
}

.ui.search.selection.dropdown > input.search {
    line-height: inherit !important;
    padding: inherit !important;
}

.ui.search.dropdown > input.search {
    top: -1px !important;
    left: 0 !important;
}

.ui.search.dropdown .menu {
    max-height: 500px !important;
}

/*------------  Input serch  -------------------*/

/*#changeCompany span {
        font-size: 0.8em;
        color: #AAA;
    }*/

#changeCompany select {
    width: 250px;
}


#changeCompanyList dd,
#changeCompanyList dt,
#changeCompanyList ul {
    margin: 0px;
    padding: 0px;
    z-index: 100;
    font-weight: normal;
}

#changeCompanyList dd {
    position: relative;
}

#changeCompanyList a,
#changeCompanyList a:hover {
    text-decoration: none;
}

    #changeCompanyList a.company-name,
    #changeCompanyList a.company-name:visited {
        position: relative;
        color: #000;
        text-decoration: none;
        outline: none;
    }

        #changeCompanyList a.company-name:hover {
            color: #000;
        }

#changeCompanyList dt a.company-name:hover {
    color: #000;
}

#changeCompanyList dt a.company-name {
    background: #fff no-repeat scroll right center;
    display: inline-block;
    padding: 2px 0px 2px 5px;
    border: 1px solid #63585B;
    width: 275px;
}

.dir-rtl #changeCompanyList dt a.company-name {
    padding: 2px 5px 2px 0;
}

#changeCompanyList dt a.company-name span {
    cursor: pointer;
    display: inline-block;
}

#changeCompanyList dd ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #63585B;
    color: #000;
    display: none;
    left: 0px;
    padding: 5px 0px;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 275px;
    list-style: none;
    max-height: 500px;
    overflow: auto;
}

.dir-rtl #changeCompanyList dd ul {
    left: 20px;
    padding: 5px 5px 0 0;
}

#deviceStatistics span {
    margin-right: 5px;
}

#changeCompanyList span.value {
    display: none !important;
}

#changeCompanyList span.onlineDevices,
#deviceStatistics span.onlineDevices {
    font-size: 1.0em;
    margin-left: 5px;
    color: #007F0E;
}

#changeCompanyList span.offlineDevices,
#deviceStatistics span.offlineDevices {
    font-size: 1.0em;
    margin-left: 5px;
    color: #bd2957;
}

.company-online {
    color: #007F0E;
}

.company-offline {
    color: #bd2957;
}

.company-inactive {
    color: #888;
}

#deviceStatistics span.onlineDevices {
    margin-left: 0px;
}

#deviceStatistics span.offlineDevices {
    margin-left: 0px;
}

#changeCompany dd li.current {
    padding: 1px 0 2px 5px;
    background-color: #FFE97F;
    color: #000;
}

#changeCompanyList dd ul li a {
    padding: 1px 0px 2px 5px;
    display: block;
}

    #changeCompanyList dd ul li a:hover {
        background-color: #DEDEDE;
    }

#changeCompanyList .null-device-count {
    font-size: 1.0em;
    color: #AAA;
}

#changeCompanyList .small-device-count {
    font-size: 1.0em;
    color: #555;
}

#changeCompanyList .big-device-count {
    font-size: 1.0em;
    color: #000;
}

#changeCompanyList .total-company-stat {
    margin-top: 5px;
    color: #000;
    padding: 5px 0px 2px 5px;
    display: block;
    font-size: 1.0em;
    border-top: 1px dashed #555;
}


#changeLang {
    margin-left: 20px;
}

a.deleteLink {
    color: #D8507D;
    margin-top: 10px;
}

.notificationBox {
    position: fixed;
    z-index: 99999;
    top: -150px;
    left: calc(50% - 150px);
    min-width: 300px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 20px 10px 20px;
    background-color: #EDFBFF;
    border: 1px solid #afc0c3;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    transition: top 400ms ease;
    border-radius: 9px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}

    .notificationBox.opened {
        top: 0;
    }

#loadingBox {
    top: -30px;
    width: 100%;
    position: fixed;
    z-index: 99999;
}

    #loadingBox p {
        width: 150px;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 20px 10px 20px;
        background-color: #FFEDB5;
        border: 2px solid #555;
        border-top: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        text-align: center;
        font-weight: bold;
        font-style: italic;
    }

#loading_info {
    margin-top: 50px;
    width: 100%;
    padding: 5px;
    text-align: center;
    display: none;
}

    #loading_info p {
        font-size: 14pt;
    }

/* -------------------------------------------------------
    Footer
----------------------------------------------------------*/
.copyright {
    text-align: center;
    margin-top: 25px;
    padding: 5px 0px 0px 0;
}

.version {
    margin-left: 10px;
    text-align: center;
    margin-top: 15px;
}

#logon-footer .copyright, #logon-footer .copyright .version {
    color: white;
}

.log-on footer {
    position: absolute;
    bottom: 20px;
    left: 44%;
}

/* Content
----------------------------------------------------------*/
#content h1 {
    border-color: #eecf35;
}

.graph {
    margin: 0 0 20px 0;
}

.sectionComment {
    margin: 10px 0px 15px 10px;
    font-size: 1.0em;
    color: gray;
    display: inline-block;
    vertical-align: middle;
}

.no-data {
    display: inline-block;
    margin: 20px 0 40px 10px;
    text-align: center;
    font-size: 1.2em;
    background-color: #d8e5f0;
    padding: 5px 10px;
    color: gray;
    border-radius: 9px;
}

.error {
    display: block;
    padding: 3px 10px;
    border: 1px dashed #BD2957;
    color: #BD2957;
    margin: 10px 0;
}

.expiredDataBox {
    text-align: center;
    color: red;
    border: 3px dotted red;
    font-size: 18px;
    width: 270px;
    padding: 10px;
}

/* -------------------------------------------------------
    Page title
----------------------------------------------------------*/
.pageTitle {
    position: relative;
    /*width: 57%;*/
    margin-top: 18px;
    max-width: 500px;
}

@media screen and (min-width: 1800px) and (max-width: 1920px) {
    .pageTitle {
        max-width: 1100px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1800px) {
    .pageTitle {
        max-width: 700px;
    }
}

.pageTitle h1 {
    color: #bd2957;
    display: inline-block;
}

.pageTitle .filter {
    margin: 0 0 0 10px;
    display: inline-block;
    font-size: 1.2em;
}

.pageTitle ul {
    padding: 0;
    list-style: none;
}

.pageTitle .filter li {
    margin-left: 20px;
    /*hack for IE7 - for inline display*/
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.dir-rtl .pageTitle .filter li {
    margin-right: 20px;
    margin-left: 0;
}

.pageTitle .filter li a,
.pageTitle .filter li span,
.pageTitle .actions li a {
    display: inline-block;
    padding: 5px 15px;
    background-color: #F7D2E7;
    border-radius: 5px;
    text-decoration: none;
}

.pageTitle .filter li.deprecated-page a,
.pageTitle .filter li.deprecated-page span {
    background-color: #eeeeee;
    border-color: #ddd;
    color: #666;
}

.pageTitle .filter li a:hover {
    text-decoration: underline;
}

.pageTitle .filter li span {
    border: 2px solid;
    background-color: #cd6aa3;
    border: 2px solid #cd6aa3;
    color: #FFF;
}

.pageTitle .printPageLink {
    position: absolute;
    right: 20px;
    text-decoration: none;
    font-size: 1.2em;
    border-bottom: 1px dashed;
}

.pageTitle .comment {
    display: inline-block;
    background-color: #d8e5f0;
    color: #555;
    padding: 3px 5px;
    margin-left: 5px;
    border-radius: 9px;
}

.pageTitle .web-survey {
    display: inline-block;
    background-color: #5a93c3;
    color: #FFF;
    padding: 3px 5px;
    margin-left: 5px;
    border-radius: 3px;
}

.cellRow .web-survey, .counting-points {
    display: inline-block;
    background-color: #5a93c3;
    color: #FFF;
    padding: 3px 5px;
    border-radius: 3px;
}

.cellRow .counting-answers {
    display: inline-block;
    background-color: #b4b6b1;
    color: #FFF;
    padding: 3px 5px;
    border-radius: 3px;
}

.pageTitle .archive,
.pageTitle .non-activated {
    display: inline-block;
    background-color: #999;
    color: #FFF;
    padding: 3px 5px;
    margin-left: 5px;
    border-radius: 3px;
}

.pageTitle .breadCrumbs {
    padding-right: 15px;
    margin-right: 5px;
    position: relative;
}

.dir-rtl .pageTitle .breadCrumbs {
    padding-right: 0;
    margin-right: 0;
    padding-left: 15px;
    margin-left: 5px;
}

.pageTitle .breadCrumbs:before {
    content: "";
    position: absolute;
    background-image: url("/images/bread_crumb_delimiter.png");
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    right: -1px;
    top: 7px;
}

.dir-rtl .pageTitle .breadCrumbs:before {
    right: auto;
    left: 0;
    top: 7px;
    transform: rotate(180deg)
}

.pageTitle .globalRespondents {
    font-size: 1.1em;
    margin-left: 10px;
    padding: 5px 10px;
    color: #555;
    border-radius: 5px;
    display: inline-block;
}

.dir-rtl .pageTitle .globalRespondents {
    margin-left: 0;
    margin-right: 10px;
}

.pageTitle .deprecated-page-title {
    display: inline-block;
    font-size: 1.2em;
    margin: 5px 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
    background-color: #f4e18d;
    color: #bd2957;
}

.pageTitle .sub-navigation-block {
    display: inline-block;
    position: relative;
    left: 15px;
}

    .pageTitle .sub-navigation-block .nav-item {
        font-size: 1.2em;
        margin-right: 10px;
    }

    .pageTitle .sub-navigation-block .active.nav-link {
        background: linear-gradient(90deg, rgba(28,142,240,0.7399334733893557) 1%, rgba(15,102,176,0.8015581232492998) 50%, rgba(31,24,144,0.7791491596638656) 100%);
        color: #FFF;
    }

        .pageTitle .sub-navigation-block .active.nav-link:hover {
            background-color: #9cc2e3;
        }

    .pageTitle .sub-navigation-block .nav-link {
        background-color: #EEE;
        border-radius: 9px;
    }

        .pageTitle .sub-navigation-block .nav-link:hover {
            background-color: #E5E5E5;
        }

    .pageTitle .sub-navigation-block .dropdown-menu .active {
        background: #cd6aa3;
    }



/* -------------------------------------------------------
    Sidebar
----------------------------------------------------------*/
#sidebar {
    min-width: 265px;
    max-width: 265px;
    margin-left: 10px;
    margin-right: 10px;
}

    #sidebar .fixed {
        top: 0px;
        position: fixed;
        width: 230px;
    }

    #sidebar h1 {
        border-color: #82b3c5;
    }

/* Новости  */
p.news {
    padding: 10px;
    margin-bottom: 20px;
    border: 3px dashed #AAA;
}

/* Общие элементы фильтра и колонки действий */

#sidebar .filter,
#sidebar .actions,
#sidebar .fill-checklist {
    margin-top: 30px;
}

    #sidebar .filter ul,
    #sidebar .actions ul,
    #sidebar .fill-checklist ul {
        margin: 0px 0 0px 0;
        padding: 15px;
        list-style: none;
    }

    #sidebar .filter li,
    #sidebar .actions li,
    #sidebar .fill-checklist li {
        margin-bottom: 5px;
    }

        #sidebar .actions li img {
            width: 100%
        }

        #sidebar .actions li.allItemsOption {
            padding-bottom: 5px;
            margin-bottom: 15px;
            font-weight: bold;
        }

        #sidebar .actions li.styleOption {
            margin-bottom: 15px;
        }

    #sidebar .filter a,
    #sidebar .filter span,
    #sidebar .actions a,
    #sidebar .actions span,
    #sidebar .fill-checklist a {
        padding: 5px 5px;
        display: inline-block;
    }

/* Фильтр  */
#sidebar .filter {
    margin-bottom: 20px;
    border: 0px solid #AAA;
}

#sidebar .filterHeader {
    display: inline-block;
    font-size: 1.2em;
    color: #555;
    margin: 20px 0 -10px 0;
}

#sidebar .filter h2 {
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #AAA;
    background-color: #DADADA;
    color: #984393;
}

#sidebar .filter span {
    background-color: #82B3C5;
    border-radius: 5px;
    color: #FFF;
}

/* Actions */
#sidebar .actions {
    background-color: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 9px;
}

    #sidebar .actions h2 {
        padding: 10px 10px 0 15px;
        font-size: 1.2em;
    }

    #sidebar .actions ul {
        list-style: none;
        padding: 15px;
    }

    #sidebar .actions a.button {
        display: block;
        border-radius: 5px;
    }

    #sidebar .actions span {
        border: 2px solid #e3ad32;
        border-radius: 5px;
        color: gray;
    }

/* Инфо-бокс  */
#sidebar .info {
    border-top: 15px solid #b4b6b1;
    padding: 20px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    border-radius: 5px;
}

    #sidebar .info p {
        text-indent: 30px;
        line-height: 1.5em;
    }

        #sidebar .info p + p {
            margin-top: 10px;
        }

    #sidebar .info .buttonContainer {
        margin-top: 10px;
        text-align: right;
    }

    #sidebar .info a.button {
        text-decoration: none;
        display: inline-block;
        padding: 5px 10px;
        color: #FFF;
        background-color: #7C94CA;
        border-radius: 5px;
    }

        #sidebar .info a.button:hover {
            background-color: #82B3C5;
        }

    #sidebar .info h2 {
        font-size: 1.2em;
    }

    #sidebar .info ul {
        list-style-type: none;
        margin: 10px 0 20px 0;
        padding: 0;
    }

    #sidebar .info li {
        margin: 0 0 5px 0;
    }

/* Чек-лист */

#sidebar .fill-checklist {
    background-color: #f7f7f7;
    margin-bottom: 20px;
    border-radius: 5px;
}

    #sidebar .fill-checklist h2 {
        padding: 15px 0 0 20px;
        color: #555555;
        font-size: 1.2em;
    }

#sidebar #begin-recognition {
    background-color: #DAFF7F;
    margin-bottom: 20px;
    border-radius: 5px;
    padding-bottom: 10px;
}

    #sidebar #begin-recognition li {
        margin: 0 0 5px 0;
    }

    #sidebar #begin-recognition h2 {
        padding: 15px 0 0 20px;
        color: #555555;
        font-size: 1.2em;
    }

/* Метки */

#sidebar .notesTopMargin {
    margin-top: 130px;
}

#sidebar #notes h2 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#sidebar .mediaRecordNote {
    margin-bottom: 5px;
}

    #sidebar .mediaRecordNote a.playNoteLink {
        text-decoration: none;
        border-bottom: 1px dashed;
    }

    #sidebar .mediaRecordNote .noteTextInput {
    }

#sidebar #notes a#addNoteLink {
    display: inline-block;
    text-decoration: none;
    margin: 10px 0 0px 0;
    border-bottom: 1px dashed;
}

#sidebar #notes a.removeNoteLink {
    text-decoration: none;
    color: #D8507D;
    -webkit-text-stroke: 2px;
    font-size: 11px;
}

#sidebar .noteText {
    word-wrap: break-word;
}

#sidebar #notes div#addNoteForm {
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}

    #sidebar #notes div#addNoteForm #notePlayFromText {
        display: block;
        margin: 3px 0;
        color: #e95f41;
    }

/* Апелляции и Примечания */

#sidebar #appeals h2,
#sidebar #textnotes h2 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#sidebar #appeals a.removeNoteLink,
#sidebar #textnotes a.removeNoteLink {
    background-image: url('/images/delete-icon.png');
    height: 14px;
    width: 16px;
    margin-top: -1px;
    margin-bottom: -1px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 15px;
}

#sidebar #appeals a#addAppealLink,
#sidebar #textnotes a#addTextNoteLink {
    display: inline-block;
    text-decoration: none;
    margin: 10px 10px 0 0;
    border-bottom: 1px dashed;
}

#sidebar #appeals div#editAppealForm,
#sidebar #textnotes div#editTextNoteForm {
    margin-top: 5px;
    position: relative;
    overflow: visible;
}

.appeal,
.textnote {
    margin-bottom: 10px;
}

    .appeal .appeal-header,
    .textnote .texnote-header {
        font-weight: bold;
    }

    .appeal .appeal-author-comment,
    .textnote-area {
        background: white;
        padding: 5px;
        margin-bottom: 5px;
        border-radius: 3px;
        width: 190px;
        word-break: break-all;
        overflow-wrap: break-word;
    }

    .appeal .appeal-operator-comment {
        background: #d8e5f0;
        padding: 5px;
        margin-bottom: 5px;
        border-radius: 3px;
    }

    .appeal .appeal-resolution,
    .checklist-appeals-title {
        font-weight: bold;
        color: #4b0082;
    }

    .appeal .operator-comment-text {
        background: #d8e5f0;
        width: 100%;
        height: 80px;
    }

#editAppealForm .author-text-input {
    width: 100%;
    height: 80px;
    margin-bottom: 5px;
}

#editAppealForm .file-input {
    width: 100%;
    word-break: break-all;
    white-space: pre-wrap;
    display: inline-table;
    overflow-wrap: break-word;
    font-size: smaller;
    margin-top: 5px;
}

#editAppealForm #State {
    width: 190px;
}

#editAppealForm input {
    font-size: smaller;
}

#editAppealForm .file-ext-size {
    width: 100%;
    word-break: break-all;
    white-space: pre-wrap;
    display: inline-table;
    overflow-wrap: break-word;
    font-size: x-small;
    margin-bottom: 0;
}

.appeal-session-header {
    font-size: 1.4em;
    color: #ff0000;
    margin: 10px 0 5px 0;
}

.download-file {
    background-image: url('/images/download.png');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: 1px;
    padding-left: 15px;
}

.appeal .download-file {
    word-wrap: break-word;
}

.add-note {
    height: 100px;
}

.error-message {
    color: #ff0000;
}

#sidebar #textnotes input {
    width: 93px;
}

/* -------------------------------------------------------
    Image gallery
----------------------------------------------------------*/
.imageBox {
    width: 160px;
    margin-right: 20px;
}

#gallery h2 {
    color: gray;
    font-size: 1.0em;
    margin: 10px 0;
}

.sessionDetails .imageBox,
#gallery .imageBox,
.conversationImages .imageBox {
    position: relative;
    float: left;
}

.interactionImages .imageBox {
    position: relative;
    float: left;
}

.imageBox img,
.eventImageBox img,
img.shadowBorder {
    border: 1px solid #666;
    background-color: #FFF;
    padding: 4px;
    position: relative;
    box-shadow: 5px 5px 5px #888888;
}

img.shadowNoBorder {
    border: 1px solid #666;
    position: relative;
    box-shadow: 5px 5px 5px #888888;
}

.imageBox img.sessionComplete {
    border: 3px solid #97c056;
    margin-bottom: 5px;
}

.imageBox .sessionDeleted {
    text-align: center;
    margin: 0 0 5px 0;
    color: #555;
}

.imageBox .imageDate {
    text-align: center;
    margin: 5px 0 5px 0;
    color: #555;
}

.imageBox p {
    color: gray;
    text-align: center;
    margin-top: 5px;
    height: 10em;
}

    .imageBox p.survey {
        height: 3em;
    }

.eventImageBox img {
    max-width: 100px;
}

.eventImageBox p {
    text-align: left;
    margin-bottom: 5px;
}

.imageBox a.delete {
    font-size: 1.0em;
    text-decoration: none;
    color: orange;
    z-index: 10;
    position: absolute;
    top: 5px;
    right: 10px;
}

.imageBox .image-rotation-controls {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
}

.imageBox .image-rotation-button {
    border: 1px solid #777;
    background-color: #FFFFFF;
    color: #555;
    cursor: pointer;
    padding: 2px 4px;
}

.imageBox .image-rotation-button:hover {
    color: #000000;
}

.imageBox img.image-rotation-180 {
    transform: rotate(180deg);
}

.imageBox img.image-rotation-90.smallWidth,
.imageBox img.image-rotation-270.smallWidth {
    transform: translateY(20px) rotate(90deg);
    margin-bottom: 40px;
}

.imageBox img.image-rotation-270.smallWidth {
    transform: translateY(20px) rotate(270deg);
}

.imageBox img.image-rotation-90.mediumWidth,
.imageBox img.image-rotation-270.mediumWidth {
    transform: translateY(30px) rotate(90deg);
    margin-bottom: 60px;
}

.imageBox img.image-rotation-270.mediumWidth {
    transform: translateY(30px) rotate(270deg);
}

.imageBox img.image-rotation-90.largeWidth,
.imageBox img.image-rotation-270.largeWidth {
    transform: translateY(40px) rotate(90deg);
    margin-bottom: 80px;
}

.imageBox img.image-rotation-270.largeWidth {
    transform: translateY(40px) rotate(270deg);
}

.smallWidth,
.smallWidthFake {
    position: relative;
    width: 160px;
}

.mediumWidth,
.mediumWidthFake {
    width: 240px;
}

.largeWidth {
    width: 320px;
}

/*.smallHeight {
    height: 120px;
}*/

/*.mediumHeight {
    height: 180px;
}*/

/*.largeHeight {
    height: 240px;
}*/

#imageLargePopup, #imageLargePopupLoad {
    background-color: #FFFFFF;
    border: 4px solid #E3AD32;
    position: absolute;
}

#imageLargePopup {
    z-index: 200;
    width: 320px;
    height: 240px;
    max-width: 1024px;
    max-height: 768px;
    cursor: pointer;
}

#imageLargePopupLoad {
    z-index: 199;
    width: 100px;
    height: 100px;
    padding: 60px;
    /*background-image: url(images/loading_def.gif);
    background-repeat: no-repeat;*/
}

.hidden {
    display: none;
}

.imageBox .dedicatedShow {
    background-color: #EECF35 !important;
}


/* -------------------------------------------------------
    Session data
----------------------------------------------------------*/
h2.sessionDataHeader {
    font-size: 1.4em;
    margin-bottom: 10px;
    color: gray;
}

.sessionDetails {
    position: relative;
    float: left;
    width: 100%;
}

.wave-player-wrapper {
    width: 100%;
}

.dir-rtl .sessionDetails {
    float: right;
    padding: 0 40px;
}

.sessionDetails .common-info {
    font-size: 1.2em;
    color: #555555;
    margin-bottom: 15px;
}

    .sessionDetails .common-info.no-margin-bottom {
        margin-bottom: 0 !important;
    }


    .sessionDetails .common-info .line {
        margin-bottom: 5px;
    }

    .sessionDetails .common-info .device-descr {
        color: #984393;
    }

    .sessionDetails .common-info .conversation-duration {
        color: #999;
    }

.afterDetails {
    clear: both;
}

.sessionDetails .imageBox {
    margin-bottom: 10px;
}

.sessionDetails .guid {
    color: #AAA;
    margin-bottom: 5px;
}

.sessionDetails .fakeSessionWarning {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 1.2em;
    color: #3d3d3d;
    background-color: #fbd7d7;
    border-radius: 5px;
}

.sessionDetails .fakeSuspicionSessionWarning {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 1.2em;
    color: #555555;
    background-color: #ffedb5;
    border-radius: 5px;
}

.sessionDetails .conversation-data {
    margin: 10px 0;
    clear: both;
}

.sessionDetails .post-images-block {
    clear: both;
}

.sessionDetails .show-other-images {
    display: inline-block;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px dashed;
    margin-left: 10px;
}

.sessionDetails .survey-presentation-container {
    max-width: 500px;
    margin-left: 10px;
}

/* -------------------------------------------------------
    Session checklists
----------------------------------------------------------*/
h2.checklistTitle {
    clear: both;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 1.4em;
    color: #005dae;
}

.sessionChecklists {
    float: left;
    position: relative;
    margin: 0px 10px 10px 0;
}

    .sessionChecklists h2 {
        font-size: 1.2em;
        color: #333;
        margin-bottom: 10px;
    }

    .sessionChecklists a.checklist {
        display: block;
        text-decoration: none;
        color: #555;
        width: 300px;
        float: left;
        background-color: #D0FFB5;
        border-radius: 5px;
        margin: 0 20px 20px 0;
    }

        .sessionChecklists a.checklist:hover {
            background-color: #C6FFA5;
        }

    .sessionChecklists .checklist h3 {
        background-color: #65AF3A;
        font-style: normal;
        font-size: 1.4em;
        margin: 0;
        padding: 5px 10px;
        color: #FFF;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .sessionChecklists .checklist .checklistContent {
        padding: 10px 10px;
    }

    .sessionChecklists .checklist .checklistTitle {
        display: block;
        color: #e95f41;
        margin-bottom: 10px;
        font-size: 1.3em;
    }

    .sessionChecklists .checklistRow {
        display: block;
        margin-bottom: 5px;
        word-wrap: break-word;
    }

    .sessionChecklists .appealRow {
        display: block;
        color: #e95f41;
        margin-bottom: 5px;
    }

.checklist-fill {
    width: 600px;
}

.checklist

.checklist-fill .checklist-question-text {
    color: #4d81bc;
    border-bottom: 1px dashed #4d81bc;
    font-weight: bold;
}

.checklist-fill .checklist-question-text:hover {
    cursor: pointer;
    text-decoration: none;
}

.checklist-fill .checklist-radio {
    margin: 0 5px 0 0;
}

.checklist-fill .checklist-radio {
    vertical-align: middle;
    margin-right: 5px;
}

.checklist-fill .checklist-response {
    display: inline-block;
    margin-left: 10px;
    color: #555;
    font-weight: lighter;
}

.checklist-fill .checklist-response-comment {
    margin-left: 5px;
    color: #AAA;
    font-weight: lighter;
}

.checklist-fill .yesno-response {
    color: #777;
}

.checklist-question-block {
}

.checklist-question {
    font-size: 1.0em;
    font-weight: normal;
    word-wrap: break-word;
}

.checklist-question-required {
    font-weight: bold;
    color: #bd2957;
}

.checklist-question .checklist-responses {
    margin: 5px 0 15px 0;
}

.checklist-responses .response-text {
    color: #666;
    margin-right: 5px;    
}

.checklist-responses .selected-response-text {
    color: #bd2957;
    font-weight: bold;
    margin-right: 5px;
    word-wrap: break-word;
}

.checklist-responses .noselected-response-text {
    color: #999;
    margin-left: 10px;
    margin-right: 5px;
    font-weight: normal;
    word-wrap: break-word;
}

.checklist-summary {
    color: #6B7280;
    word-wrap: break-word;
}

.checklist-fill .validation-summary-errors {
    color: #bd2957;
    float: left;
}

    .checklist-fill .validation-summary-errors li {
        margin-bottom: 5px;
    }

/* -------------------------------------------------------
    Toolbar
----------------------------------------------------------*/
#toolbar {
    margin-bottom: 20px;
    position: relative;
}

    #toolbar ul {
        padding: 0;
        list-style: none;
        /*margin-right: 20px;*/
    }

    #toolbar .filter li.filter-item {
        margin-right: 7px;
        /*hack for IE7 - for inline display*/
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.dir-rtl #toolbar .filter li {
    margin-right: 0;
    margin-left: 7px;
}

#toolbar .filter li.filter-item a,
#toolbar .filter li.filter-item span,
#toolbar .actions li.filter-item a {
    padding: 3px 7px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 5px;
}
#toolbar .filter .simple-period-wrapper .filter-item {
    margin-right: 7px;
    margin-left: 7px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
#toolbar .filter .simple-period-wrapper .filter-item a,
#toolbar .filter .simple-period-wrapper .filter-item span,
#toolbar .actions .simple-period-wrapper .filter-item a {
    padding: 3px 10px;
    display: inline-block;
    text-decoration: none;
}
.simple-period-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 10px;
    margin-bottom: 0;
    border: 2px solid #ddd;
    border-radius: 9px;
    padding: 7px;
}
.period-filter-body {
    display: flex;
    flex-direction: column;
}
.date-range-wrapper {
    display: flex;
    flex-direction: column;
    margin: 10px;
}
.date-range-wrapper .date-range-body {
    display: flex;
    justify-content: space-between;
}
.date-range-wrapper .date-range-body .date-range-item {
    display: flex;
    flex-direction:column;
    margin-left: 5px;
    margin-right: 5px;
    width: 110px;
}
.date-range-wrapper .date-range-body .date-range-item div {
    margin-top: 5px;
}
.simple-period-wrapper a,
.date-range-wrapper .date-range-body .date-range-item a {
    border-radius: 9px;
    background-color: #e0e0e0;
    color: #000;
    opacity: .65;
}
.simple-period-wrapper a.btn:hover,
.date-range-wrapper .date-range-body .date-range-item a.btn:hover {
    color: #fff;
    background-color: #4f8da2;
    opacity: .65;
}
.simple-period-wrapper a:hover,
.date-range-wrapper .date-range-body .date-range-item a:hover {
    text-decoration:none;
}
.date-range-wrapper .date-range-item.date-range-item-year {
    width: 50px;
}
.date-range-wrapper .date-range-item.date-range-item-day {
    width: 105px;
}
.period-filter-body hr {
    margin-top: 0;
    margin-bottom: 5px;
}
.select-period-wrapper {
    display: flex;
    justify-content: space-around;
}
.select-period-wrapper div {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.select-period-wrapper input {
    background-color: #e9eaeb;
    border-radius: 9px;
}

#toolbar .filter li a:hover,
#toolbar .actions li a:hover {
    text-decoration: underline;
}

#toolbar .filter a.sessionsLink {
    display: inline-block;
    margin: 15px 0 5px 10px;
    font-size: 1.2em;
    padding: 7px 15px;
    text-decoration: none;
    background-color: #d8e5f0;
    border-radius: 5px;
}

    #toolbar .filter a.sessionsLink:hover {
        text-decoration: underline;
    }

#toolbar .filter li.filter-item span {
    border: 2px solid #82B3C5;
    background-color: #EDFBFF;
    color: #555;
    border-radius: 9px;
}
#toolbar .filter .simple-period-wrapper .filter-item span,
#toolbar .filter .date-range-wrapper .filter-item span {
    border: 2px solid #82B3C5;
    background-color: #EDFBFF;
    color: #555;
    border-radius: 9px;
    display: block;
    cursor: default;
}

#toolbar .filter #filter-select-period-select {
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid #ddd;
    padding: 7px 7px;
    border-radius: 10px;
}

    #toolbar .filter #filter-select-period-select.selected {
        border: 2px solid #82B3C5;
        background-color: #EDFBFF;
    }

#toolbar .filter .dateRange .selected {
    border: 2px solid #CCC;
    background-color: #EEE;
}

#toolbar .filter #filter-select-period-select label {
    color: #4F77C6;
    font-weight: bold;
    margin-right: 5px;
}

#filter-select-period-select input[type="text"] {
    margin-left: 3px;
    border: none;
    text-decoration: none;
    color: #4F77C6;
    width: 135px;
    cursor: pointer;
    background-color: #f7f7f7;
}

    #filter-select-period-select input[type="text"]:hover {
        text-decoration: underline;
    }

#filter-select-period-select.selected input[type="text"] {
    background-color: #EDFBFF;
}

#filter-select-period-select input[type="submit"] {
    background-color: #EDFBFF;
    margin-top: 10px;
    margin-left: 10px;
    padding: 3px 7px;
    cursor: pointer;
    border: 2px solid #82B3C5;
    border-radius: 9px;
}

    #filter-select-period-select input[type="submit"]:hover {
        background-color: #82B3C5;
        border-color: #82B3C5;
        color: #FFF;
    }

#filter-select-period-select.selected input[type="submit"] {
    background-color: #82B3C5;
    color: #FFF;
}
#select-period-from {
    margin-right: 5px;
}

#toolbar .actions {
    text-align: center;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
}

    #toolbar .actions a {
        text-decoration: none;
        padding: 7px 15px;
        background-color: #e3e3e3;
        border-radius: 9px;
    }

        #toolbar .actions a:hover {
            background-color: #cbc8c8;
        }

        #toolbar .actions a.publishSurvey {
            background-color: #97c056;
            color: #fff;
        }

            #toolbar .actions a.publishSurvey:hover {
                background-color: #b3ce49;
                color: #fff;
            }

        #toolbar .actions a.editSurvey {
            background-color: #eecf35;
            color: #fff;
        }

            #toolbar .actions a.editSurvey:hover {
                background-color: #F4E18D;
                color: #fff;
            }

#toolbar .filter span.instructions {
    margin: 0 0px 0 10px;
    vertical-align: middle;
}

.dir-rtl #toolbar .filter span.instructions {
    margin: 0 10px 0 0;
}

#toolbar .filter div.sub {
    margin-top: 20px;
}

#toolbar .filter span.info {
    margin: 0 0 0 0px;
    color: gray;
}

#toolbar select {
    min-width: 150px;
    margin-right: 10px;
    min-width: 150px;
    max-width: 250px;
    border-radius: 5px;
    background-color: #f7f7f7;
}

    #toolbar select.selectedFilter {
        border: 1px solid #AAA;
        background-color: #FFF5DB;
    }

#toolbar .annotation {
    margin: 0 0 15px 10px;
}

#toolbar .printPageLink {
    position: absolute;
    top: 0px;
    right: 20px;
    text-decoration: none !important;
    font-size: 1.2em;
    border-bottom: 1px dashed;
}

.dir-rtl #toolbar .printPageLink {
    right: auto;
    left: 20px;
}

#toolbar .excelExportLink {
    position: absolute;
    top: 0px;
    right: 80px;
    text-decoration: none !important;
    font-size: 1.2em;
    border-bottom: 1px dashed;
}

.metric-result-header-wrapper .excelExportLink {
    text-decoration: none !important;
    font-size: 1.2em;
    border-bottom: 1px dashed;
    align-self: flex-end;
}

.dir-rtl #toolbar .excelExportLink {
    right: auto;
    left: 80px;
}

#toolbar .lastNews {
    position: relative;
    margin: 0 0 20px 0;
    padding: 10px 10px;
    background-color: #FFF0C6;
    border: 1px dashed orange;
    border-radius: 5px;
}

    #toolbar .lastNews .annotation {
        font-style: italic;
        color: #555;
        margin: 0 0 10px 0;
    }

    #toolbar .lastNews .newsDate {
        font-style: italic;
        color: #555;
        margin: 0 0 10px 0;
    }

    #toolbar .lastNews h2 {
        color: red;
        font-size: 1.2em;
        margin: 0 0 10px 0;
    }

    #toolbar .lastNews p {
        margin-bottom: 5px;
    }

#toolbar .lastNewsBlock {
    margin-top: 10px;
    display: none;
}

#toolbar a.showLastNews {
    margin: 5px 0 10px 0;
    font-size: 1.2em;
    text-decoration: none;
    border-bottom: 1px dashed;
}

#toolbar .lastNews .closeLink {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    padding: 3px 5px;
    font-size: 0.9em;
    text-decoration: none;
    /*color: #555;        */
    background-color: #FFE18E;
    border-radius: 3px;
}

#toolbar .lastNews .allNewsLink {
    margin-top: 10px;
}

#toolbar .dateRange {
    display: flex;
    flex-direction: column;
    margin: 10px 0 20px 5px;
    font-size: 14px;
}

    #toolbar .dateRange span,
    #toolbar .dateRange .interval {
        margin: 0 5px 0 5px;
        padding: 3px 3px;
    }

    #toolbar .dateRange a {
        text-decoration: none;
    }

        #toolbar .dateRange a:hover {
            text-decoration: underline;
        }

    #toolbar .dateRange span.selected {
        border-radius: 5px;
        border: 2px solid #82B3C5;
        background-color: #EDFBFF;
    }

    #toolbar .dateRange span.future {
        color: #AAA;
    }

#toolbar div.inlineBlock {
    display: inline-block;
    margin-top: 10px;
}

#toolbar #deviceStatistics {
    font-size: 1.3em;
    color: #007f0e;
    margin: 0 0 20px 10px;
}

    #toolbar #deviceStatistics span {
        margin-right: 10px;
    }

#before-content {
    margin: 30px 0 10px 0;
}

    #before-content .actions {
        text-align: center;
        display: block;
        margin-top: 0px;
        margin-bottom: 15px;
    }

        #before-content .actions a {
            text-decoration: none;
            padding: 7px 15px;
            background-color: #FFF0C6;
            border-radius: 5px;
        }


/* -------------------------------------------------------
    Survey templates
----------------------------------------------------------*/
.category {
    margin-bottom: 30px;
    max-width: 1300px;
}

    .category .header {
        margin-bottom: 5px;
        font-size: 1.2em;
    }

        .category .header a {
            display: inline-block;
            margin-left: 2px;
        }

        .category .header img {
            height: 12px;
        }

    .category .templates a {
        display: inline-block;
        text-decoration: none;
        margin: 3px 10px 5px 0;
        border-radius: 5px;
    }

        .category .templates a.details {
            background-color: #FFF0C6;
            padding: 5px 10px 7px 10px;
        }

        .category .templates a.add {
            border: 1px solid #e3ad32;
            padding: 5px 10px;
            background-color: #FFF;
        }

            .category .templates a.add:hover {
                background-color: #FFF0C6;
            }


/* -------------------------------------------------------
    Custom error pages
----------------------------------------------------------*/
.errorBlock h2 {
    font-size: 1.4em;
    color: #bd2957;
    margin-bottom: 10px;
}

.errorBlock p {
    font-size: 1.2em;
    line-height: 2em;
}


/* -------------------------------------------------------
    Device activity
----------------------------------------------------------*/
.deviceActivity {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .deviceActivity .activityHeader {
    }

    .deviceActivity .activityContainer {
        width: 100%;
    }

    .deviceActivity .activity {
        float: left;
        height: 30px;
    }

    .deviceActivity .online {
        background-color: yellow;
    }

    .deviceActivity .offline {
        background-color: #DDD;
    }

.activity-opened {
    color: #999;
}

.activity-closed {
}

/* -------------------------------------------------------
    Organization
----------------------------------------------------------*/
.unitstree {
    margin: 10px 0;
    margin-left: 30px;
}

.dir-rtl .unitstree {
    direction: ltr;
    float: right;
}

.unitstree ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.unitstree li {
    padding: 0;
    margin: 0;
}

.unitstree .root {
    margin-top: 10px;
}

.unitstree .childUnits ul.unitsList {
    border-left: 2px solid #CCC;
    margin-left: 10px;
}

.unitstree ul.unitsList li {
    padding-top: 15px;
}

.unitstree .unit {
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}

    .unitstree .unit .body {
        display: inline-block;
        min-width: 150px;
        padding: 5px 10px 5px 10px;
        background-color: #EBF1F4;
        border: 2px solid #7c94ca;
        border-radius: 9px;
    }

    .unitstree .unit .isArchived {
        background-color: #dadada;
        border: 2px solid #777777;
    }

.unitstree .childUnits {
}

    .unitstree .childUnits .hor-line {
        width: 60px;
        border-bottom: 2px solid #7c94ca;
        position: absolute;
        top: 0.9em;
        left: -10px;
        z-index: 1;
    }

.unitstree ul.employeesList {
    margin: 5px 0 0 0;
    padding: 5px 0 0 5px;
}

    .unitstree ul.employeesList li {
        margin: 0 0 5px 0;
        padding: 0;
    }

.unitstree .rating {
    margin-left: 5px;
}

.unitstree .header {
    font-size: 1.2em;
    position: relative;
}

    .unitstree .header .editLink {
        margin-left: 10px;
    }

.unitstree .unit-code {
    margin: 5px 0;
    color: #666;
}

.unitstree .rating {
    font-size: 1.2em;
}

.unitstree .ratesCount {
    display: block;
    color: #777;
}

.unitstree .smallRatesCount {
    display: block;
    color: #777;
    font-size: 0.9em;
}

.unitstree .unitItemCell {
    margin: 0px 10px 0px 0px;
    display: inline-block;
    min-width: 150px;
}

.surveyChartTitle .rating {
    margin-left: 5px;
    margin-bottom: -10px;
    font-size: 2em;
}

.ratingValue_1 {
    color: #bd2957;
}

.ratingValue_2 {
    color: #E95F41;
}

.ratingValue_3,
.ratingValue_6 {
    color: #F6A01F;
}

.ratingValue_4,
.ratingValue_7,
.ratingValue_8 {
    color: #97AA19;
}

.ratingValue_5,
.ratingValue_9,
.ratingValue_10 {
    color: #01A31C;
}

.unitstree ul.responses {
    margin: 5px 0;
    padding: 0 0 0 5px;
}

    .unitstree ul.responses li {
        margin: 0;
        padding: 0;
    }

.unitstree .responses li.good {
    color: #01A31C;
}

.unitstree .responses li.normal {
    color: #F96219;
}

.unitstree .responses li.bad {
    color: #DE275F;
}

.unitstree .employeesList li span.cardNumber {
    color: #AAA;
}

.unitstree .unit .npsValue {
    color: #F46324;
}

.unitstree .unit .npsDetails {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: .9em;
}

.unitstree .unit .indexValue {
    /*color: #F46324;*/
}

.unitstree .unit .indexDetails {
    display: block;
    margin-top: 5px;
    color: #2f4f4f;
    font-size: .9em;
}

.unitstree .unit .indexRespondentsCount {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #666;
    font-size: .9em;
}

.unitstree .unit .distrIndexValue {
    color: #F46324;
}

.unitstree .unit .indexValueGroups {
    margin: 5px 10px;
    font-size: 0.9em;
}

    .unitstree .unit .indexValueGroups a,
    .employeesReport .indexValueGroups span {
        display: block;
        margin-bottom: 3px;
        text-decoration: none;
    }

        .unitstree .unit .indexValueGroups a:hover,
        .employeesReport a.employeeSessionsLink:hover {
            text-decoration: underline;
        }

.employeesReport .indexValue {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 1.2em;
}

.employeesReport .indexValueGroups {
    font-size: 0.9em;
    margin-bottom: 5px;
}

.employeesReport .index-secondary-text {
    margin-top: 5px;
    font-size: 0.9em;
    color: #999;
}

    .employeesReport .index-secondary-text .div {
        margin-bottom: 3px;
    }

.employeesReport a.employeeSessionsLink {
    display: block;
    text-decoration: none;
    margin-top: 5px;
}

.employeesReport span.total-respondents {
    color: #666;
    display: block;
    margin-top: 5px;
}

.employeesReport .index-total-stats {
    margin-top: 5px;
    display: flex;
    flex-wrap: nowrap;
}

    .employeesReport .index-total-stats a {
        margin: 0 5px 3px 0;
        text-decoration: none;
    }

a.dynamic-chart-link {
    text-decoration: none;
}

.employeesReport .respondentCountIndex {
    font-size: 1.2em;
}

.employeesReport .distribution-index {
    display: block;
}

.employeesReport .external-data {
    color: #01A31C;
    display: inline-block;
    margin-bottom: 5px;
}

.employeesReport th {
    min-width: 100px;
}

.cell-major-data {
    color: #7b68ee;
}

.index-color-notset {
    background-color: #01A31C !important;
    color: #fff;
}

.index-color-blue {
    background-color: #1790AB !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-blue:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-darkblue {
    background-color: #153e9b !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-darkblue:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-green {
    background-color: #01A31C !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-green:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-darkgreen {
    background-color: #007636 !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-darkgreen:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-gray {
    background-color: #AAA !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-gray:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-red {
    background-color: #D33030 !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-red:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-yellow {
    background-color: #FFC400 !important;
    color: #222;
}
.btn.keyphrase-match.index-color-yellow:hover {
    color: #666;
    opacity: unset;
    text-decoration: none;
}

.index-color-orange {
    background-color: #F7844F !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-orange:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-pink {
    background-color: #AE4096 !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-pink:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-lightorange {
    background-color: #F9AF18 !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-lightorange:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-lightgreen {
    background-color: #B5D341 !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-lightgreen:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-purple {
    background-color: #603CBA !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-purple:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-color-olive {
    background-color: #8e8e22 !important;
    color: #fff;
}
.btn.keyphrase-match.index-color-olive:hover {
    color: #fff;
    opacity: unset;
    text-decoration: none;
}

.index-border-color-notset {
    border: 1px solid #01A31C !important;
    color: #01A31C;
    background: #F8F8F8 !important
}

.index-border-color-blue {
    border: 1px solid #1790AB !important;
    color: #1790AB;
    background: #F8F8F8 !important
}

.index-border-color-darkblue {
    border: 1px solid #153e9b !important;
    color: #153e9b;
    background: #F8F8F8 !important
}

.index-border-color-green {
    border: 1px solid #01A31C !important;
    color: #01A31C;
    background: #F8F8F8 !important
}

.index-border-color-darkgreen {
    border: 1px solid #007636 !important;
    color: #007636;
    background: #F8F8F8 !important
}

.index-border-color-gray {
    border: 1px solid #AAA !important;
    color: #AAA;
    background: #F8F8F8 !important
}

.index-border-color-red {
    border: 1px solid #D33030 !important;
    color: #D33030;
    background: #F8F8F8 !important
}

.index-border-color-yellow {
    border: 1px solid #FFC400 !important;
    color: #FFC400;
    background: #F8F8F8 !important
}

.index-border-color-orange {
    border: 1px solid #F7844F !important;
    color: #F7844F;
    background: #F8F8F8 !important
}

.index-border-color-pink {
    border: 1px solid #AE4096 !important;
    color: #AE4096;
    background: #F8F8F8 !important
}

.index-border-color-lightorange {
    border: 1px solid #F9AF18 !important;
    color: #F9AF18;
    background: #F8F8F8 !important
}

.index-border-color-lightgreen {
    border: 1px solid #B5D341 !important;
    color: #B5D341;
    background: #F8F8F8 !important
}

.index-border-color-purple {
    border: 1px solid #603CBA !important;
    color: #603CBA;
    background: #F8F8F8 !important
}

.index-border-color-olive {
    border: 1px solid #8e8e22 !important;
    color: #8e8e22;
    background: #F8F8F8 !important
}

#homeIndexes .reportIndex span,
#homeIndexes .reportIndex div,
#homeIndexes .reportIndex a {
    color: #fff !important;
}

#homeIndexes .index-color-yellow span,
#homeIndexes .index-color-yellow div {
    color: #666 !important;
}

.ngram-index {
    display: inline-block;
    padding: 3px 4px;
    margin: 0 5px 5px 0;
    color: #FFF;
    border-radius: 5px;
    background-color: #0596DF;
}

.ngram-index-url {
    display: inline-block;
    padding: 3px 4px;
    margin: 0 5px 5px 0;
    color: #FFF !important;
    border-radius: 5px;
    background-color: #0596DF;
}

.ngram-phrase {
    display: inline-block;
    padding: 3px 4px;
    margin: 0 5px 5px 0;
    color: #FFF !important;
    border-radius: 5px;
    background-color: #888;
}

.ngram-stats {
    display: inline-block;
    padding: 3px 4px;
    margin: 0 5px 5px 0;
    color: #AAA !important;
    border-radius: 5px;
    border: 1px dashed #AAA;
}

.ngram-significant-phrase {
    background-color: #FFC400;
    color: #666 !important;
}

/*.ngram-value-8x {
	background-color: #1E67AB;
}*/

.ngram-value-100x {
    background-color: #0596DF;
}

.ngram-value-50x {
    background-color: #82BAF5;
}

.ngram-value-25x {
    background-color: #C1DBF4;
}

/* -------------------------------------------------------
    Home page
----------------------------------------------------------*/
#homePageContainer {
}

    #homePageContainer h2 {
        position: relative;
        color: #555;
        margin: 10px 0 15px 0px;
        font-size: 1.2em;
    }

    #homePageContainer #respondentsChart h2 {
        margin-left: 30px;
    }

    #homePageContainer #respondentsChart {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    #homePageContainer #homeIndexes {
        position: relative;
    }

        #homePageContainer #homeIndexes a {
            text-decoration: none;
        }

    #homePageContainer #tickets {
        margin-top: 30px;
        float: left;
        max-width: 1400px;
    }

.dir-rtl #homePageContainer #tickets {
    float: right;
}

.dir-rtl #homeIndexes .reportIndex {
    float: right;
}

#homeIndexes .middleIndexBox {
    min-width: 350px !important;
}

#homeIndexes .longIndexBox {
    min-width: 430px !important;
}

#homeIndexes .extraLongIndexBox {
    min-width: 530px !important;
}

#homeIndexes .indexName {
    display: inline-block;
    font-size: 1.4em;
}


#homeIndexes .reportIndex .indexRespondentsCount,
#homeIndexes .reportIndex .indexReportPeriod {
    display: block;
    margin-top: 0px;
}

#homeIndexes .reportIndex .indexRespondentsCount {
    margin-top: 5px;
}

#homeIndexes .reportIndex .indexValue {
    font-size: 2.6em;
}

.dir-rtl #homeIndexes .reportIndex .indexValue {
    right: auto;
    left: 15px;
    direction: ltr;
}

#homeIndexes .reportIndex .indexValue-small {
    position: absolute;
    top: 35px;
    right: 15px;
    font-size: 2.0em;
}

#homeIndexes .reportIndex .bigger {
    font-size: 2.0em;
}

#homeIndexes .indexValueGroups {
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: right;
    max-width: 280px;
}

#homeIndexes .extraLongIndexBox .indexValueGroups {
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: right;
    max-width: 380px;
}

#homeIndexes .extraLongIndexBox .phraseVocabulary {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: left;
    max-width: 340px;
    font-size: 0.9em;
}

.dir-rtl #homeIndexes .indexValueGroups {
    right: auto;
    left: 15px;
}

#homeIndexes .indexValueGroups span {
    display: block;
    margin-bottom: 3px;
}

#homeIndexes .reportIndex.homePlainReportIndex {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-radius: 22px;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 42%, rgba(0, 0, 0, 0.06) 100%);
}

#homeIndexes .reportIndex.homePlainReportIndex::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 38%);
    pointer-events: none;
}

#homeIndexes .reportIndex.homePlainReportIndex::after {
    content: "";
    position: absolute;
    top: -18%;
    right: -10%;
    width: 45%;
    height: 68%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
}

#homeIndexes .reportIndex.homePlainReportIndex > a,
#homeIndexes .reportIndex.homePlainReportIndex > div,
#homeIndexes .reportIndex.homePlainReportIndex .row,
#homeIndexes .reportIndex.homePlainReportIndex .col-xl-6 {
    position: relative;
    z-index: 1;
}

#homeIndexes .reportIndex.homePlainReportIndex .indexName {
    font-weight: 550;
    line-height: 1.08;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

#homeIndexes .reportIndex.homePlainReportIndex .indexRespondentsCount,
#homeIndexes .reportIndex.homePlainReportIndex .indexReportPeriod {
    opacity: 0.92;
    font-weight: 500;
}

#homeIndexes .reportIndex.homePlainReportIndex .indexValue,
#homeIndexes .reportIndex.homePlainReportIndex .indexValue-small {
    font-weight: 550;
    letter-spacing: -0.03em;
    line-height: 1;
}

#homeIndexes .reportIndex.homePlainReportIndex .indexValueGroups {
    top: 14px;
    right: 18px;
    max-width: 300px;
}

#homeIndexes .reportIndex.homePlainReportIndex .indexValueGroups span,
#homeIndexes .reportIndex.homePlainReportIndex .indexValueGroups div {
    font-weight: 600;
    line-height: 1.22;
}

#homeIndexes .reportIndex.homePlainReportIndex.index-color-yellow,
#homeIndexes .reportIndex.homePlainReportIndex.index-color-yellow::before {
    color: #4b5563;
}

#homeIndexes .homeDistributionPieChart {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    width: 100%;
    margin-bottom: 6px;
}

#homeIndexes .homeDistributionPieChart > div {
    width: 100%;
}

#homeIndexes .homeDistributionPieChart .highcharts-container,
#homeIndexes .homeDistributionPieChart .highcharts-root,
#homeIndexes .homeDistributionPieChart svg {
    overflow: visible;
    background: transparent !important;
}

#homeIndexes .homeDistributionPieChart .highcharts-background,
#homeIndexes .homeDistributionPieChart .highcharts-plot-background {
    fill: transparent !important;
}

#homeIndexes .homeDistributionPieChart .highcharts-data-label text {
    fill: currentColor !important;
}

#homeIndexes .homeDistributionPieChart .highcharts-data-label,
#homeIndexes .homeDistributionPieChart .highcharts-data-labels,
#homeIndexes .homeDistributionPieChart .highcharts-data-label-connector,
#homeIndexes .homeDistributionPieChart .highcharts-data-label-connector-hidden {
    display: none !important;
}

#homeIndexes .homeDistributionPieChart .highcharts-contextbutton,
#homeIndexes .homeDistributionPieChart .highcharts-button-symbol,
#homeIndexes .homeDistributionPieChart .highcharts-exporting-group {
    display: none !important;
}

#homeIndexes .homeDistributionLegend {    
    margin-top: 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.25;    
}

#homeIndexes .homeDistributionLegendItem {    
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 1px;
}

#homeIndexes .homeDistributionLegendDot {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    margin-top: 4px;
    border-radius: 50%;
}

#homeIndexes .homeDistributionLegendText {
    color: black;
    display: block;
    font-size: 13px;    
}

@media (min-width: 1200px) {
    #homePageContainer #homeIndexes {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-flow: row dense;
        align-items: stretch;
        gap: 16px 24px;
        margin-left: 0;
        margin-right: 0;
    }

    #homeIndexes .homeIndexCardColumn {
        width: auto;
        max-width: none;
        flex: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #homeIndexes .homeXlSpan-3 {
        grid-column: span 3;
    }

    #homeIndexes .homeXlSpan-4 {
        grid-column: span 4;
    }

    #homeIndexes .homeXlSpan-6 {
        grid-column: span 6;
    }

    #homeIndexes .homeDistributionCardColumn {
        grid-row: span 2;
    }
}

#homeIndexes .homeDistributionIndexCard {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;    
}

#homeIndexes .reportIndex.homeDistributionReportIndex {
    background: #ffffff !important;
    border-width: 3px !important;
}

#homeIndexes .reportIndex.homeDistributionReportIndex,
#homeIndexes .reportIndex.homeDistributionReportIndex a,
#homeIndexes .reportIndex.homeDistributionReportIndex span,
#homeIndexes .reportIndex.homeDistributionReportIndex div {
    color: #64748b !important;
}

#homeIndexes .homeDistributionCenterOverlay {
    position: absolute;
    transform: translate(-50%, -45%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: auto;
    z-index: 1;
}

#homeIndexes .homeDistributionCenterText {
    width: 100%;
    color: #64748b;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0 12px;
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
    hyphens: none;
    cursor: pointer;
}


#homeIndexes .indexColor_0 {
    background-color: #01A31C;
}

/* -------------------------------------------------------
    Adv
----------------------------------------------------------*/
.adcampaign {
    margin: 0 0 0 0;
}

    .adcampaign > .header {
        padding: 5px 10px 5px 10px;
        font-size: 1.3em;
        margin-bottom: 10px;
    }

.advunit {
    padding-left: 10px;
    margin: 10px 0 30px 0;
    display: inline-block;
}

    .advunit > .header {
        font-size: 1.1em;
        padding-bottom: 5px;
        border-bottom: 1px dotted #AAA;
        margin-bottom: 10px;
    }

    .advunit ul {
        list-style-type: none;
        padding: 0;
    }

        .advunit ul li {
            margin-bottom: 5px;
        }

        .advunit ul a {
            display: inline-block;
            margin: 0 0 0 10px;
        }

        .advunit ul .media {
            display: inline-block;
            padding: 3px 5px;
            background-color: #EEE;
        }

    .advunit .actions a {
        display: inline-block;
        margin: 3px 10px 0px 0px;
    }


/* ---------------------------------------------------
    Audio
-----------------------------------------------------*/

.audio {
    margin-top: 20px;
}


/* ---------------------------------------------------
    Respondent data
-----------------------------------------------------*/

.respondentData {
    margin-top: 5px;
    color: #555;
    margin-bottom: 10px;
}

.session-media-links {
    margin-top: 15px;
    margin-bottom: 5px;
}

    .session-media-links .count {
        color: #999;
        margin-left: 2px;
    }

.respondentData .respondentQuestion {
    font-style: italic;
    margin-top: 5px;
}
.respondentData .respondentQuestion a {
    text-decoration: none;
}

.respondentData .respondentContact {
    display: inline-block;
    border-top: 1px dashed #555;
    padding-top: 3px;
    font-size: 1.2em;
}

.negativeData {
    color: #bd2957;
    border-color: #bd2957;
}

.existingContact {
    margin-top: 5px;
    padding: 3px 5px;
    background-color: #d8e5f0;
    color: #e95f41;
}

.respondentResponseComment {
    display: block;
    color: chocolate;
    margin-bottom: 5px;
}

.sessionState {
    margin-top: 10px;
}

    .sessionState .surveyState {
        color: #555;
        display: block;
    }

    .sessionState .resultState {
        color: darkviolet;
        display: block;
    }

.productSales {
    min-width: 250px;
}

    .productSales span.accept,
    .productSales span.acceptOnline,
    .productSales span.doubt,
    .productSales span.alreadyHas,
    .productSales span.rejected {
        display: inline-block;
        margin: 10px 0 5px 0;
        font-size: 1.2em;
        border-bottom: 1px dashed;
    }

    .productSales .accept {
        color: #34b549;
    }

    .productSales .acceptOnline {
        color: #1790ab;
    }

    .productSales .doubt {
        color: #f6a01f;
    }

    .productSales .alreadyHas {
        color: #555555;
    }

    .productSales .rejected {
        color: #bd2957;
    }

.averageRating {
    margin: 5px 0 10px 0;
}

    .averageRating .ratesDetails {
        color: #AAA;
    }

    .averageRating .ratesAverage {
        margin-left: 5px;
    }

.respondentDataChecklists,
.respondentDataTickets {
    margin: 10px 0 5px;
    color: #555;
    padding: 10px 10px 10px 10px;
    background-color: #C6FFA5;
    border-radius: 5px;
}

    .respondentDataChecklists h3,
    .respondentDataTickets h3 {
        margin: 0 0 5px 0;
        color: #e95f41;
        font-size: 1.2em;
    }

    .respondentDataChecklists .checklist {
        margin-bottom: 10px;
    }

        .respondentDataChecklists .checklist .checklistSummary {
            margin-top: 5px;
            display: block;
        }

.respondentDataTickets {
    background-color: #FFF0C6;
}

    .respondentDataTickets:hover {
        background-color: #F9E27C;
    }

a.respondentDataTickets {
    text-decoration: none;
}


/* -------------------------------------------------------
    Surveys
----------------------------------------------------------*/
.survey-not-activated {
    color: #777;
    font-style: italic;
}

/* -------------------------------------------------------
    Screenplays
----------------------------------------------------------*/
.screenplay {
    position: relative;
    float: left;
    margin-bottom: 30px;
    max-width: 1300px;
}

    .screenplay .parts {
        clear: both;
    }

    .screenplay .header {
        margin-left: 5px;
        margin-bottom: 20px;
    }

    .screenplay .name {
        font-size: 1.2em;
    }

        .screenplay .name a {
            display: inline-block;
            margin-left: 2px;
        }

        .screenplay .name img {
            height: 12px;
        }

    .screenplay .scheme-tag-list {
        margin: 5px 0;
    }

    .screenplay .scheme-tag {
        display: inline-block;
        background-color: #CCC;
        color: #FFF;
        padding: 3px 5px;
        margin-right: 5px;
        border-radius: 3px;
    }

.screenplay-description .scheme-tag-list {
    margin: 10px 0;
    font-size: 0.9em;
}

.screenplay-description .scheme-tag {
    display: inline-block;
    padding: 2px 3px;
    margin: 0px 5px 5px 0;
    color: #777;
    background-color: #EEE;
    border-radius: 3px;
}

.screenplay .screenplayPart {
    display: inline-block;
    margin: 3px 10px 5px 0;
    background-color: #FFF0C6;
    padding: 5px 10px 7px 10px;
    min-width: 50px;
    text-align: center;
    border-radius: 5px;
}

    .screenplay .screenplayPart a {
        text-decoration: none;
    }

        .screenplay .screenplayPart a.edit {
            margin-left: 5px;
            display: inline-block;
            font-size: 0.8em;
            color: #999999;
            background-color: #FFEAB2;
            border: 1px solid #FFEAB2;
            padding: 2px 2px;
            border-radius: 2px;
        }

            .screenplay .screenplayPart a.edit:hover {
                text-decoration: none;
                background-color: #FFDE8C;
                border: 1px solid #82b3c5;
            }

.screenplay .deletedSurvey {
    display: inline-block;
    padding: 2px 3px;
    margin: 0px 5px 0px 0;
    color: #FFF;
    background-color: #bd2957;
    border-radius: 2px;
}

.screenplay a.add-screenplay-part {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    padding: 5px 10px;
    background-color: #e3e3e3;
    border-radius: 5px;
}

    .screenplay a.add-screenplay-part:hover {
        background-color: #cbc8c8;
    }

.screenplay .parts a:hover {
    text-decoration: underline;
}

.screenplay .parts a.add:hover {
    background-color: #FFF0C6;
}

.screenplay-mark {
    font-size: 0.8em;
    padding: 2px 3px;
    margin: 0px 5px;
    color: #999;
    background-color: #EEE;
    border-radius: 2px;
}

.gridrow_alternate .screenplay-mark {
    background-color: #DEDEDE;
}



/* -------------------------------------------------------
    Visible/Invisible items
----------------------------------------------------------*/
ul.items-visible,
ul.items-hidden {
    list-style: none;
    padding: 0 0 0 0;
}

    ul.items-visible li,
    ul.items-hidden li {
        margin-bottom: 3px;
        display: block;
    }

        ul.items-visible li a,
        ul.items-hidden li a {
            text-decoration: none;
        }

            /*ul.items-visible li span,
ul.items-hidden li span {
    color: #777;
}*/

            ul.items-visible li a:hover,
            ul.items-hidden li a:hover {
                text-decoration: underline;
            }

ul.items-hidden {
    display: none;
}

a.toggle-link {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px dashed;
    margin: 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}

a.toggle-link-activities {
    margin-left: 5px;
    border-bottom: none;
    text-transform: none;
}

a.toggle-link-allhidden {
    margin: 0px 0 5px 0;
    padding: 0 0 2px 0;
}

.edit-item-controls {
    display: none;
    margin-left: 10px;
    font-size: 0.9em;
}

    .edit-item-controls a.edit-link,
    .edit-item-controls a.delete-link {
        display: inline-block;
        margin-right: 5px;
        padding: 1px 3px 1px 3px;
        text-decoration: none;
        color: #fff;
        border-radius: 3px;
    }

    .edit-item-controls a.edit-link {
        border: 1px solid #7AAD5A;
        color: #7AAD5A;
    }

        .edit-item-controls a.edit-link:hover {
            background-color: #69a31c;
            color: #fff;
        }

    .edit-item-controls a.delete-link {
        border: 1px solid #BC5173;
        color: #BC5173;
    }

        .edit-item-controls a.delete-link:hover {
            background-color: #bd2957;
            color: #fff;
        }

.edit-item-block {
    display: inline-block;
    padding: 6px 5px;
    margin: 0px 0;
}

    .edit-item-block:hover {
        background-color: #EEE;
        border-radius: 5px;
    }


/* -------------------------------------------------------
    New Screenplays
----------------------------------------------------------*/
.screenplay-part .index {
    display: inline-block;
    width: 20px;
}

.screenplay-part .survey-type,
.survey-description .survey-type {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 4px;
    border-radius: 9px;
    background-color: #d8e5f0;
    color: #777;
    font-size: 0.9em;
    width: 50px;
    text-align: center;
}

.screenplay-part .survey-name {
}

.screenplay-part .autostart-off {
    display: inline-block;
    padding: 2px 3px;
    border-radius: 2px;
    color: #AAA;
    border: 1px solid #AAA;
    font-size: 0.8em;
}

.screenplay-part .survey-deleted {
    color: #bd2957;
    text-decoration: line-through;
}

.screenplay-devices,
.screenplay-groups,
.notification-recipients {
    margin-bottom: 10px;
}

    .screenplay-devices .header,
    .screenplay-groups .header,
    .notification-recipients .header {
        display: block;
        margin-bottom: 3px;
        font-style: italic;
        color: #e95f41;
    }

    .notification-recipients .username {
    }

    .notification-recipients .user-locked-out {
        text-decoration: line-through;
    }

    .notification-recipients .contact {
        color: #888;
        margin-left: 5px;
    }

.commentsListLink {
    margin: 5px 0px 5px 5px;
    padding: 5px 0px 5px 0px;
}

.commentsListTitle {
    font-size: 16pt;
    height: 40px;
    line-height: 20px;
    margin: 5px;
}

.commentsListItems {
    border-radius: 5px 5px 5px 5px;
    margin: 5px 0px 5px 5px;
    height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-y: auto;
}

    .commentsListItems div {
        /*border-left: 2px solid #EECF35;*/
        display: list-item;
        list-style: none;
        margin-bottom: 5px;
        padding-left: 5px;
        font-size: 1.1em;
    }


.cellComboItemInLine span {
    float: left;
    line-height: 32px;
}

.cellComboItemInLine img {
    float: left;
    height: 32px;
    width: 32px;
}


.textSearchFilterValue {
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #82B3C5;
    margin-right: 5px;
    margin-top: 20px;
    min-width: 170px;
    background-color: #f7f7f7;
}

    .textSearchFilterValue:hover {
        border: 2px solid #7799D0;
    }


.textSearchFilterButton {
    margin-right: 20px;
    margin-top: 20px;
    min-width: 90px;
    background-color: #C0E1EA;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #808080;
    padding: 3px 16px 3px 7px
}

    .textSearchFilterButton .glyphicon {
        top: 2px;
    }

    .textSearchFilterButton:hover {
        background-color: #82B3C5;
        border-color: #82B3C5;
        color: #FFF;
    }

.textSearchFilterSubmitClear {
    border-radius: 18px 18px 18px 18px;
    font-size: 7pt;
    height: 20px;
    margin-right: 5px;
    min-width: 20px;
    padding: 2px;
    width: 20px;
}

a.img30 img {
    width: 30px;
    height: 30px;
}

span.respondentDataInfo {
    margin-left: 5px;
}


/* -------------------------------------------------------
    Conversations
----------------------------------------------------------*/
.conversation-duration {
    display: block;
    margin-bottom: 5px;
    color: #888;
}

.cell-system-data {
    color: #888;
    font-size: 0.9em;
}

.conversation-inprogres {
    font-style: italic;
    color: #e95f41;
}

.conversation-queueticket {
    margin-bottom: 10px !important;
}

.badge {
    font-weight: 100;
    padding: .15em .5em .2em;
    font-size: 13px;
    margin: 5px 0 5px 5px;
    display: inline-block;
}

.employee-state {
    padding-right: 35px;
    position: relative;
}

    .employee-state .badge {
        position: absolute;
        right: 0;
        top: calc(50% - 13px);
    }

.duration-status {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 10px -3px;
    border-radius: 20px;
}

    .duration-status.not-exceeded {
        background-color: #5cb85c;
    }

    .duration-status.exceeded {
        background-color: #d9534f;
    }

/* -------------------------------------------------------
    Test sessions
----------------------------------------------------------*/

.testSuccess {
    font-weight: bold;
    color: #007f0e;
}

.testFailed {
    font-weight: bold;
    color: #bd2957;
}


/* -------------------------------------------------------
    Device events
----------------------------------------------------------*/

.errorMessage {
    color: #bd2957;
    font-weight: bold;
    margin-bottom: 5px;
}

/*-------------------------------------------------------
    Equeue
    -----------------------------------------------------*/

.equeueProduct {
    display: inline-block;
    margin: 2px 3px 2px 0;
    font-size: 0.9em;
    color: #777;
    background-color: #FFF0C6;
    border-radius: 5px 5px 5px 5px;
    padding: 3px 5px;
}

.redirectProduct {
    display: inline-block;
    margin: 2px 3px 3px 0;
    font-size: 0.9em;
    color: #777;
    background-color: #eee;
    border-radius: 5px 5px 5px 5px;
    padding: 3px 5px;
}

/*-------------------------------------------------------
    Tag
    -----------------------------------------------------*/

.tag {
    font-size: 1.0em;
    color: #777;
    background-color: #d8e5f0;
    border-radius: 5px 5px 5px 5px;
    padding: 3px 5px;
    display: inline-block;
}

.tag-filter {
    display: inline-block;
}

    .tag-filter a {
        display: inline-block;
        margin-right: 5px;
        text-decoration: none;
        font-size: 1.1em;
        padding: 3px 7px;
    }

        .tag-filter a:hover {
            text-decoration: underline;
        }

        .tag-filter a.tag-selected {
            background-color: #d8e5f0;
            border-radius: 5px;
        }

/*.tagFilterSelected
{
    margin: 0 0 0 0px;
    display: inline-block;
    font-size: 1.1em;

    border: 2px solid #82B3C5;
    background-color: #EDFBFF;

    border-radius: 3px 3px 3px 3px;
}*/

.security-key {
    display: inline-block;
    margin: 3px 5px 0 0;
    background-color: #d8e5f0;
    border-radius: 5px 5px 5px 5px;
    padding: 3px 5px;
}

/*-------------------------------------------------------
    Info Panel
    -----------------------------------------------------*/
.bg-info {
    padding: 15px 25px;
    margin-bottom: 20px;
    padding-right: 35px;
}

    .bg-info ul {
        list-style: inherit;
    }

    .bg-info ul, .bg-info ol {
        padding-left: 40px;
    }

    .bg-info li {
        margin-bottom: 10px;
    }

    .bg-info .desc {
        color: #a9a9a9;
        font-size: 13px;
    }

    .bg-info .close {
        position: relative;
        top: -2px;
        right: -21px;
    }

.popover-content {
    font-size: 11px;
}

/*-------------------------------------------------------
    Modal window bootstrap
    -----------------------------------------------------*/

.modal-body .loader-img {
    top: 45px;
}

/*-------------------------------------------------------
    Button style(override bootstrap)
-----------------------------------------------------*/

.side-nav > li > a {
    background-color: #FFF0C6;
    padding: 7px 15px;
}

    .side-nav > li > a:focus,
    .side-nav > li > a:hover {
        background-color: #F9E27C;
    }

.dir-rtl .nav-pills > li {
    float: right;
}

.ui-datepicker-title select {
    color: initial;
}

.ui-widget .ui-dropdownchecklist-dropcontainer {
    border: 1px solid #A9A9A9;
}

.ui-widget .ui-dropdownchecklist-selector {
    border: 1px solid #A9A9A9 !important;
    margin-bottom: -7px;
    min-width: 150px;
}

.ui-state-default,
.ui-state-hover {
    font-weight: 100 !important;
    color: #333 !important;
    background: #fff !important;
    border: 0 !important;
}

.ui-dropdownchecklist-item {
    border-bottom: 1px solid #A9A9A9 !important;
}

    .ui-dropdownchecklist-item label {
        font-weight: 100;
    }

.ui-dropdownchecklist {
    overflow: initial !important;
}

#m-filterUnit {
    margin-left: 7px;
}

.ui-widget input {
    margin: 7px;
}

.ui-widget label {
    margin: -5px 0 0 0;
    vertical-align: middle;
}

.ui-dropdownchecklist-text {
    margin-left: 8px;
}

.dir-rtl .ui-dropdownchecklist-text {
    margin-left: 0;
    margin-right: 8px;
}

.ui-widget {
    font-family: Calibri, 'Trebuchet MS', sans-serif !important;
    font-size: 1em !important;
    z-index: 99999 !important;
}

/*#toolbar .glyphicon {
    color: #808080;
    margin: 0 7px;
}*/

#toolbar .glyphicon-filter,
.filter .glyphicon-filter {
    cursor: pointer;
    opacity: 0.5;
    margin: 2px 4px;
    vertical-align: middle;
}

form.text-filter {
    display: inline-block;
    margin-left: 5px;
}

    form.text-filter span.input-group {
        top: 2px;
    }

    form.text-filter input.form-control {
        border-top-left-radius: 9px;
        border-bottom-left-radius: 9px;
        height: 27px;
        background-color: #f7f7f7;
        border: 1px solid #A4A4A4;
        border-right: none;
        font-size: 14px;
    }

    form.text-filter button.bi-search {
        border-top-right-radius: 9px;
        border-bottom-right-radius: 9px;
        padding-top: 2px;
    }
/*-------------------------------------------------------
    Schemes
-----------------------------------------------------*/
.scheme {
    border: 1px dashed #bfbfbf;
    color: #63585B;
    list-style-type: none;
    line-height: 27px !important;
    border-radius: 0 !important;
}

select[disabled] {
    color: #DCDCDC
}

.disabled {
    color: #777;
}

.object-deleted {
    text-decoration: line-through;
}

.object-archived {
}

.ad-user {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 2px;
    background-color: #FFF0C6;
    color: #E87963;
    font-size: 0.9em;
    width: 30px;
    text-align: center;
}

/*-------------------------------------------------------
    Queue settings
-----------------------------------------------------*/

.glyphicon-crmsensor {
    display: inline-block;
    margin-top: 3px;
    margin-left: 3px;
}

.glyphicon-crmsensor-edit {
    color: #f6a01f;
}

/*-------------------------------------------------------
    Speech recognition
-----------------------------------------------------*/

.ipAddress {
    font-size: 0.8em;
}

.recognition-result-set {
    margin-top: 10px;
    clear: both;
    overflow: auto;
}

.recognition-result-set-float {
    margin: 10px 0 0 10px;
    overflow: visible;
    float: left;
    position: relative;
    clear: none;
    width: 40%;
}

.recognition-duration {
    font-size: 0.9em;
    margin-left: 5px;
    color: #AAA;
}

.recognition-result {
    float: left;
    width: 50%;
    min-width: 600px;
    margin: 0px 20px 0 0;
    padding: 10px 10px 10px 15px;
    background-color: #eaf5ff;
    border: 2px solid #4793d6;
    border-radius: 9px;
    position: relative;
}

.raw-audio-details .recognition-result-set .recognition-result {
    width: 100%;
    margin: 0;
}

.asrdemo-recognition-result {
    padding: 10px 10px 10px 15px;
    background-color: #eaf5ff;
    border: 2px solid #4793d6;
    border-radius: 5px;
    position: relative;
}

.recognition-result-limited {
    max-width: 420px;
}

.asrdemo-recognition-result h3,
.recognition-result h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #7b68ee;
}

.recognition-keywords {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #AAA;
    font-style: italic;
}

.recognition-data {
    margin-top: 10px;
}

.recognition-result .transcription-confidence {
    margin-left: 5px;
    color: #AAA;
}

.recognition-result .transcription-timemark-link {
    text-decoration: none;
}
a.dropdown-item.transcription-timemark-link:hover {
    color: #4F77C6;
    text-decoration: none;
}

.recognition-result .recognition-params {
    margin-left: -5px;
    margin-top: 10px;
    color: #999;
}

.recognition {
    padding-right: 5px;
    margin-bottom: 5px;
    width: 50%;
    float: left;
}

    .recognition .recognition-header {
        color: #7b68ee;
        margin-bottom: 5px;
    }

.recognition-result .recognition-executing {
    color: #d2691e;
}

.keywords h3 {
    color: #CC322E;
}

.recognition-result .delete-link {
    position: absolute;
    right: 5px;
    top: 5px;
    text-decoration: none;
    color: #999;
}

.recognition-short .recognition-params {
    font-size: 0.9em;
    margin-left: 5px;
    color: #AAA;
}

.recognition-init {
    color: #0000ff;
    font-style: italic;
}

.recognition-exec {
    color: #f49a13;
    font-style: italic;
}

.recognition-complete {
    color: #666;
}

.recognition-failed {
    color: #a52a2a
}

.recognition-cell-data {
    color: #222;
    font-size: 0.9em;
    margin-left: 5px;
    border-radius: 9px;
    border-bottom: 1px solid #4793d6;
    border-left: 1px solid #4793d6;
    border-right: 1px solid #4793d6;
    padding: 10px;
    background-color: #eaf5ff;
}

.recognition-cell-data:first-child {
    border-top: 1px solid #4793d6;
}

.grid td .recognition-cell-data {
    margin-left: 0;
}

.recognition-info {
    display: inline-block;
    margin: 3px 3px 5px 0;
    padding: 3px 5px;
    color: #666;
    background-color: antiquewhite;
    border-radius: 3px;
}

    .recognition-info .btn-concat-next {
        color: #fff !important;
        background: #0596DF;
        display: inline-block;
        padding: 3px 5px;
        border-radius: 3px;
    }

        .recognition-info .btn-concat-next:hover {
            text-decoration: none;
            background: #00A6F9;
        }

.transcription-result {
    margin-bottom: 20px;
}
.transcription-result:last-child {
    margin-bottom: 5px;
}

    .transcription-result .timemark,
    .recognition-short .timemark,
    .recognition-cell-data .timemark {
        color: #7F4B78;
        margin-right: 5px;
    }

    .transcription-result .transcription-text {
        color: #222;
    }

    .transcription-result .listened {
        color: #AF4198;
    }

    .transcription-result .js-timeline-edit {
        padding-left: 5px;
        top: 3px;
        color: #78BF05;
        cursor: pointer;
    }

.option-key {
    width: 120px !important;
    margin-bottom: 10px;
}

.option-value {
    width: 195px !important;
    margin-bottom: 10px;
}

.options {
    max-width: 360px;
}

.option-add {
    background-color: #82B3C5;
    border: none;
    color: #FFFFFF;
    margin-top: 2px;
    width: 32px;
    height: 32px;
    font-weight: bold;
    font-size: 12pt;
    float: left;
}

    .option-add:hover {
        background-color: #5691A5;
        border-color: #5691A5;
    }

.employeesReport .custom-font-color {
    color: #666;
}

.ticket-metrick {
    padding: 2px 15px;
    border-radius: 4px;
    color: #ffffff;
}

.metrick {
    margin-bottom: 20px;
}

.ticket-metrick.green {
    background-color: #5cb85c;
}

.ticket-metrick.red {
    background-color: #d9534f;
}

.ticket-metrick.yellow {
    background-color: #f0ad4e;
}

.queue-services-page-metrick-title {
    text-align: right;
    padding-right: 0;
}

.unit-configuration {
    max-width: 300px;
}

    .unit-configuration span a {
        font-size: 12px;
        color: #7399ce;
    }

    .unit-configuration span.additional a {
        color: #333333;
    }

.device-configuration {
    background-color: #7399ce;
}

.sessionDetails #googleMap {
    height: 300px;
    margin-top: 15px;
    margin-bottom: 45px;
    margin-right: 44px;
}

/* Окраска названий метрик и примеров фраз из словаря */
.colored-label {
    display: inline-block;
    margin-bottom: 5px;
    padding: 2px 5px;
    background-color: #DDD;
    border-radius: 4px;
}

/* Если пример фразы не матчится с шаблоном */
.colored-label-error {
    color: #d33030;
}

/* Для фраз, которые не показываются в транскрипции */
.colored-label-disabled {
    border: 1px solid #DDD;
    color: #DDD;
    background: transparent;
}

/* Измененные стили для аудиоплеера с поддержкой аудио-волны*/
div.jp-audio {
    width: inherit !important;
    border-radius: 9px;
}

#audioPlayer .jp-interface {
    height: 155px;
    border-radius: 7px;
}

#audioPlayer .jp-progress {
    width: 100%;
    height: 80px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
}

#audioPlayer .jp-seek-bar {
    width: 100% !important;
    background-color: gray;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

#audioPlayer .jp-play-bar {
    opacity: .6;
    background: #bad0e5;
}

#audioPlayer .jp-controls {
    padding: 105px 20px 0 20px;
    width: 510px;
}
#audioPlayer div.jp-playlist {
    border-radius: 7px 7px 0 0;
    background-color: #4793d6;
    border: 0;
}

#audioPlayer div.jp-playlist .playlist-audio-download-link {
    color: #fff;
    position: relative;
    float: right;
    top: -4px;
    font-size: medium;
}

#audioPlayer div.jp-playlist .jp-playlist-current a.jp-playlist-item {
    color: #fff;
}

#audioPlayer div.jp-playlist a.jp-playlist-item {
    color: #063e6a;
}
#audioPlayer div.jp-playlist a.jp-playlist-item:hover {
    color: #fff;
}

#audioPlayer div.jp-audio, #audioPlayer div.jp-audio-stream, #audioPlayer div.jp-video {
    border: 2px solid #4793d6;
    color: #fff;
}

#audioPlayer div.jp-volume-bar {
    background: #2b6898;
}

#audioPlayer div.jp-volume-bar .jp-volume-bar-value {
    background: #fff;
}

#audioPlayer .jp-mute {
    margin-left: 16px;
}

#audioPlayer .jp-unmute {
    margin-left: 16px;
}

#audioPlayer .jp-volume-max {
    margin-left: 93px;
}

#audioPlayer .jp-volume-bar {
    top: 122px;
    left: 380px;
    width: 83px;
}

#audioPlayer .jp-time-holder {
    left: 0;
    padding: 0 10px;
    width: 100%;
    top: 80px;
    border-top: 2px solid #009be3;
}

#audioPlayer div.jp-interface {
    background-color: #4793d6;
}

.jp-seek-bar {
    background-position: 100% !important;
}


#audioPlayer .jp-playback-rate-bar {
    display: flex;
    margin-left: 10px;
    margin-top: 6px;
    border-radius: 10px;
    font-weight: bold;
}

#audioPlayer .jp-playback-rate-bar-value {
    cursor: pointer;
    text-indent: 0;
    width: 45px;
    height: 28px;
    font-size: .7em;
    text-align: center;
    border: 1px solid #fff;
    padding: 3px 0 0 0;
    color: #fff;
    font-size: .65em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
}

    #audioPlayer .jp-playback-rate-bar-value.selected-playback {
        box-shadow: rgb(0, 157, 235) 0 0 5px;
    }

    #audioPlayer .jp-playback-rate-bar-value:hover {
        color: #2b6898;
        background-color: #fff;
    }

    #audioPlayer .jp-playback-rate-bar-value.first {
        border-radius: 5px 0 0 5px;
        border-left: 2px solid #fff;
    }

    #audioPlayer .jp-playback-rate-bar-value.last {
        border-radius: 0 5px 5px 0;
        border-right: 2px solid #fff;
    }

    #audioPlayer .jp-playback-rate-bar-value.medium {
        border-radius: 0;
    }

@media (min-width: 1200px) {
    #audioPlayer .jp-time-holder {
        left: 0;
        padding: 0 10px;
        width: 100%;
        top: 80px;
    }
}

a.delete-button {
    color: #bd2957
}

.audioBlockWide .btn {
    font-size: 14px;
    line-height: 1.42857143;
}

.itemDetails-checklist h4 {
    font-size: 18px;
}

.logo-container {
    min-width: 250px;
    max-width: 250px;
    margin-top: 3px;
    padding-left: 0;
}

.grant-all-units {
    background-color: #e3ad32;
    color: #FFF;
}

    .grant-all-units:hover {
        background-color: #d99e17;
        color: #FFF;
    }

h4 {
    font-size: 18px;
    color: #AAA;
}

.user-sumo-edit {
    width: 100%;
}

.user-sumo-edit .row .listFieldlistCls {
    width: 100%;
}

.user-sumo-edit .row .listFieldLiItem {
    line-height: 1.5;
}

    .user-sumo-edit .row .listFieldLiItem input[type=button] {
        position: absolute;
        top: 4px;
        right: 3px;
        width: 20px;
        height: 20px;
        border: none;
        background-color: transparent;
        font-weight: bold;
        color: #727b7f;
        padding: 1px;
        border-radius: 10px;
    }

        .user-sumo-edit .row .listFieldLiItem input[type=button]:hover {
            color: #000;
            border: none;
        }

/*кастомный стиль цвета для активной кнопки пейджинга*/

.page-item.currentPage .page-link {
    z-index: 1;
    color: #fff;
    background-color: #82B3C5;
    border-color: #82B3C5;
}


/* styles for checklist and conversation bootstrap adapted*/
.conversationWrapper {
    width: 100%;
    padding: 20px 20px 20px 20px; 
    border-radius: 9px;
    font-size: 1.15em;
}

.keyphrase-match {
    display: inline-block;
    font-size: 1.15em;
    padding: 4px 8px;
    margin-bottom: 2px;
    background-color: #DDD;
    border-radius: 4px;
    opacity: 0.7;
    cursor: pointer;
}
.keyphrase-match.dropdown-toggle::after {
    display: inline-block;
    align-self: center;
}

#key-phrases-collapse.accordion-collapse .accordion-body div.dropdown {
    width: 100%;
}

.accordion-item .accordion-body a.keyphrase-match {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.accordion-item .accordion-body a.keyphrase-match .second {
    margin-left: auto;
}

.conversation-checklist-button {
    margin: 10px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.text-blue {
    color: #0596DF
}

.conversation-indexes .indexValueGroups {
    margin-bottom: 10px;
    margin-left: 8px;
    font-size: 12px;
    margin-top: 3px;
}

    .conversation-indexes .indexValueGroups span {
        display: block;
    }

#changeDeviceContentPopupForm .batch-change-checkbox {
    margin-left: 15px;
    margin-top: 0;
    margin-right: 10px;
}

#changeScreenplayContentPopupForm .batch-change-checkbox {
    margin-left: 15px;
    margin-top: 0;
    margin-right: 10px;
}

#changeGroupContentPopupForm .batch-change-checkbox {
    margin-top: 0;
    margin-left: 15px;
    margin-right: 10px;
    float: right;
}

.modal-dialog .modal-body div .itemPropertyValueBox {
    display: flex;
    justify-content: space-between;
}
.modal-dialog .modal-body div .batch-edit-popup-tag.itemPropertyValueBox {
    display: block;
}

.modal-dialog .modal-body div .batch-edit-popup-tag.itemPropertyValueBox .modify-entity-list {
    display: block;
}

.modal-dialog .modal-body div .itemPropertyValueBox div.dropdown-search {
    margin-bottom: 0 !important;
}
.modal-dialog .modal-body div .itemPropertyValueBox .dropdown-search {
    flex-grow: 1;
}

.device-events-link {
    vertical-align: -2px;
    margin: 4px;
}

.groupBySelect.opt.disabled label {
    color: red;
    opacity: 1 !important;
}

.groupBySelect.opt:not(.disabled) label {
    padding-left: 10px;
}

.dropdown-item.groupBySelect.disabled label {
    color: red;
    opacity: 1;
}

.dropdown-item.disabled label.argument-survey-name {
    color: #BD2957;
}

.dropdown-item.disabled label.argument-question-name {
    color: #007f0e;
}

.dropdown-item.groupBySelect:not(.disabled) label {
    padding-left: 10px;
}

.checklist-data-container {
    max-width: 900px;
}

.batch-edit-popup-tag .listEntFieldSelectCls {
    width: 92% !important;
}

    .batch-edit-popup-tag .listEntFieldSelectCls:disabled {
        background-color: transparent;
    }

.batch-edit-popup-tag .listFieldAddButtonCls {
    margin-right: 0 !important;
}

.batch-edit-popup-tag .itemPropertyValueBox {
    width: 89% !important;
}

.batch-edit-popup-tag .batch-change-checkbox {
    margin-top: 10px !important;
    margin-left: 19px !important;
}

.card-body {
    border-radius: 19px;
}

h1 {
    padding-left: 0px;
}

#side-nav ul li .bi {
    padding-right: 6px;
}

    #side-nav ul li .bi.me-2 {
        margin-right: 0 !important;
    }

/*небольшая стилевая заглушка для деталей. Именно для тегов с классом conversation-survey-row
Смещение номеров вопроса влево, чтобы не перекрывались возможными блоками транскрипции или чек - листов справа*/
.row.conversation-survey-row {
    padding-left: 35px;
}
.sessionDetails .conversation-survey-row {
    padding-left: 12px;
}
.row.conversation-survey-row .question-number,
.sessionDetails .surveyContent .question-number {
    right: -70px;
}

.row.conversation-survey-row .question-number .question-number-row {
    color: #DDD;
    height: 100%;
}

    .row.conversation-survey-row .question-number-row div {
        text-align: right;
        min-width: 59px;
    }

.sessionDetails .surveyContent.sessionData .question-number {
    font-size: 4em;
    color: #DDD;
    height: 100%;
}

    .sessionDetails .surveyContent.sessionData .question-number .question-number-row {
        display: flex;
        align-items: center;
        height: 100%;
    }

.test-session-badge {
    font-size: 15px;
    display: inline;
    margin-left: 10px !important;
}

.interaction-favourite {
    color: #e3ad32;
    font-size: 16px;
    font-weight: bold;
}

.height-30 {
    height: 30px;
}

.mvc-grid-extended-pager {
    display: flex;
    font-size: 1em;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    min-height: 57.25px;
}

.mvc-grid-pager li {
    list-style: none;
}

.mvc-grid-scroll-wrapper {
    min-height: 40vh;
    max-height: 85vh;
    max-width: calc(100vw - 274px);
    overflow: auto;
}

@media (max-width: 764px) {
    .mvc-grid-scroll-wrapper {
        max-height: 90vh;
        max-width: 100%;
    }
}

.report-cell-details-show {
    display: block !important;
    position: absolute;
    width: auto;
    top: 100%;
    left: 0;
    box-shadow: 0 0 20px;
    padding: 0.33rem;
    z-index: 3;
    background-color: #fff;
    border-radius: 6px
}


.mvc-grid-extended-pager button {
    background-color: #ffffff;
    border: 1px solid #DADADA;
    box-sizing: content-box;
    line-height: 1.5;
    padding: 0 0.25em;
    cursor: pointer;
    margin: 0.5em 0;
    min-width: 1.5em;
}

    .mvc-grid-extended-pager button:focus, .mvc-grid-extended-pager button:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .mvc-grid-extended-pager button.disabled {
        border: 1px solid #999;
        color: #999;
    }

    .mvc-grid-extended-pager button.active {
        background-color: #82B3C5 !important;
        border-color: #82B3C5 !important;
    }

    .mvc-grid-extended-pager button:first-child {
        border-top-left-radius: 9px;
        border-bottom-left-radius: 9px;
    }

    .mvc-grid-extended-pager button:last-child {
        border-top-right-radius: 9px;
        border-bottom-right-radius: 9px;
    }

.filter-shadow-10 {
    box-shadow: 0 0 10px #ccc;
}

.filter-dropdown-scroll {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}
    /* width */
    .filter-dropdown-scroll::-webkit-scrollbar {
        width: 9px;
    }

    /* Track */
    .filter-dropdown-scroll::-webkit-scrollbar-track {
        box-shadow: inset 0 0 2px grey;
        background-color: #f2f2f2;
        border-radius: 2px;
    }

    /* Handle */
    .filter-dropdown-scroll::-webkit-scrollbar-thumb {
        background: #638996;
        border-radius: 2px;
    }

#header.row > * {
    width: auto;
}

#header.row div.change-company-wrapper {
    padding-right: 0;
}

.hide-element {
    visibility: hidden;
    position: absolute !important;
}

div.dropdown-menu .filter-dropdown-scroll input.form-check-input {
    position: relative;
    margin-bottom: 6px;
    margin-top: 8px;
}

div.dropdown-menu .filter-dropdown-scroll .dropdown-item label {
    padding-left: 0.5rem;
    padding-bottom: 6px;
    padding-top: 4px;
}

div.btn-group.dropend div.filter-name {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    opacity: 0.65;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-color: #212529;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    background-color: #4f8da2;
    border-right: 1px solid rgba(var(--bs-light-rgb));
}

    div.btn-group.dropend div.filter-name span.bi.bi-funnel-fill {
        cursor: pointer;
        margin: 2px 4px;
        vertical-align: middle;
        color: #fff;
    }

    div.btn-group.dropend div.filter-name span.bi.bi-funnel {
        cursor: pointer;
        margin: 2px 4px;
        vertical-align: middle;
        color: #fff;
    }

a.clean-filter-custom-button {
    border: 1px solid #212529;
    border-right: 0;
    color: #000;
    border-left: 1px #fff;
    background-color: #fff;
    opacity: .65;
}

    a.clean-filter-custom-button:hover {
        background-color: #d2d2d2;
        border-color: #212529;
        color: #000;
    }

div.btn-group.dropend button.dropdown-toggle {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

div.filter div.inlineBlock .mb-2 {
    margin-bottom: 0 !important;
}

div.inlineBlock .dropend.mb-2 {
    margin-bottom: 0 !important;
}

div.filter .dropdown-toggle.btn-primary {
    background-color: #fff;
    opacity: 0.65;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-color: #212529;
    text-align: center;
    line-height: 1.5;
    color: #000;
    border-left: 1px;
}

    div.filter .dropdown-toggle.btn-primary:hover {
        background-color: #d2d2d2;
        border-color: #212529;
    }

    div.filter .dropdown-toggle.btn-primary:active {
        background-color: #d2d2d2;
        border-color: #212529;
    }

    div.filter .dropdown-toggle.btn-primary:focus {
        background-color: #d2d2d2;
        border-color: #212529;
    }

.inlineBlock.text-filter form.text-filter {
    margin-left: 0;
}

div.filter .dropend .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-left: 0;
}

div.inlineBlock .dropdown-toggle.btn-primary {
    background-color: #fff;
    opacity: 0.65;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-color: #212529;
    text-align: center;
    line-height: 1.5;
    color: #000;
    border-left: 1px;
}

    div.inlineBlock .dropdown-toggle.btn-primary:hover {
        background-color: #d2d2d2;
        border-color: #212529;
    }

    div.inlineBlock .dropdown-toggle.btn-primary:active {
        background-color: #d2d2d2;
        border-color: #212529;
    }

    div.inlineBlock .dropdown-toggle.btn-primary:focus {
        background-color: #d2d2d2;
        border-color: #212529;
    }

div.inlineBlock .dropend .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-left: 0;
}

.dropdown-menu .filter-dropdown-scroll .dropdown-item {
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eaeaea;
}

.dropdown-menu .dropdown-item.selected:active {
    background-color: #0d6efd;
}

.dropdown-menu .dropdown-item.selected {
    background-color: #e0e9f7;
}

@media (min-width: 576px) {
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-sm-center {
        text-align: right !important;
    }
}

.dropdown-menu {
    background-color: #f7f7f7;
    border-radius: 9px;
}

.apply-button {
    border-radius: 9px;
    color: #FFF;
    background: linear-gradient(90deg, rgba(156,181,60,0.9556197478991597) 0%, rgba(123,150,16,1) 33%, rgba(85,105,8,0.9444152661064426) 89%);
}

    .apply-button:hover {
        background-color: #000;
    }

.custom-cancel-button {
    border-radius: 9px;
    color: #FFF;
    background: linear-gradient(90deg, rgba(28, 142, 240, 0.7399334733893557) 1%, rgba(15, 102, 176, 0.8015581232492998) 50%, rgba(31, 24, 144, 0.7791491596638656) 100%);
}

    .custom-cancel-button:hover {
        background-color: #5691A5;
    }

.dropdown-search-field {
    border-radius: 9px;
    padding-right: 25px;
}

.filter-dropdown-scroll .dropdown-item input.form-check-input {
    border-radius: 9px;
}

.dropdown-add-btn-wrapper {
    display: flex;
}
.dropdown-add-btn-wrapper .dropdown-search {
    flex-grow: 1;
    margin-right: 5px;
}

.edit-form-container .checklist-question-text {
    text-decoration: none;
    color: inherit;
}

#sidebar > * {
    font-size: 15px;
}

#sidebar .accordion > * {
    border-radius: 9px;
    font-weight: 400;
    line-height: 1.2;
}

#sidebar .accordion-item {
    background-color: #f7f7f7;
    /*border: none;*/
}

#sidebar .accordion-button.collapsed {
    background-color: #f7f7f7;
}

#sidebar .accordion-button {
    border-radius: 9px;
    /*color: #4F77C6;*/
}

#sidebar .accordion-body ul {
    padding-left: 0px;
}

    #sidebar .accordion-body ul li {
        margin-bottom: 7px;
    }

#sidebar .saveButton, #sidebar .cancelButton {
    font-size: 15px;
}

#sidebar .accordion-button:not(.collapsed) {
    background-color: #EBF1F4;
}

#sidebar a {
    text-decoration: none;
}

#sidebar #morePanel a {
    padding: 5px 5px;
    display: inline-block;
}

.modal.fade .modal-dialog .labelsTop.modal-content.edit-form-container.delete-confirm-popup-form-container {
    width: unset;
    padding: 15px 20px 15px 20px;
}
.modal.fade .modal-dialog .labelsTop.modal-content.edit-form-container.delete-confirm-popup-form-container .modal-footer {
    align-self: center;
}
.modal.fade .modal-dialog .labelsTop.modal-content.edit-form-container.delete-confirm-popup-form-container .modal-header {
        border-bottom: none;
}
.modal.fade .modal-dialog .labelsTop.modal-content.edit-form-container.delete-confirm-popup-form-container .modal-header .modal-title {
    text-align: center;
}

.modal.fade .modal-dialog .labelsTop.modal-content.edit-form-container.delete-confirm-popup-form-container .modal-footer .cancelButton {
    margin-right: 0;
}
.modal.fade .modal-dialog .labelsTop.modal-content.edit-form-container .close {
    align-self: flex-end;
    padding-right: 0;
    background-color: inherit;
}
.modal.fade .modal-dialog .labelsTop.modal-content.edit-form-container .close i {
    background-color: #d2d2d2;
    padding: 2px 3.5px;
    color: white;
    border-radius: 6px;
}
.modal.fade .modal-dialog .labelsTop.modal-content.edit-form-container .modal-header {
    justify-content: center;
    margin-bottom: 9px;
    margin-top: 5px;
}
.itemDetails.edit-form-container .modal-body {
    padding: 10px 0 5px 0;
    margin-top: 0;
}

.dropdown-search {
    display: flex;
    justify-content: space-between;
    background-color: white;
    border-radius: 9px;
    border: 1px solid #ced4da;
}
.dropdown-search:hover {
    box-shadow: 0 0 2px #7799D0;
}

div.btn-group.dropdown-search span.filter-title {
    overflow: hidden;
    text-overflow: ellipsis;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    padding: 6px;
    font-size: 16px;
    border-color: #ced4da;
    text-align: center;
    line-height: 1.5;
    color: #333;
    background-color: white;
    border-right: 1px solid rgba(var(--bs-light-rgb));
}
.user-sumo-edit div.btn-group.dropdown-search span.filter-title {
    padding: 8px;
}
div.btn-group.dropdown-search span.filter-title.placeholder {
    padding: 6px;
    font-style: italic;
}
.user-sumo-edit div.btn-group.dropdown-search span.filter-title.placeholder {
    padding: 8px;
}
.dropdown-search button.dropdown-toggle {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 1.2em;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    border-radius: 9px;
    background-color: white;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-toggle img.chevron-down {
    align-self: center;
    margin-right: 4px;
    margin-bottom: 0;
}
.dropdown-search div.dropdown-menu {
    width: 100%;
    top: -2px;
}

.div.btn-group.dropdown-search button.dropdown-toggle {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

.dropdown-menu .filter-dropdown-scroll .dropdown-item .form-check-label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-search-field-wrapper {
    display: flex;
    flex-direction: row-reverse;
}
.dropdown-search-field-wrapper .search-loader-img {
    width: 20px;
    position: absolute;
    align-self: center;
    right: 15px;
}

button.dropdown-toggle .search-loader-img {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 6px;
}

.wide-dropdown-plugin .dropdown-search .dropdown-menu .filter-dropdown-scroll {
    max-height: 600px;
}

.modal-dialog.device-copy-modal {
    width: 315px;
}
.modal-body .device-copies-number-wrapper {
    display: flex;
    justify-content: space-between;
}
.modal-body .device-copies-number-wrapper .device-copies-number-label{
    align-self: center;
}
.modal-body .device-copies-number-wrapper .device-copies-number {
    width: 60px;
}
.modal-dialog.device-copy-modal .itemDetails .modal-body .messageInfo {
    height: auto;
    margin-bottom: 0;
}
.modal-dialog.device-copy-modal .itemDetails .modal-body {
    margin-top: 0;
}

.selected-company-list-item-wrapper {
    display: flex;
    flex-direction: column;
    
}
.selected-company-list-item-edit-block {
    display: flex;
}

.selected-company-list-item-wrapper .selected-company-list-item {
    flex-grow: 1;
}

.selected-company-list-item-wrapper .selected-company-list-item-edit {
    align-self: center;
    margin-left: 10px;
}
.selected-notification-list-item-wrapper {
    display: flex;
    flex-direction: column;
}

.selected-notification-list-item-edit-block {
    display: flex;
}

.selected-notification-list-item-wrapper .selected-notification-list-item {
    flex-grow: 1;
}

.selected-notification-list-item-wrapper .selected-notification-list-item-edit {
    align-self: center;
    margin-left: 10px;
}

.units-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.units-list span {
    display: flex;
    border: 1px solid #82B3C5;
    border-radius: 9px;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 7px;
}
.units-list span input.btn-close {
    width: 20px;
    height: 20px;
    font-size: 0.75em !important;
    padding: 1px;
    position: relative;
    left: 4px;
}

.units-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.units-list span {
    display: flex;
    border: 1px solid #82B3C5;
    border-radius: 9px;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 7px;
}
.units-list span input.btn-close {
    width: 20px;
    height: 20px;
    font-size: 0.75em !important;
    padding: 1px;
    position: relative;
    left: 4px;
}


.notifications-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.notifications-list span {
    display: flex;
    border: 1px solid #82B3C5;
    border-radius: 9px;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 7px;
}

.notifications-list span input.btn-close {
    width: 20px;
    height: 20px;
    font-size: 0.75em !important;
    padding: 1px;
    position: relative;
    left: 4px;
}


/* Всплывающие подсказки */
.tooltip {
    margin-bottom: 6px !important; /* Увеличиваем отступ тултипа снизу для корректного отображения над элементом */
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; /* Плавное появление и исчезновение тултипа */
}

.tooltip-inner {
    background-color: #fff !important;
    border: 1.5px solid #124f87;
    border-radius: 9px;
    color: #000;
}
.tooltip.show {
    opacity: 1 !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #EDFBFF !important; /* Цвет фона стрелки */
}
.tooltip.bs-tooltip-top .tooltip-arrow::after {
    content: '';
    position: absolute;
    border: 7px solid transparent;
    border-top-color: #124f87;
    top: -1px;
    left: 0;
}
/******************************************************************************/

.audio-group-progress.progress {
    background-color: #c4c9dc;
    height: 20px;
    position: relative;
}

.audio-group-progress.progress .progress-bar {
    position: absolute;
    height: inherit;
}

.audio-group-progress-wrapper .audio-group-progress-time {
    display: flex;
    position: relative;
    margin-bottom: 20px;
    color: #222;
    font-size: 0.7em;
}

.config-link-value {
    word-break: break-all;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

.restrict-list-by-height {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    max-height: 300px;
    white-space: pre-wrap;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.audio-record-concat {
    display: inline-block;
    text-decoration: none;
    margin: 0 3px 5px 0;
    padding: 3px 5px;
}
a.audio-record-concat:hover {
    color: #021770;
}

.audio-record-item,
.audio-group-item,
.audio-record-item-selected {
    display: inline-block;
    text-decoration: none;
    margin: 0px 3px 5px 0;
    padding: 3px 5px;
    background-color: #75acdc;
    color: #fff !important;
    border-radius: 9px;
    border: 2px solid #4388c6;
}
.audio-record-item-selected {
    color: #fff !important;
    background-color: #358bd7;
    border-color: #4388c6;
}
.audio-group-item:hover,
.audio-record-item:hover {
    text-decoration: none;
    background-color: #358bd7;
}
#changeBatchPopup .itemPropertyValueBox input.batch-change-checkbox {
    transform: scale(1.7);
}
.wrapper-background [type="submit"].submitExtraLarge {
    width: 13em;
}
.apply-font-text .alphabet {
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

/*    Для документации Markdown    */
.docs {
    font-size: 1.0rem;
}

.docs h4 {
    font-size: 1.2rem;
    color: #666;
}

.docs li {
    margin-bottom: 5px;
}

.docs li {
    margin-bottom: 10px;
}

.docs li ul li {
    margin-bottom: 3px;
}

.md h2 {
    font-size: 1.5em;
    margin: 25px 0 16px;
    padding-bottom: 0.3em;
    border-bottom: 1px solid #bfbfc3;
    color: #333238
}

.md h3 {
    font-size: 1.25rem;
    margin-top: 25px;
    margin-bottom: 5px;
}

.md h4 {
    font-size: 1.1rem;
}

.md ul {
    margin: 0 0 16px;
}

.md li {
    line-height: 1.4em;
}

.md blockquote {
    font-size: 1.0em;
    padding: 10px;
    background-color: #EEE;
    border-radius: 9px;
}
/****************************************************/

.report-arguments-surveys div.btn-group.dropend div.filter-name {
    font-size: 16px;
}

.consent-block {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.consent-block .consent-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.consent-block .remove-block {
    align-self: center;
    width: 14px;
}
.add-consent {
    width: auto;
    color: #333;
    float: right;
    background-color: darkseagreen;
    border-radius: 9px;
}
.consent-to-personal-data-processing-wrapper {
    padding: 10px;
}

.consent-to-personal-data-processing-border {
    border-radius: 9px;
    border: 1px solid #bbb;
}

.question .personal-data-consent-wrapper a {
    font-size: 1em;
    padding: 0;
}

.loader {
    display: inline-block;
    border: 4px solid silver;
    border-radius: 50%;
    border-top: 4px solid #837f7f;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.border-radius-9 {
    border-radius: 9px;
}
.border-radius-16 {
    border-radius: 16px;
}

.vad-alert-status-opened,
.vad-alert-status-processed,
.vad-alert-status-processing,
.vad-alert-status-failed,
.vad-alert-status-rejected,
.vad-alert-status-warning {
    border: 1px solid;
}

.vad-alert-status-opened {
    background-color: #E3F2FD;
    color: #0D47A1;
    border-color: #b6d4fe;
}

.vad-alert-status-processing {
    color: #1f6472;
    background-color: #cff4fc;
    border-color: #23bad9;
}

.vad-alert-status-processed {
    background-color: #E8F5E9;
    color: #1B5E20;
    border-color: #badbcc;
}

.vad-alert-status-failed {
    background-color: #FDECEA;
    color: #B71C1C;
    border-color: #f5c2c7;
}

.vad-alert-status-rejected {
    background-color: #e0e0e3;
    color: #424242;
    border-color: #949494;
}

.vad-alert-status-warning {
    background-color: #FFF8E1;
    color: #bb6a3d;
    border-color: #bc931b;
}

.audio-record-link {
    text-decoration: none;
    text-align: left;
    font-size: 16px;
}
.audio-record-link:hover {
    border-radius: 9px;
    text-decoration: none;
}
.bi-openai {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    mask: url('/lib/bootstrap-icons/icons/openai.svg') no-repeat center;
    -webkit-mask: url('/lib/bootstrap-icons/icons/openai.svg') no-repeat center;
    mask-size: contain;
}

.group-records-info {
    display: flex;
    justify-content: space-between;
    padding: 16px;
}

.group-records-info .left-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin-right: 10px;
    padding-right: 10px;
}

.group-records-info .left-block .records-count {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 45px;
}

.group-records-info .right-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.group-records-info .right-block a {
    text-decoration: none;
}

.group-info-bar-hour:last-child {
    left: 98.5% !important; /* Сдвигаем не на 100%, т.к. последний блок не должен выходить за линию прогресса */
}

.text-color-5 {
    color: #555;
}

@media (min-width: 992px) {
    .checklists-block {
        min-width: 511px;
    }
}

.keyphrase-pattern {
    word-break: break-all;
}

.left-border-radius-9 {
    border-bottom-left-radius: 9px;
    border-top-left-radius: 9px;
}

.right-border-radius-9 {
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
}

.combined-filter-block {
    display: inline-flex;
    align-items: stretch;
}

    .combined-filter-block div.filter-name {
        color: #fff;
        background-color: #4f8da2;
        opacity: 0.65;
        border: 1px solid #212529;
        border-right: 0;
    }

    .combined-filter-block > a.clean-filter-custom-button {
        border-radius: 0;
    }

    .combined-filter-block .combined-filter-item {
        position: relative;
        display: flex;
    }

    .combined-filter-block .combined-filter-item > button.dropdown-toggle {
        color: #000;
        background-color: #fff;
        opacity: 0.65;
        border: 1px solid #212529;
        border-left: 0;
        border-radius: 0;
    }

        .combined-filter-block .combined-filter-item:not(:last-child) > button.dropdown-toggle {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .combined-filter-block .combined-filter-item:last-child > button.dropdown-toggle {
            border-top-right-radius: 9px;
            border-bottom-right-radius: 9px;
        }

.cross-sellings-actions a.deleteLink:hover {
    text-decoration: none;
}

#toolbar .cross-sellings-actions {
    margin-top: 10px;
}

#toolbar .cross-sellings-actions .deleteLink {
    background-color: #D8507D;
    border-radius: 9px;
    color: white;
    margin-top: 0;
    padding: 7px 14px;
    line-height: unset;
    font-size: unset;
}    
#toolbar .cross-sellings-actions .deleteLink:hover {
    background-color: #b42152;
}

.password-input {
    position: relative;
}

.password-input-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 100%;
    padding: 0;
    color: #6c757d;
    background: transparent;
    border: 0;
    border-radius: 0 .375rem .375rem 0;
}

    .password-input-toggle:hover {
        color: #495057;
        background-color: rgba(0, 0, 0, .04);
    }

    .password-input-toggle:focus-visible {
        color: #495057;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    }

.response-text {
    field-sizing: content;
}
/* -------------------------------------------------------
    Таблица стилей для формы логина
----------------------------------------------------------*/

html
{
    height:100%;
}

.logon-container {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.log-on {
    display: grid;
    min-height: 100vh;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    background-image: url('/images/crm-pattern-logon.svg');
    background-size: cover;
    background-position: center;
    background-color: #1d51b9;
}

#logonform {
    width: 90%;
    max-width: 400px;
    background-color: #f7f7f7;
    border: 2px solid #7C94CA;
    border-radius: 30px;
    box-shadow: 10px 10px 10px #888888;
}

@media screen and (max-width: 768px) {
    #logonform,
    .logonwork {
        max-width: 96%;
        box-shadow: none;
    }
}

#logon
{
    margin: 20px 30px;
    position: relative; 
}

#logon label {
    margin-bottom: 0.5rem;
}

#logon #form label
{
    display: block;
    font-size: 1.2em;
    padding: 3px 3px;
    font-weight: normal;
}

    #logon #form input {
        margin-bottom: 10px;
        font-size: 1.3em;
        width: 100%;
        padding: 5px 0px 5px 5px;
        border: 1px solid #7C94CA;
        border-radius: 9px;
        background-color: #f7f7f7;
    }

#logon h1
{
    text-align: center;
    font-size: 4em;
    font-weight: bold;
    color: #680148;
}

#logon #form
{
    margin-top: 10px;
}

#logon #actions
{
    min-height: 15px;
    margin-top: 20px;
    margin-bottom: 50px;
    position: relative;  
}

#rememberme
{
    position: absolute;
    bottom: 0;
    left: 0;    
}

#logon #actions label {
    font-size: 1.2em;
    font-weight: normal;
}

#logon #actions input[type="checkbox"]
{
    margin-top: 3px;
    margin-right: 5px;
}

#logon #actions input[type="submit"] {
    color: #FFF;
    font-size: 1.2em;
    border: 1px solid #97C056;
    background: linear-gradient(90deg, rgba(156,181,60,0.9556197478991597) 0%, rgba(123,150,16,1) 33%, rgba(85,105,8,0.9444152661064426) 89%);
    padding: 5px 0px;
    width: 8em;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: -8px;
    border-radius: 9px;
}

#logon #actions input[type="submit"]:hover
{
    background-color: #B3CE49;
}

#logon .validation-summary-errors 
{
    color: Red;
    width: 100%;
    font-size: 1.2em;
    margin: 10px 0;
}

#logon .validation-summary-errors ul
{
    list-style: none;
}

.forgetlink {
    width: 400px;
    margin: 15px auto auto auto;
}

.forgetlink a {
    text-decoration: none;
}

.forgetlink .logon-lang {    
    margin: 6px 0 0;
}

.logonwork .headtext
{
    font-size: 1.5em;
    margin: 25px 20px 20px 30px;
    text-align: left;
}

.logonwork .headtextsend
{
    font-size: 1.5em;
    margin: 25px 20px 20px;
    text-align: center;
}

.logonwork .logOnLink 
{
    width: 100%;
    margin-bottom: 15px;
    text-align: center; 
}

.logonwork .logOnLink a {
    font-size: 1.3em;
}

#azure-powered {
    position: fixed;
    bottom: 50px;
    width: 100%;
}

#azure-powered img {
    display: table;
    position: relative;
    margin: auto;
}

#logonform .company-logo {
    padding-bottom: 20px;
    max-width: 290px;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/lib/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('/lib/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/lib/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/lib/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/lib/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/lib/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*! jQuery UI - v1.12.1 - 2017-08-20
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../lib/jquery/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../lib/jquery/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../lib/jquery/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../lib/jquery/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../lib/jquery/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../lib/jquery/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../lib/jquery/images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}

/*!
 * # Semantic UI 2.2.9 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.transition{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animating.transition{-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible!important}.loading.transition{position:absolute;top:-99999px;left:-99999px}.hidden.transition{display:none;visibility:hidden}.visible.transition{display:block!important;visibility:visible!important}.disabled.transition{-webkit-animation-play-state:paused;animation-play-state:paused}.looping.transition{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.transition.browse{-webkit-animation-duration:.5s;animation-duration:.5s}.transition.browse.in{-webkit-animation-name:browseIn;animation-name:browseIn}.transition.browse.left.out,.transition.browse.out{-webkit-animation-name:browseOutLeft;animation-name:browseOutLeft}.transition.browse.right.out{-webkit-animation-name:browseOutRight;animation-name:browseOutRight}@-webkit-keyframes browseIn{0%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1}10%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999}}@keyframes browseIn{0%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1}10%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999}}@-webkit-keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@-webkit-keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}.drop.transition{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.34,1.61,.7,1);animation-timing-function:cubic-bezier(.34,1.61,.7,1)}.drop.transition.in{-webkit-animation-name:dropIn;animation-name:dropIn}.drop.transition.out{-webkit-animation-name:dropOut;animation-name:dropOut}@-webkit-keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.transition.fade.in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.transition[class*="fade up"].in{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.transition[class*="fade down"].in{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.transition[class*="fade left"].in{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.transition[class*="fade right"].in{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.transition.fade.out{-webkit-animation-name:fadeOut;animation-name:fadeOut}.transition[class*="fade up"].out{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.transition[class*="fade down"].out{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}.transition[class*="fade left"].out{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.transition[class*="fade right"].out{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}.flip.transition.in,.flip.transition.out{-webkit-animation-duration:.6s;animation-duration:.6s}.horizontal.flip.transition.in{-webkit-animation-name:horizontalFlipIn;animation-name:horizontalFlipIn}.horizontal.flip.transition.out{-webkit-animation-name:horizontalFlipOut;animation-name:horizontalFlipOut}.vertical.flip.transition.in{-webkit-animation-name:verticalFlipIn;animation-name:verticalFlipIn}.vertical.flip.transition.out{-webkit-animation-name:verticalFlipOut;animation-name:verticalFlipOut}@-webkit-keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}}@-webkit-keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}}@keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}}@-webkit-keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@-webkit-keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}@keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}.scale.transition.in{-webkit-animation-name:scaleIn;animation-name:scaleIn}.scale.transition.out{-webkit-animation-name:scaleOut;animation-name:scaleOut}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.transition.fly{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.transition.fly.in{-webkit-animation-name:flyIn;animation-name:flyIn}.transition[class*="fly up"].in{-webkit-animation-name:flyInUp;animation-name:flyInUp}.transition[class*="fly down"].in{-webkit-animation-name:flyInDown;animation-name:flyInDown}.transition[class*="fly left"].in{-webkit-animation-name:flyInLeft;animation-name:flyInLeft}.transition[class*="fly right"].in{-webkit-animation-name:flyInRight;animation-name:flyInRight}.transition.fly.out{-webkit-animation-name:flyOut;animation-name:flyOut}.transition[class*="fly up"].out{-webkit-animation-name:flyOutUp;animation-name:flyOutUp}.transition[class*="fly down"].out{-webkit-animation-name:flyOutDown;animation-name:flyOutDown}.transition[class*="fly left"].out{-webkit-animation-name:flyOutLeft;animation-name:flyOutLeft}.transition[class*="fly right"].out{-webkit-animation-name:flyOutRight;animation-name:flyOutRight}@-webkit-keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes flyOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes flyOutUp{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes flyOutUp{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes flyOutDown{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes flyOutDown{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.transition.slide.in,.transition[class*="slide down"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center left;transform-origin:center left}.transition.slide.out,.transition[class*="slide down"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}.transition.swing{-webkit-animation-duration:.8s;animation-duration:.8s}.transition[class*="swing down"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center left;transform-origin:center left}.transition.swing.out,.transition[class*="swing down"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@-webkit-keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@-webkit-keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}@keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}.flash.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:flash;animation-name:flash}.shake.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:shake;animation-name:shake}.bounce.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:bounce;animation-name:bounce}.tada.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:tada;animation-name:tada}.pulse.transition{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:pulse;animation-name:pulse}.jiggle.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:jiggle;animation-name:jiggle}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes jiggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jiggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
/*!
 * # Semantic UI 2.2.9 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:0;text-align:left;-webkit-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease;-webkit-tap-highlight-color:transparent}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0 0;background:#fff;font-size:1em;text-shadow:none;text-align:left;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;-webkit-transition:none;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;color:rgba(0,0,0,.87);padding:.78571429rem 1.14285714rem!important;font-size:1rem;text-transform:none;font-weight:400;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.14285714rem;color:rgba(0,0,0,.85);font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0;margin:.5em 0}.ui.dropdown .menu>.input{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{float:right;margin:0 0 0 1em;color:rgba(0,0,0,.4)}.ui.dropdown .menu>.message{padding:.78571429rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;left:100%!important;right:auto!important;margin:0 0 0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img{display:inline-block;vertical-align:middle;width:auto;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu{left:auto;right:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;-webkit-transform:rotateZ(0);transform:rotateZ(0);min-width:14em;min-height:2.71428571em;background:#fff;display:inline-block;padding:.78571429em 2.1em .78571429em 1em;color:rgba(0,0,0,.87);box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:.78571429em;right:1em;z-index:3;margin:-.78571429em;padding:.78571429em;opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0!important;width:auto;outline:0;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 .28571429rem .28571429rem;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.78571429rem 1.14285714rem}@media only screen and (max-width:767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #fafafa;padding:.52571429em 0.84285714em!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,.35);box-shadow:none}.ui.selection.active.dropdown{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.dropdown:focus{border-color:#96c8da;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:rgba(0,0,0,.8)}.ui.selection.active.dropdown:hover{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown:hover .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:1;z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.empty.selection.dropdown{border-radius:.28571429rem!important;box-shadow:none!important}.ui.active.empty.selection.dropdown .menu{border:none!important;box-shadow:none!important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none transparent!important;border:none!important;box-shadow:none!important;cursor:text;top:0;left:1px;width:100%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit}.ui.search.dropdown>input.search{position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(115,115,115,.87)!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width:767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.multiple.dropdown{padding:.22619048em 2.1em .22619048em .35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:top;white-space:normal;font-size:1em;padding:.35714286em .78571429em;margin:.14285714rem .28571429rem .14285714rem 0;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.multiple.dropdown .dropdown.icon{margin:'';padding:''}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label~input.search{margin-left:.14285714em!important}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .5em 0 .21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.21428571em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);z-index:13}.ui.loading.dropdown>i.icon{height:1em!important;padding:1.14285714em 1.07142857em!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;left:50%;box-shadow:0 0 0 1px transparent;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:dropdown-spin .6s linear;animation:dropdown-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em}.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before{display:none}@-webkit-keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text{color:rgba(191,191,191,.87)}.ui.default.dropdown:not(.button)>input:focus+.text,.ui.dropdown:not(.button)>input:focus+.default.text{color:rgba(115,115,115,.87)}.ui.loading.dropdown>.text{-webkit-transition:none;transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#9f3a38}.ui.selection.dropdown.error{background:#fff6f6;border-color:#e0b4b4}.ui.selection.dropdown.error:hover{border-color:#e0b4b4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item{color:#9f3a38}.ui.multiple.selection.error.dropdown>.label{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item:hover{background-color:#fff2f2}.ui.dropdown.error>.menu .active.item{background-color:#fdcfcf}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{left:0}.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu{left:100%!important;right:auto!important;border-radius:.28571429rem!important}.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu{left:auto!important;right:100%!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0 .78571429rem 0 0}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0 .78571429rem 0 0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em}.ui.upward.dropdown>.menu{top:auto;bottom:100%;box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:.28571429rem .28571429rem 0 0}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0 0!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0!important;box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.upward.selection.dropdown:hover{box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{box-shadow:0 0 3px 0 rgba(0,0,0,.05)}.ui.upward.active.selection.dropdown:hover .menu{box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item{border-top:none}.ui.dropdown .scrolling.menu .item:first-child,.ui.scrolling.dropdown .menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast:none){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{min-width:calc(100% - 17px)}}@media only screen and (max-width:767px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:10.28571429rem}}@media only screen and (min-width:768px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:15.42857143rem}}@media only screen and (min-width:992px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}@media only screen and (min-width:1920px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu{overflow:visible;width:auto;height:auto;top:0!important;left:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.78571429rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.5em;height:.5em;box-shadow:-1px -1px 0 1px rgba(34,36,38,.15);background:#fff;z-index:2}.ui.pointing.dropdown>.menu:after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;left:1em;right:auto;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0;left:auto;margin:1em 0 0}.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;left:auto;right:1em;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-.25em;margin:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.right.pointing.dropdown>.menu{top:0;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;right:auto;margin:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0!important}.ui.bottom.left.pointing.dropdown>.menu{left:0;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.upward.pointing.dropdown>.menu,.ui.upward.top.pointing.dropdown>.menu{top:auto;bottom:100%;margin:0 0 .78571429rem;border-radius:.28571429rem}.ui.upward.pointing.dropdown>.menu:after,.ui.upward.top.pointing.dropdown>.menu:after{top:100%;bottom:auto;box-shadow:1px 1px 0 1px rgba(34,36,38,.15);margin:-.25em 0 0}.ui.upward.right.pointing.dropdown:not(.top):not(.bottom)>.menu{top:auto;bottom:0;margin:0 1em 0 0}.ui.upward.right.pointing.dropdown:not(.top):not(.bottom)>.menu:after{top:auto;bottom:0;margin:0 0 1em 0;box-shadow:-1px -1px 0 1px rgba(34,36,38,.15)}.ui.upward.left.pointing.dropdown:not(.top):not(.bottom)>.menu{top:auto;bottom:0;margin:0 0 0 1em}.ui.upward.left.pointing.dropdown:not(.top):not(.bottom)>.menu:after{top:auto;bottom:0;margin:0 0 1em 0;box-shadow:-1px -1px 0 1px rgba(34,36,38,.15)}@font-face{font-family:Dropdown;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;width:1.23em;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0da'}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:"\f0d9"}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:"\f0da"}
/* -------------------------------------------------------
    Компоновка основных элементов на странице
----------------------------------------------------------*/
html, body {
    height: 100%;
    min-width: 1100px;
    background-color: #EDEEF0;
}

#content {
    padding: 0 25px;
    padding-bottom: 20px;
    width: 100%;
    background-color: #f7f7f7;
    padding-top: 10px;
    border-radius: 10px;
}
.content-container {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto;
    grid-gap: 0.5rem;
}

.main-data-container {
    min-height: 100%;
    display: grid;
    grid-template-columns: 230px 1fr;
    grid-template-rows: 1fr;
}

.main-data-container.collapsed {
    grid-template-columns: 0px 1fr;
}

#sidebarMenu {
    background-color: #EDEEF0 !important;
}
/* Fixes for IE 10 & 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #content {
        /* Enter your style code */
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 240px;
    }
    #sidebar {
        position: absolute; 
        top: 100px;
        right: 0;
        width: 250px;
    }
    #side-nav {
        position: absolute;
    }
}

.collapsed #content {
    width: 100%;
}

    #wrapper {
        height: auto !important; /* real browsers */
        height: 100%; /* IE6: treaded as min-height*/
        min-height: 100%;
        position: relative;
    }

#header {
    min-height: 70px;
}

#logOn {
    margin: 5px 10px 10px 0;
}

.dir-rtl #logOn {
    margin: 5px 0 10px 10px;
}

.longContainer {
    min-width: 1330px !important;
}

#sub-container {
    flex-wrap: initial;
}

#sub-container.normal {
    margin-right: 270px;
}

.dir-rtl #sub-container.normal {
    margin-right: 0;
}

#sub-container.large {
    margin-right: 20px;
}

.dir-rtl #sidebar {
    float: left;
    margin-right: 0;
    margin-left: 20px;
    text-align: right;
}

#side-nav {
    padding-left: 15px;
    min-width: 240px;
    max-width: 240px;
    transition: margin 0.3s;
    padding-top: 10px;
    font-size: 15px;
}

#sidebarMenu.collapsed {
    visibility: hidden;
}

.dir-rtl #side-nav {
    float: right;
    direction: rtl;
}

.dir-rtl #content {
    direction: rtl;
    margin-right: 220px;
}

#footer {
    margin-top: -25px;
    padding: 5px 0 0;
    clear: both;
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    height: 60px;
}

#performanceBlock {
    position: fixed;
    bottom: 0;
    right: 0px;
    padding: 9px;
    background-color: #EAEAEA;
    -webkit-border-top-left-radius: 5px;
    z-index: 999;
    opacity: 0.9;
    font-size: 0.9em;
}

.dir-rtl img.next-date,
.dir-rtl img.prev-date {
    transform: rotate(180deg);
}

@media (min-width: 1200px) {
    .col-xl-2 {
        flex: 0 0 14.5%;
        max-width: 14.5%;
    }
}
/* -------------------------------------------------------
    ����� ������ ���������
----------------------------------------------------------*/

#side-nav a
{
    text-decoration: none;
    color: #95A4BF;
}

#side-nav li.complete a
{
    color: #2B5BB5;
}

#side-nav a:hover,
#side-nav li.complete a:hover
{
    color: #BD2957;
}

#side-nav  h1 
{
	border-color: #bd2957;
}

#side-nav  > ul 
{
	padding-left: 15px;
	margin-left: 0px;
	list-style-type: none;
}

#side-nav  ul ul
{
	list-style-type: none;
}

#side-nav > ul > li
{
	padding-bottom: 10px;
}

#side-nav > ul > li > ul
{
    margin-top: 5px;
}

#side-nav > ul > li > ul > li
{
	padding: 0px 0 0px 0;
}

#side-nav a,
#side-nav span {
	padding: 2px 9px 3px;
	display: inline-block;
}

#side-nav span {
    border-radius: 9px;
    margin-left: -3px;
}

#side-nav ul ul a {
	/*border-left: 2px solid #AAA;*/
    padding-left: 8px;
}

.dir-rtl #side-nav ul ul a {
    border-left: 0;
    border-right: 2px solid #AAA;    
}

#side-nav li li a.active:hover {
    color: white;
}
#side-nav li li a.active {
    /*border-left: 2px solid #666;*/
    background-color: #b4b6b1;
    border-radius: 9px;
    color: white;
}

.dir-rtl #side-nav li li a.active {
    border-left: 0;
    border-right: 2px solid #666;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

#side-nav .color1 {
	color: #fff;
    background: linear-gradient(90deg, rgba(28,142,240,0.7399334733893557) 1%, rgba(15,102,176,0.8015581232492998) 50%, rgba(31,24,144,0.7791491596638656) 100%);
}

#side-nav .color2
{
	color: #fff;
	background-color: #7C94CA;
}

#side-nav .color3 {
	color: #fff;
    background: linear-gradient(90deg, rgba(205,72,214,0.8211659663865546) 1%, rgba(163,32,155,0.7707457983193278) 47%, rgba(73,14,140,0.8687850140056023) 100%);
}

#side-nav .color4
{
	color: #fff;
	background-color: #cd6aa3;
}

#side-nav .color5 {
	color: #fff;
    background: linear-gradient(90deg, rgba(233,179,15,1) 0%, rgba(207,147,6,1) 33%, rgba(173,87,0,0.8883928571428571) 89%);
}

#side-nav .color6
{
	color: #fff;
	background-color: #97c056;
}

#side-nav .color7 {
	color: #fff;
    background: linear-gradient(90deg, rgba(245,77,130,0.958420868347339) 0%, rgba(209,42,94,0.938813025210084) 45%, rgba(124,15,50,0.835171568627451) 93%);
}

#side-nav .color8
{
	color: #fff;
	background-color: #cd6aa3;
}

#side-nav .color9 {
    color: #fff;
    background: linear-gradient(90deg, #30b87d 1%, #238e5f 47%, #176a46 100%);
}

.page-header-nav {
    position: relative;
    float: left;
    display: block !important;
}



/* -------------------------------------------------------
    ����� ������ ���������
----------------------------------------------------------*/
.grid {
    width: 100%;
    /*border: 1px solid;*/
    border-collapse: collapse;
    border-color: #CCB5BB;
    word-wrap: break-word;
}

.dir-rtl .grid {
    direction: rtl;
    width: 98%;
}

.grid caption {
    font-size: 1.3em;
    text-align: right;
    padding-top: 25px;
}

.grid td,
.grid th {
    border: 0px solid #EEE;
}

.grid td,
.grid th {
    padding: 7px 10px;
}

.grid .nowrap {
    text-wrap: none;
}

.grid .middleSize {
    width: 20%;
}

.grid .mediumSize {
    width: 40%;
}

.grid th {
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    border-right: 1px solid #CCB5BB;
    background-color: #DADADA;
    color: #616081;
    height: 34px;
}

    .grid th:first-child {
        border-left: none;
    }

    .grid th:last-child {
        border-right: none;
    }

    .grid th a {
        display: inline-block;
        text-decoration: none;
        color: #984393;
        border-bottom: 1px dashed;
    }

    .grid th.sort_desc,
    .grid th.sort_asc {
        font-weight: bold;
    }

.grid td.right {
    text-align: right;
}

.grid td.top {
    vertical-align: top;
    padding-top: 10px;
}

.grid td.details,
.grid td.delete,
.grid td.fake {
    width: 1%;
    padding: 0px 10px;
}


    .grid td.details a,
    .grid td.delete a,
    .grid td.fake a {
        display: inline-block;
        padding: 10px 15px;
        text-decoration: none;
        border-radius: 9px;
    }

.grid td.actions {
    width: 20px;
    padding: 0px 10px;
}

    .grid td.actions a {
        display: inline-block;
        padding: 5px 5px;
    }

.grid td.list {
    vertical-align: top;
}

.grid ul.cellItemsList {
    padding: 0 0 5px 0;
    list-style: none;
}

    .grid ul.cellItemsList li {
        margin-bottom: 5px;
        display: block;
        color: #666;
    }

        .grid ul.cellItemsList li.moreCellItems {
            color: black;
        }

.gridrow_alternate td {
    background-color: #EFEFEF;
}

.grid tr:nth-child(2n) {
    background-color: #EFEFEF;
}

.grid td.details a.disabled,
.grid td.delete a.disabled,
.grid td.fake a.disabled {
    cursor: default;
    opacity: .5;
    background-color: #DDD;
}

.grid td.details a:hover.disabled,
.grid td.delete a:hover.disabled,
.grid td.fake a:hover.disabled {
    background-color: #DDD;
}

/* top-left border-radius */
table tr:first-child th:first-child {
    border-top-left-radius: 9px;
}

/* top-right border-radius */
table tr:first-child th:last-child {
    border-top-right-radius: 9px;
}

/* bottom-left border-radius */
table tr:last-child td:first-child {
    border-bottom-left-radius: 9px;
}

/* bottom-right border-radius */
table tr:last-child td:last-child {
    border-bottom-right-radius: 9px;
}

.grid td.details a:hover.disabled {
    color: #78BF05;
}

.grid td.delete a:hover.disabled {
    color: #777;
}

.grid td.fake a:hover.disabled {
    color: #DF2860;
}

.grid td.details a,
.grid td.delete a,
.grid td.fake a {
    background-color: #EEE;
}

.gridrow_alternate td.details a,
.gridrow_alternate td.delete a,
.gridrow_alternate td.fake a {
    background-color: #DDD;
}


.grid tr:nth-child(2n) td.details a,
.grid tr:nth-child(2n) td.delete a,
.grid tr:nth-child(2n) td.fake a {
    background-color: #DDD;
}


.grid td.details a {
    color: #78BF05;
    margin: 10px 0;
}

    .grid td.details a:hover {
        color: #FFF;
        background-color: #97c056;
    }

.grid td.delete a {
    color: #777;
    margin: 10px 0;
}

    .grid td.delete a:hover {
        color: #FFF;
        background-color: #777;
    }

.grid td.fake a {
    color: #DF2860;
    margin: 10px 0;
    cursor: pointer;
}

    .grid td.fake a:hover {
        color: #FFF;
        background-color: #DF2860;
    }

.grid td.id {
    width: 1%;
    color: gray;
}

.grid td.id-top {
    width: 1%;
    color: gray;
    padding-top: 15px;
    vertical-align: top;
}

.grid td.secondary,
.grid .secondaryText {
    color: #888888;
}

.grid .selectedText {
    color: #B269FD;
}

.grid .cardNotInserted {
    display: inline-block;
    color: #FF6A00;
}

.grid td.id {
    text-align: right;
}

.grid td.textCenter {
    text-align: center;
}

.grid .waitEventText {
    color: #FF6A00;
    font-style: italic;
}

.grid .activeEventText {
    color: #007F0E;
    font-style: italic;
}

.grid .empl-name {
    display: inline-block;
}

.grid .scheduler-option {
    max-width: 450px;
}

.grid .scheduler-option-companies {
    max-width: 450px;
}

.scheduler-option-companies span {
    display: inline-block;
    padding: 2px 3px;
    margin: 2px 2px;
    border-radius: 3px;
    background-color: lightgray;
    font-size: 0.9em;
}

.scheduler-option-companies .online {
    background-color: lightgreen;
}

/* ------------------------------------
 Paging
---------------------------------------*/
.paginationWrapper {
    display: inline-block;
    color: gray;
    font-size: 1.2em;
    margin: 7px 0;
}

.gridMenuContainer .total {
    margin-right: 10px;
}

.grid .deviceOnline {
    color: #007F0E;
    font-weight: bold;
}

.grid .deviceOnlineTime {
    color: #007F0E;
}

.grid .deviceOnlineNormal, .grid .success {
    color: #007F0E;
}

.grid .text-muted {
    color: #888;
}

.grid .deviceCommBreak {
    color: #bd2957;
}

.grid .deviceOffline, .grid .muted {
    color: #888;
}

.grid .deviceOfflineYesterday {
    color: #555;
}

.grid .dashboardOnline {
    color: #ff6a00;
}

.grid .dashboardLabel {
    margin-left: 5px;
    color: #ff6a00;
    font-weight: bold;
}

.notification {
    color: gray;
}

/* -------------------------------------------------------
    �������� �� ������� �������
----------------------------------------------------------*/
.grid .lastRespondentNow {
    color: #FF6A00;
}

.grid .lastRespondentToday {
    color: #007F0E;
}

.grid .lastRespondentYesterday {
    color: #555;
}

.grid .lastRespondentSomeday {
    color: #888;
}

.grid .surveyActivated {
    font-style: italic;
}

.grid .sessionComplete {
    color: #666;
}

.grid .sessionIncomplete {
    color: #bd2957;
    margin-bottom: 5px;
}


.eventImageBox {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* -------------------------------------------------------
    ���� ������� ���������
----------------------------------------------------------*/
.gridMenuContainer {
    position: relative;
}

    .gridMenuContainer ul.menuList {
        float: right;
        display: inline-block;
        list-style-type: none;
        margin-bottom: 1rem;
    }

.dir-rtl .gridMenuContainer ul.menuList {
    left: 0;
    right: auto;
}

.gridMenuContainer ul.menuList li {
    margin-left: 10px;
    display: inline-block;
}

.gridMenuContainer ul.menuList a {
    display: inline-block;
    text-decoration: none;
    font-size: 1.2em;
    border-bottom: 1px dashed;
    margin: 5px 0;
}

    .gridMenuContainer ul.menuList a:hover {
        text-decoration: none;
    }

/*----------------------------------------------------------
    ������������� ������������ ��������� ������ �������
-----------------------------------------------------------*/
.cellRow {
    margin: 5px 0;
    min-width: 150px;
}

.fakeSession {
    display: inline-block;
    padding: 5px 10px;
    color: #FFF;
    background-color: #bd2957;
    border-radius: 5px;
    min-width: 30px;
}

.fakeSuspicionSession {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background-color: #e3ad32;
    border-radius: 5px;
    min-width: 30px;
}

.date {
    text-wrap: none;
}


/*------------------------------------------------------------
    ������ �����
-------------------------------------------------------------*/
.grid .groupComment {
    margin-top: 5px;
    color: #777;
}

.grid .groupOptionsList {
    margin-top: 10px;
}

.grid .groupOption {
    display: inline-block;
    padding: 2px 3px;
    margin: 0px 5px 5px 0;
    font-size: 0.8em;
    color: #777;
    background-color: #EEE;
    border-radius: 3px;
}

.grid .gridrow_alternate .groupOption {
    color: #777;
    background-color: #E8E8E8;
}


/*------------------------------------------------------------
    ������ ��������
-------------------------------------------------------------*/
.grid .companyName {
    margin-bottom: 10px;
}

.grid .totalDevices {
    color: #555;
}

.grid .onlineDevices {
    color: #007F0E;
}

/*------------------------------------------------------------
    collectionItem � ���� �����
-------------------------------------------------------------*/
.grid .collectionItem {
    margin-bottom: 5px;
}

    .grid .collectionItem a {
        display: inline-block;
        margin-left: 5px;
    }

.grid a.addCollectionItem {
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    color: #f4a460;
    border: 1px solid #f4a460;
    padding: 2px 5px;
    border-radius: 5px;
}

    .grid a.addCollectionItem:hover {
        color: #fff;
        background-color: #f4a460;
    }

.grid a.removeCollectionItem {
    display: inline-block;
    text-decoration: none;
    color: #C48197;
    border: 1px solid #C48197;
    padding: 2px 5px;
    border-radius: 5px;
}

    .grid a.removeCollectionItem:hover {
        color: #fff;
        background-color: #C48197;
    }

/*------------------------------------------------------------
    ��������� �������
-------------------------------------------------------------*/
.reportArgumentBlock {
    margin-bottom: 10px;
}

.reportArgumentTitle {
    margin-bottom: 5px;
    font-size: 1.0em;
    color: #007f0e;
}

    .reportArgumentTitle a {
        display: inline-block;
        margin-left: 5px;
    }

.classicReportInfo {
    margin: 20px 0 5px 0;
    padding: 10px;
    background-color: #FFED96;
}

    .classicReportInfo h3 {
        color: #bd2957;
        margin-bottom: 5px;
    }

.reportArgumentValue {
    display: block;
    color: #666;
    margin-bottom: 5px;
}

.grid a.buttonLink {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 5px;
    background-color: #d8e5f0;
}

    .grid a.buttonLink:hover {
        background-color: burlywood;
    }

.grid .device-group-name {
    margin-top: 10px;
}

.grid .index-group-name {
    color: #007f0e;
}


/*------------------------------------------------------------
    �����������
-------------------------------------------------------------*/
.ticket-type {
    display: block;
    margin-bottom: 5px;
    font-style: italic;
}

.ticketRateComment {
    display: block;
    margin-bottom: 5px;
    color: #bd2957;
}

.ticketConsultationComment {
    display: block;
    color: blue;
}

.grid ul.triggerTargets {
    padding: 0 0 5px 0;
    list-style: none;
}

    .grid ul.triggerTargets .survey {
        font-size: 1.2em;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .grid ul.triggerTargets li {
        margin-bottom: 10px;
        padding: 2px;
        display: block;
    }

        .grid ul.triggerTargets li span.question {
            display: block;
            margin-bottom: 5px;
            color: #666;
        }

        .grid ul.triggerTargets li span.response {
            display: inline-block;
            padding: 2px 5px;
            margin-right: 5px;
            background-color: #d8e5f0;
            color: #777;
            border-radius: 9px;
        }



/*------------------------------------------------------------
    ������� � ������� �����������
-------------------------------------------------------------*/
.totalSalesCount {
}

ul.pivotSales {
    margin-top: 5px;
    margin-left: 0px;
    padding: 0px;
    list-style: none;
    color: #888888;
}

.user-locked-name {
    text-decoration: line-through;
}

.user-locked-message {
    color: #bd2957;
    margin-left: 5px;
}


/*------------------------------------------------------------
    ����� �� ��������������
-------------------------------------------------------------*/

.parent-unit {
    font-weight: bold;
}

.queue-ticket-registration {
    color: #fff;
    background-color: #67B5C9;
}

.queue-ticket-waiting {
    color: #fff;
    background-color: #BA4C70;
}

.queue-ticket-service,
.working-state-errors {
    color: #fff;
    background-color: #e3ad32;
}

.queue-ticket-cancelled,
.working-state-unknown {
    background-color: #D5D5D5;
    color: #555;
}

.queue-ticket-delayed {
    color: #fff;
    background-color: #337ab7;
}

.queue-ticket-complete,
.working-state-normal {
    color: #fff;
    background-color: #97c056;
}

.queue-ticket-calling {
    color: #fff;
    background-color: #ff6a00;
}

.queue-ticket-red-to-device {
    color: #fff;
    background-color: #EB6BA8;
}

.working-state-outofservice {
    color: #fff;
    background-color: #df2860;
}

.queue-ticket-red-to-service {
    color: #fff;
    background-color: #7297CE;
}

.window-in-progress {
    color: #ff6a00;
}

td.queue-service-binding input[type='text'] {
    width: 30px;
    text-align: center;
}

.helpdesk-case-new {
    color: #fff;
    background-color: #df2860;
}

.helpdesk-case-assigned {
    color: #fff;
    background-color: #ff6a00;
}

.helpdesk-case-ondiscussion {
    color: #fff;
    background-color: #337ab7;
}

.helpdesk-case-waitingforresponse {
    color: #fff;
    background-color: #3a3a73;
}

.helpdesk-case-completed {
    color: #fff;
    background-color: #97c056;
}

.helpdesk-case-closed {
    color: #fff;
    background-color: #D5D5D5;
}

/*------------------------------------------------------------
    ������ � ������� �������������
-------------------------------------------------------------*/
.lastCaseContainer p {
    margin: 0 0 1px !important;
}

.lastCaseContainer span.label {
    margin: 1px 0 5px 4px !important;
}

.lastCaseContainer {
    border-radius: 5px;
    color: white;
    min-width: 240px;
    max-width: 440px;
}

    .lastCaseContainer a {
        color: white;
        text-decoration: none;
    }

    .lastCaseContainer .helpdesk-info {
        padding: 0 10px;
        font-size: 11px;
    }

    .lastCaseContainer .helpdesk-title {
        padding: 6px;
    }

.helpdesk-unit-info {
    width: 150px;
}

.helpdesk-unit-title {
    max-width: 350px;
}

.helpdesk-case-description {
    max-width: 350px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.helpdesk-case-state {
    max-width: 100px;
}

.helpdesk-details-container {
    padding: 0 10px 10px 15px;
    background-color: #d8e5f0;
    border: 1px solid #7da0bd;
    border-radius: 9px;
    margin-bottom: 10px;        
}

    .helpdesk-details-container h3 {
        margin-top: 15px;
        color: #6f6d6d;
    }

.helpdesk-details-info .label {
    margin-bottom: 0;
}

.helpdesk-details-history-header {
    color: #6f6d6d;
}

.helpdesk-details-history {
    padding: 10px 15px 0px 15px;
    margin-top: 10px;
    border-radius: 9px;
    -ms-border-radius: 5px;
    border: 1px solid #b3acac;
    background-color: #EFEFEF;
}

    .helpdesk-details-history .support-email-label {
        color: #fff;
        background-color: #3a3a73;
        margin: 0 !important;
        font-size: 12px;
        float: right;
    }

    .helpdesk-details-history .helpdesk-plugin-label {
        color: #fff;
        background-color: #99929a;
        margin: 0 !important;
        font-size: 12px;
        float: right;
    }

    .helpdesk-details-history h4 {
        border-bottom: 1px dotted #bbb;
        font-size: 17px;
    }

.helpdesk-attachments p {
    height: 10px;
}

.helpdesk-attachments-author {
    font-size: 0.9em;
    color: #888;
}

.helpdesk-case-days-container {
    padding-top: 10px;
    display: none;
}
/*------------------------------------------------------------
    ��������� - ��. ������� - ������� �����
-------------------------------------------------------------*/
.grid.windows-bindings input {
    width: 40px
}

.grid th.multiple-select {
    margin-bottom: -1px;
    padding-right: 0;
    padding-left: 10px;
}

    .grid th.multiple-select input.item-select-all {
        margin-top: 2px;
    }

.grid td.multiple-select-column {
    width: 14px !important;
}

.grid th.multiple-select-column.header-fixed-width {
    width: 88px;
}
/*------------------------------------------------------------
    ���������� - ���������
-------------------------------------------------------------*/
.feature-flag-state-disabled {
    color: #fff;
    background-color: #D5D5D5;
}

.feature-flag-state-enabled {
    color: #fff;
    background-color: #97c056;
}

.feature-flag-state-selective {
    color: #fff;
    background-color: #337ab7;
}

.text-result-column {
    max-width: 400px;
}

.mvc-grid .sortable {
    padding-right: 2.75em;
    cursor: pointer;
    font-weight: bold;
}

.sortable .mvc-grid-title {
    display: inline-block;
    border-bottom: 1px dashed;
}

.mvc-grid-sort,
.mvc-grid-filter {
    background-color: rgba(0, 0, 0, 0.03);
    transition: background-color 0.5s;
    font-family: GridGlyphs;
    font-size: inherit;
    position: absolute;
    font-weight: bold;
    cursor: pointer;
    width: 2.75em;
    border: none;
    height: 100%;
    right: 0;
    top: 0;
}

.mvc-grid-sort {
    background: transparent;
    font-weight: normal;
    transition: none;
    display: none !important;
}

    .mvc-grid-sort::after {
        font-size: 0.9em;
        content: "\0044";
        opacity: 0.15;
        display: none;
    }

    .mvc-grid-sort::before {
        margin-right: -0.5em;
        font-size: 0.9em;
        content: "\0043";
        opacity: 0.15;
        display: none;
    }

    .mvc-grid-sort span {
        position: absolute;
        font-weight: bold;
        text-align: left;
        font-size: 0.7em;
        color: #adacac;
        width: 33%;
        right: 0;
        top: 40%;
    }

.mvc-grid .desc .mvc-grid-sort::after,
.mvc-grid .asc .mvc-grid-sort::before {
    opacity: 0.5;
}

.employee-timetable .timetable {
    text-align: center;
}

.employee-timetable .cell-content {
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
}

.employee-timetable .cell-content-grey {
    font-size: 11px;
    color: grey;
    text-align: center;
    vertical-align: middle;
}

.employee-timetable .gridrow td {
    border: 1px solid #EEE;
}

.employee-timetable .holiday {
    background-color: #DADADA !important;
    border: 1px solid white !important;
}

.employee-timetable td.timetable {
    width: 85px;    
}

.employee-timetable td.timetable-total {
    width: 50px;
}

.text-overmuted {
    color: #AAA;
}

.metric-value .index-total-stats table.metric-stats-detalis {
    margin: 0 10px;
}

    .metric-value .index-total-stats table.metric-stats-detalis td {
        vertical-align: top;
    }

.dropdown-menu table.metric-stats-detalis tr:first-child td:first-child,
.dropdown-menu table.metric-stats-detalis tr:first-child td:last-child,
.dropdown-menu table.metric-stats-detalis tr:last-child td:first-child,
.dropdown-menu table.metric-stats-detalis tr:last-child td:last-child {
    border-radius: 0 !important;
}

.dropdown-menu table.metric-stats-detalis,
.dropdown-menu table.metric-stats-detalis tr,
.dropdown-menu table.metric-stats-detalis td,
.dropdown-menu table.metric-stats-detalis th {
    border-radius: 0 !important;
}
/* -------------------------------------------------------
    Hightcharts containers and Filter containers
----------------------------------------------------------*/
.chartStandartContainer 
{
    width: 100%;
    min-width: 500px;
    min-height: 500px;
    /*height: 500px;*/
    margin: 5px 270px 50px 0px;
    padding: 5px 0px 0px 0px;
}

.standartChart 
{
    margin: 25px 0px 0px 0px;
}

.standartFilter
{
    width: 500px;
    padding: 5px 5px 5px 0px;
}

.companyFilter,
.surveyFilter
{
    color: #63585B;
    margin: 10px 0 0 30px;
    display: inline-block;
}

p.list-heading-comp,
p.list-heading-surv
{
    font-size: 1.1em;
    font-style: normal;    
    cursor: pointer;
    color: #4F77C6;
    padding-bottom: 1px;
    border-bottom: 1px dashed;        
}

p.list-heading-comp:hover,
p.list-heading-surv:hover
{
    color: #BD2957;
}

.absolutCompanyDiv,
.absolutSurveyDiv
{
    position:absolute;
    z-index:200;
    min-width: 150px;
    margin-top: -30px;
    background-color: #FFF;
    border: 2px solid #4F77C6;
}

.companyFilter ul,
.surveyFilter ul
{
    list-style: none outside none;
    padding: 10px;
}

.companyFilter ul li,
.surveyFilter ul li
{
    margin-bottom: 5px;
}

.companyFilter input,
.surveyFilter input
{
    text-align: left;
    white-space: normal;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 5px;
}

.companyFilter input.companyButton,
.surveyFilter input.surveyButton
{
    background-color: #FFF;
    color: #4F77C6;
    font-size: 100%;
    padding: 5px 5px;
    text-decoration: underline;
}

.companyFilter input.companyButton:hover,
.surveyFilter input.surveyButton:hover
{
    color: #BD2957;    
}

.companyFilter input.companyButtonSelected,
.surveyFilter input.surveyButtonSelected
{
    background-color: #82B3C5;
    cursor: auto;
    color: #FFF;
    font-size: 100%;
    padding: 5px 5px;
    text-decoration: none;
}

.companySurveyStaticInfo {
    border: 2px dashed #97C056;
    color: #63585B;
    line-height: 2em;
    margin: 5px;
    padding: 5px;
}

.companySurveyStaticInfo p {
    font-style: italic;
    padding: 0px 0px 0px 10px;
}

.standartFilter ul.line li
{
    display: inline;
}

.standartFilter input
{
    /*width: 100%;*/
    cursor: pointer;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 5px;
    display: inline-block;
	border: 0px;
	/*font-size:medium;*/
}

.reports_blue { 
    padding:5px 10px; 
    font-size:100%;
    text-decoration: underline;
    color: #4F77C6;
    background-color: #fff;
}

.reports_blue:hover 
{
    color: #BD2957;    
}

.reports_blue_selecteditem 
{
    color: #FFF;
    background-color: #82B3C5;	
    font-size:100%;
    padding:5px 10px; 
    text-decoration:none;
}

.standartStatistic p
{
    padding: 10px;
    font-style: italic;
    text-indent: 20px;
}

.standartStatistic .standartStatisticInside
{
    border: 2px dashed #97C056;
    color: #63585B;
    line-height: 2.0em;
    margin: 0px;
    padding: 5px;
}


.standartStatistic .standartStatisticInside ul
{
    list-style-type: none;
    padding: 10px;
}

.standartStatistic .standartStatisticInside ul li
{
    text-decoration:none;
    font-weight:normal;
}

.standartStatistic .standartStatisticInside ul li span
{
    /*color: #fcce65;*/
    /*color: #da9c0d;*/
    color: #7F8CC1;
}

.standartStatistic .standartStatisticInside ul.line li
{
    display: inline;
}

.standartStatistic .standartStatisticInside ul.list li
{
    display: list-item;
}

.standartStatistic .standartStatisticInside ul li.litleoff
{
    margin-left: 10px;
}


.popupPeriod 
{
    background-color: #FFF;
    position: fixed;
    left:0;
    top:0;
    min-width: 300px;    
    z-index: 1001;
    border: 1px solid #63585B;
}

.popupPeriod h3 {
    margin-bottom: 10px;
    font-weight: bold;
}

.popupPeriod textarea {
    display: block;
    width: auto;
    margin-bottom: 10px;
}

.popupPeriod .popupPeriodInside {
    padding: 10px;
    border: 2px solid #ACD1E9;
}

.popupPeriod .popupPeriodInside .popupPeriodInsideField
{
    margin-bottom: 5px;
}

.popupPeriod .popupPeriodInside .popupPeriodInsideField label
{
    padding-top: 2px;
    float:left;
    text-align:right;
    width: 100px;
}

.popupPeriod .popupPeriodInside .popupPeriodInsideField input
{
    border: 2px solid #ACD1E9;
    margin: 0 0 0 5px;
    padding: 2px;
}

.popupPeriod .popupPeriodInside .popupPeriodInsideBut
{
    text-align:right;
}

.popupPeriod .popupPeriodInside .popupPeriodInsideBut input
{
    background-color: #F0F0F0;
    border: 2px solid #ACD1E9;
    min-width: 110px;
    margin: 0 0 0 5px;
    padding: 5px;
}

.popupPeriod .popupPeriodInside .popupPeriodInsideBut input:hover
{
    background-color: #FFF;
	border-color: #E3AD32;
}


/* -------------------------------------------------------
    Hightcharts questions containers
----------------------------------------------------------*/
.mainChart {
    margin: 30px 0 50px 0;
}

.surveyChartTitle {
    direction: ltr;
    padding: 10px 0 10px 40px;
	font-size: 1.2em;
    margin-bottom: 10px;
}

.surveyChartTitle span.surveyChartTitleComment {
    margin-left: 10px;
    color: #ffa500;
}

.mainChart .surveyChartTitle span.reportSurveyTitle,
.saleTitle
{
    display: inline-block;
    background-color: #FFE97F;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px
}

.surveyChartTitle a.questionsLink
{
	display: inline-block;
	margin-left: 10px;
	padding: 5px 10px;
	background-color: #E1EAEF;
	text-decoration: none;
	color: blue;
    border-radius: 5px;
}

.surveyChartTitle a:hover,
.surveyChartTitle .groupByUnits a:hover
{
    color: #BD2957;
    text-decoration: underline;
}

.surveyChartTitle .groupByUnits {
    margin-top: 7px;
    font-size: 0.9em;
}

.surveyChartTitle .groupByUnits a {
    text-decoration: none;
}

.surveyChartTitle .groupByUnits span {
    color: #555;
    margin-left: 3px
}

.surveyChartTitle .surveyNames {
    margin-top: 5px;
    color: #777;
    font-size: 0.9em;
}

.surveyChartTitle .surveyNames a 
{
    text-decoration: none;
}

.surveyChartTitle .surveyNames a:hover {
    text-decoration: underline;
}

.repSurveyChartCombo
{
    float: left;
	min-height: 300px;
	min-width: 300px;
	width: 100%;
    margin: -20px auto 30px auto;
}

.repSurveyChart
{
	min-height: 300px;
    margin: 0 auto;
    direction: ltr;
}

.repSurveyChartPie
{
    float: left;
    width: 35%;
    min-width: 224px;
}

.repSurveyChartPie path.highcharts-point {
    stroke: rgba(255, 255, 255, 0.74);
    stroke-width: 1px;
    stroke-linejoin: round;
}

.repSurveyChartPie g.highcharts-series-group path.highcharts-3d-front,
.repSurveyChartPie g.highcharts-series-group path.highcharts-3d-side,
.repSurveyChartPie g.highcharts-series-group path.highcharts-3d-top {
    stroke: rgba(255, 255, 255, 0.62);
    stroke-width: 2px;
    stroke-linejoin: round;
}

.homePageLineChartSingle
{
	min-height: 300px;
    margin: 0 auto;
}

.homePageLineChartCombo
{
	min-height: 300px;
    margin: 0 auto;
    width: 60%;
    float: left;
}

.homePagePieChart
{
    float: left;
    width: 40%;
    min-width: 300px;
}

.homePagePieChart > div
{
	height: 350px;
    width: 100%;
    margin: 0 auto;
}

.repFullnessChart
{
    float: left;
	min-width: 150px;	
    width: 65%;
}

.repSurveyChartCombo .pieChart
{
    margin-bottom: 50px;
    float: left;
    width: 30%;
}

.repSurveyChartCombo .lineChart
{
    float: left;
}

.repSurveyChartCombo .comboChartTitle 
{
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    color: #63585b;
}

.questionPieChartsArea {
    direction: ltr;
	float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
}

.dir-rtl .questionPieChartsArea {
    float: inherit;
}

.questionPieContainer
{
    margin: 0;
	height: auto;
    max-width: 650px;
	min-width: 0;
    width: 100%;
	float: none;
    padding: 18px 18px 22px;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #d9e4ef;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.dir-rtl .questionPieContainer {
    float: none;
    margin: 0;
}


.evenPieContainer {
	clear: both;
} 

.childQuestionChart {
    clear: both;
    padding-left: 80px;
    background-image: url(images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: 10px 15px;    
}

.questionPieTitle
{
	background: linear-gradient(180deg, #eef6ff 0%, #e6f0fb 100%);
    position: relative;
    padding: 20px 20px;
	min-height: 40px;
	text-indent: 0;
    border-radius: 16px;
	font-size: 1.1em;
    line-height: 1.35;
    color: #203247;
    margin-bottom: 14px;
}

.questionPieTitle .parentQuestion 
{
    display: block;
    margin-bottom: 10px;       
    color: #555;
}

.questionPieTitle .parentPivotQuestion 
{
    text-indent: 0px;
    display: block;
    margin-bottom: 10px;
    font-size: 0.9em;
    color: #555;
}

.questionPieTitle ul {
    color: #555;
}

.questionPieTitle a 
{
    display: inline-block;
}

.questionPieTitle ul 
{
    margin: 10px 0 10px 0;
    padding: 0;
    list-style: circle;
    list-style-position: inside;
    color: #555;
}

.pivotQuestion {
    background: linear-gradient(10deg, #eef6ff 0%, #FFE066 100%) !important;    
}

.pivotQuestion .pivotDelimiter 
{
    margin: 0 5px;
}

.pivotQuestion .pivotResponse 
{
    display: block;
    margin-top: 5px;
    color: #8b0000;
    font-style: italic;
}

.questionPieTitle .excludeQuestion {
    position: absolute;
    top: 5px;
    right: 10px;
    text-decoration: none;
}

.questionPieTitle .toggleMultiSelection {
    position: absolute;
    top: 5px;
    right: 15px;
    text-decoration: none;
}

.questionPieTitle .removePivotQuestion {
    position: absolute;
    bottom: 10px;
    right: 15px;
    text-decoration: none;
}

.questionPieRespondents {
    margin: 0 0 10px;
    text-align: center;
    color: #5b6f86;
    font-size: 1.05em;
}

.questionPieChart > div
{
	min-height: 390px;
    width: 100%;
    margin: 0 auto;
    border-radius: 18px;
    background: radial-gradient(circle at top, #ffffff 0%, #f7faff 68%, #edf3fa 100%);
}

.questionPieChart svg {
    overflow: visible;
}

.questionPieChart .highcharts-tracker path.highcharts-point {
    cursor: pointer;
}

.questionPieChart path.highcharts-point {
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1px;
    stroke-linejoin: round;
}

.questionPieChart g.highcharts-series-group path.highcharts-3d-front,
.questionPieChart g.highcharts-series-group path.highcharts-3d-side,
.questionPieChart g.highcharts-series-group path.highcharts-3d-top {
    stroke: rgba(255, 255, 255, 0.76);
    stroke-width: 1px;
    stroke-linejoin: round;
}

.questionPieChart g.highcharts-series-group path.highcharts-3d-top {
}

.questionPieChart g.highcharts-series-group path.highcharts-3d-side {
}

.questionPieChart g.highcharts-series-group path.highcharts-3d-front {
}

.questionPieChart .highcharts-data-label text,
.questionPieChart .highcharts-data-label span {
    fill: #334155;
    color: #334155;
    font-size: 13px;
    font-weight: 500;
}

.questionPieChart .highcharts-tooltip-box {
    fill: rgba(255, 255, 255, 0.98);
    stroke: #d7e0ea;
    stroke-width: 1px;
}

.questionPieChart .toggleMultiSelection {
    float: right;
    text-decoration: none;
    padding: 7px 15px;
    background-color: #eef6ff;
    border-radius: 9px;
}

.questionPieCenterText {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1.1;
}

.questionPieCenterCaption {
    display: block;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.01em;
    color: #64748b;
    margin-bottom: 5px;
    margin-top: 7px;
}

.questionPieCenterValue {
    display: block;
    font-size: 22px;
    font-weight: 1000;
    color: #64748b;
    margin-right: 0;
}

.questionPieCenterOverlay {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.fullnessPieCenterOverlay {
    position: absolute;
    left: 50%;
    top: 41%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    white-space: nowrap;
}

.fullnessPieCenterValue {
    color: #334155;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.questionPieChart .highcharts-tooltip-container,
.questionPieChart .highcharts-label.highcharts-tooltip,
.questionPieChart .highcharts-tooltip {
    z-index: 20 !important;
}

.questionPieChart .highcharts-background,
.questionPieChart .highcharts-plot-background {
    fill: transparent;
}

#metrics_pie_chart path.highcharts-point {
    stroke: rgba(255, 255, 255, 0.74);
    stroke-width: 1px;
    stroke-linejoin: round;
}

#metrics_pie_chart g.highcharts-series-group path.highcharts-3d-front,
#metrics_pie_chart g.highcharts-series-group path.highcharts-3d-side,
#metrics_pie_chart g.highcharts-series-group path.highcharts-3d-top {
    stroke: rgba(255, 255, 255, 0.62);
    stroke-width: 2px;
    stroke-linejoin: round;
}

#metrics_pie_chart .highcharts-background,
#metrics_pie_chart .highcharts-plot-background,
#metrics_distribution_bar_chart .highcharts-background,
#metrics_distribution_bar_chart .highcharts-plot-background {
    fill: transparent;
}

#metrics_distribution_bar_chart svg {
    overflow: visible;
}

#metrics_distribution_bar_chart path.highcharts-point,
#metrics_distribution_bar_chart g.highcharts-series-group path.highcharts-3d-front,
#metrics_distribution_bar_chart g.highcharts-series-group path.highcharts-3d-side,
#metrics_distribution_bar_chart g.highcharts-series-group path.highcharts-3d-top {
    stroke: rgba(255, 255, 255, 0.58);
    stroke-width: 1.5px;
    stroke-linejoin: round;
}

#metrics_distribution_bar_chart .highcharts-tooltip-box {
    fill: rgba(255, 255, 255, 0.98);
    stroke: #d7e0ea;
    stroke-width: 1px;
}

#metrics_bar_chart .highcharts-background,
#metrics_bar_chart .highcharts-plot-background,
#metrics_stacked_chart .highcharts-background,
#metrics_stacked_chart .highcharts-plot-background,
#metrics_line_chart .highcharts-background,
#metrics_line_chart .highcharts-plot-background {
    fill: transparent;
}

#metrics_bar_chart svg,
#metrics_stacked_chart svg,
#metrics_line_chart svg {
    overflow: visible;
}

#metrics_bar_chart path.highcharts-point,
#metrics_bar_chart g.highcharts-series-group path.highcharts-3d-front,
#metrics_bar_chart g.highcharts-series-group path.highcharts-3d-side,
#metrics_bar_chart g.highcharts-series-group path.highcharts-3d-top {
    stroke: rgba(255, 255, 255, 0.58);
    stroke-width: 1.5px;
    stroke-linejoin: round;
}

#metrics_stacked_chart .highcharts-tooltip-box,
#metrics_line_chart .highcharts-tooltip-box,
#metrics_bar_chart .highcharts-tooltip-box {
    fill: rgba(255, 255, 255, 0.98);
    stroke: #d7e0ea;
    stroke-width: 1px;
}

.surveyDynamicChart {
	min-height: 800px;
	background-color: yellow;
}

.surveyDynamicChart div {
	min-height: 800px;
}

.salesChartTitle {
	background-color: #E1EAEF;
    padding: 20px 20px;
	min-height: 40px;
    border-radius: 10px;
	font-size: 1.2em;
    position: relative;
} 

.salesChartTitle .survey 
{
    display: block;
    margin-top: 5px;
    font-style: italic;
    width: 80%;
    font-size: 0.9em;
    color: #555;
}

.salesChartTitle .salesFunnel {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 1.6em;
    color: #777;
}

.salesChartTitle .salesFunnel .respondentsCount 
{
    margin-right: 5px;
    color: #1790AB;
}

.salesChartTitle .salesFunnel .completeCount {
    margin-right: 5px;
    color: #F7844F;
}

.salesChartTitle .salesFunnel .salesCount {
    margin-right: 5px;
    /*color: #34B549;*/
    color: #F7844F;
}

.salesFunnel .conversion 
{
    display: block;
    font-size: 0.65em;
    font-style: italic;
}

/*--------------------------------------------
    /reports/responses/
---------------------------------------------*/

.highcharts-legend-item {
    font-size: 1.2em !important;
    color: #000 !important;
}

.deviceResponsesChart {
    margin-top: 40px;   
}

.deviceResponsesChart .title {
    text-align: center;
    margin-bottom: 10px;
}

.deviceResponsesChart .title span {
    display: inline-block;
    padding: 20px 30px;
    background-color: #E1EAEF;
    font-size: 1.3em;
    border-radius: 10px;
}

.deviceResponsesChart .legend {
    font-size: 1.2em !important;
    color: #000 !important;    
}



.multi-charts {
    float: left;
    width: 100%;
}

.standart-clear-chart-block {
    clear: left;
    margin-top: 20px;
}

.standart-clear-chart-block .chart-block {
    margin: 0 auto;
    min-height: 260px;
}

.standart-clear-chart-block .images-block {
    margin: 0 auto;
    min-height: 190px;
}

.standart-clear-chart-block .images-block-item {
    float: left;
}

.standart-clear-chart-block .employeeInfo {
    font-size: 1.3em;
    color: #555555;
}


.images-block-item .rating 
{
    display: block;
    font-size: 1.0em;
    text-align: center;
    font-size: 2em;
    margin-bottom: 5px;
}

.reportUnitTitle 
{
    margin: 0px 5px 0 0px;
    display: inline-block;
    padding: 5px 10px;
    background-color: #FFF5DB;
    border-radius: 3px;
}

.reportUnitTitle .mainChart {
    background-color: #FFE97F;
}

.reportSurveyTitle {
    color: #555;    
    margin: 0px 10px 0px 0px;
}

.unitGroupSurveyTitle 
{
    font-size: 1.2em;
    display: inline-block;    
    background-color: #FFD28E;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 30px 10px 10px 30px;    
}

.stats-chart-title {
    margin: 0px 5px 0 0px;
    display: inline-block;
    padding: 5px 10px;
    background-color: #d8e5f0;
    border-radius: 9px;
}

.stats-chart-title .chart-type {
    
}

.stats-chart-title .chart-details {
    color: #666;
}

/*
    queue/dynamics
*/
.queuePieContainer {
    margin-top: 10px;
    margin-left: 40px;
	max-width: 650px;
    -moz-min-width: 650px;
    -ms-min-width: 650px;
    -o-min-width: 650px;
    -webkit-min-width: 650px;
    min-width: 650px;
	float: left;
}

.queuePieTitle {
    background-color: #E1EAEF;
    padding: 20px 20px;
	-ms-border-radius: 10px;
    border-radius: 10px;
	font-size: 1.2em;
    position: relative;
} 

.loader-img {
    margin-left: calc(50% - 24px);
}

/* -------------------------------------------------------
    Pop-up message and fading background
----------------------------------------------------------*/
#opaco {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #fffefe;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE8 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
    filter: alpha(opacity=70);/* IE4- */
    moz-opacity: 0; /* Mozilla */
    -khtml-opacity: 0; /* Safari */
    opacity: 0; /* general CSS3 */
}

#popup {
    position: fixed;
    left:0;
    top:0;
    min-width: 300px;    
    z-index: 1001;
     
    margin-left: 632px;
    margin-top: 231px;
    border: 1px solid #63585B;
}

#popup h3 {
    margin-bottom: 10px;
}

#popup textarea {
    display: block;
    width: auto;
    margin-bottom: 10px;
}

#popup p {
    margin: 10px;
    line-height: 1.3em;
    font-size: 1.1em;
    font-style: italic;
    color: #63585B;
}

#popup .close-btn {
    margin: 10px;
}
  
div.firstForm {
    padding: 10px;
    border: 2px solid #ACD1E9;
}

div.secondForm {
    padding: 10px;
    background-color: #EDD56D;
}

div.firstForm #datepickerFromIdLabel,
div.firstForm #datepickerToIdLabel
{
    float:left;
    text-align:right;
    width: 100px;
}
  
div.firstForm #datepickerFromId,
div.firstForm #datepickerToId
{
    margin-left:10px;
}


div.firstForm .periodFilterDivField,
div.firstForm .periodFilterDivField
{
    clear: right;
    padding-top: 5px;
}

div.firstForm #periodFilterDivBut
{
    text-align:right;
}

div.firstForm p {
    text-align:center;
    font-size: 15px;
}

div.secondForm p {
    text-align:center;
    font-size: 15px;
}
  
.hidden {
    display: none;
}
/* Survey content - список вопросов
----------------------------------------------------------*/
.surveyContent {
    max-width: 1000px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1710px) {
    #content:has(.surveyContent) {
        padding-right: 100px;
    }
    #toolbar .printPageLink {
        right: -55px;
    }
}

.sessionData {
    max-width: 550px;
    margin-left: 0px;
    clear: both;
}

.sessionDetails .conversation-survey-row .col-lg-4 {
    padding-left: 45px;
}

.backLink {
    margin-bottom: 20px;
}

    .backLink a {
        font-size: 1.2em;
    }

.responseDetails {
    margin-bottom: 150px;
}

.surveyContent .question {
    margin: 0px 0px 10px 0;
    padding: 10px 10px 10px 20px;
    background-color: #EBF1F4;
    position: relative;
    border-radius: 9px;
}

.surveyContent .question-number {
    position: absolute;
    height: 100%;
    top: 0;
    right: -85px;
    font-size: 4em;
}

    .surveyContent .question-number .question-number-row {
        display: flex;
        align-items: center;
        height: 100%;
    }

        .surveyContent .question-number .question-number-row a {
            text-decoration: none;
            color: #DDD;
        }

            .surveyContent .question-number .question-number-row a:hover {
                color: #4F77C6;
            }

.surveyContent .intro {
    border-top-left-radius: 10px;
}

.surveyContent .outro {
    border-bottom-left-radius: 10px;
}

.surveyContent .subquestion {
    padding: 10px 10px 10px 20px;
    background-color: #a6cbdd3b; /*На случай, если rgba не работает*/
    background-color: rgba(166,203,221,0.23);
    margin: 7px 20px -20px 10px;
    border-radius: 9px;
}

.surveyContent .questionExcluded {
    border-left: 3px solid #AAA;
    background-color: #EEE;
}

.surveyContent .subquestionExcluded {
    border-left: 1px solid #AAA;
    background-color: #EEE;
}

.subquestion .header .remove.right .glyphicon-trash {
    color: #777;
    padding-top: 3px;
}
.reference .remove.right .glyphicon-trash {
    color: #777;
}
.remove.right .glyphicon-trash {
    color: #777;
}

.reference {
    padding: 10px;
    background-color: #a6cbdd6e;
    background-color: rgba(166,203,221,.43);
    margin: 5px 20px 15px 10px;
    border-radius: 9px;
}

.referenceExcluded {
    border-left: 1px solid #AAA;
    background-color: #EEE;
}

.question .header .questionText {
    font-size: 1.03em;
    font-weight: normal;
    line-height: 1.5
}

.question .question-anchor {
    color: #333;
    word-wrap: break-word;
}

.questionExcluded .question .question-anchor {
    color: #AAA;
}

.question .questionTypeInfo {
    display: inline-block;
    background-color: #aaa;
    color: #FFF;
    margin: 5px 5px 0 0;
    padding: 3px 5px;
    border-radius: 7px;
    font-size: 1.1em;
}

.question .questionMetrics {
    display: inline-block;
    margin: 0 5px 0 0;
    color: #666666;
    padding: 2px 7px;
    background-color: #FFF0C6;
    border-radius: 3px;
}

.question .questionPicture,
.question .questionVideo {
    margin: 20px 20px 20px 10px;
    position: relative;
}

    .question .questionPicture img {
        max-width: 560px;
        max-height: 100%;
        border: 1px solid #666;
        position: relative;
        box-shadow: 5px 5px 5px #888888;
    }

.question a.removeMediaLink,
.question a.removeMediaLink:hover {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 1.2em;
    color: #a52a2a;
    z-index: 100;
}

.question .responses {
    padding: 2px;
}

    .question .responses ul {
        margin-top: 10px;
        list-style-type: circle;
        list-style-position: inside;
    }

    .question .responses li .glyphicon {
        font-size: 16px;
        color: #777;
    }

    .question .responses ul .selectedResponseText {
        color: DarkRed;
        font-weight: bold;
    }

    .question .responses ul .valid-response-selected {
        font-weight: bold;
        color: #007f0e;
    }

    .question .responses ul .invalid-response-selected {
        font-weight: bold;
        color: #bd2957;
    }

    .question .responses ul .valid-response-non-selected {
        font-weight: bold;
        color: black;
    }

.question .responseText {
    font-style: italic;
    color: #63585B;
    font-size: 1.15em;
}

.questionExcluded .responseText {
    font-style: italic;
    color: #AAA;
}

.question .surveyTarget {
    margin-left: 10px;
}

.question .responseComment,
.checklist-responses .checklist-response-value {
    margin: 10px;
    color: coral;
    font-weight: normal;
}

.checklist-responses .checklist-response-comment {
    margin-left: 10px;
    color: coral;
    font-weight: normal;
}

.checklist-responses .checklist-response-operator-comment {
    margin-top: 10px;
    color: #2B5BB5;
    word-wrap: break-word;
    max-width: 1000px;
}

.checklist-summary-container {
    max-width: 1000px;
    background-color: #FFF7ED;
    padding: 5px 10px;
    border-radius: 9px;
}

.question .responseState {
    margin-left: 10px;
    color: darkslateblue;
}

.question .actions {
    margin-top: 15px;
}

.question .right {
    float: right;
    margin-left: 15px;
}

.question a {
    text-decoration: none;
    padding: 5px;
    border-radius: 9px;
    font-size: 1.15em;
}

    .question a.add,
    .question a.edit,
    .question a.up,
    .question a.down,
    .reference a.edit,
    .reference a.delete {
        margin-left: 10px;
        font-weight: normal;
        display: inline-block;
        color: #fff;
    }

    .question a.add,
    .question a.edit {
        padding-left: 15px;
        padding-right: 15px;
        background-color: #6aaacd;
        font-size: 1.15em;
    }

.reference a.edit,
.reference a.delete {
    background-color: #529d57;
}

.question a.add:hover,
.question a.edit:hover {
    background-color: #3986b3;
}

.reference a.edit:hover,
.reference a.delete:hover {
    background-color: #46854a;
}

.question .addReference {
    margin-top: 5px;
    margin-bottom: 10px;
}

img.linkedToNextResponse {
    margin-left: 5px;
    margin-bottom: -5px;
}

a.linkedToTrigger {
    padding: 2px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.linkedToTrigger img {
    margin-left: 5px;
    width: 16px;
    height: 16px;
}

.question .omitText {
    margin-top: 5px;
    margin-left: 20px;
    font-style: italic;
    color: #4f77c6;
}

.question .questionOmitted {
    color: DarkRed;
    font-weight: bold;
}

.question .comment-area {
    margin: 10px 20px;
}

    .question .comment-area .comment {
        display: inline-block;
        background-color: #A1BAC4;
        color: #FFF;
        margin: 5px 5px 0 0;
        padding: 2px 4px;
        border-radius: 3px;
    }

/*--------------------------------
Session Online Show Block
----------------------------------*/

.sessionShowMain {
}

    .sessionShowMain .sessionShowBack {
        float: left;
        max-width: 520px;
        min-width: 350px;
        width: 32%;
        background-color: #EBF1F4;
        /*background-color: #FFEDB5;*/
        margin: 0px 10px 35px 0px;
    }

.sessionShowBack .sessionShow {
    margin: 10px 10px 10px 10px;
    background-color: #FFFFFF;
}

.sessionInfoBlock {
}

    .sessionInfoBlock .imageBlock {
        float: left;
        max-width: 49%;
        margin: 5px 15px 10px 5px;
    }

.sessionShow .imageBlock img {
    width: 100%;
    padding: 4px;
    position: relative;
    background-color: #FFFFFF;
}

.sessionShow h2 {
    font-size: 1.4em;
    color: #984393;
    margin-bottom: 10px;
}

.sessionShow .sessionInfoBlock .textBlock {
    float: left;
    width: 40%;
    padding: 5px 5px 5px 5px;
}

.sessionShow .textBlock p {
    font-size: 1.2em;
    color: gray;
    margin-bottom: 10px;
}

.sessionShow .answersBlock {
    clear: both;
    padding: 5px 5px 5px 5px;
}


/*--------------------------------
Survey Editor
----------------------------------*/

span.func-panel {
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    margin: 0 10px;
    font-size: 1.35em;
    position: relative;
    top: 2px;
}

.survey-editor .resp-container, .survey-editor .add-resp {
    padding: 10px 0;
}

.survey-editor .resp-text {
    padding-left: 25px;
}

.survey-editor .resp-target {
    padding-right: 15px;
}

.survey-editor .delete-resp {
    position: absolute;
    right: -15px;
    top: 0;
}

.survey-editor .resp-index {
    position: absolute;
    top: 9px;
}

.survey-editor .header {
    padding: 10px 0 5px;
}

.delete-resp .glyphicon {
    top: 9px;
    right: 20px;
}

.response-li {
    display: inline;
    line-height: 1.5;
    word-break: break-word;
}

.input-group.services {
    width: 95%;
}

.surveyPrefix {
    display: inline-block;
    background-color: #A1BAC4;
    color: #FFF;
    margin: 5px 5px 0 0;
    padding: 2px 4px;
    border-radius: 3px;
}

.surveyContent .response-point {
    color: #bd2957;
    padding-left: 5px;
}

/*-------------------------------------------
    Video
--------------------------------------------*/

.sessionVideo 
{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.sessionVideo .flowplayer {
    width: 320px;
    height: 240px;
    background: #dedede url(/images/player_bg_small.jpg) 0 0 no-repeat;
    background-size: 100%;
    -webkit-transition: background 1s .5s;
    -moz-transition: background 1s .5s;
}

.screen-size-depth-0 .flowplayer {
    width: 600px;
    height: 340px;
}

.screen-size-depth-1 .flowplayer {
    width: 530px;
    height: 300px;
}

.screen-size-depth-2 .flowplayer {
    width: 480px;
    height: 270px;
}

.screen-size-depth-3 .flowplayer {
    width: 440px;
    height: 250px;
}

.screen-size-depth-4 .flowplayer {
    width: 400px;
    height: 220px;
}

.questionVideo .flowplayer {
    background: #dedede url(/images/flash_black_big.jpg) 0 0 no-repeat;
    background-size: 100%;
    -webkit-transition: background 1s .5s;
    -moz-transition: background 1s .5s;
}

.ad-video .flowplayer {
    width: 320px;
    height: 180px;
    background: #dedede url(/images/flash_black_big.jpg) 0 0 no-repeat;
    background-size: 100%;
    -webkit-transition: background 1s .5s;
    -moz-transition: background 1s .5s;
}
 
.flowplayer {
    border: 2px solid #8196be;
}   
 
.flowplayer .is-poster {
     background-size: 100%;
}

#videoGallery {
    margin-top: 30px;
}

#videoGallery .sessionVideo {
    margin-right: 20px;
    margin-bottom: 20px;
}


/*-------------------------------------------
    Audio
--------------------------------------------*/

.audioBlock 
{
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    padding: 10px;
    width: 100%;
    max-width: 800px;
}

.audioBlockFixed {
    position: fixed !important;
    right: 20px;
    top: 10px;
    float: none;
    z-index: 100;
    background-color: rgba(238, 238, 238, 0.9);
    border-radius: 5px;
}

.audioBlockWide,
.audioBlockWideStatic {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 100%;
}

.audioBlockWideFixed {
    position: fixed !important;
    right: 0px;
    top: 10px;
    float: none;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
}

.audioBlock .p-head {
    margin: 0px 0px 10px 0px;
}

.audioBlock .audio-track-item {
    height: 50px;
    width: 500px;
}

.surveyAudioBlock {
    position: relative;
    margin: 10px 0 10px 10px;  
}

.surveyAudioBlock .audio-track-item 
{
        
}

.videoBlock {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
}

.videoBlockFixed {
    position: fixed !important;
    right: 20px;
    top: 10px;
    float: none;
    z-index: 100;
}

#waveplayer {
    position: relative;
    margin: 10px 0 0 0;
    border: 2px solid #4793d6;
    border-radius: 9px;
    width: 100%;
}

#waveplayer .header {
    padding: 5px 10px;
    background-color: #4793d6;
    color: #fff;
}

#waveplayer .title {
    font-size: 1.0em;
    padding: 0 10px 10px 0;
}

#waveplayer .waveplayer-loading {
	font-style: italic;
	font-weight: bold;
    font-size: 1.0em;
    color: #13288c;
    display: inline-block;
    margin: 10px 0;
}

#waveplayer .waveplayer-error {
    margin: 10px 0;
    display: none;
    font-weight: bold;
    color: #e40000;
}

#waveplayer .waveform {
    margin: 5px 0px;
}

    #waveplayer .waveform-timeline {
        padding: 0px 0px 10px 0px;
        color: #fff;
        background-color: #4793d6;
    }

    #waveplayer .header button {
        background-color: #4793d6;
    }

#waveplayer .waveplayer-control {
    display: none;
}

#waveplayer .waveplayer-control .glyphicon,
#waveplayer .waveplayer-control .btn {
    color: #fff;
    padding: 0 5px;
    font-size: 22px;
}

#waveplayer .waveplayer-control .glyphicon:hover,
#waveplayer .waveplayer-control .btn:hover {
    color: #034c8b;
}

#waveplayer .btn.audio-download-url {
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

#waveplayer .btn.audio-download-url-2 {
    display: inline-block;
    color: #fff;
    margin-left: -5px;
    text-decoration: none;
    font-size: 16px;
}

#waveplayer .channel-inactive strong {
    color: #AAA;     
}

#waveplayer .channel-active strong {
    color: #d2691e;
}

.raw-audio-details {
    position: relative;
    float: left;
    width: 100%;
}


/* 
Here are all non-unique styles, for common / general use
*/

.color_F7844F { color: #F7844F; }
.color_555 { color: #555; }
.font_0_9em { font-size: 0.9em; }
.font_1_0em { font-size: 1.0em; }
.font_1_1em { font-size: 1.1em; }
.font_1_2em { font-size: 1.2em; }
.font_1_3em { font-size: 1.3em; }
.font_1_4em { font-size: 1.4em; }
.margin-left_5 { margin-left: 5px; }
/* 
Here are units edit styles
*/

.unitItemElement { cursor: pointer; }
.unitItemElement:hover { border:2px solid #b6bac6 !important; background-color: #c4e2f1 !important; }

.unitItemElement a { display: block; width: 100%; text-decoration: none;color: black; }

.unitItemElementSelect { border:2px solid #82C34D !important; background-color: #f0fbc7 !important; }
.unitItemElementSelect:hover { border:2px solid #FFE066 !important; background-color: #fbf5c3 !important; }

.unitItemElementSelectChild { border:2px solid #b1d594 !important; background-color: #f0fbc7 !important; cursor: default; }
.unitItemElementSelectChild:hover { border:2px solid #b1d594 !important; background-color: #f0fbc7 !important; }

.unitsAccessHint { background-color: #FFE066; border-radius: 5px; margin: 0 0 20px; padding: 10px; position: relative; max-width: 800px; min-width: 350px; width: 40%; }
.unitsAccessHint .selectedUnits { color: #8B0000; }
.crm-list {
    padding: 0;
    width: 700px;
}

.crm-list .crm-item {
    position: relative;
}

.crm-list.sortable .crm-item {
    cursor: move;
}

.crm-list .crm-item:before {
    content: "\e049";
    width: 35px;
    height: 100%;
    position: absolute;
    background: rgba(166, 166, 166, 0.7);
    top: 0;
    margin-left: -40px;
    color: #fff;
    font-family: "Glyphicons Halflings";
    font-weight: 400;
    line-height: 1;
    font-size: 24px;
    padding: 6px;
    border-right: 1px solid #cccccc;
}

.dir-rtl .crm-list .crm-item:before {
    margin-left: 0;
    right: 0;
}

.crm-list.sortable .crm-item:before {
    content: "\e068";
}

.crm-list .crm-item {
    border: 1px dashed #bfbfbf;
    color: #63585B;
    list-style-type: none;
    line-height: 27px !important;
    border-radius: 0 !important;
    margin-bottom: 5px;
    line-height: 27px;
    padding: 4px 32px 4px 40px;
}

.crm-list .crm-item a {
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
}

.crm-list .crm-item .glyphicon {
    color: #bfbfbf;
}

.crm-list .crm-item-not-sortable {
    position: relative;
    border: 1px dashed #bfbfbf;
    color: #63585B;
    list-style-type: none;
    line-height: 27px !important;
    border-radius: 0 !important;
    margin-bottom: 5px;
    line-height: 27px;
    padding: 4px 32px 4px 10px;
}

.crm-list .crm-item-not-sortable a {
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
}

.crm-list .crm-item-not-sortable .glyphicon {
    color: #bfbfbf;
}

.crm-list.crm-list-not-sortable {
    width: 300px;
}
/* -------------------------------------------------------  
    Детали элемента
----------------------------------------------------------*/
.itemDetailsContainer {
    /* Чтобы две панели деталей всегда располагались друг под другом */
    width: 100%;
    float: left;
}

.dir-rtl .itemDetailsContainer {
    width: 90%;
}

.itemDetails {
    float: left;
}

.dir-rtl .itemDetails {
    float: right;
}

.beforeItemDetailsContainer,
.afterItemDetailsContainer {
    float: left;
    width: 100%;
    margin-left: 10px;
    text-align: left;
}

.dir-rtl .beforeItemDetailsContainer,
.dir-rtl .afterItemDetailsContainer {
    width: 90%;
}

.beforeItemDetailsContainer {
    margin-bottom: 20px;
}

.afterItemDetailsContainer {
    margin-top: 20px;
}

/* Просмотр */

.parent {
    overflow: hidden;
    float: left;
}

.labelsTop-checklist:before {
    content: '';
    position: absolute;
    top: -21px;
    left: -1px;
    width: 101%;
    height: 20px;
    background-color: #fff;
}

.labelsTop-checklist {
    padding: 10px 10px 10px 15px;
    background-color: #ffffef;
    border: 1px dashed #ECE58F;
    border-radius: 5px;
    margin-right: 15px;
    margin-top: 10px;
    position: relative;
}

.checklist-data-fake {
    background-color: #f8f8f8;
    border: 1px solid #DDD;
}

    .checklist-data-fake h4 {
        color: #888;
    }

.itemDetails-checklist {
    width: 440px;
    float: left;
    position: relative;
    padding-bottom: 8000px;
    margin-bottom: -8000px;
}

.clr {
    clear: both;
}

.labelsTop {
    padding: 20px 10px 10px 20px;
    background-color: #EDEEF0;
    border: 1px dashed #EDEEF0;
    border-radius: 9px;
    margin-top: 10px;
}

.itemDetails {
    position: relative;
}

    .itemDetails p {
        line-height: 1.5em;
    }

    .itemDetails .itemPropertyNameLabel label,
    .itemDetails .itemPropertyBooleanValueLabel label {
        font-weight: normal;
    }

    .itemDetails .itemPropertyNameLabel label {
        color: #777;
    }

    .itemDetails .itemPropertyNameLabel {
        width: 230px;
        padding: 5px 0 5px 0;
        display: inline-block;
        text-align: right;
        margin-right: 10px;
        float: left;
        clear: both;
    }

.dir-rtl .itemDetails .itemPropertyNameLabel {
    text-align: left;
    margin-right: 0;
    margin-left: 10px;
    float: right;
}

.labelsTop .itemPropertyNameLabel {
    width: auto;
    max-width: 600px;
    text-align: left;
    margin: 0 0 2px 0;
    padding: 0;
    color: #555;
}

.labelsTop .itemQuestionPropertyNameLabel {
    width: auto;
    max-width: 450px;
    text-align: left;
    margin: 0 0 2px 0;
    padding: 0;
    float: left;
    clear: both;
    display: inline-block;
}

.itemQuestionPropertyNameLabel label {
    cursor: pointer;
    font-weight: normal !important;
    color: #337ab7 !important;
}

.labelsTop .yesNoQuestion {
    margin-bottom: 10px;
}

.labelsTop .questionComment {
    display: block;
    margin-left: 10px;
    font-size: 0.8em;
    color: #555;
}

.labelsTop .itemPropertyNameLabel strong {
    margin-right: 5px;
}

.itemDetails .itemPropertyValueLabel {
    min-height: 27px;
    word-break: break-all;
}

.itemDetails .itemPropertyValueLabel,
.itemDetails .itemPropertyValueBox {
    display: inline-block;
    min-width: 300px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    text-align: left;
    float: left;
    border-radius: 5px;
}

.itemDetails .itemPropertyValueLabel {
    max-width: 300px;
}

.dir-rtl .itemDetails .itemPropertyValueLabel,
.dir-rtl .itemDetails .itemPropertyValueBox {
    text-align: right;
}

.labelsTop .itemPropertyValueBox {
    padding: 0;
    clear: both;
    margin-bottom: 10px;
}

.labelsTop .itemPropertyBooleanValueBox {
    clear: both;
    float: left;
    margin-right: 5px;
}

.labelsTop .itemPropertyValueLabel {
    clear: both;
    margin-bottom: 5px;
}

.labelsTop .itemPropertyBooleanValueLabel {
    clear: none;
    float: left;
    margin-bottom: 10px;
}

.labelsTop .itemPropertyValueGroups {
    clear: both;
    float: left;
    margin: 5px 0 10px 0;
}

    .labelsTop .itemPropertyValueGroups .valueGroup {
        margin-right: 5px;
    }

    .labelsTop .itemPropertyValueGroups .valueGroupTableRow {
        margin-right: 5px;
        display: table-row;
    }

.valueCell {
    display: table-cell;
    vertical-align: top;
}

    .valueCell label {
        font-weight: normal;
    }

.itemDetails .itemPropertyExtra {
    margin-left: 5px;
    color: #FF7F50;
}

.itemDetails .itemPropertyExtraAlert {
    margin-left: 5px;
    color: #bd2957;
}

.itemDetails .itemAddPropertyLabel {
    float: left;
}

.itemDetails .itemPropertyValueBoxFixed {
    max-width: 300px;
    width: 300px;
}

.itemDetails a.editLink {
    border-left: 2px solid #DDD;
    margin-left: 5px;
    display: inline-block;
    padding: 8px 5px 7px 5px;
    float: left;
}

.itemDetails a.editGroupLink {
    border-left: 2px solid #EDD56D;
    /*margin-left: 5px;*/
    display: inline-block;
    position: absolute;
    left: 550px;
    padding: 5px 5px 0 5px;
    float: left;
    width: 25px;
    background-image: url(/images/edit.ico);
    background-position: 5px 2px;
    background-repeat: no-repeat;
}

.dir-rtl .itemDetails a.editGroupLink {
    border-left: 0;
    border-right: 2px solid #EDD56D;
    left: auto;
    right: 550px;
    width: 30px;
}

.itemDetails a.editLink:hover,
.itemDetails a.editGroupLink:hover,
.imageBoxSimple a.editImageLink:hover {
    border-left-color: #E3AD32;
}

.itemDetails a.editItemLink {
    position: absolute;
    right: 5px;
}

.itemDetails .colored {
    /*background-color: #EBF1F4;*/
    background-color: #EFEFEF;
}

.itemDetails .itemPropertyValueBox {
    width: 100%;
    padding-left: 0;
}

.flexible {
    display: flex;
}

.half-width {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}

.unit-schedule:first-child {
    padding-right: 15px;
}

.unit-schedule:not(:first-child) {
    padding-left: 15px;
}

.unit-schedule:first-child:after {
    content: '-';
    position: absolute;
    top: 3px;
    right: -2px;
}

.half-width input {
    width: 100% !important;
}

.itemDetails .padded {
    padding-top: 5px;
}

p.itemHeader {
    width: 80%;
    margin: 10px auto 20px auto;
    background-color: #FFEDB5;
    border: 2px dotted #E3AD32;
    color: #63585B;
    text-align: center;
    font-weight: normal;
    padding: 5px 3px;
    display: block;
}

#content .itemUpdated,
#content .deletedItemUpdated {
    width: 100%;
    margin: 10px 0 20px 0;
}

    #content .itemUpdated span,
    #content .deletedItemUpdated span {
        margin: 0 auto;
        background-color: #FFEDB5;
        border: 2px dotted #E3AD32;
        color: #63585B;
        text-align: center;
        font-weight: normal;
        padding: 5px 3px;
        width: 25em;
        display: block;
    }

/* Редактирование */
.itemDetails input[type="text"],
.itemDetails input[type="number"],
.itemDetails textarea,
.itemDetails select {
    width: 350px;
    padding: 2px 5px;
}

.labelsTop textarea {
    width: 350px;
}

.itemDetails img {
    max-width: 290px;
    display: block;
    margin-bottom: 10px;
}

.itemDetails textarea {
    min-height: 70px;
}

.itemDetails .clearLine {
    height: 1px;
    clear: both;
}

.itemDetails input[type="submit"],
.itemDetails input[type="button"],
input[type="submit"].imitation,
input[type="button"].imitation,
.itemDetails .modal-footer .saveButton,
.itemDetails .modal-footer .cancelButton {
    display: inline-block;
    margin-top: 0;
    margin-right: 10px;
    padding: 5px 0;
    width: 8em;
    border: 1px solid;
    text-align: center;
    border-radius: 9px;
    cursor: pointer;
}

.itemDetails input[type="submit"],
input[type="submit"].imitation,
.itemDetails .modal-footer .saveButton {
    margin-left: 240px;
    color: #FFF;
    background: linear-gradient(90deg, rgba(156,181,60,0.9556197478991597) 0%, rgba(123,150,16,1) 33%, rgba(85,105,8,0.9444152661064426) 89%);
}

.labelsTop input[type="submit"],
input[type="submit"].imitation,
.itemDetails .modal-footer .saveButton,
.itemDetails .modal-footer .cancelButton {
    margin-top: 10px;
    margin-left: 0;
}

    .itemDetails input[type="submit"]:hover,
    input[type="submit"].imitation,
    .itemDetails .modal-footer .saveButton:hover {
        background-color: #B3CE49;
    }

.itemDetails input.cancelButton,
input.cancelButton.imitation,
.itemDetails .modal-footer .cancelButton {
    color: #FFF;
    background: linear-gradient(90deg, rgba(28, 142, 240, 0.7399334733893557) 1%, rgba(15, 102, 176, 0.8015581232492998) 50%, rgba(31, 24, 144, 0.7791491596638656) 100%);
}

    .itemDetails input.cancelButton:hover,
    .itemDetails .modal-footer .cancelButton:hover {
        background-color: #5691A5;
    }

.itemDetails .field-validation-error {
    float: left;
    color: #BD2957;
}

#feedback-form .field-validation-error {
    float: left;
    color: #BD2957;
}

#editAppealForm .field-validation-error {
    float: left;
    color: #BD2957;
}
/*.itemDetails .validation-summary-errors ul
{
    color: Red;
    list-style-type: none;
    margin-left: 150px;
}*/
.itemDetails input[type="file"] {
    width: 290px;
}

.itemDetailsContainer h2 {
    font-size: 1.2em;
    margin: 25px 0 10px 240px;
    color: gray;
}

.dir-rtl .itemDetailsContainer h2 {
    margin: 25px 240px 10px 0;
}

.itemImageBox {
    clear: both;
    margin-bottom: 20px;
}

    .itemImageBox img {
        border: 2px solid #9cabca;
        margin: 0 0 10px 205px;
        padding: 2px;
        width: 240px;
        height: 180px;
    }

.imageUpload {
    margin: 5px 5px 5px 200px;
    padding: 5px;
}

.colorFieldTextVal {
    float: left;
}

.colorFieldColorVal {
    float: right;
    width: 20px;
    height: 20px;
}

.itemDetails .infoMessage {
    display: block;
    color: #555;
    margin-bottom: 5px;
}

.itemDetails .errorMessage {
    display: block;
    color: #BD2957;
    margin-bottom: 5px;
}

.itemDetails .questionOptionsLink {
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer;
    color: #4F77C6;
}

.itemDetails .questionCommentsLink {
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer;
    color: #007f0e;
}

.itemDetails .responseParametersLink {
    text-decoration: none;
}

    .itemDetails .responseParametersLink:hover {
        color: #4F77C6;
        border-bottom: 1px dashed;
    }

.itemDetails #response1parameters,
.itemDetails #response2parameters,
.itemDetails #response3parameters,
.itemDetails #response4parameters,
.itemDetails #response5parameters {
    float: left;
    /*color: #888;*/
    /*padding: 10px 0 10px 0px;
    /*background-color: #EEE;
    border-left: 2px solid #82b3c5;*/
}

/*-------------------------
ListField classes
*/

#editAppealForm .itemPropertyValueBox {
    margin-top: 7px;
}

    #editAppealForm .itemPropertyValueBox .listFieldAddButtonCls {
        background-color: #82B3C5;
        border-color: #82B3C5;
        color: #FFFFFF;
        margin-top: 2px;
        margin-left: 2px;
        width: 21px;
        height: 21px;
        font-weight: bold;
        float: left;
        padding-left: 6px;
        border: 1px solid;
        border-radius: 7px;
        padding-bottom: 2px;
    }

        #editAppealForm .itemPropertyValueBox .listFieldAddButtonCls:hover {
            background-color: #5691A5;
            border-color: #5691A5;
        }
    /* Избавиться от использования important в случае, если перестанем использовать либу SumoSelect */
    #editAppealForm .itemPropertyValueBox select {
        width: 168px !important;
    }

#editAppealForm .itemPropertyValueBox li.listFieldLiItem {
        min-width: 190px;
        margin: 1px 0;
    }

#editAppealForm .dropdown-add-btn-wrapper .dropdown-search {
    margin-bottom: 0 !important;
    margin-right: 2px;
}

#editAppealForm .dropdown-add-btn-wrapper .dropdown-search span.filter-title {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

#editAppealForm .itemPropertyValueBox .dropdown-search .dropdown-toggle {
    width: 168px;
    padding-right: 0;
}

.listFieldLabel {
    margin-top: 2px;
}

.itemPropertyValueBox .listFieldBoxCls {
    clear: left;
    float: left;
    margin-top: 2px;
}

.itemDetails .itemPropertyValueBox .listFieldAddButtonCls {
    background-color: #82B3C5;
    border-color: #82B3C5;
    color: #FFFFFF;
    margin-top: 5px;
    margin-left: 2px;
    width: 24px;
    height: 25px;
    font-weight: bold;
    font-size: 12pt;
    float: left;
    padding: 0 2px 2px 2px;
    line-height: 1;
}

    .itemDetails .itemPropertyValueBox .listFieldAddButtonCls:hover {
        background-color: #5691A5;
        border-color: #5691A5;
    }

.itemPropertyValueBox .listFieldlistCls {
    clear: left;
    float: left;
    list-style: none;
    margin-top: 5px;
    padding-left: 0;
    position: relative;
    line-height: 1.5;
}

.itemPropertyValueBox .listFieldLiItem {
    border: 1px solid #82B3C5;
    background-color: #d8e5f0;
    padding: 4px 5px;
    padding-right: 28px;
    margin: 7px 0;
    position: relative;
    overflow: auto;
    border-radius: 9px;
}

    .itemPropertyValueBox .listFieldLiItem span {
        margin-right: 30px;
    }

    .itemPropertyValueBox .listFieldLiItem input[type=button] {
        position: absolute;
        top: 2px;
        right: -5px;
        width: 20px;
        height: 20px;
        border: none;
        background-color: transparent;
        font-size: 0.9em !important;
        font-weight: bold;
        color: #727b7f;
        padding: 1px;
        border-radius: 10px;
    }

        .itemPropertyValueBox .listFieldLiItem input[type=button]:hover {
            color: #000;
            border: none;
        }

    .itemPropertyValueBox .listFieldLiItem span {
        float: left;
    }

.itemPropertyValueBox .listEntFieldSelectCls {
    float: left;
    margin-top: 2px;
}

    .itemPropertyValueBox .listEntFieldSelectCls .argument-survey-name {
        color: #BD2957;
    }

    .itemPropertyValueBox .listEntFieldSelectCls .argument-question-name {
        color: #007f0e;
    }

.itemPropertyValueBox .optWrapper .argument-survey-name {
    color: #BD2957;
}

.itemPropertyValueBox .optWrapper .argument-question-name {
    color: #007f0e;
}

.itemPropertyValueBox .arg-question-text {
    color: #808080;
}


/*
ListField
-------------------------*/



.downloadUlList {
    list-style: none;
    float: left;
    padding-left: 10px;
    margin-top: 5px;
}

    .downloadUlList li {
        margin: 2px;
    }

#clearPostFieldImgAhref {
    float: right;
    font-size: 1.5em;
}

.profile-img-border {
    border: 1px solid #cdcdcd;
    border-radius: 9px;
}

.profile-img-margin {
    margin-top: 5px;
    margin-bottom: 5px;
}

#HighlightedExamples {
    margin-top: 1rem;
    word-break: break-all;
}


/* styles for checklist and conversation bootstrap adapted*/
.checklistItem {
    padding: 10px 10px 10px 15px;
    background-color: #fff;
    border-radius: 9px;
    border: 1px solid #fdba74;
}

.checklist-summary-title {
    color: #EA580C;
}

/*кастомные стилы для страницы редактирования чеклистов*/
.wrapper-background {
    background-color: #EDEEF0;
    border: 1px dashed #EDEEF0;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    margin-top: 17px;
}

    .wrapper-background input[type="radio"], .wrapper-background input[type="checkbox"] {
        vertical-align: middle;
        margin-right: 5px;
    }

    .wrapper-background .field-validation-error {
        color: #BD2957;
        word-break: break-all;
        white-space: pre-wrap;
        display: inline-table;
        overflow-wrap: break-word;
    }

    .wrapper-background input[type="submit"], .wrapper-background input[type="button"] {
        display: inline-block;
        padding: 5px 0;
        width: 8em;
        border: 1px solid;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
    }

        .wrapper-background input[type="submit"]:hover {
            background-color: #B3CE49;
        }

    .wrapper-background input[type="submit"] {
        color: #FFF;
        border-color: #97C056;
        background-color: #97C056;
        margin-right: 15px;
        margin-left: 15px;
    }

    .wrapper-background input.cancelButton:hover {
        background-color: #5691A5;
    }

    .wrapper-background input.cancelButton {
        color: #FFF;
        background-color: #82b3c5;
        border-color: #82b3c5;
    }

    .wrapper-background .checklist-question-required {
        font-size: 18px;
    }

    .wrapper-background .checklist-question {
        margin-bottom: 0;
        max-width: 100%;
    }

.wrapper-background .checklist-response-comment {
    margin-left: 5px;
    color: #AAA;
    font-weight: lighter;
}

.checklist-order {
    margin-right: 5px;
}

@media (min-width: 992px) {
    .width-limiter {
        max-width: 720px;
    }
}

@media (max-width: 992px) {
    .mobile-font {
        font-size: 32px;
    }

    .big-input {
        width: 30px;
        height: 30px;
    }

    .wrapper-background label {
        text-align: left;
    }

    .mobile-asterix {
        font-size: 26px;
    }
}

.modal-dialog {
    width: 420px;
}

.itemDetails .modal-header {
    padding: 0;
}

.itemDetails .modal-footer {
    border: 0;
    padding: 0;
    align-self: baseline;
}

.itemDetails .modal-body {
    padding: 10px 0 10px 0;
    margin-top: 10px;
}
.device-copy-modal .itemDetails .modal-body {
    padding: 10px 0 10px 0;
    margin-top: 10px;
}

    .itemDetails .modal-body .checkbox-inline {
        vertical-align: initial;
    }

    .itemDetails .modal-body .itemPropertyCheckBox input {
        position: relative;
        top: 1.6px;
        cursor: pointer;
    }

    .itemDetails .modal-body .itemPropertyCheckBox label {
        padding-left: 10px;
    }

    .itemDetails .modal-body .messageInfo {
        padding: 10px 0 0 0;
        height: 10px;
        color: red;
    }
.itemDetails .messageInfo {
    padding: 10px 0 0 0;
    height: 10px;
    color: red;
    margin-bottom: 1rem;
}

.modal-content {
    border-style: solid;
}

.report-arguments-sumo-edit {
    width: 100%;
}

.edit-form-container {
    background-color: #EDEEF0;
    border: 1px solid #ddd;
    border-radius: 9px;
}

.edit-form-container .recipients-list .listFieldBoxCls {
    padding: 0.375rem 0.75rem;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    width: 99%;
    margin-top: 0;
}

.edit-form-container .recipients-list .listFieldAddButtonCls {
    margin-left: 3px;
}

.edit-form-container input:not([type='checkbox']),
.edit-form-container select,
.edit-form-container textarea,
.edit-form-container .form-control,
.edit-form-container .alert {
    border-radius: 9px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    font-size: 1rem !important;
}

.edit-form-container .saveButton, #sidebar .saveButton {
    color: #FFF;
    background: linear-gradient(90deg, rgba(156, 181, 60, 0.9556197478991597) 0%, rgba(123, 150, 16, 1) 33%, rgba(85, 105, 8, 0.9444152661064426) 89%);
    border-color: white;
    border-radius: 9px;
}

    .edit-form-container .saveButton:hover, #sidebar .saveButton:hover {
        background-color: black;
    }

.edit-form-container .cancelButton, #sidebar .cancelButton {
    color: #FFF;
    background: linear-gradient(90deg, rgba(28, 142, 240, 0.7399334733893557) 1%, rgba(15, 102, 176, 0.8015581232492998) 50%, rgba(31, 24, 144, 0.7791491596638656) 100%);
    border-color: white;
    border-radius: 9px;
}

    .edit-form-container .cancelButton:hover, #sidebar .cancelButton:hover {
        background-color: #5691A5;
    }

.edit-form-container .form-check-label {
    margin-top: 2px;
}

.edit-form-container .edit-button {
    border-color: #ced4da;
}

.edit-form-container .input-group-text {
    overflow: hidden;
    white-space: nowrap;
    border-radius: 9px !important;
    white-space: initial;
    text-align: left;
    word-break: break-word;
    background-color: #EDEEF0;
}

    .edit-form-container .input-group-text.text-with-append {
        border-top-left-radius: 9px !important;
        border-bottom-left-radius: 9px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

.edit-form-container .input-group-append, .edit-form-container .input-group-append > * {
    background-color: white;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
}

.edit-form-container .input-group-prepend {
    width: 35%;
}

.edit-form-container .input-group-append a {
    height: 100%;
    display: flex;
}

    .edit-form-container .input-group-append a i {
        align-self: center;
    }

.edit-form-container .input-group {
    display: flex;
    justify-content: space-between;
}

.edit-form-container .input-group-prepend .input-group-text, .edit-form-container .form-switch-checkbox {
    background-color: #EDEEF0;
    border: none;
}

.edit-form-container .listFieldAddButtonCls {
    background-color: #82B3C5;
    border: none;
    color: #FFFFFF;
    margin-top: 2px;
    width: 32px;
    min-width: 32px;
    height: 32px;
    font-weight: bold;
    font-size: 12pt;
    float: left;
}

/*.edit-form-container .itemPropertyValueBox .listFieldLiItem input[type=button] {
    font-size: 0.8em !important;
    font-weight: bold !important;
}*/

.edit-form-container .form-switch .form-check-input {
    height: 20px;
    width: 40px;
}

.edit-form-container .form-switch-checkbox {
    border: none;
    margin-left: -10px !important;
}

.bottom-area > * {
    background-color: #dfe6f3;
}

.bottom-area .input-group-prepend .input-group-text, .bottom-area .form-switch-checkbox {
    background-color: #dfe6f3 !important;
}

.additional-area > * {
    background-color: #dce3eb;
}

.additional-area .input-group-prepend .input-group-text {
    background-color: #dce3eb !important;
}

.edit-form-container .deleteLink {
    border-radius: 9px;
    color: white;
    background-color: #D8507D;
}

    .edit-form-container .deleteLink:hover {
        background-color: #b42152;
    }

.edit-form-container .listFieldlistCls {
    width: 100%;
}


.edit-form-container .single-line {
    float: left;
    width: 92%;
}

.edit-form-container .jPicker .Icon,
.settings-body .jPicker .Icon {
    margin-top: 14px;
}

.edit-form-container .style-logo-checkbox {
    padding-top: 28px;
}

.edit-form-container .checkbox-container .form-label {
    display: block;
}

.edit-form-container .col-lg-6 img, .edit-form-container .imageBoxSimple img {
    max-width: 100%;
}

.edit-form-container .imageBoxSimple {
    border: 1px solid #ced4da;
}

.edit-form-container .style-image .imageBoxSimple {
    max-width: 50%;
}

.edit-form-container fieldset {
    border-radius: 9px;
}

.edit-form-container .bottom-area-settings-border {
    border-color: #c8d2e5 !important;
}

.edit-form-container .questionOptionsLink {
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dashed;
    color: #4F77C6;
}

.edit-form-container .responseParametersLink label {
    cursor: pointer;
}

.edit-form-container .add-answers {
    background-color: #82B3C5;
    border-radius: 9px !important;
    text-decoration: none;
}

.edit-form-container .delete-answers {
    background-color: #D8507D;
    border-radius: 9px !important;
    text-decoration: none;
}

.edit-form-container select {
    width: 100%;
}

.edit-form-container .basic-style-checkbox {
    width: 80%;
}

div.modal-body .batch-edit-popup-tag .itemPropertyValueBox .listFieldAddButtonCls {
    margin-left: 5px;
}
.modal-dialog .modal-body .batch-edit-popup-tag {
    margin-bottom: 0;
}

.access-rules-container {
    font-size: 15px;
}
    .access-rules-container .row {
        --bs-gutter-x: 0;
    }
    .access-rules-container .access-rules-radio {
        display: flex;
        justify-content: space-between;
        gap: 1px;
    }

        .access-rules-container .access-rules-radio .form-check {
            display: flex;
        }

    .access-rules-container .form-check label {
        color: #4f77c6;
    }

    .access-rules-container .access-rules-radio .form-check label {
        margin-top: 2px;        
    }

    .access-rules-container .form-check-input:checked {
        background-color: #4f77c6;
        border-color: #4f77c6;
    }

    .access-rules-container .not-specified-rule {
        flex: 0 0 auto;
        width: 14%;
    }

.access-rules-block {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.job-option-value {
    width: 62%;
}

.file-content-delete {
    border: 1px solid #ced4da;
    text-decoration: none;
    background-color: #D8507D;
    color: white !important;
    border-radius: 9px;
}
    .file-content-delete:hover {
        border: 1px solid #ced4da;
        text-decoration: none;
        background-color: #a61847;
    }

.key-phrases-block {
    background-color: #f6fcda !important;
    border: 2px solid #c3e62c !important;
    width: 50%;
    height: fit-content;
    padding: 1rem;
}
.rounded {
    border-radius: 9px !important;
}
.key-phrases-block h5 {
    color: #67791b;
    font-size: 1.4em;
}

.conversation-metrics-title {
    font-size: 1.4em;
}
.conversation-metrics-value {
    font-size: 1.15em;
    padding: 5px 8px;
}
.conversation-metrics-component {
    color: #fff;
    padding: 0 8px;
}

.transcription-block {
    border: 2px solid #4793d6 !important;
    border-radius: 9px;
    background-color: #eaf5ff;
    padding: 20px;
    height: fit-content;
    margin-bottom: .5rem;
}
.transcription-block .conversationWrapper {
    padding: 0;
    padding-top: 8px;
}
.transcription-block .checklistTitle {
    padding-top: 0;
}
.metric-info-wrapper {
    padding: 3px 0;
    background: #edc9c9;
    border-radius: 4px;
}
.metric-info-wrapper:not(:last-child) {
    margin-bottom: 8px;
}
.key-phrases-metrics-block {
    display: flex;
    gap: 15px;
}
.key-phrases-metrics-block .alert{
    margin-bottom: 0;
}

.key-phrases-metrics-block .key-phrases-block div.dropdown ul.dropdown-menu {
    border: 1.5px solid #4F77C6;
    border-radius: 5px;
}
.key-phrases-metrics-block .key-phrases-block div.dropdown ul.dropdown-menu a.dropdown-item:hover {
    background-color: #cbe5ff;
}

.metrics-block {
    width: 50%;
    height: fit-content;
    background-color: #f6ffe9 !important;
    border: 2px solid #b6d482;
    padding: 1rem;
}
.metrics-block h5 {
    color: #567d17;
    font-size: 1.4em;
}

.height-fit-content {
    height: fit-content;
}

.gpt-instructions {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 9px;
    padding: 5px;
    width: 100%;
    margin-top: 5px;
}

.gpt-instructions .gpt-icon-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px;
}

.switch-reversed {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Расстояние между label и input */
    padding-left: 0;
}

.switch-reversed .form-check-label {
    order: 1;
}

.switch-reversed .form-check-input {
    order: 2;
    margin-left: 15px;
}
.switch-reversed .form-check-label {
    order: 1;
    margin-bottom: 0; /* выравнивание по центру */
}
.filled-by-gpt {
    padding: 5px 10px;
    border-radius: 9px;
    width: fit-content;
    height: fit-content;
    background-color: yellowgreen;
    font-size: 1.1em;
}

.bi-openai.conversations-details-checklist-robot {
    font-size: 1.2em;
    color: brown;
    margin-right: 5px;
}
.key-phrases-metrics-block .alert-warning {
    border-radius: 9px;
}
.gpt-prompt-checklists-block {
    display: flex;
    gap: 15px;
}
.conversation-gpt-prompt {
    width: 50%;
    padding: 1rem;
    border-radius: 9px;
    border: 2px solid #ffac00;
    background-color: #fef7e8;
    height: fit-content;
    color: #724e03;
    min-width: 250px;
}
.conversation-gpt-prompt .gpt-prompt-body {
    font-size: 1.15em;
}
.conversation-gpt-prompt p:has(strong) {
    margin-top: 10px;    
}
.conversation-gpt-prompt h5.alert-heading {
    font-size: 1.4em;
    margin-bottom: 10px;
}
.conversation-gpt-prompt p:has(em) {
    margin-top: 15px;
}
.conversation-gpt-prompt ul {
    margin-top: 5px;
}
.conversation-gpt-prompt li {
    list-style: square;
}

.personal-data-consent-wrapper {
    font-size: 1.15em;
}

.personal-data-consent-header {
    font-weight: bold;
}

.personal-data-consent-wrapper .bi.bi-check-lg {
    color: green;
    font-size: 1.25em;
}
.personal-data-consent-wrapper .bi.bi-x-lg {
    color: red;
    font-size: 1em;
}

.questionTypeInfo.question-has-consent-pdn {
    background-color: #a9a;
}
.gpt-prompt-checklists-block .checklists-block {
    width:50%;
}

.checklists-block {
    border: 2px solid #fdba74;
    background-color: #fff;
    padding: 1rem;
}
.checklists-block .checklists-tab-panel {
    border-bottom: none;
}
.checklists-block .checklists-tab-panel .checklist-name-tab,
.checklists-block .checklists-tab-panel .checklist-name-tab.active {
    border-radius: 9px 30px 0 0;
    border-color: white !important;
}

.checklists-tab-panel li.nav-item button {
    padding: 12px 28px;
    color: #fff;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, calc(100% - 20px) 100%, 0 100%);
    border-radius: 9px 35px 0 0;
}

.checklists-block .checklists-tab-panel .checklist-name-tab:hover {
    background-color: #ffe5cb;
    border-color: white !important;
}

.checklists-block .checklists-tab-panel .checklist-name-tab,
.checklists-block .checklists-group-tab-content .group-checklists-tab-panel .checklist-creater-tab {
    color: #935515;
    border-color: white !important;
}
.checklists-block .checklists-tab-panel .checklist-name-tab.active {
    background-color: #ffc68b;
}

button.checklist-name-tab {
    font-size: 1.3em;
}

button.checklist-creater-tab.nav-link {
    font-size: 1.2em;
    padding: 0;
    border-radius: 9px;
    margin-bottom: 4px;
}
.checklists-block .checklists-group-tab-content .group-checklists-tab-panel .checklist-creater-tab.active {
    background-color: #ffdd9c;
    border-color: white !important;
}
button.checklist-creater-tab:hover {
    background-color: #fff1d8;
}

.checklist-creater-tab .checklist-creater {
    padding: 5px 8px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.checklist-creater-tab .checklist-creater a.conversation-checklist-button {
    margin: 0;
}

.group-checklists-tab-panel {
    border-bottom: none;
}

#gpt-collapse .gpt-prompt a .bi-list-stars {
    margin-right: 5px;
}

#gpt-collapse .gpt-checklist a {
    display: flex;
    align-items: center;
}
#gpt-collapse .gpt-checklist a .bi-openai {
    margin-right: 5px;
}

.checklists-block hr {
    color: #fdba74;
    margin: 5px 0;
    opacity: 1;
}

.transcription-title-wrapper {
    display: flex;
    gap: 20px;
}
.transcription-title-wrapper .transcription-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#feedback {
    position: fixed;
    right: 115px;
    bottom: 0;
    margin-bottom: -3px;
    z-index: 999;
}

#feedback-form {
    width: 430px;
    height: 100%;
    margin-top: 10px;
    padding: 20px 25px;
    background-clip: 'padding-box';
    border: 1px solid rgba(0,0,0,.2);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background-color: #EDEEF0;
}

    #feedback-form form input, select, textarea {
        font: 14px 'Lato', Calibri, Trebuchet MS, sans-serif !important;
    }
#feedback-tab {
    background-color: #fff;
    font-size: 18px;
    cursor: pointer;
    text-align: left;
    width: 170px;
    height: 40px;
    color: #e3ad32;
    border: 1px solid #e3ad32;
    padding-top: 7px;
    padding-left: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
#feedback-tab span {
    padding-left: 5px;
}
    #feedback-tab img {
        float: right;
        width: 26px;
        margin-right: 5px;
    }

#feedback-form h1 {
    border: none;
    color: #bd2957;
    display: inline-block;
    padding-left: 2px;
}

#feedback-form-submit-button {
    color: #FFF;
    border-color: #97C056;
    background-color: #97C056;
    border-radius: 9px;
}

#feedback-dialog-dispose {
    color: #FFF;
    background-color: #82b3c5;
    border-color: #82b3c5;
    width: 140px;
    border-radius: 9px;
}

#feedback-form textarea {
    resize: none;
}

#feedback-form .form-group input {
    height: calc(1.5em + 0.75rem + 2px);
}

.float-right {
    float: right !important;
}
#feedback-form .form-group select {
    webkit-appearance: auto;
    appearance: auto;
}
.web-panel-wrapper .web-panel-head .device-dropdown {
    width: 50%;
    max-width: 650px;
    min-width: 250px;
}

.web-panel-wrapper .web-panel-head .device-dropdown label.label-device {
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-top: 10px;
}

.web-panel-wrapper .web-panel-head .action-button {
    align-self: end;
    margin-bottom: 8px;
}

.web-panel-wrapper .web-panel-tab .items .action-button .show-on-device {
    color: #FFF;
    background: linear-gradient(90deg, rgba(156, 181, 60, 0.9556197478991597) 0%, rgba(123, 150, 16, 1) 33%, rgba(85, 105, 8, 0.9444152661064426) 89%);
    border-color: white;
    border-radius: 9px;
    font-size: 1.2em;
}

.web-panel-nav .nav-link:not(.active) {
    cursor: pointer;
}

.web-panel-nav .nav-link.active {
    cursor: default;
}

.web-panel-head {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 50px;
    margin-bottom: 5px;
}

.web-panel-body {
    padding: 15px 0;
}

.web-panel-body .empty-list {
    display: flex;
    color: #888;
    font-size: 1.2em;
}
.web-panel-body .empty-list.hidden {
    display: none;
}

.web-panel-tab .items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.web-panel-tab .items.hidden {
    display: none;
}

.web-panel-tab div.items .item {
    width: 294px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #ddd;
    border: 2px solid #ddd;
    border-radius: 15px;
    height: min-content;
    min-height: 184px;
}

.web-panel-tab div.items .item img {
    height: 180px;
    width: 290px;
    border-radius: 14px;
}

.web-panel-tab div.items .item span.name {
    align-self: center;
    margin: 0 10px 10px 10px;
    word-break:break-all;
}

.web-panel-tab div.items .item.active-item {
    box-shadow: 0 0 0 5px #4793d6;
}

.web-panel-tab div.items .item.active-item .survey-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.web-panel-tab .items .item .survey-buttons {
    display: none;
    position: absolute;
    align-self: flex-end;
    margin: 10px;
}

.web-panel-tab .items .item .settings,
.web-panel-tab .items .item .show-on-device {
    background-color: white;
    padding: 1px 3px 1px 5px;
    border-radius: 25px;
    cursor: pointer;
    border: 3px solid #333;
    margin-bottom: 1px;
}
.web-panel-tab .items .item .show-on-device:hover {
    border-color: #0067c2;
}

.web-panel-tab .items .item .show-on-device .bi-play-fill:hover {
    color: #0067c2;
}

.web-panel-tab .items.images,
.web-panel-tab .items.qr-codes {
    gap: 100px;
    width: fit-content;
    background-color: #EDEEF0;
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 20px;
}

.web-panel-wrapper .bi-gear-fill,
.web-panel-wrapper .bi-play-fill {
    display: inline-block;
    font-size: 30px;
    color: #333;
}

.web-panel-wrapper .settings-field {
    margin-bottom: 15px;
}
.web-panel-wrapper .settings-field input,
.web-panel-wrapper .settings-field textarea {
    border-radius: 9px;
}

*/
/*Стили для добавления картинки*/
.web-panel-tab.qrCodes .add-new-qr-background-image,
.web-panel-tab.images .item.add-new-image {
    cursor: pointer;
}

.web-panel-tab.qrCodes .item.add-new-qr-background-image img,
.web-panel-tab.images .item.add-new-image img {
    opacity: .3;
}
.web-panel-tab.qrCodes .item.add-new-qr-background-image img:hover,
.web-panel-tab.images .item.add-new-image img:hover {
    opacity: .6;
}

.new-qr-background-added,
.new-image-added {
    position: relative;
}

.new-qr-background-added .remove-image-button,
.new-image-added .remove-image-button {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    padding: 5px;
    margin: 10px;
}

.new-image-buttons,
.new-qr-background-image-buttons {
    display: flex;
    position: absolute;
    align-self: flex-end;
}

.new-image-buttons.hidden,
.new-qr-background-image-buttons.hidden {
    display: none;
}

.settings-body .settings-info-message .alert {
    border-radius: 14px;
}

/*Стили для добавления QR-кода*/
.item.add-new-qr {
    cursor: pointer;
}

.new-qr-added { 
    position: relative;
}

.new-qr-added .remove-qr-button {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    padding: 5px;
    margin: 10px;
}

.settings-body {
    max-width: 850px;
}

@media (max-width: 768px) {
    .settings-item-body {
        flex-wrap: wrap;
    }
    .settings-item-body input {
        width: 100%;
    }
}

.web-panel-body input[inputmode="numeric"] {
    width: 380px;
}

.settings-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 2px solid #ddd;
    padding: 15px 20px 20px 20px;
    border-radius: 14px;
    margin-bottom: 10px;
}

.settings-item-header {
    color: #888;
    font-size: 1.25rem;
}

.settings-item-body {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.qr-background-image-settings-fields,
.image-settings-fields {
    width: stretch;
}

.image-settings-fields input[inputmode="numeric"] {
    width: 50%;
}

.qr-code-settings .settings-item-body,
.qr-text-message .settings-item-body,
.image-text-message .settings-item-body {
    flex-direction: column;
    gap: unset;
}

.qr-code-settings .settings-item-body .qr-code-settings-offset,
.qr-text-message .settings-item-body .qr-text-message-settings,
.image-text-message .settings-item-body .image-text-message-settings {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.settings-body .action-button {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.web-panel-tab .items.loading {
    justify-content: center;
    width: 100%;
}

/*Стили для спиннера*/
/******************************************************************/
.web-panel-wrapper .web-panel-body .loader {
    border: 16px solid silver;
    border-radius: 50%;
    border-top: 16px solid #837f7f;
    width: 90px;
    height: 90px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.web-panel-wrapper .web-panel-body .loader.show-on-device-loader {
    border: 7px solid silver;
    border-top: 7px solid #837f7f;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    height: 44px;
    width: 44px;
}

.web-panel-wrapper .web-panel-body .loader.show-image-on-device-loader,
.web-panel-wrapper .web-panel-body .loader.show-qr-on-device-loader {
    height: 38px;
    width: 38px;
}

.loader.apply-web-panel-template-loader {
    width: 22px;
    height: 22px;
    border: 5px solid #999;
    border-top: 5px solid #555;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/******************************************************************/

.show-on-device-result {
    top: 0;
    right: 45px;
    font-size: 1em;
    z-index: 1000;
    pointer-events: none;
    width: max-content;
    max-width: 235px;
    word-break: break-all;
    padding: 10px;
    border-radius: 9px;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

.web-panel-tab div.items .item.image-error {
    border-color: red;
}

.disabled-btn {
    pointer-events: none;
    opacity: 0.6;
}

.templates-list a.remove-template-button {
    margin-left: 10px;
    padding: 2px 0;
    color: red;
}
.templates-list .template-wrapper {
    padding: 5px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.templates-list .template-wrapper.active {
    background-color: #ddd;
    border-radius: 9px;
}
.save-template-btn {
    background-color: #277288;
    border-radius: 9px;
}
.save-template-btn:hover,
.save-template-btn:focus {
    background-color: #277288;
}
.btn-secondary.save-template-btn:focus {
    box-shadow: 0 0 0 0.25rem #2772888a;
}

.save-template-dropdown .dropdown-item:hover {
    text-decoration: none;
}

.color-picker {
    display: flex;
    align-items: center;
    gap: 8px;
}

#colorPicker {
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    cursor: pointer;
}
.metricsInfo {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    padding: 10px 13px;
    background-color: #f8f8f8;
    max-width: 600px;
    border: 2px solid #ddd;
}

    .metricsInfo .rating {
        font-size: 1.3em;
    }

    .metricsInfo .npsValue {
        color: #F46324;
        font-size: 1.4em;
    }

    .metricsInfo .npsDetails {
        color: #555;
        margin-top: 5px;
    }

        .metricsInfo .npsDetails span {
            display: block;
        }

    .metricsInfo .indexValue {
        font-size: 1.2em;
    }

    .metricsInfo .indexDetails {
        color: #555;
        margin-top: 5px;
    }

        .metricsInfo .indexDetails span {
            display: block;
        }

    .metricsInfo .indexDescription {
        margin: 10px 0px;
    }

    .metricsInfo .indexName {
        color: #4D81BC;
        font-size: 1.2em;
    }

    .metricsInfo .indexValueGroups {
        margin-top: 10px;
    }

        .metricsInfo .indexValueGroups span {
            display: block;
            color: #555;
            margin-bottom: 5px;
        }

    .unitstree .indexColor_0,
    .metricsInfo .indexColor_0,
    .employeesReport .indexColor_0 {
        color: #01A31C;
    }

    .unitstree .unit .averageColor_Index_1,
    .unitstree .unit .averageColor_Index_2,
    .unitstree .unit .averageColor_IndexFive_1,
    .unitstree .unit .indexColor_1,
    .metricsInfo .averageColor_Index_1,
    .metricsInfo .averageColor_Index_2,
    .metricsInfo .averageColor_IndexFive_1,
    .metricsInfo .indexColor_1,
    .employeesReport .averageColor_Index_1,
    .employeesReport .averageColor_Index_2,
    .employeesReport .averageColor_IndexFive_1,
    .employeesReport .indexColor_1 {
        color: #bd2957;
    }

    .unitstree .unit .averageColor_Index_3,
    .unitstree .unit .averageColor_Index_4,
    .unitstree .unit .averageColor_IndexFive_2,
    .unitstree .unit .indexColor_2,
    .metricsInfo .averageColor_Index_3,
    .metricsInfo .averageColor_Index_4,
    .metricsInfo .averageColor_IndexFive_2,
    .metricsInfo .indexColor_2,
    .employeesReport .averageColor_Index_3,
    .employeesReport .averageColor_Index_4,
    .employeesReport .averageColor_IndexFive_2,
    .employeesReport .indexColor_2 {
        color: #E95F41;
    }

    .unitstree .unit .averageColor_Index_5,
    .unitstree .unit .averageColor_Index_6,
    .unitstree .unit .averageColor_IndexFive_3,
    .unitstree .unit .indexColor_3,
    .metricsInfo .averageColor_Index_5,
    .metricsInfo .averageColor_Index_6,
    .metricsInfo .averageColor_IndexFive_3,
    .metricsInfo .indexColor_3,
    .employeesReport .averageColor_Index_5,
    .employeesReport .averageColor_Index_6,
    .employeesReport .averageColor_IndexFive_3,
    .employeesReport .indexColor_3 {
        color: #F6A01F;
    }

    .unitstree .unit .averageColor_Index_7,
    .unitstree .unit .averageColor_Index_8,
    .unitstree .unit .averageColor_IndexFive_4,
    .unitstree .unit .indexColor_4,
    .metricsInfo .averageColor_Index_7,
    .metricsInfo .averageColor_Index_8,
    .metricsInfo .averageColor_IndexFive_4,
    .metricsInfo .indexColor_4,
    .employeesReport .averageColor_Index_7,
    .employeesReport .averageColor_Index_8,
    .employeesReport .averageColor_IndexFive_4,
    .employeesReport .indexColor_4 {
        color: #69A31C;
    }

    .unitstree .unit .averageColor_Index_9,
    .unitstree .unit .averageColor_Index_10,
    .unitstree .unit .averageColor_IndexFive_5,
    .unitstree .unit .indexColor_5,
    .metricsInfo .averageColor_Index_9,
    .metricsInfo .averageColor_Index_10,
    .metricsInfo .averageColor_IndexFive_5,
    .metricsInfo .indexColor_5,
    .employeesReport .averageColor_Index_9,
    .employeesReport .averageColor_Index_10,
    .employeesReport .averageColor_IndexFive_5,
    .employeesReport .indexColor_5 {
        color: #01A31C;
    }

.metric-block {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

    .metric-block .metric-description {
        display: flex;
        flex-direction: column;
    }

        .metric-block .metric-description .metric-name,
        .metric-block .metric-value-details {
            font-size: 1.3em;
        }

        .metric-block .metric-description .metric-details-text,
        .metric-block .metric-description .metric-description-text {
            font-size: 1.1em;
        }

.metric-details-collapse .metric-block .metric-description .metric-name,
.metric-details-collapse .metric-block .metric-value-details {
    font-size: 1.2em;
}

.metric-details-collapse .metric-block .metric-description .metric-details-text,
.metric-details-collapse .metric-block .metric-description .metric-description-text {
    font-size: 1em;
}

.metric-details-collapse .metric-groups-block {
    font-size: 1em;
}

.metric-block .metric-value-details {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.metric-groups-block {
    display: flex;
    flex-direction: column;
    font-size: 1.1em;
    gap: 10px;
    border-top: 2px solid #bbb;
}

    .metric-groups-block .metric-groups-component {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

.metric-block .component-value-weight-wrapper,
.metric-groups-component .component-value-weight-wrapper {
    text-align: end;
}

table .component-value-weight-wrapper {
    margin-top: 5px;
}

.metric-groups-component .trend-value {
    width: 27%;
    text-align: end;
}

.metric-groups-block .trend-value {
    margin-left: 10px;
    margin-right: 10px;
}

.metric-groups-component .component-value {
    text-align: left;
    white-space: nowrap;
}

.metric-value-details-wrapper.metric-value-end {
    justify-content: flex-end;
}

.component-description {
    min-width: 150px;
    max-width: 350px;
    margin-right: 20px;
}

h2.arguments-table-title {
    font-size: 1.4em;
    color: #555;
}

.arguments-table-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.table.arguments-table > :not(:first-child) {
    border-top: 2px solid #ccc;
}

*:has(>* > .arguments-table) {
    background-color: #EDEEF0;
}

.arguments-table-wrapper {
    border: 2px solid #ccc;
    border-radius: 9px;
}

.add-component-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #6B850C;
    width: 35px;
    height: 35px;
    background-color: #6B850C;
}

    .add-component-btn:hover {
        background-color: #fff;
    }

    .add-component-btn a.arguments-table-add-argument .bi-plus {
        font-size: 2.4em;
        color: #fff;
    }

        .add-component-btn a.arguments-table-add-argument .bi-plus:hover {
            color: #6B850C;
        }

table.arguments-table {
    margin: unset;
    vertical-align: middle;
}

.arguments-table-wrapper .arguments-table .table {
    margin: unset;
}

    .arguments-table-wrapper .arguments-table .table .inner-argument-weight-value {
        text-align: end;
    }

.component-value-weight-wrapper .component-value-weight {
    font-style: italic;
    white-space: nowrap;
}

.dropdown-menu.metric-details-collapse {
    padding: 10px;
}

table.arguments-table th.text-center,
table.arguments-table td.text-center {
    text-align: center;
}

.metric-result-header-wrapper {
    margin: 10px 0 20px 0; 
    display:flex;
    justify-content: space-between;
}

.index-total-stats .btn {
    padding: 0;
    line-height:0;
}

.index-total-stats div.dropend {
    margin-left: 5px;
}