/* Minification failed. Returning unminified contents.
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2083,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(2108,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(2206,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(2231,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3684,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3693,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3709,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(3765,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4490,81): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4490,272): Scanner error CSS1002: Unterminated string: ");
(4538,81): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4538,278): Scanner error CSS1002: Unterminated string: ");
(6353,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(6357,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
 */
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #f22435;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #f22435;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

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

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

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

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

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

figure {
  margin: 0 0 1rem;
}

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

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

table {
  border-collapse: collapse;
}

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

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

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

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

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

h1, .h1 {
  font-size: 2.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

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

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

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

.list-inline-item {
  display: inline-block;
}

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

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

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

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

.blockquote-footer::before {
  content: "\2014\00A0";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

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

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

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

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

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

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

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

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

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

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

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

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

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

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

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

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

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

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

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

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

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

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

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

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

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

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

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

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

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  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 {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

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

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

textarea.form-control {
  height: auto;
}

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

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

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

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

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

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

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

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

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

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

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

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(/Content/css/framework/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

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

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

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url(/Content/css/framework/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.75rem center/8px 10px, url(/Content/css/framework/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e) #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #f22435;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(/Content/css/framework/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  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: #f22435;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

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

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

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #f22435;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url(/Content/css/framework/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.75rem center/8px 10px, url(/Content/css/framework/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E) #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

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

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

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

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

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

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

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

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

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

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

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

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

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

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

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

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

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

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

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

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

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

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

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

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

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

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

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

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

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

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

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

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

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

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

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

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

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

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

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

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

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

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

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

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

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

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

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

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

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

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

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

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

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

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

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

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

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

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

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

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

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

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

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

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

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

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #f22435;
  background-color: transparent;
}

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

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

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

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

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

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

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

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

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

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

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

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

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

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

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

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

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

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

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

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

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

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

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

.dropdown-toggle {
  white-space: nowrap;
}

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

.dropdown-toggle:empty::after {
  margin-left: 0;
}

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

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

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

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

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

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

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

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

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

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

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

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

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

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

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

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

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

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

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

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

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

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

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

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

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

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

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

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

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

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

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

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

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

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

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url(/Content/css/framework/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);
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

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

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url(/Content/css/framework/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

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

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

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

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

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

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

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

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

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

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

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

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

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

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

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

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

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

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

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

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

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

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

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

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

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

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

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

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

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

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

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

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

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

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

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

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

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

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

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

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

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

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

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

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

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

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

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

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

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

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

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

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

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

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

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

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

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

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

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

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

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

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

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

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

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

.navbar-light .navbar-toggler-icon {
  background-image: url(/Content/css/framework/data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

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

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

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

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

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

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

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

.navbar-dark .navbar-toggler-icon {
  background-image: url(/Content/css/framework/data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

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

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

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

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

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

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

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

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

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

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

.card-link:hover {
  text-decoration: none;
}

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

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

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

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

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

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

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

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

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

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

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

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

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

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

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

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}

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

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

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

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

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

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

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

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

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

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

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

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

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

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

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

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

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

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

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

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

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

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

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

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

.alert-heading {
  color: inherit;
}

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

.alert-dismissible {
  padding-right: 4rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

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

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

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

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

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

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

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

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

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

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

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

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

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

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

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

.list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

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

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

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.close:hover {
  color: #000;
  text-decoration: none;
}


button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

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

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

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

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

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

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

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

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

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

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel {
  position: relative;
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

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

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

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

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

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

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

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

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

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

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

.carousel-indicators .active {
  opacity: 1;
}

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

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

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

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

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

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

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

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

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

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

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

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

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

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

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

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

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

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

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

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

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

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

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

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

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

.shadow-none {
  box-shadow: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #f22435 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/*# sourceMappingURL=bootstrap.css.map */
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.col-wd-2 {
    width: 19%;
    display: inline-block;
}

.tb-peca-col-1 {
    width: 2%;
}

.tb-peca-col-2 {
    width: 25%;
}

.tb-peca-col-3 {
    width: 11%;
}

.tb-peca-col-4 {
    width: 11%;
}

.tb-peca-col-5 {
    width: 11%;
}

.tb-peca-col-6 {
    width: 20%;
}

.tb-peca-col-7 {
    width: 20%;
}

@media (min-width: 1700px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left;
        position: relative;
        min-height: 1px;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666666666666%;
    }

    .col-xl-10 {
        width: 83.33333333333334%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666666666666%;
    }

    .col-xl-7 {
        width: 58.333333333333336%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666666666667%;
    }

    .col-xl-4 {
        width: 33.33333333333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.666666666666664%;
    }

    .col-xl-1 {
        width: 8.333333333333332%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xl-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xl-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xl-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xl-pull-0 {
        right: 0;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666666666666%;
    }

    .col-xl-push-10 {
        left: 83.33333333333334%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666666666666%;
    }

    .col-xl-push-7 {
        left: 58.333333333333336%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666666666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.666666666666664%;
    }

    .col-xl-push-1 {
        left: 8.333333333333332%;
    }

    .col-xl-push-0 {
        left: 0;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xl-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xl-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }
}

.rounded-pill {
    border-radius: 50rem !important;
}

.b-1 {
    border: 1px solid #E2E7F0;
}

.b-2 {
    border: 2px solid #E2E7F0;
}

.bb-0 {
    border-bottom: 0 !important;
}

.bb-1 {
    border-bottom: 1px solid !important;
}

.brd-1 {
    border-radius: 4px;
}

.brd-2 {
    border-radius: 8px;
}

.brd-3 {
    border-radius: 12px;
}

.brd-4 {
    border-radius: 16px;
}

.brd-50p {
    border-radius: 50%;
}

.border-gray {
    border-color: #E2E7F0 !important;
}

.border-pink-dotted {
    border-bottom: 1px dotted #F23F87 !important;
}

.bb-dotted-1 {
    border-bottom: 1px dotted !important;
}

.bb-dotted-2 {
    border-bottom: 2px dotted !important;
}

.br-1 {
    border-right: 1px solid;
}

.bt-1 {
    border-top: 1px solid;
}
* {
    outline: 0 !important;
}

body {
    font-family: 'Inter';
    color: #4A5568;
    min-width: 650px;
}

a,
a:hover,
a:focus {
    color: #1649BC;
    text-decoration: none;
    outline-offset: initial;
    outline: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-height-0 {
    height: 0;
}


/*Tablet e celular landscape*/
@media screen and (max-width:1040px), screen and (max-height: 600px) {

    a {
        font-size: 12px !important;
    }

    header {
        /*height: 38px;*/
    }
}

hr {
    border-color: #E2E7F0;
}

fieldset {
    margin-bottom: 20px;
}

legend {
    font-size: 16px;
    color: inherit;
    border-bottom: 2px solid #c4c9cf;
    cursor: pointer;
}

input, button, select, optgroup, textarea {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

b {
    font-weight: bold;
}

/******************************* Inicio CSS Accordion ***************************************/

.accordion .panel {
    margin-top: 5px;
    display: table;
    min-width: 100%;
}

.accordion a.titulo-painel {
    font-size: 15px;
    cursor: pointer;
    display: table;
}

.accordion .titulo-painel-text {
    display: inline-block;
    vertical-align: middle;
    color: #2D3648;
    font-weight: 600;
}

.accordion span.titulo-accordion-direita {
    float: right;
    margin-right: 30px;
}

.accordion .titulo-tipo {
    font-weight: 600;
    margin: 20px 0 20px 0;
    display: block;
}

.accordion span.num-quant {
    background-color: #3576ED;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: auto 10px;
    line-height: 21px;
    min-width: 20px;
    padding: 0 4px;
}

.accordion .j-info {
    width: 18px;
    margin-left: 20px;
    vertical-align: middle;
    display: inline-block;
}

.accordion .card-body {
    overflow-x: auto;
}

    .accordion > .card {
        background-color: transparent;
        border:none;
        overflow: initial;
    }

        .accordion > .card .card-header {
            margin-bottom: 0;
            border-bottom: 0;
            background-color: transparent;
            display: flex !important;
            align-items: center;
        }


/******************************* Fim CSS Accordion ***************************************/

/******************************* Accordion bootstrap 4.0 ***************************************/

.accordion .btn-link:hover, .accordion .btn-link:focus {
    text-decoration: none;
}

    .accordion .panel-position .position {
        width: 30px;
        height: 30px;
    }

    .accordion .panel-button {
        margin-left: auto;
        cursor: pointer;
    }

.accordion .card-header .panel-button .btn {
    display: none;
}

.accordion .card-header:hover .panel-button .btn {
    display: inline-flex;
}

.accordion .btn-collapse .collapsed .icomoon-chevron-up-8:before {
    content: "\ea5e";
}
.accordion .btn-collapse .collapsed .icomoon-chevron-up-12:before {
    content: "\e956";
}
    
    /******************************* Fim accordion bootstrap 4.0 ***************************************/
    .accordion-sobre-relatorio {
}
    .accordion-sobre-relatorio .titulo-painel-text {
        color: #4A5568;
    }

.accordion-sobre-relatorio .card-header .icon {
    vertical-align: middle;
}

.accordion-sobre-relatorio .card-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

    .accordion-sobre-relatorio .card-body p {
        color: #1A202C;
        font-size: 14px;
    }

    .accordion-sobre-relatorio .card-body p:last-child {
        margin-bottom: 24px;
    }
.alert {
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 8px;
    display: flex;
}

.alert a{
    font-weight:600;
}

.alert span {
    margin-left: 12px;
}

.alert i:first-child {
    font-size: 20px;
}

#modal-peca .alert i:first-child {
    font-size: 12px;
}

.tempos-workflow-rodape .alert i:first-child {
    font-size: 12px;
}

.alert .close {
    height: 16px;
    text-shadow: none;
    padding-top: 2px;
    font-size:16px;
}

.alert-success, .alert-success .close {
    color: #157F3F;
    background-color: #BDEFCE;
    border-color: #BDEFCE;
}

.alert-success a, .alert-success i:first-child, .alert-success .close:hover {
    color: #46BD6F;
}

.alert-warning, .alert-warning .close {
    color: #883E01;
    background-color: #FFF9ED;
    border-color: #FFF9ED;
}

    .alert-warning a,
    .alert-warning i:first-child,
    .alert-warning .close:hover {
        color: #DB7500;
    }

    .alert-warning .close {
        color: #B35C00;
    }

.alert-danger{
    border: none;
}

.alert-danger, .alert-danger .close {
    color: #E01F1F;
}

.alert-danger a, .alert-danger i:first-child, .alert-danger .close:hover {
    color: #F34242;
}

.alert-danger .close {
    color: #E01F1F;
}

.alert-info {
    color: #2D3648;
    background-color: #EDF1F7;
    border-color: #EDF1F7;
}

.alert-info a, .alert-info i:first-child, .alert-info .close:hover {
    color: #677389;
}

.alert-info .close {
    color: #2D3648;
}

.alert-tip {
    color: #0F369B;
    background-color: #C0D6FF;
    border-color: #C0D6FF;
}

.alert-tip a, .alert-tip i:first-child, .alert-tip .close:hover {
    color: #1649BC;
}

.alert-tip .close {
    color: #0F369B;
}

.alert.alert-dismissible .close {
    position: initial;
    padding: 0;
}

.alert-only-text {
    margin: 0;
}

.alert span.alert-only-text {
    padding-left: 0px;
}

.alert .validation-summary-errors ul li {
    margin: 0 !important;
}
.font-weight-normal {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: bold;
}

.fw-800 {
    font-weight: 800;
}

.font-weight-semibold {
    font-weight: 600;
}

.font-weight-bold {
    font-weight: bold;
}

.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.ls-0 {
    letter-spacing: -0.01rem;
}

.pointer {
    cursor: pointer;
}

.subtitulo {
    font-size: 14px;
    font-weight: bold;
}

.text-dark {
    color: #2D3648;
}

.text-gray {
    color: #A0ABC0;
}

.text-subtitulo {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #677389;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-titulo {
    font-size: 16px;
    font-weight: 600;
    color: #1A202C;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-danger {
    color: #f32436;
}

.text-indigo-200 {
    color: #5C93F7;
}

.link {
    color: #F23F87;
    cursor: pointer;
    border-bottom: 1px dotted #1A202C;
}

.center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.inline-block {
    display: inline-block;
    vertical-align: middle;
}

.valign-text-bottom {
    vertical-align: text-bottom;
}

.vertical-center {
    position: relative;
    top: 50% !important;
    transform: translateY(-50%);
}

.horizontal-center {
    justify-content: center;
    text-align: center;
}

.horizontal-right {
    justify-content: flex-end;
    text-align: right;
}

.div-horizontal-center {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .vertical-middle {
        float: none;
    }
}
.badge-studio {
    color: #fff;
    background-color: #7F26BF;
}

.badge-studio-invert {
    color: #225ED8;
    border-color: #225ED8;
    background-color: white;
}

.badge-new {
    color: #fff;
    background-color: #F23F87;
    border-color: #5B158C;
}

.badge-danger {
    color: #fff;
    background-color: #F34242;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #E01F1F;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(224, 31, 31, 0.5);
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-circle {
    height: 15px;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 15px;
    line-height: 1;
}

.badge-count {
    height: 16px;
    min-width: 16px;
    border-radius: 16px;
    font-size: 10px;
    padding: 2px 4px;
    line-height: 12px;
}

.btn {
    position:relative;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 20px;
    line-height: initial;
    cursor: pointer;
}

    .btn:not(.btn-icon) > .icon {
        position: absolute;
        top: 20%;
    }

    .btn.btn-icon {
        padding: 7px 8px;
    }

    .btn:focus, .btn:active {
        outline: none !important;
        box-shadow: none;
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        opacity: 0.4;
    }

/* ============================== SIZES ============================== */

.btn-small {
    padding: 7.5px 12px;
    font-size: 14px;
}

.btn.btn-small.btn-secondary {
    padding: 5.5px 12px;
    font-size: 14px;
}

    .btn-small.btn-icon {
        padding: 5px 6px;
        font-size: 14px;
    }

    .btn-secondary.btn-small.btn-icon {
        padding: 3px 4px;
    }

/* ============================== PRIMARY ============================== */

.btn-primary {
    background-color: #0F369B;
    border: none;
    color: #fff;
}

    .btn-primary:hover {
        border: none;
        background-color: #1649BC;
        color: #fff;
        box-shadow: 0px 4px 12px rgba(66, 55, 154, 0.2);
    }

    .btn-primary:active {
        border: none;
        background-color: #0B2574 !important;
        color: #fff;
    }

        .btn-primary:active:focus {
            color: #fff;
        }

    .btn-primary:focus {
        color: #fff;
        box-shadow: 0 0 0 2px rgba(157, 138, 245, 0.4) !important;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        border: none;
        background-color: #0F369B;
    }

    /*DROPZONE REMOVER*/

.remover-upload {
    background-color: #0F369B;
    color: white;
}

/* ============================== SECONDARY ============================== */

.btn-secondary {
    background-color: transparent;
    border: 2px solid #0F369B;
    color: #0F369B;
}
.btn.btn-secondary {
    padding: 8px 16px;
}

    .btn-secondary:hover {
        border: 2px solid #1649BC;
        background-color: #1649BC;
        color: #fff;
        box-shadow: 0px 4px 12px rgba(66, 55, 154, 0.2);
    }

    .btn-secondary:active {
        border-color: #0B2574 !important;
        background-color: #0B2574 !important;
        color: #fff;
    }

        .btn-secondary:active:focus {
            color: #fff;
        }

    .btn-secondary:focus {
        color: #0F369B;
        border: 2px solid #0F369B;
        box-shadow: 0 0 0 2px rgba(157, 138, 245, 0.4) !important;
    }

    .btn-secondary:hover:focus {
        border: 2px solid #1649BC;
        background-color: #1649BC;
        color: #fff;
        box-shadow: 0 0 0 2px rgba(157, 138, 245, 0.4);
    }

    .btn-secondary.disabled,
    .btn-secondary[disabled],
    fieldset[disabled] .btn-secondary,
    .btn-secondary.disabled:hover,
    .btn-secondary[disabled]:hover,
    fieldset[disabled] .btn-secondary:hover,
    .btn-secondary.disabled:focus,
    .btn-secondary[disabled]:focus,
    fieldset[disabled] .btn-secondary:focus,
    .btn-secondary.disabled:active,
    .btn-secondary[disabled]:active,
    fieldset[disabled] .btn-secondary:active,
    .btn-secondary.disabled.active,
    .btn-secondary[disabled].active,
    fieldset[disabled] .btn-secondary.active {
        background-color: #fff;
        border: 2px solid #0F369B;
        color: #0F369B;
    }

/* ============================== DANGER ============================== */

.btn-danger {
    background-color: #F34242;
    border: none;
    color: #fff;
}

    .btn-danger:hover {
        border: none;
        background-color: #F46421 !important;
        color: #fff;
        box-shadow: 0px 4px 12px rgba(224, 31, 31, 0.2);
    }

    .btn-danger:active {
        border: none !important;
        background-color: #E01F1F !important;
        color: #fff;
    }

    .btn-danger:focus {
        color: #fff;
        border: none !important;
        box-shadow: 0 0 0 2px rgba(243, 66, 66, 0.4) !important;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        border: none;
        background-color: #F34242;
    }

/* ============================== GHOST ============================== */

.btn-ghost {
    padding: 8px 16px;
    background-color: none;
    border: none;
    color: #0F369B;
}

    .btn-ghost:hover {
        color: #0F369B;
        background-color: #fff;
        box-shadow: 0px 4px 12px rgba(66, 55, 154, 0.2);
    }

    .btn-ghost:active,
    .btn-ghost:active:focus {
        border: none !important;
        background-color: #0B2574 !important;
        color: #fff;
    }

    .btn-ghost:focus {
        color: #0F369B;
        border: none !important;
        box-shadow: 0 0 0 2px rgba(157, 138, 245, 0.4);
    }

    .btn-ghost.disabled,
    .btn-ghost[disabled],
    fieldset[disabled] .btn-ghost,
    .btn-ghost.disabled:hover,
    .btn-ghost[disabled]:hover,
    fieldset[disabled] .btn-ghost:hover,
    .btn-ghost.disabled:focus,
    .btn-ghost[disabled]:focus,
    fieldset[disabled] .btn-ghost:focus,
    .btn-ghost.disabled:active,
    .btn-ghost[disabled]:active,
    fieldset[disabled] .btn-ghost:active,
    .btn-ghost.disabled.active,
    .btn-ghost[disabled].active,
    fieldset[disabled] .btn-ghost.active {
        border: none;
    }

/* ============================== SKELETON ============================== */

.btn-skeleton,
.btn-skeleton:hover,
.btn-skeleton:focus,
.btn-skeleton:disabled {
    background-color: #EDF1F7;
    border: none;
    color: #EDF1F7;
    cursor: initial;
}

/* ============================== WARNING ============================== */

.btn-warning{
    color: white;
}

.btn-warning:hover {
    color: white;
}

/* ============================== BUSCA ============================== */

.btn-busca {
    padding: 5px 20px;
    border-radius: initial;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #7F26BF;
    border: none;
    color: #fff;
    z-index: 3;
}

    .btn-busca > .icon {
        left: 25%;
    }

    .btn-busca:focus, .btn-busca:active {
        outline: none !important;
        box-shadow: none;
    }

    .btn-busca:hover {
        border: none;
        background-color: #1649BC;
        color: #fff;
        box-shadow: 0px 4px 12px rgba(66, 55, 154, 0.2);
    }

    .btn-busca:active {
        border: none;
        background-color: #0B2574 !important;
        color: #fff;
    }

        .btn-busca:active:focus {
            color: #fff;
        }

    .btn-busca:focus {
        color: #fff;
        box-shadow: 0 0 0 2px rgba(157, 138, 245, 0.4) !important;
    }

    .btn-busca.disabled,
    .btn-busca[disabled],
    fieldset[disabled] .btn-busca,
    .btn-busca.disabled:hover,
    .btn-busca[disabled]:hover,
    fieldset[disabled] .btn-busca:hover,
    .btn-busca.disabled:focus,
    .btn-busca[disabled]:focus,
    fieldset[disabled] .btn-busca:focus,
    .btn-busca.disabled:active,
    .btn-busca[disabled]:active,
    fieldset[disabled] .btn-busca:active,
    .btn-busca.disabled.active,
    .btn-busca[disabled].active,
    fieldset[disabled] .btn-busca.active {
        opacity: 0.4;
        border: none;
        background-color: #0F369B;
        cursor: initial;
    }

/* ============================== TIMESHEET GLOBAL ============================== */
.btn-rounded-32 {
    width: 32px !important;
    height: 32px !important;
    padding: 8px !important;
}

.btn-detalhes{
    padding: 6px 20px 6px 16px !important;
    height: 32px;
}

.btn-detalhes .d-flex span{
    padding-top: 1.5px;
}

/* ============================== EDIT ============================== */
.btn-edit {
    background-color: #A0ABC0;
    border: none;
    color: #FFFFFF;
}

    .btn-edit:hover {
        border: none;
        background-color: #677389;
        color: #fff;
        box-shadow: 0px 4px 12px rgba(34, 94, 216, 0.2);
    }

    .btn-edit:active {
        border: none;
        background-color: #677389 !important;
        color: #FFFFFF;
    }

        .btn-edit:active:focus {
            color: #FFFFFF;
        }

    .btn-edit:focus {
        color: #FFFFFF;
        box-shadow: 0 0 0 2px rgba(92, 147, 247, 0.4) !important;
    }

    .btn-edit.disabled,
    .btn-edit[disabled],
    fieldset[disabled] .btn-edit,
    .btn-edit.disabled:hover,
    .btn-edit[disabled]:hover,
    fieldset[disabled] .btn-edit:hover,
    .btn-edit.disabled:focus,
    .btn-edit[disabled]:focus,
    fieldset[disabled] .btn-edit:focus,
    .btn-edit.disabled:active,
    .btn-edit[disabled]:active,
    fieldset[disabled] .btn-edit:active,
    .btn-edit.disabled.active,
    .btn-edit[disabled].active,
    fieldset[disabled] .btn-edit.active {
        border: none;
        background-color: #A0ABC0;
    }

/* ============================== TIMESHEET PLAY ============================== */
.btn-play {
    background-color: #3576ED;
    border: none;
    color: #fff;
}

    .btn-play:hover {
        border: none;
        background-color: #1649BC;
        color: #fff;
        box-shadow: 0px 4px 12px rgba(34, 94, 216, 0.2);
    }

    .btn-play:active {
        border: none;
        background-color: #1649BC !important;
        color: #fff;
    }

        .btn-play:active:focus {
            color: #fff;
        }

    .btn-play:focus {
        color: #fff;
        box-shadow: 0 0 0 2px rgba(92, 147, 247, 0.4) !important;
    }

    .btn-play.disabled,
    .btn-play[disabled],
    fieldset[disabled] .btn-play,
    .btn-play.disabled:hover,
    .btn-play[disabled]:hover,
    fieldset[disabled] .btn-play:hover,
    .btn-play.disabled:focus,
    .btn-play[disabled]:focus,
    fieldset[disabled] .btn-play:focus,
    .btn-play.disabled:active,
    .btn-play[disabled]:active,
    fieldset[disabled] .btn-play:active,
    .btn-play.disabled.active,
    .btn-play[disabled].active,
    fieldset[disabled] .btn-play.active {
        border: none;
        background-color: #3576ED;
    }

/* ============================== TIMESHEET PAUSE ============================== */
.btn-pause {
    background-color: #FFB92E;
    border: none;
    color: #fff;
}

    .btn-pause:hover {
        border: none;
        background-color: #FFB92E;
        color: #fff;
        box-shadow: 0px 4px 12px rgba(255, 185, 46, 0.2);
    }

    .btn-pause:active {
        border: none;
        background-color: #DB7500 !important;
        color: #fff;
    }

        .btn-pause:active:focus {
            color: #fff;
        }

    .btn-pause:focus {
        color: #fff;
        box-shadow: 0 0 0 2px rgba(255, 185, 46, 0.4) !important;
    }

    .btn-pause.disabled,
    .btn-pause[disabled],
    fieldset[disabled] .btn-pause,
    .btn-pause.disabled:hover,
    .btn-pause[disabled]:hover,
    fieldset[disabled] .btn-pause:hover,
    .btn-pause.disabled:focus,
    .btn-pause[disabled]:focus,
    fieldset[disabled] .btn-pause:focus,
    .btn-pause.disabled:active,
    .btn-pause[disabled]:active,
    fieldset[disabled] .btn-pause:active,
    .btn-pause.disabled.active,
    .btn-pause[disabled].active,
    fieldset[disabled] .btn-pause.active {
        border: none;
        background-color: #FFB92E;
    }

/* ============================== TIMESHEET CONCLUIR ============================== */
.btn-concluir {
    background-color: #46BD6F;
    border: none;
    color: #fff;
}

    .btn-concluir:hover {
        border: none;
        background-color: #157F3F;
        color: #fff;
        box-shadow: 0px 4px 12px rgba(42, 162, 84, 0.2);
    }

    .btn-concluir:active {
        border: none;
        background-color: #157F3F !important;
        color: #fff;
    }

        .btn-concluir:active:focus {
            color: #fff;
        }

    .btn-concluir:focus {
        color: #fff;
        box-shadow: 0 0 0 2px rgba(136, 223, 165, 0.4) !important;
    }

    .btn-concluir.disabled,
    .btn-concluir[disabled],
    fieldset[disabled] .btn-concluir,
    .btn-concluir.disabled:hover,
    .btn-concluir[disabled]:hover,
    fieldset[disabled] .btn-concluir:hover,
    .btn-concluir.disabled:focus,
    .btn-concluir[disabled]:focus,
    fieldset[disabled] .btn-concluir:focus,
    .btn-concluir.disabled:active,
    .btn-concluir[disabled]:active,
    fieldset[disabled] .btn-concluir:active,
    .btn-concluir.disabled.active,
    .btn-concluir[disabled].active,
    fieldset[disabled] .btn-concluir.active {
        border: none;
        background-color: #46BD6F;
    }


/* ============================== CSS Antigo ao 4.0 ============================== */

.btn-link {
    padding-left: 0;
    padding-right: 0;
    background-color: #5B158C;
    color: #FFFFFF;
    cursor: pointer;
    background-color: transparent !important;
    color: #5B158C !important;
    text-decoration: none !important;
    border-radius: 0px;
    border: none;
}

.open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #1649BC;
}

.show-btn .btn {
    opacity: 0;
    transition: .2s ease-in-out;
}

.show-btn:hover .btn {
    opacity: 1;
}

.btn-toolbar > *:not(:last-child) {
    margin-right: 0.25rem;
}


/***************** Reestruturação ******************/

.table tr.j-abre-contexto, .btn-edit-del {
    cursor: pointer;
}

.btn-group label {
    color: #1A202C;
}

.btn-radio {
    height: 24px !important;
    padding: 4px 6px !important;
    color: #888;
    background-color: #f9f9f9;
    border-color: #A0ABC0;
}

    .btn-radio.active {
        color: #fff !important;
        background-color: #4A5568;
        border-color: #4A5568;
    }

.btn-radio-maior {
    height: 35px !important;
    padding: 0 10px !important;
    color: #888;
    background-color: #f9f9f9;
    border-color: #A0ABC0;
    line-height: 30px;
}

    .btn-radio-maior.active {
        color: #fff !important;
        background-color: #4A5568;
        border-color: #4A5568;
    }

.btn-file {
    position: relative;
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
}

    .btn-file input[type=file] {
        display: none;
    }

.btnOk-dentroBusca {
    margin-left: -7px;
    height: 25px;
    padding: 5px;
    width: 28px;
}
.btn-25 {
    width: 25px;
    height: 25px;
    padding: 4px;
    font-size: 11px;
}
.btn-30 {
    width: 30px;
    height: 30px;
    padding: 6px 9px;
    font-size: 11px;
}

.btn-32 {
    width: 32px;
    height: 32px;
    padding: 8px 9px;
    font-size: 11px;
}

.btn-30 .icomoon-icon {
    font-size: 10pt;
}

.btn-35 {
    width: 35px !important;
    padding: 8px 10px;
}

.btn-40 {
    width: 40px !important;
}

.btn-default-cad {
    width: auto !important;
}

.btn-filtro {
    width: 35px;
    height: 30px;
    padding: 5px;
}

.btn-auto {
    width: auto !important;
}



.btn-drop-opcoes {
    min-width: 30px;
}

.btn-link-atrasada {
    color: #4A5568 !important;
    text-decoration: none;
    transition: .2s ease-in-out;
}

    .btn-link-atrasada:hover {
        color: #F34242 !important;
        text-decoration: none;
    }

#blc-voltar .btn {
    margin-right: 20px;
}

    #blc-voltar .btn > [class^="icon"] {
        vertical-align: middle;
    }

.btnUpgrade {
    padding-left: 8px;
    width: 70px !important;
}

.btnUpgradeMenu {
    color: white !important;
    padding-left: 5px !important;
    height: 20px;
    position: absolute;
}

.btnUpgradeSpan {
    float: right;
    margin-top: -2px;
    padding-right: 80px;
}

    .detalhe .dash-box-content .timesheet .btn-group-aprovacao .btn-group-menu {
        top: -1px;
    }

        .detalhe .dash-box-content .timesheet .btn-group-aprovacao .btn-group-menu .btn {
            padding: 0px 16px;
            height: 32px !important;
        }

        .detalhe .dash-box-content .timesheet .btn-group-aprovacao .btn-group-menu li:first-child .btn {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        .detalhe .dash-box-content .timesheet .btn-group-aprovacao .btn-group-menu li:last-child .btn {
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
        }

.detalhe .dash-box-content .timesheet .btn-group .btn {
    width: auto;
    border-radius: 20px;
    margin: auto 10px;
    padding: 0 10px;
}

.detalhe.disabled .show-field-edit,
.detalhe.disabled .btn:not(.link-busca-simples),
.detalhe.disabled .btn-file,
.detalhe.disabled .btn-novo-layout {
    display: none;
}

.btn-topo-titulo {
    background-color: transparent;
    color: #1A202C;
    padding: 0 0 0px 0px;
    display: inline-block;
    height: 35px;
    margin-bottom: 0;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid transparent;
    -moz-user-select: none;
    -ms-user-select: none;
}

    .btn-topo-titulo.btn-drop-opcoes:after {
        margin-left: 10px;
        font-size: 1rem;
    }

#btnNovoEndereco {
    display: none;
}

#btnAlterarValorModal,
#btnAtivar {
    display: none;
}
#btnAlterarValorModal,
#btnInativar {
    display: none;
}

.btn-topo-filtro {
    float: right;
}

.btn-light-novo {
    background-color: transparent;
    color: #1A202C;
    font-size: 10pt;
    font-weight: bold;
    height: 27px;
    padding-bottom: 0;
    padding-top: 0;
    text-transform: uppercase;
}

.btn-light-amarelo {
    background-color: #FFF9ED;
    color: #1A202C;
    font-size: 10pt;
    font-weight: 600;
    height: 27px;
    padding-bottom: 0;
    padding-top: 0;
}

.btn-drop-opcoes {
    min-width: unset;
}

    .btn-drop-opcoes:active {
        box-shadow: unset;
    }

.corBtnLogin {
    background: #2D3648 !important;
}
.recuperar-senha #btnRecuperar {
    width: 301px;
    margin: 15px 0px;
}

.recuperar-senha #btnVoltarLogin {
    height: 47px;
    height: 47px;
    width: 47px !important;
    padding-top: 15px;
}

#btn-mensagem img {
    display: none;
}

/* Botões play/pause/concluir do DashCriação */

.botoes-dahstrafego-tabela .btn, .botoes-dahstrafego-tabela .btn-40, .botoes-dahstrafego-tabela .icomoon-plus, .botoes-dahstrafego-tabela .icomoon-calendar {
    border-radius: 30px;
    background-color: #3576ED;
    color: #fff;
    font-size: 8pt !important;
    height: 28px !important;
    width: 28px !important;
    padding: 5px 3px !important;
}

#Detalhe .dash-block .dash-content .btn-toolbar .btn-group {
    margin-right: 15px;
}

.item-img .remove-layout .btn-edit-del {
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    border-radius: 50%;
    margin-top: 5px;
}

/****************************** Checklist p/ Eventos *******************************/

#btn-novo-checklist-eventos {
    margin-top: 20px;
}

/************************** Fim do Checklist p/ Eventos ****************************/

.btn-novo-layout {
    width: 284px;
    height: 240px;
    margin: 0 6px 15px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    border: 2px dashed #CBD2E0;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

    .btn-novo-layout > i[class*="icon-mais"] {
        width: 32px;
        height: 32px;
        background-color: #F23F87;
        color: #fff;
        border-radius: 50%;
        padding: 8px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.preview .btn-novo-texto {
    display: flex;
    position: relative;
    height: 96px;
    border: 2px dashed #CBD2E0;
    border-radius: 10px;
    cursor: pointer;
}

.preview.twitter .btn-novo-texto,
.preview.instagram .btn-novo-texto {
    margin-top: 5px;
}

.detalhe .btn-novo-layout {
    margin: 10px;
    width: 30%;
}

.detalhe .timesheet .btn-play .pl-8 {
    padding-left: 0.5rem !important;
}

.j-show-field-edit.disabled,
.disabled .layout-actions,
.disabled.btn-novo-layout {
    display: none;
}

.btn.btn-alteracao,
.btn.aprovacao-layout,
.btn.excluir-layout {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 17px;
    line-height: 0;
}

/****************************** Integração com canais sociais *******************************/
.btn-integracao {
    height: auto;
    text-align: center;
    border: 1px solid #A0ABC0;
    padding: 20px;
}

    .btn-integracao:hover {
        border-color: #CBD2E0;
    }

    .btn-integracao .social-icon:not(last-of-type) {
        margin-right: 10px;
    }

    .btn-integracao span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

a#btn-ok {
    margin: -10px 25px 9px 0px;
}

.btn-default-negativo {
    border-color: #3576ED;
    color: #3576ED;
    font-weight: bold;
}

.btn-group-filtro {
    margin-left: 130px;
}

/****************************** Direita JobPeca ****************************************/
#direita .btn-novo-layout {
    width: 157px;
    min-height: 210px;
    max-height: 210px !important;
}

.novo-modal .modal-style-center .container-button .btn-leia-mais {
    background-color: #F23F87;
    color: #fff;
}


.novo-modal-branco .modal-footer .btn {
    font-weight: 600;
    font-size: 13px;
}

.novo-modal-branco .modal-footer .btn-cancel {
    background-color: #fff;
    color: #3576ED;
    box-shadow: inset 0 0 0px 1px #3576ED;
    padding-left: 20px;
    padding-right: 20px;
}

    .novo-modal-branco .modal-footer .btn-cancel:hover,
    .novo-modal-branco .modal-footer .btn-cancel:active {
        background-color: #3576ED;
        color: #fff;
    }

.btn-sm-dsf {
    width: 38px;
    height: 29px;
    padding: 6px 9px;
    font-size: 11px;
}

#btn-rem-deducaodsf, #btn-deducaodsf {
    width: auto;
}

@media (min-width: 1700px) {

    #blc-botoes #select-board > .btn {
        font-size: 15px;
        box-shadow: none;
        border-width: 0;
    }

}

/*Tablet e celular landscape*/
@media screen and (max-width:1040px), screen and (max-height: 600px) {

    .btn-35, a.btn-35 {
        height: 35px;
    }

    #btnBuscarExistente {
        margin-top: 5px;
    }

    .btnUpgradeSpan {
        float: right;
        margin-top: -7px;
        padding-right: 53px;
    }

    /*Conciliacao bancaria*/
    .btn.btn-radio-maior {
        font-size: 11px;
    }

    /*Filtros*/
    .btn.btn-default.btn-auto.filtro-btn.seta-popover {
        margin: 0 120px;
    }

    .btn.btn-default.btn-40.data-select-btn {
        margin: 3px 8px;
    }

    /*Conciliacao Bancaria*/
    .btn.btn-radio-maior.j-radiogroup.j-radiocheckgroup-TipoConciliacao {
        display: inline-table;
    }

    .btn-light-amarelo {
        width: 82px;
    }

    .btn-drop-opcoes {
        min-width: 80px;
    }

    /*Direita*/
    #btnNovoHistorico {
        height: 35px;
    }

        #btnNovoHistorico .icomoon-plus {
            font-size: 10pt;
        }

        #btnNovoHistorico.btn.btn-primary.btn-40 {
            padding: 10px;
        }

    /*Data personalizada dentro da Busca Avançada*/
    .btnOk-dentroBusca {
        margin-left: 23px;
        height: 25px !important;
        padding: 5px !important;
        width: 28px !important;
    }

    #dash-financeiro .btn {
        position: absolute;
        top: 5px;
        left: 500px;
    }
}

.detalhe .dash-box-content .timesheet .btn.btn-pill {
    width: auto;
    border-radius: 2em;
    padding: .375rem 1.25rem;
    font-size: 12px;
}

@media (max-width: 768px) {

    #btn-mensagem {
        cursor: pointer;
    }

        #btn-mensagem img {
            display: block;
        }
}

.btn-novo-anexo {
    width: 230px;
    height: 200px;
    background-color: transparent;
    cursor: pointer;
    border: 2px dashed #CBD2E0;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px 10px;
}

.layout-container .item-layout.item-anexo,
#anexo-container .item-layout.item-anexo {
    width: 250px;
    min-height: 200px;
    margin: 0 10px 20px !important;
}

/* Rock Theme */

    .rock-theme .btn {
        display: inline-flex;
        align-items: center;
        padding-top: unset;
        font-size: 1rem;
        line-height: initial;
        border-radius: 8px;
        height: 2.5rem;
        padding-bottom: unset;
        padding-right: 1rem;
        padding-left: 1rem;
        font-weight: 500;
        text-align: unset;
        vertical-align: unset;
        border: unset;
        white-space: nowrap;
    }

        .rock-theme .btn:not(.btn-icon) > .icon {
            position: initial;
            top: unset;
        }

        /* Fix css margin/padding span between icon */
        .rock-theme .btn:not(.btn-icon) > .icon + span {
            margin-left: .5rem !important;
            padding: 0 !important;
        }

    .rock-theme .btn-icon {
        padding-right: unset;
        padding-left: unset;
        width: 40px;
        justify-content: center;
    }

    .rock-theme .btn.btn-small {
        height: 2rem;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 20px;
    }

    .rock-theme .btn-icon.btn-small {
        width: 2rem;
    }

    .rock-theme .btn.btn-xsmall {
        height: 1.5rem;
        padding: 0px 6px;
        font-size: 0.75rem;
        line-height: 12px;
    }

    .rock-theme .btn-icon.btn-xsmall {
        width: 1.5rem;
    }

    /* Loading button */
    .rock-theme .btn[loading] {
        color: transparent !important;
        border-color: transparent !important;
        position: relative;
        min-width: 40px;
        pointer-events: none;
    }

    .rock-theme .btn.btn-initial-width[loading] {
        max-width: 40px;
        overflow: hidden;
    }

        .rock-theme .btn[loading]:before {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            text-align: center;
            color: #fff;
            top: 0;
            z-index: 2;
            display: block;
            height: 100%;
            background-size: 16px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 20px;
        }

        .rock-theme .btn.btn-secondary[loading]:before,
        .rock-theme .btn.btn-ghost[loading]:before,
        .rock-theme .btn.btn-danger[loading]:before,
        .rock-theme .btn.btn-menu[loading]:before {
            background-image: url(/Content/images/utils/loader.svg);
        }

        .rock-theme .btn.btn-primary[loading]:before,
        .rock-theme .btn.btn-play[loading]:before,
        .rock-theme .btn.btn-pause[loading]:before,
        .rock-theme .btn.btn-concluir[loading]:before {
            background-image: url(/Content/images/utils/loader-white.svg);
        }

.rock-theme .btn-small[loading] {
    min-width: 32px;
}

.rock-theme .btn.btn-small-initial-width[loading] {
    max-width: 32px;
    overflow: hidden;
}

.rock-theme .btn-xsmall[loading] {
    width: 1.5rem;
}

.rock-theme .btn.btn-xsmall-initial-width[loading] {
    max-width: 1.5rem;
    overflow: hidden;
}

/* Button Primary Style */

.rock-theme .btn-primary {
    color: #fff;
    background-color: #5B158C;
    border-color: #5B158C;
}

    .rock-theme .btn-primary:hover {
        background-color: #7F26BF;
        ;
        box-shadow: 0px 2px 4px -1px rgba(34, 94, 216, 0.06), 0px 4px 6px -1px rgba(34, 94, 216, 0.1);
    }

    .rock-theme .btn-primary:active,
    .rock-theme .btn-primary:not(:disabled):not(.disabled):active,
    .rock-theme .btn-primary:not(:disabled):not(.disabled).active,
    .rock-theme .show > .btn-primary.dropdown-toggle {
        background-color: #420F66 !important;
    }

        .rock-theme .btn-primary:focus {
            box-shadow: 0 0 0 3px rgba(53, 118, 237, 0.4) !important;
        }

/* Button Secondary Style */

.rock-theme .btn-secondary {
    color: #4A5568;
    background-color: #fff;
    border-color: #DAE1EB;
    border-width: 2px !important;
    border-style: solid;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

    .rock-theme .btn-secondary:hover {
        background-color: #F6E9FF;
        color: #7F26BF;
        box-shadow: 0px 2px 4px -1px rgba(34, 94, 216, 0.06), 0px 4px 6px -1px rgba(34, 94, 216, 0.1);
        border-color: #BB6DF2;
    }

    .rock-theme .btn-secondary:active,
    .rock-theme .btn-secondary:not(:disabled):not(.disabled):active,
    .rock-theme .btn-secondary:not(:disabled):not(.disabled).active,
    .rock-theme .show > .btn-secondary.dropdown-toggle {
        background-color: #F6E9FF !important;
        color: #7F26BF;
        box-shadow: 0px 4px 12px 0px rgba(91, 21, 140, 0.2), 0px 4px 6px -1px rgba(91, 21, 140, 0.2);
        border-color: #5B158C;
    }

    .rock-theme .btn-secondary:focus {
        box-shadow: 0px 0px 0px 3px rgba(91, 21, 140, 0.2) !important;
        border-color: #DAA6FF;
        background-color: #F6E9FF !important;
        color: #7F26BF;
    }


/* Button Ghost Style */

.rock-theme .btn-ghost {
    color: #4A5568;
    background-color: transparent !important;
    border-color: transparent !important;
    border-width: 2px !important;
    border-style: solid !important;
}

    .rock-theme .tooltip-force-disabled:hover .btn-ghost,
    .rock-theme .btn-ghost:hover {
        background-color: #F5F8FF !important;
        color: #5B158C;
        box-shadow: 0px 2px 4px -1px rgba(34, 94, 216, 0.06), 0px 4px 6px -1px rgba(34, 94, 216, 0.1);
        border-color: #DAA6FF !important;
    }

    .rock-theme .btn-ghost:active,
    .rock-theme .btn-ghost:not(:disabled):not(.disabled):active,
    .rock-theme .btn-ghost:not(:disabled):not(.disabled).active,
    .rock-theme .show > .btn-ghost.dropdown-toggle {
        background-color: #F5F8FF !important;
        color: #5B158C;
        box-shadow: 0px 2px 4px -1px rgba(34, 94, 216, 0.06), 0px 4px 6px -1px rgba(34, 94, 216, 0.1);
        border-color: #DAA6FF !important;
        border-width: 2px !important;
        border-style: solid !important;
    }

    .rock-theme .btn-ghost:focus {
        box-shadow: 0px 0px 0px 3px rgba(53, 118, 237, 0.1) !important;
        background-color: #fff !important;
    }

/* Button Danger Style */

.rock-theme .btn-danger {
    color: #4A5568;
    background-color: #fff;
    border-color: #E2E7F0;
    border-width: 2px !important;
    border-style: solid;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

    .rock-theme .btn-danger:hover {
        background-color: #FFF6F6 !important;
        color: #E01F1F;
        box-shadow: 0px 2px 4px -1px rgba(224, 31, 31, 0.06), 0px 4px 6px -1px rgba(224, 31, 31, 0.1);
        border-color: #FFC7C7;
    }

    .rock-theme .btn-danger:active,
    .rock-theme .btn-danger:not(:disabled):not(.disabled):active,
    .rock-theme .btn-danger:not(:disabled):not(.disabled).active,
    .rock-theme .show > .btn-danger.dropdown-toggle {
        background-color: #FFF6F6 !important;
        color: #8A1919;
        box-shadow: 0px 2px 4px -1px rgba(224, 31, 31, 0.06), 0px 4px 6px -1px rgba(224, 31, 31, 0.1);
        border-color: #FFC7C7 !important;
        border-width: 2px !important;
        border-style: solid !important;
    }

    .rock-theme .btn-danger:focus {
        box-shadow: 0px 0px 0px 3px rgba(224, 31, 31, 0.1) !important;
        border-color: #FFC7C7 !important;
        border-style: solid !important;
        border-width: 2px !important;
    }


/* Button Menu Style */

.rock-theme .btn-menu {
    color: #5B158C;
    background-color: transparent !important;
}

    .rock-theme .btn-menu:hover,
    .rock-theme .btn-menu:active,
    .rock-theme .btn-menu:not(:disabled):not(.disabled):active,
    .rock-theme .btn-menu:not(:disabled):not(.disabled).active,
    .rock-theme .show > .btn-menu.dropdown-toggle {
        background-color: #F6E9FF !important;
        color: #5B158C;
    }

/* #### DARK MENU BUTTON #### */

.rock-theme .dark-menu .btn-menu {
    color: #A0ABC0;
    background-color: transparent !important;
}

    .rock-theme .dark-menu .btn-menu:hover,
    .rock-theme .dark-menu .btn-menu:active,
    .rock-theme .dark-menu .btn-menu:not(:disabled):not(.disabled):active,
    .rock-theme .dark-menu .btn-menu:not(:disabled):not(.disabled).active,
    .rock-theme .dark-menu .show > .btn-menu.dropdown-toggle {
        background-color: #2D3648 !important;
        color: #FFFFFF;
    }


/* Blc botões config  */
.rock-theme #blc-botoes > div > :nth-child(n):not(:first-child):not(.container-botoes) {
    margin-left: 12px !important;
    margin-right: 0 !important;
}

.rock-theme .btn-busca {
    height: 35px;
    background-color: #7F26BF;
    border-color: #7F26BF;
    border-radius: 4px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.btn-group-views button {
    width: 40px;
    height: 40px;
    padding: 0 !important;
}

    .btn-group-views button:first-child,
    .btn-group-views button:last-child {
        width: 48px;
    }

.btn.btn-custom-plan {
    background: #FFFFFF;
    border: 1px solid #225ED8;
    border-radius: 8px;
    color: #225ED8;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .icomoon-chevron-left-16,
.carousel-control .icomoon-chevron-right-16 {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .icomoon-chevron-left-16 {
    left: 50%;
}

.carousel-control .icon-next,
.carousel-control .icomoon-chevron-right-16 {
    right: 50%;
}


@media screen and (min-width: 768px) {
    .carousel-control .icomoon-chevron-left-16,
    .carousel-control .icomoon-chevron-right-16,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }
}
.dropdown-menu{
    font-size: 0.875rem;
    width: max-content;
}
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #BB6DF2;
        text-decoration: none;
        outline: 0;
        background: none;
        font-weight: 600;
    }

.dropdown-menu.datepicker-dropdown {
    z-index: 1060 !important;
}

.dropdown-menu ul li {
    cursor: pointer;
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 120%;
}
    .dropdown-menu li:hover {
        background-color: #F7FAFD !important;
    }

    .dropdown-menu li a {
        cursor: pointer;
    }

    .dropdown-menu a:hover {
        background-color: transparent;
    }

    .dropdown-menu a:active {
        background-color: transparent;
    }

ul.dropdown-menu {
    line-height: 1.2;
    padding: 12px 0px;
}

ul.dropdown-menu li {
    padding: 7px 16px 8px 16px;
    cursor: pointer;
}

    ul.dropdown-menu li a{
        padding: 0;
    }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0B2574;
    border-color: #0B2574;
}


.dropdown-menu-titulo {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin: 20px 20px 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #CBD2E0;
}

    .dropdown-menu-titulo:before {
        content: "";
        position: absolute;
        top: -14px;
        left: calc(50% - 15px);
        width: 27px;
        height: 15px;
        background: url(/Content/images/utils/triangulo.png);
    }

.dropdown-menu-ordena {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin-right: 10px;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #CBD2E0;
}

#blc-conteudo-topo .dropdown-menu-titulo li a {
    cursor: pointer;
}

#blc-conteudo-topo .titulo.dropdown {
    padding-left: 0;
    padding-top: 0;
}

#blc-conteudo-topo .dropdown-menu li {
    cursor: inherit;
}

@media screen and (max-width:1040px), screen and (max-height: 600px) {
    /*Botao de opcoes*/
    ul.dropdown-light-direita {
        left: -171px !important;
        top: 21px;
        width: auto;
    }
}

.dropdown-menu > li > a {
    color: #1A202C;
    padding: 5px 15px;
}

ul.dropdown-light-direita {
    left: -175px;
    top: 24px;
    width: 296px;
}

ul.dropdown-light-direita li {
    text-align: left;
}

.dropdown-cor-veiculo {
    font-weight: 600 !important;
}

.dropdown-toggle:after {
    display: none;
}

@media (max-width: 1440px) {
    .fix-overflow .dropdown-light-direita {
        overflow-y: auto;
        height: 350px;
    }
}

.j-menu-ordem, .menu-ordenacao {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

#ordena-kanban li:hover, .filtro-prioridade li:hover {
    background-color: #F7FAFD !important;
}

#ordena-kanban li.active-prioridade a, .filtro-prioridade li.active-prioridade {
    color: #5C93F7 !important;
    font-weight: 600 !important;
}

.j-drop-opcoes show {
    padding: 0px 50px 20px 0px;
    width: 50px;
}
label {
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    color: #1A202C;
}

    label.destaque {
        color: #225ED8;
        font-weight: 600;
    }

.form-control {
    font-weight: 500;
    color: #1A202C;
}

    .form-control.required {
        padding-left: 9px;
    }

    .form-control:focus {
        border-color: #BB6DF2;
        box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.075);
    }

.form-group {
    position: relative;
}

    .form-group::after {
        content: "";
        display: block;
        clear: both;
    }

textarea {
    resize: vertical;
}

textarea.form-control {
    height: 100px;
    resize: vertical;
}

.form-control.field-transparent {
    border: none;
    background-color: transparent;
    padding: 1px;
}

    .form-control.field-transparent.requerido,
    .form-control.field-transparent.required,
    .form-control.field-transparent.requerido:hover,
    .form-control.field-transparent.requerido:active,
    .form-control.field-transparent.requerido:focus
    .form-control.field-transparent.required:hover,
    .form-control.field-transparent.required:active,
    .form-control.field-transparent.required:focus {
        border-left: 3px solid #F34242 !important;
        padding-left: 5px;
    }

.text-area-maior {
    height: 187px !important;
}

textarea.expandable {
    height: 35px;
}

    textarea.expandable:focus {
        height: 100px;
    }

.opacity.disabled {
    opacity: 0.5;
}

input[type="checkbox"],
input[type="radio"] {
    display: none;
}

    input[type="checkbox"] ~ label,
    input[type="radio"] ~ label {
        cursor: pointer;
    }

        input[type="checkbox"] ~ label span,
        input[type="radio"] ~ label span {
            display: inline-block;
            width: 22px;
            height: 22px;
            margin: 0 4px;
            vertical-align: middle;
            cursor: pointer;
        }

    input[type="radio"]:disabled ~ label span {
        cursor: not-allowed;
    }

    input[type="checkbox"] ~ label span {
        background: url(/Content/images/forms/checkbox@2x.png) left no-repeat;
        background-size: 154px 22px;
    }

    input[type="checkbox"]:indeterminate ~ label span {
        background: url(/Content/images/forms/checkbox@2x.png) -110px no-repeat;
        background-size: 154px 22px;
    }

    input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label span {
        background: url(/Content/images/forms/checkbox@2x.png) -45px no-repeat;
        background-size: 154px 22px;
    }

    /* Mudanças para checkbox disable aqui*/
    input[type="checkbox"]:disabled ~ label:hover span, input[type="checkbox"].check-readonly ~ label:hover span {
        cursor: not-allowed;
    }

    input[type="checkbox"]:disabled:checked ~ label:hover span, input[type="checkbox"].check-readonly:checked ~ label:hover span {
        background: url(/Content/images/forms/checkbox@2x.png) -88px no-repeat;
        background-size: 154px 22px;
    }

    input[type="checkbox"]:checked:disabled ~ label span, input[type="checkbox"].check-readonly:checked ~ label span {
        background: url(/Content/images/forms/checkbox@2x.png) -88px no-repeat;
        background-size: 154px 22px;
    }

    input[type="checkbox"].check-readonly:not([checked]) ~ label:hover span {
        background: url(/Content/images/forms/checkbox@2x.png) left no-repeat;
        background-size: 154px 22px;
    }

    input[type="checkbox"].check-readonly:checked ~ label:hover span {
        background: url(/Content/images/forms/checkbox@2x.png) -88px no-repeat;
        background-size: 154px 22px;
    }

    input[type="checkbox"]:not([disabled]) ~ label:hover span {
        background: url(/Content/images/forms/checkbox@2x.png) -22px no-repeat;
        background-size: 154px 22px;
    }

    input[type="checkbox"]:indeterminate:not([disabled]) ~ label:hover span {
        background: url(/Content/images/forms/checkbox@2x.png) -132px no-repeat;
        background-size: 154px 22px;
    }

    input[type="radio"] ~ label span {
        background: url(/Content/images/forms/radio-button@2x.png) left top no-repeat;
        background-size: 110px !important;
    }
    /***/
    input[type="radio"]:disabled:not([checked]) ~ label span,
    input[type="radio"]:not([checked]).check-readonly ~ label span,
    input[type="radio"]:not([checked]).check-readonly ~ label:hover span {
        background: url(/Content/images/forms/radio-button@2x.png) -66px top no-repeat;
        background-size: 110px !important;
    }

    input[type="radio"]:disabled:checked ~ label span, input[type="radio"]:checked.check-readonly ~ label span, input[type="radio"]:checked.check-readonly ~ label:hover span {
        background: url(/Content/images/forms/radio-button@2x.png) -88px top no-repeat;
        background-size: 110px !important;
    }

    input[type="radio"] ~ label:hover span {
        background: url(/Content/images/forms/radio-button@2x.png) -22px top no-repeat;
        background-size: 110px !important;
    }

    input[type="radio"]:checked ~ label span {
        background: url(/Content/images/forms/radio-button@2x.png) -44px top no-repeat;
        background-size: 110px !important;
    }

.input-validation-error,
.input-validation-error-custom,
.input-validation-error .select2-choice {
    border-color: #F34242 !important;
    background-color: #FFF6F6 !important;
    background-image: none !important;
}

.field-validation-error {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 18px;
    height: 18px;
    background: url(/Content/images/forms/alert-circle.svg) no-repeat;
    background-position: center;
    transform: translateY(-50%);
    margin-top: 16px;
    margin-left: -25px;
}

    .form-group [class*="col"] .field-validation-error {
        margin-left: -41px;
    }

    .form-group [class*="col"] .form-datepicker + .field-validation-error {
        margin-left: -80px;
    }

.form-group > .form-datepicker + .field-validation-error {
    margin-left: -65px;
}

.field-validation-error > span:after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 9px;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #F34242;
}

.field-validation-error > span,
.span-message.field-validation-error {
    position: absolute;
    top: 26px;
    right: -7px;
    z-index: 10;
    padding: 2px 5px;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    background: #F34242;
}

.input-group .field-validation-error {
    top: 5px;
    right: 20px;
}

.label-info {
    height: 14px;
    margin-left: 4px;
    background: none;
    cursor: pointer;
    display: inline-block;
}

    .label-info + .popover {
        font-size: 9pt;
    }

.label-info-tooltip {
    font-size: 11px;
    color: black;
    font-weight: 600;
}

.label-radio,
.label-check {
    margin: 0;
    font-size: 10pt;
    line-height: initial;
}

.input-group-addon .label-radio,
.input-group-addon .label-check,
.input-group-addon .label-radio > span,
.input-group-addon .label-check > span {
    margin: 0 4px;
}
.switch-center .switch{
    margin: auto;
}
.switch {
    width: 52px;
    height: 21px;
    margin-bottom: 0;
    padding: 0;
    cursor: pointer;
}

    .switch input[type="checkbox"] {
        width: 50px;
        height: 26px;
    }

    .switch span {
        position: relative;
        display: inline-block;
    }

        .switch span::before {
            content: attr(data-nao);
            float: left;
            top: auto;
            width: 52px;
            height: 21px;
            -ms-border-radius: 15px;
            border-radius: 15px;
            background-color: #A0ABC0;
            color: #fff;
            font-size: 10px;
            text-indent: 22px;
            line-height: 21px;
            text-transform: uppercase;
            font-weight: bold;
            overflow: hidden;
            -webkit-transition: text-indent .3s ease;
            -moz-transition: text-indent .3s ease;
            -ms-transition: text-indent .3s ease;
            -o-transition: text-indent .3s ease;
            transition: text-indent .3s ease;
        }

        .switch span::after {
            content: "";
            position: absolute;
            top: 4px;
            left: 4px;
            width: 13px;
            height: 13px;
            background-color: #fff;
            -ms-border-radius: 100%;
            border-radius: 100%;
            -webkit-transition: left .3s ease;
            -moz-transition: left .3s ease;
            -ms-transition: left .3s ease;
            -o-transition: left .3s ease;
            transition: left .3s ease;
        }

    .switch input[type="checkbox"]:checked + span::before {
        content: attr(data-sim);
        background-color: #BB6DF2;
        text-indent: 10px;
    }

    .switch.disabled input[type="checkbox"] + span::before {
        opacity: 0.5;
    }

    .switch input[type="checkbox"]:checked + span::after {
        left: 35px;
        background-color: #FFF;
    }

.switch-m {
    width: 50px;
    height: 31px;
}

    .switch-m input[type="checkbox"] {
        width: 50px;
        height: 31px;
    }

    .switch-m span::before {
        width: 50px;
        height: 23px;
        font-size: 8pt;
        text-indent: 21px;
        line-height: 23px;
    }

    .switch-m span::after {
        width: 14px;
        height: 14px;
    }

    .switch-m input[type="checkbox"]:checked + span::before {
        text-indent: 7px;
    }

    .switch-m input[type="checkbox"]:checked + span::after {
        left: 30px;
    }

div.field-edit {
    min-height: 25px;
    border: 1px solid transparent;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    overflow: hidden;
    outline: none;
    cursor: text;
    -webkit-transition: border .3s, background .3s;
    -moz-transition: border .3s, background .3s;
    -ms-transition: border .3s, background .3s;
    -o-transition: border .3s, background .3s;
    transition: border .3s, background .3s;
}

div.field-edit-tinymce {
    min-height: 450px;
    border: 1px solid transparent;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    overflow: hidden;
    outline: none;
    cursor: text;
    -webkit-transition: border .3s, background .3s;
    -moz-transition: border .3s, background .3s;
    -ms-transition: border .3s, background .3s;
    -o-transition: border .3s, background .3s;
    transition: border .3s, background .3s;
}

.date-edit {
    min-height: 25px;
    padding: 3px 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    outline: none;
    cursor: text;
    -webkit-transition: border .3s, background .3s;
    -moz-transition: border .3s, background .3s;
    -ms-transition: border .3s, background .3s;
    -o-transition: border .3s, background .3s;
    transition: border .3s, background .3s;
    border: 1px solid #CBD2E0;
    background-color: #fff;
}

.field-edit:enabled:not(.form-select):hover,
.field-edit:enabled:not(.form-select):focus,
.field-edit:enabled:not(.form-select):active {
    border: 1px solid #CBD2E0;
    background-color: #fff;
}

.field-edit-expand {
    height: 25px;
}

    .field-edit-expand:hover,
    .field-edit-expand:focus,
    .field-edit-expand:active,
    .field-edit-expand-evento:hover,
    .field-edit-expand-evento:focus,
    .field-edit-expand-evento:active {
        background-color: #fff;
        position: absolute;
        top: 0;
        width: 95%;
        height: auto;
        z-index: 1;
    }

#tab-dados-gerais .form-group {
    position: relative;
}

form-bordereau {
    padding-bottom: 10px;
    padding-top: 10px;
}

.form-group .checkbox-inline,
.form-group .radio-inline {
    margin-top: 8px;
}

.radio-group {
    line-height: 35px;
}

.form-group .radio-group {
    padding-top: 0;
}

.form-dash {
    height: 35px;
    line-height: 35px;
    font-weight: 700;
    padding: 0;
}

.form-control-lbl {
    height: 35px;
    color: #4A5568;
    font-size: 11pt;
    line-height: 35px;
    border: none;
    background: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-datepicker > input[disabled] + .input-group-addon,
.form-datepicker > input.disabled + .input-group-addon {
    background-color: #EDF1F7;
}

.form-group .primaria {
    color: #225ED8;
    font-size: 12pt;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-group .secundaria {
    color: #1A202C;
    display: block;
    font-size: 9pt;
}

label.inline {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
}

.form-inline .form-group {
    margin: 0 15px;
    vertical-align: top;
}

.form-inline .form-control {
    display: block;
}

.form-inline textarea {
    height: 35px;
}

.form-horizontal label {
    display: inline-block !important;
    vertical-align: middle;
}

/******************* Novos Inputs ***********************/
.form-control {
    box-shadow: none;
    border: 1px solid #E2E7F0;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.875rem;
}

    .form-control:focus {
        box-shadow: none;
    }

.form-group .required,
.form-group .required:focus,
.form-group .requerido,
.form-group .requerido:focus {
    box-shadow: none;
    border-left: 3px solid #F34242 !important;
    border-radius: 3px;
}

.input-group-addon {
    max-height:35px;
    border-color: #E2E7F0;
    background: #F7FAFD;
    font-weight: 600;
    color: #A0ABC0;
}

.check-canal-group {
    position: relative;
    border-bottom: 1px solid #E2E7F0;
    border-top: 1px solid #E2E7F0;
    background: #fff;
    padding: 15px;
    margin-top: 10px;
}

    .check-canal-group:before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        border-top: 1px solid #E2E7F0;
        border-left: 1px solid #E2E7F0;
        top: -6px;
        left: 26px;
        transform: rotate(45deg);
        background: #fff;
    }


.check-canal ~ .label-check {
    margin: 0;
}

    .check-canal ~ .label-check .icon {
        font-size: 18px;
        vertical-align: middle;
        color: #A0ABC0;
    }

        .check-canal ~ .label-check .icon ~ p {
            display: inline-block;
            font-weight: bold;
            margin: 0;
            margin-left: 5px;
            font-size: 11px;
            text-transform: uppercase;
        }

input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-facebook-20,
input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-facebook-20 ~ p {
    color: #0B2574;
}

input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-instagram-20,
input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-instagram-20 ~ p {
    color: #D6236D;
}

input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-twitter-20,
input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-twitter-20 ~ p {
    color: #3576ED;
}

input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-linkedin-20,
input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-linkedin-20 ~ p {
    color: #1649BC;
}

input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-pinterest-20,
input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-pinterest-20 ~ p {
    color: #8A1919;
}

input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-youtube-20,
input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-youtube-20 ~ p {
    color: #F34242;
}

input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-rss-20,
input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-rss-20 ~ p {
    color: #F46421;
}

input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-plus-square-16,
input[type="checkbox"]:not([disabled]):checked:not(.check-readonly) ~ label .icomoon-plus-square-16 ~ p {
    color: #3576ED;
}

.field-edit-group .show-field-edit,
.field-edit-group .show-field-edit label {
    display: inline-flex;
    margin: 0 0 0 8px;
    cursor: pointer;
}

.field-edit-group .hide-field-edit,
.field-edit-group .hide-field-edit label {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 5px;
    border-radius: 50%;
    color: #46BD6F;
    font-weight: bold;
    cursor: pointer;
}

input.dia_grade {
    font-size: 10pt;
    padding: 1px;
    text-align: center;
    width: 85%;
    display: block;
    margin: 0 auto;
}

input.meses_grade {
    width: 70%;
}

@media screen and (max-width:1040px), screen and (max-height: 600px) {
    label, .form-control {
        font-size: 12px !important;
    }

    /*Botoes de selecao*/
    .radio-group .label-radio {
        font-size: 12px;
    }
}

/*Para arrumar bug na data personalizada*/
.data-select-txts {
    width: 100%;
}

#tab-programa .form-control {
    padding: 6px;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

span.label-valor-proposta {
    display: block;
    text-align: left;
    color: #1A202C;
}


span.valor-proposta {
    text-align: right;
    display: block;
    padding: 0 5px;
    font-weight: 600;
}

#conteudo .field-validation-error {
    position: absolute;
    right: auto;
    top: auto;
    margin: 10px 0 0 2px;
}

#conteudo .label-check {
    padding: 0px 67px 0 0;
}

#manter-logado .label-check {
    margin-top: -22px;
}

#manter-logado > label {
    margin: 25px 0 0 -130px;
}

.post label {
    padding: 10px 0px;
}

#conteudo-rec-senha{
    margin-top: 120px;
}

    #conteudo-rec-senha > div {
        width: 100%;
        max-width: 387px;
    }

.file-input-wrapper {
    width: auto !important;
    padding: 8px 10px !important;
}

.fixo {
    position: absolute;
    z-index: 1;
    display: table;
    table-layout: fixed;
}

.exibe-campo-label {
    color: #F23F87;
    cursor: pointer;
    text-decoration: underline dotted !important;
    padding: 0px 0px;
}

.campo-oculto-label {
    display: none;
}

.expande-label {
    color: #225ED8;
    cursor: pointer;
    font-weight: 600;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 1.2;
}

    .expande-label::before {
        font-weight: bolder;
    }

.input-group-text {
    font-size: 0.9rem;
    background-color: #F7FAFD;
    border-color: #E2E7F0;
}

.input-group-text.seta-popover {
    background: #fff;
    font-size: 11px;
    color: #A0ABC0;
}

.input-w-1 {
    width: 40px !important;
}

.input-w-2 {
    width: 48px !important;
}

.input-w-3 {
    width: 56px !important;
}

.input-w-4 {
    width: 64px !important;
}


/* INÍCIO CSS Notas Fiscais - Form usado em: notas fiscais */
/* (Caso esse CSS seja aplicado em outras views/modulos manter aqui atualizado ) */

.form-group .field-validation-valid:empty + .label-helper {
    display: block;
}

.nf-espacamento-vertical-padrao .field-validation-error {
    position: initial;
    top: initial;
    left: initial;
    margin-left: initial !important;
    display: block;
    width: initial;
    height: initial;
    background: initial;
    transform: initial;
    margin-top: .25rem;
}

    .nf-espacamento-vertical-padrao .field-validation-error > span {
        position: initial;
        top: initial;
        right: initial;
        z-index: initial;
        padding: initial;
        color: #F34242;
        font-size: 13px;
        text-align: left;
        font-weight: normal;
        text-transform: initial;
        white-space: normal;
        background: transparent;
        display: block;
    }
    .nf-espacamento-vertical-padrao .field-validation-error > span:after {
        display: none;
    }

    .form-group .label-helper-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        z-index: -1;
        transition: opacity 350ms ease;
        display: flex;
    }

        .form-group .label-helper-content strong {
            font-weight: bold;
        }

        .form-group .hover-auto-helper:hover .label-helper-content,
        .form-group .hover-auto-helper .select2-dropdown-open .label-helper-content,
        .form-group .hover-auto-helper-on .label-helper-content {
            opacity: 1;
            z-index: 1;
        }

.form-group .hover-auto-helper div[class*="col-"] > .relative {
    min-height: 100%;
}

.form-group .label-helper-content.label-helper-content-position-top {
    bottom: 0;
    top: initial;
}

.form-group .label-helper-content i {
    color: #677389;
    margin-right: 16px;
}

.form-group .label-helper-content p:last-child {
    margin-bottom: 0;
}

.theme-radio-purple .switch input[type="checkbox"]:checked + span::before {
    background-color: #BB6DF2;
}

.custom-radio-square .radio-group {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

    .custom-radio-square .radio-group > span {
        width: 33.333%;
        text-align: center;
        height: 65px;
        line-height: 1.35;
        display: table;
        vertical-align: middle;
    }

        .custom-radio-square .radio-group > span > label {
            display: block;
            color: #677389;
            font-weight: 600;
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px;
            padding-right: 10px;
            border: 2px solid #E2E7F0;
            border-radius: 3px;
            background-color: #fff;
        }

.custom-radio-square input[type="checkbox"] ~ label span,
.custom-radio-square input[type="radio"] ~ label span {
    display: none;
}

.custom-radio-square input[type="checkbox"]:checked ~ label,
.custom-radio-square input[type="radio"]:checked ~ label {
    color: #7F26BF;
    background-color: #F6E9FF;
    border-color: #BB6DF2;
}

/* FIM CSS Notas Fiscais */

/* MODAL NOVA PEÇA  - REDES SOCIAIS */

input[type="checkbox"] ~ label span {
    margin: 0 8px 0 0;
    width: 20px;
    height: 20px;
}

#modal-novo-jobpeca .check-canal-group,
#modalDetalhe .check-canal-group {
    border: none;
    border-top: 1px solid #C5CDD9;
    background-color: transparent;
    margin-top: 24px;
    padding: 16px 0 0px 0;
}

    #modal-novo-jobpeca .check-canal ~ .label-check .icon,
    #modalDetalhe .check-canal ~ .label-check .icon,
    #direita .check-canal ~ .label-check .icon{
        font-size: 20px;
        color: #9BA5B3;
    }

    #modal-novo-jobpeca .check-canal-group:before,
    #modalDetalhe .check-canal-group:before{
        background-color: #FFFFFF;
        border-top: 1px solid #C5CDD9;
        border-left: 1px solid #C5CDD9;
        left: 26px;
    }

#modal-novo-jobpeca .list-inline-item:not(:last-child),
#modalDetalhe .list-inline-item:not(:last-child) {
    margin-right: 40px;
}

/* FIM MODAL NOVA PEÇA  - REDES SOCIAIS */


/* Inicio componente RadioGroupSquare */

.custom-group-radio-label-choose {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.custom-group-rlc {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

    .custom-group-rlc + .custom-group-rlc {
        margin-left: 16px;
    }

.custom-group-radio-label-choose input[type="checkbox"],
.custom-group-radio-label-choose input[type="radio"] {
    display: none;
}

    .custom-group-radio-label-choose input[type="checkbox"] + label,
    .custom-group-radio-label-choose input[type="radio"] + label {
        color: #697280;
        font-weight: 600;
        box-shadow: inset 0px 0px 0px 2px #DAE1EB;
        border-radius: 3px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 4rem;
        text-align: center;
    }

    .custom-group-radio-label-choose input[type="checkbox"]:checked + label,
    .custom-group-radio-label-choose input[type="radio"]:checked + label {
        color: #7F26BF;
        background-color: #F6E9FF;
        box-shadow: inset 0px 0px 0px 2px #BB6DF2;
    }

.custom-group-radio-label-choose label div {
    padding-left: .75rem;
    padding-right: .75rem;
    display: block;
}

/* Fim componente RadioGroupSquare*/

/*** Post ****/
#filtro-post .form-control.txt-busca-simples {
    border-radius: 4px;
}
.link-primary {
    font-weight: 600;
    line-height: 120%;
    color: #7F26BF !important;
    cursor: pointer;
}

    .link-primary.link-small {
        font-size: 12px;
    }

    .link-primary.link-medium {
        font-size: 14px;
    }

    .link-primary.link-large {
        font-size: 16px;
    }

    .link-primary:hover {
        color: #7F26BF !important;
        text-decoration-line: underline !important;
    }

    .link-primary:active {
        color: #7F26BF !important;
    }

    .link-primary:focus {
        color: #b200ff !important;
        text-decoration-line: underline;
    }

    .link-primary.disabled {
        color: #7F26BF;
        pointer-events: none;
    }

.link-success {
    font-weight: 600;
    line-height: 120%;
    color: #007f2a !important;
}

    .link-success.link-medium {
        font-size: 14px;
    }

    .link-success:hover {
        text-decoration-line: underline !important;
    }

.modal {
    background: rgba(0,0,0,0.2);
}

.modal-content {
    padding: 0;
}

@-moz-document url-prefix() {
    .modal-content {
        max-height: 90vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

    .modal-header {
        background: #fff;
        padding: 24px 32px;
    }

    .modal-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 1.2;
    }
        .modal-title > .title {
            font-size: 20px;
        }

        .modal-title > .subtitle {
            display: block;
            margin-top: 3px;
        }

        .modal-title > .subtitle-gray-upper {
            font-size: 11px;
            font-weight: bold;
            color: #9a9da4;
            text-transform: uppercase;
        }

    .modal-subtitle {
        font-weight: bold;
        text-transform: uppercase;
        color: #A0ABC0;
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: 0.02em;
        margin: 0;
    }

    .modal-header .close {
        font-size: 30px;
        opacity: 1;
        color: #677389;
        font-weight: 500;
    }

    .modal-subheader {
        padding: 8px 82px 20px 30px;
    }

    .modal-body {
        padding: 20px 30px;
        height: auto !important;
    }

    #modal-conciliacao .modal-body {
        padding: 20px 30px;
        overflow: auto;
        height: auto !important;
    }

    .modal-footer {
        padding: 20px 30px;
        margin: 0;
    }

    .modal-content.has-navs .modal-header {
        border-bottom: 0;
    }

    .modal-content.has-navs .modal-body {
        padding: 0;
    }

    .modal-content.has-navs .tab-content {
        padding: 20px 30px;
        background: #F7FAFD;
    }

    .modal-content.has-navs .nav-tabs {
        background: #fff;
        cursor: initial;
    }

        .modal-content.has-navs .nav-item:not(.disabled) {
           cursor: pointer;
        }

    .modal-content.has-navs .tab-content .tab-pane {
        padding: 0;
    }

    .modal-content.has-navs .modal-footer {
        background: #F7FAFD;
        border-top: 0;
    }
    /*************** Reestruturação ****************/
    #modal-lancamento-recibo #tb-sugeridos {
        overflow: auto;
        max-height: 400px;
    }

    #ajax-loader-modal {
        display: inline-block;
        height: 20px;
        width: 30px;
        padding: 0;
        background-image: url(/Content/images/utils/loader.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: calc(50% - 20px);
        bottom: 25px;
    }

    #modal-concluir-detalhe .modal-content {
        background: #fff;
        padding: 0;
        border-radius: 2px;
    }

    #modal-concluir-detalhe .modal-header {
        padding: 25px 30px;
        border-top: 0;
    }

        #modal-concluir-detalhe .modal-header .modal-title {
            font-size: 20px;
            font-weight: 600;
        }

    #modal-concluir-detalhe .modal-body,
    #modal-concluir-detalhe .modal-footer {
        padding: 24px 30px !important;
    }
    /******************************** Modal Edit Layout/Ideia **************************/
    #modal-edit-joblayout .modal-body,
    #modal-edit-ideia .modal-body {
        overflow-x: hidden;
    }

    #modal-edit-joblayout .miniatura-layout-image,
    #modal-edit-ideia .miniatura-layout-image {
        height: 200px;
        cursor: default;
        margin-bottom: 5px;
    }

        #modal-edit-joblayout .miniatura-layout-image .img-container,
        #modal-edit-ideia .miniatura-layout-image .img-container {
            height: 200px;
            background-repeat: no-repeat;
            background-position: center;
            margin-top: -20px;
            cursor: pointer;
        }

            #modal-edit-joblayout .miniatura-layout-image .img-container img,
            #modal-edit-ideia .miniatura-layout-image .img-container img {
                position: absolute;
                top: 100px;
            }

        #modal-edit-joblayout .miniatura-layout-image:after,
        #modal-edit-ideia .miniatura-layout-image:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
        }

        #modal-edit-joblayout .miniatura-layout-image::after,
        #modal-edit-ideia .miniatura-layout-image::after {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            height: 200px;
            background-color: rgba(0,0,0,0.5);
        }

        #modal-edit-joblayout .miniatura-layout-image .edita-img,
        #modal-edit-ideia .miniatura-layout-image .edita-img {
            background-color: #2D3648;
        }

        #modal-edit-joblayout .miniatura-layout-image:hover .icomoon-icon,
        #modal-edit-ideia .miniatura-layout-image:hover .icomoon-icon {
            display: inline-block;
            transition: .3s;
            position: absolute;
            top: 75px;
        }

        #modal-edit-joblayout .miniatura-layout-image:hover .icomoon-zoom-in,
        #modal-edit-ideia .miniatura-layout-image:hover .icomoon-zoom-in {
            left: 175px;
        }

        #modal-edit-joblayout .miniatura-layout-image:hover .icomoon-attachment,
        #modal-edit-ideia .miniatura-layout-image:hover .icomoon-attachment {
            left: inherit;
            right: 175px;
        }

    #modal-edit-joblayout .layout-descricao,
    #modal-edit-ideia .layout-descricao {
        font-size: 14px;
        padding: 5px;
        text-align: center;
        border-bottom: solid 1px #CBD2E0;
        margin-bottom: 15px;
    }

    #modal-edit-joblayout .subtitulo-modal,
    #modal-edit-ideia .subtitulo-modal {
        font-weight: 700;
        text-align: center;
        cursor: default;
    }

    #modal-edit-joblayout .radio-group,
    #modal-edit-ideia .switch {
        display: inline;
    }

    #modal-edit-joblayout .comentario-modal,
    #modal-edit-ideia .comentario-modal {
        font-weight: 300;
        width: 100%;
        margin: 5px 0;
        border-color: #CBD2E0;
        border-radius: 5px;
    }

    #modal-edit-joblayout #partial-auditoria,
    #modal-edit-ideia #partial-auditoria {
        clear: both;
        background: #FFF;
        border: solid 1px #CBD2E0;
        margin-top: 40px;
    }

        #modal-edit-joblayout #partial-auditoria #time-line #interacao:nth-child(odd) .foto img,
        #modal-edit-ideia #partial-auditoria #time-line #interacao:nth-child(odd) .foto img {
            left: -21%;
        }

        #modal-edit-joblayout #partial-auditoria #time-line #interacao:nth-child(even) .foto img,
        #modal-edit-ideia #partial-auditoria #time-line #interacao:nth-child(even) .foto img {
            right: calc(100% + 52px);
        }

        #modal-edit-joblayout #partial-auditoria #historico-sem-registro .table tr.nenhum-registro td.active,
        #modal-edit-ideia #partial-auditoria #historico-sem-registro .table tr.nenhum-registro td.active {
            background-color: #EEE !important;
        }

    #modal-edit-joblayout .form-group,
    #modal-edit-ideia .form-group {
        margin: 0;
    }

        #modal-edit-joblayout .form-group #DescricaoStr,
        #modal-edit-ideia .form-group #DescricaoStr {
            width: 100%;
        }

    #modal-edit-joblayout .msg-anexo #drop_AnexoStr,
    #modal-edit-ideia .msg-anexo #drop_AnexoStr {
        position: absolute;
        background: #FFF;
        min-height: 30px;
        padding-top: 5px;
    }

    #modal-edit-joblayout .msg-anexo .dropzone,
    #modal-edit-ideia .msg-anexo .dropzone {
        border: none;
        background: #FFF;
        padding: 0;
    }

    #modal-edit-joblayout .field-validation-error,
    #modal-edit-ideia .field-validation-error {
        position: absolute;
        top: 200px;
        left: 0;
    }

    #modal-edit-joblayout #DescricaoStr-error,
    #modal-edit-ideia #DescricaoStr-error {
        position: relative;
        right: 0;
    }

    #modal-edit-joblayout .altera-imagem,
    #modal-edit-ideia .altera-imagem {
        margin-bottom: 15px;
    }

    #modal-edit-joblayout #drop_AnexoStr,
    #modal-edit-ideia #drop_AnexoStr {
        margin-top: 0px;
        width: 100%;
        border: solid 1px #A0ABC0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 3px 10px;
        color: #225ED8;
    }

        #modal-edit-joblayout #drop_AnexoStr .dz-message,
        #modal-edit-ideia #drop_AnexoStr .dz-message {
            background-image: none !important;
            height: 25px;
            top: 0;
        }

        #modal-edit-joblayout #drop_AnexoStr .dz-preview,
        #modal-edit-ideia #drop_AnexoStr .dz-preview {
            display: none !important;
        }

    .modal .btn-novo-layout {
        width: 230px;
        height: 241px;
        margin: 0 0 16px 0;
    }
    /****************************** Fim Modal Edit Layout/Ideia ************************/
    #modal-selecionar-contas .list-group-item, #modal-selecionar-conta-rd .list-group-item {
        background: none;
        border: none;
    }

        #modal-selecionar-contas .list-group-item > *, #modal-selecionar-conta-rd .list-group-item > * {
            display: inline-block;
        }

        #modal-selecionar-contas .list-group-item > img, #modal-selecionar-conta-rd .list-group-item > img {
            max-width: 45px;
            max-height: 45px;
        }
    /****************************** Novo Modal *******************************/
    .modal #ajax-loader-modal {
        bottom: 4px;
    }

    .modal .nav-modal li a .menu-nome {
        width: 0;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
    }

    .modal .nav-modal li a .menu-icon {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    .modal .nav-modal li .menu-icon {
        display: inline-block;
        vertical-align: sub;
        font-size: 16px;
    }

    .modal .nav-modal li a.active .menu-nome {
        width: auto;
    }

    .modal .nav-modal li.active .menu-icon {
        opacity: 1;
    }

    .modal .layout-container {
        background: transparent;
        padding: 0;
    }

        .modal .layout-container .download-todos {
            margin-bottom: 10px;
            padding: 0;
        }

        .modal .layout-container .item-layout,
        .modal #anexo-container .item-layout {
            width: 234px;
            height: 241px;
            margin: 0 0 16px 12px;
            padding: 14px 20px 20px;
        }

            .modal .layout-container .item-layout:nth-child(3n+2),
            .modal #anexo-container .item-layout:nth-child(3n+2) {
                margin-left: 0;
            }

            .modal .layout-container .item-layout .layout-thumbnail {
                height: 110px;
            }

            .modal .layout-container .item-layout .layout-title {
                color: #1A1F26;
                margin: 12px 0 8px 0;
            }

            .modal .layout-container .item-layout .layout-data {
                color: #697280;
                font-weight: 500;
                line-height: 14px;
            }

        .modal .layout-container .btn-layout {
            width: 206px;
            margin: 0 10px 30px;
        }

            

    .modal .select2-container .select2-choice {
        box-shadow: none;
        border-color: #E2E7F0;
        border-radius: 3px;
        background: #fff;
    }

        .modal .select2-container .select2-choice .select2-arrow {
            padding-top: 1px;
        }

            .modal .select2-container .select2-choice .select2-arrow b {
                font-family: "icomoon";
                background: none;
                font-size: 10px;
                color: #888;
            }

                .modal .select2-container .select2-choice .select2-arrow b:before {
                    content: "\e96e";
                }

    .modal .select2-dropdown-open .select2-choice .select2-arrow b:before {
        content: "\e96f";
    }

    .modal .briefing-header {
        margin-bottom: 25px;
    }

    .modal .modal-style-center .container-width-control {
        margin: 0 50px;
    }

    .modal .modal-style-center .title {
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        margin: 0 35px;
        line-height: 1.35em;
    }

    .modal .modal-style-center .description {
        margin-top: 15px;
        text-align: center;
        color: #4A5568;
        font-size: 14px;
        line-height: 1.6em;
    }

    .modal .modal-style-center .container-slider {
        margin-top: 40px;
    }

    .modal .modal-style-center .slider .item img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .modal .modal-style-center .container-button {
        margin-top: 40px;
    }

    .modal .modal-style-center .container-contratar {
        margin-top: 15px;
        text-align: center;
        line-height: 1.6em;
    }

        .modal .modal-style-center .container-contratar strong {
            display: block;
            font-weight: 800;
        }

    .modal .label-check {
        font-size: 14px;
        font-weight: bold;
    }
    /******************************************************************************/

    /* Modal Novo Layout */
    .modal-backdrop { /* experimental - melhorar a sobreposição de modais */
        display: none !important;
    }

    .novo-modal-branco .modal-body,
    .novo-modal .modal-footer {
        background-color: #fff;
    }

    .novo-modal-branco .modal-body {
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
    }

    .novo-modal-branco .novo-modal .modal-title,
    .novo-modal-branco .row label {
        color: #2D3648;
    }

    .novo-modal-branco .row label {
        font-size: 14px;
        font-weight: 600;
        /*margin-bottom: 5px;*/
    }

    .novo-modal-branco .row .form-group > label:after {
        content: ":";
    }

    .novo-modal-branco .row {
        margin-bottom: 15px;
    }

        .novo-modal-branco .row:last-child {
            margin-bottom: 0;
        }

        .novo-modal-branco .row .radio-group {
            height: initial;
            line-height: initial;
        }

            .novo-modal-branco .row .radio-group > span:first-child .label-radio.inline > span {
                margin-left: 0;
            }

            .novo-modal-branco .row .radio-group > span {
                display: inline-block;
            }

        .novo-modal-branco .row label.label-radio.inline {
            font-weight: 700;
            text-transform: uppercase;
            font-size: 12px;
            color: #677389;
        }

        .novo-modal-branco .row input:checked ~ label.label-radio.inline {
            color: #2D3648;
        }

        .novo-modal-branco .row label.label-radio.inline > span {
            margin-top: -3px;
        }

    .novo-modal-branco .dropzone {
        border-width: 2px;
        border-color: #E2E7F0;
        border-style: dotted;
    }
    /* Ajuste para modal de meu perfil */
    #modal-alterar-perfil .form-group {
        margin-left: 0;
        margin-right: 0;
    }
    .subtitulo-modal-cenp {
        font-size: 17px;
        margin: 20px 0px;
        font-weight: bolder;
    }

    #modal-cenp-meios .modal-body {
        padding-bottom: 30px !important;
    }
    /**************************** Modal Modelo de Job ***************************/
    .header-view-mode {
        margin-top: 35px;
    }

        .header-view-mode .box-icon {
            margin: 0;
        }

        .header-view-mode .title-modal {
            margin-top: 15px;
            margin-bottom: 0;
            font-size: 20px;
            color: #2D3648;
        }

        .header-view-mode .descricao {
            margin-bottom: 0;
            font-size: 14px;
            color: #4A5568;
            font-weight: 500;
            max-width: 300px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 10px;
        }

            .header-view-mode .descricao:empty {
                margin: 0;
            }
    
    .modal ::-webkit-input-placeholder {
        font-style: normal;
        color: #9BA5B3;
    }

    .modal ::-moz-placeholder {
        font-style: normal;
        color: #9BA5B3;
    }
    /* firefox 19+ */
    .modal :-ms-input-placeholder {
        font-style: normal;
        color: #9BA5B3;
    }
    /* ie */
    .modal input:-moz-placeholder {
        font-style: normal;
        color: #9BA5B3;
    }

        .modal .cadastro-modelo-job .modal-header {
            padding-bottom: 20px;
        }

        .modal .cadastro-modelo-job .modal-header .top-titles {
            margin-bottom: 10px;
        }

        .modal .cadastro-modelo-job .modal-header .title-modelo,
        .modal .cadastro-modelo-job .modal-header .title-ideal {
            display: block;
        }

        .modal .cadastro-modelo-job .modal-header .title-modelo {
            font-size: 20px;
            font-weight: 600;
            height: initial;
        }

        .modal .cadastro-modelo-job .modal-header .title-ideal {
            font-size: 14px;
            font-weight: 600;
            padding-left: 0;
            height: auto;
        }

        .modal .cadastro-modelo-job .modal-header .title-padrao {
            font-weight: bold;
            font-size: 14px;
            margin-bottom: 0;
            margin-top: 1px;
        }

    .modal .cadastro-modelo-job .box-modelo-padrao label {
        color: #2D3648;
        font-weight: bold;
        padding-top: 0;
    }

    .novo-modal.cadastro-modelo-job .nav-modal li a .menu-nome {
        width: auto;
    }

    .modal .cadastro-modelo-job .modal-body {
        padding-bottom: 0 !important;
        background-color: #fff;
    }

    .modal .cadastro-modelo-job .tab-content.center-content {
        background-color: #F7FAFD;
    }

    .modal .cadastro-modelo-job .modal-footer {
        background-color: #F7FAFD;
    }

    #ajax-loader-modal.ajax-loader.continuous-save {
        float: right;
        left: initial;
        right: 160px;
        bottom: 30px;
        width: initial;
        min-width: 65px;
        line-height: 21px;
        background-position: right center;
    }

        #ajax-loader-modal.ajax-loader.continuous-save.saved {
            background-image: none;
            min-width: 53px;
            display: block !important;
        }

        #ajax-loader-modal.ajax-loader.continuous-save:before {
            color: #2AA254;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            float: left;
        }

        #ajax-loader-modal.ajax-loader.continuous-save.saved:before {
            content: attr(data-save);
        }

        #ajax-loader-modal.ajax-loader.continuous-save.saved:after {
            content: "\e917";
            position: absolute;
            bottom: 4px;
            right: 0px;
            color: #fff;
            background-color: #46BD6F;
            border-radius: 50%;
            font-size: 6px;
            width: 10px;
            height: 10px;
            padding-top: 1px;
            text-align: center;
            text-decoration: inherit;
            display: inline-block;
            font-family: "icomoon";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
        }

    .novo-modal.escolher-modelo-de-job .modal-body {
        border-top: 1px solid #CBD2E0;
        padding-bottom: 30px !important;
    }

    .novo-modal.escolher-modelo-de-job .modal-footer {
        display: none;
    }

    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 90%;
            margin: 1.75rem auto;
        }
    }

    @media (min-width: 768px) {
        #modal-container-conciliacao .modal-dialog {
            min-width: 800px;
        }

        .modal-dialog {
            width: 600px;
        }
    }

    @media (max-width: 992px) {

        .modal-dialog {
            width: auto;
        }
    }

    .group-modelos-de-job > .list-modelos .btn-view {
        position: absolute;
        top: 12px;
        right: 16px;
        height: 32px;
        line-height: 10px;
        opacity: 0;
    }

        .group-modelos-de-job > .list-modelos .list-modelos-item:hover .btn-view {
            opacity: 1;
        }
/************************** Fim Modal Modelo de Job *************************/

#modalNovaPeca .modal-footer {
    background: white;
    border-top: 1px solid #dee2e6;
}

.modal #info-modal .detalhe-briefing p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
    color: #2F3640;
}

.modal #info-modal #grid-detalhe-briefing-job > div:last-child .detalhe-briefing p,
.modal #info-modal #grid-detalhe-briefing-cliente > div:last-child .detalhe-briefing p {
    margin-bottom: 0;
}

#briefingHover #btnImprimirBriefing {
    display: none;
    position: absolute;
    right: 15px;
}

    #briefingHover:hover #btnImprimirBriefing {
        display: flex;
    }

#texto-modal ul li:last-child {
    margin-bottom: 0 !important;
}

#modal-alterar-perfil .nav-modal .nav-item:not(:last-of-type) {
    margin-right: 0;
}

#modal-alterar-perfil .nav-modal .nav-item {
    flex: 1;
}
.nav-tabs {
    color: #4A5568;
    cursor: default;
    cursor: pointer;
    border-bottom-color: transparent;
    border: none;
}

.nav-tabs .nav-item .nav-link {
    font-weight: 600;
    color: #677389;
    border:none;
    line-height:1.2;
}

    .nav-tabs .nav-item .nav-link.disabled {
        font-weight: 600;
        color: #A0ABC0;/* gray-400 */
        border: none;
        cursor: crosshair !important;
    }

.nav-tabs .nav-link:hover {
    color: #4A5568;/* gray-600 */
    border:none;
    background-color: transparent !important;  
}

.nav-tabs nav-link:focus {
    color: #677389;
}

.nav-inline {
    border-bottom: none;
}

    .nav-inline .nav-item {
        position: relative;
        margin-bottom: 0;
    }

    .nav-inline .nav-link {
        border: none;
        font-weight: 500;
        font-size: 1rem;
        color: #A0ABC0;
        padding: 0;
        margin: 0;
        margin-bottom: .250rem;
        padding-bottom: 0.5rem;
    }

    .nav-inline .nav-item:not(:last-of-type) {
        margin-right: 2rem;
    }

    .nav-inline .nav-link.active {
        font-weight: 600;
    }

        .nav-inline .nav-link.active .badge-count {
            background-color: #BB6DF2 !important;
        }

        .nav-inline .nav-link.disabled .badge-count {
            background-color: #A0ABC0 !important;
        }

    .nav-inline .nav-link:after {
        content: "";
        background: #BB6DF2;/*blue-500*/
        border-radius: 4px 4px 0px 0px; 
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 0;
        transition: height 225ms ease;
    }



    .nav-inline .nav-link.active:after
    {
        height: 4px;
    }

    .nav-inline .nav-item.cor_facebook .nav-link.active:after {
        height: 4px;
        background: #0B2574;
    }

    .nav-inline .nav-item.cor_blog .nav-link.active:after {
        height: 4px;
        background: #F46421;
    }

    .nav-inline .nav-item.cor_instagram .nav-link.active:after {
        height: 4px;
        background: #F23F87;
    }

    .nav-inline .nav-item.cor_youtube .nav-link.active:after {
        height: 4px;
        background: #F34242;
    }

    .nav-inline .nav-item.cor_linkedin .nav-link.active:after {
        height: 4px;
        background: #1649BC;
    }

    .nav-inline .nav-item.cor_outros .nav-link.active:after {
        height: 4px;
        background: #3576ED;
    }

    .nav-inline .nav-item.cor_pinterest .nav-link.active:after {
        height: 4px;
        background: #8A1919;
    }

    .nav-inline .nav-item.cor_twitter .nav-link.active:after {
        height: 4px;
        background: #3576ED;
    }


.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #4A5568;
    background-color: transparent !important;
    border-color: #E2E7F0 #E2E7F0 #fff;
}

.nav-tabs.nav-inline .nav-link.active,
.nav-tabs.nav-inline .nav-item.show .nav-link {
    color: #171923;/*gray-900*/
}

.nav-tabs.nav-link{
    border-width: 0;
    border-bottom-style: solid;
    padding-bottom: 15px;
    background-color: transparent;
}

.nav-inline {
    border-bottom: none;
}

    .nav-tabs.nav-link:focus {
        border-width: 0;
        border-bottom-width: 4px;
        border-radius: 4px;
        color: #1649BC;
        opacity:0.4;
    }

.detalhe .nav-tabs a {
    background-color: #EDF1F7;
}

.detalhe .nav > li > a:hover,
.detalhe .nav > li > a:focus {
    background-color: #fff;
}

.detalhe .tab-content {
    background: #fff;
    border: 1px solid #CBD2E0;
}

    .detalhe .tab-content .tab-pane {
        padding: 32px;
    }

.detalhe .nav-tabs li a {
    margin: 0;
    border-color: #CBD2E0;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    color: #677389;
}

.detalhe .nav-tabs > li.active > a,
.detalhe .nav-tabs > li.active > a:hover,
.detalhe .nav-tabs > li.active > a:focus {
    border-radius: 4px;
    border-bottom-color: transparent;
    color: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.detalhe .nav-tabs li:first-child a {
    border-radius: 4px 0 0 0;
}

.detalhe .nav-tabs li:not(:first-child) a {
    border-left: 0
}

.detalhe .nav-tabs li:last-child a {
    border-radius: 0 4px 0 0;
}

.tab-content.tab-interna {
    border: none;
}

.nav-tabs.nav-interna {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #E2E7F0 !important;
}

    .nav-tabs.nav-interna li {
        margin-top: 30px;
    }

        .nav-tabs.nav-interna li a {
            border-width: 0;
            border-bottom-style: solid;
            background-color: transparent;
        }

            .nav-tabs.nav-interna li a:hover,
            .nav-tabs.nav-interna li a:focus,
            .nav-tabs.nav-interna li.active a,
            .nav-tabs.nav-interna > li.active > a,
            .nav-tabs.nav-interna > li.active > a:hover,
            .nav-tabs.nav-interna > li.active > a:focus {
                border-bottom-color: #4A5568;
                color: inherit;
                border-width: 0;
                border-bottom-width: 4px;
                border-radius: 0;
            }

            .nav-tabs.nav-interna li a .social-nome {
                width: 0;
                overflow: hidden;
                display: inline-block;
                vertical-align: middle;
            }

        .nav-tabs.nav-interna li.active a .social-nome {
            width: auto;
        }

 /* ------------------------------------------------------------------------------------------------------
 ----------------------------------------- NAV DIREITA ---------------------------------------------------
 ------------------------------------------------------------------------------------------------------ */
    ul.nav-direita {
        margin-top: 15px;
        border-bottom: 1px solid #E2E7F0;
    }

.nav-direita > li > a {
    border: none;
    padding: 4px 14px;
    color: #677389;
    font-size: 8pt;
    font-weight: bold;
}

    .nav-direita > li > a:hover,
    .nav-direita > li > a:focus {
        background-color: transparent;
        border: none;
        outline: none;
    }

    .nav-direita > li > a.active,
    .nav-direita > li > a.active:hover,
    .nav-direita > li > a.active:focus {
        border: none;
        border-bottom: 3px solid #5C93F7;
        color: #1A202C;
        outline: none;
    }

/*================== Tabs Preview ====================*/

#tab-panes .tab-pane {
    background: #fff;
}

.tab-pane {
    padding: 10px 0;
}

.tab-content.tab-preview {
    border: none;
    background: #F7FAFD;
}

    .tab-content.tab-preview .tab-pane {
        padding: 0;
    }

.nav-tabs.nav-preview {
    border: none;
    display: flex;
    justify-content: center;
}

    .nav-tabs.nav-preview li {
        margin-top: 30px;
    }

        .nav-tabs.nav-preview li a {
            border-width: 0;
            border-bottom-style: solid;
            padding-bottom: 15px;
            background-color: transparent;
        }

            .nav-tabs.nav-preview li.active a,
            .nav-tabs.nav-preview li a:hover {
                border-width: 0;
                border-bottom-width: 4px;
                border-radius: 0;
            }

            .nav-tabs.nav-preview li a .social-nome {
                width: 0;
                overflow: hidden;
                display: inline-block;
                vertical-align: middle;
            }

            .nav-tabs.nav-preview li a label {
                width: 0;
                margin-bottom: auto;
                overflow: hidden;
                display: inline-block;
                vertical-align: middle;
            }

            .nav-tabs.nav-preview li a.active .social-nome,
            .nav-tabs.nav-preview li a.active label {
                width: auto;
            }

            .nav-tabs.nav-preview li.active a label img {
                margin-bottom: 2px;
            }

    .nav-tabs.nav-preview .cor_facebook a,
    .nav-tabs.nav-preview .cor_facebook a.active {
        color: #0B2574 !important;
        border-bottom-color: #0B2574 !important;
    }

    .nav-tabs.nav-preview .cor_instagram a,
    .nav-tabs.nav-preview .cor_instagram a.active {
        color: #F23F87 !important;
        border-bottom-color: #F23F87 !important;
    }

    .nav-tabs.nav-preview .cor_twitter a,
    .nav-tabs.nav-preview .cor_twitter a.active {
        color: #3576ED !important;
        border-bottom-color: #3576ED !important;
    }

    .nav-tabs.nav-preview .cor_linkedin a,
    .nav-tabs.nav-preview .cor_linkedin a.active {
        color: #1649BC !important;
        border-bottom-color: #1649BC !important;
    }

    .nav-tabs.nav-preview .cor_pinterest a,
    .nav-tabs.nav-preview .cor_pinterest a.active {
        color: #8A1919 !important;
        border-bottom-color: #8A1919 !important;
    }

    .nav-tabs.nav-preview .cor_youtube a,
    .nav-tabs.nav-preview .cor_youtube a.active {
        color: #F34242 !important;
        border-bottom-color: #F34242 !important;
    }

    .nav-tabs.nav-preview .cor_blog a,
    .nav-tabs.nav-preview .cor_blog a.active {
        color: #F46421 !important;
        border-bottom-color: #F46421 !important;
    }

    .nav-tabs.nav-preview .cor_outros a,
    .nav-tabs.nav-preview .cor_outros a.active {
        color: #3576ED !important;
        border-bottom-color: #3576ED !important;
    }

    .nav-tabs.nav-preview li .social-icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        font-size: 19px;
        line-height: 1;
    }

    .nav-tabs.nav-preview li.active .social-icon {
        margin-right: 8px;
    }
.panel-default > .panel-heading {
    color: #1A202C;
    background-color: #fff;
    border-color: #E2E7F0;
}

.popover {
    display: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#plano-popover{
    min-width: 700px !important;
}

#plano-popover div.planejamento-periodo {
    width: 100% !important;
}

#plano-popover table.tb-detalhes-plano {
    width: 100% !important;
}

#plano-popover div.popover-content {
    overflow-y: initial;
}
.progress.progress-small {
    height: 8px;
    border-radius: 10px;
}

.progress.progress-medium {
    height: 16px;
    border-radius: 10px;
}
.progress, 
.progress .progress-bar {
    box-shadow: none;
}
.progress-inverse {
    background-color: #E2E7F0;
}
.progress-bar,
.progress-bar-info {
    background-color: #3576ED;
}
.progress-bar-success {
    background-color: #46BD6F;
}
.progress-bar-warning {
    background-color: #FFB92E;
}
.progress-bar-danger {
    background-color: #F34242;
}
/* NOVO PADRÃO DE MARGINS PADDINGS BOOTSTRAP 4.3.1 */

/* Resumo */
/* Valor 1 equivale a 4 pixels */
/* Valor 2 equivale a 6 pixels */
/* Valor 3 equivale a 8 pixels */
/* Valor 4 equivale a 10 pixels */
/* Valor 5 equivale a 12 pixels */
/* Valor 6 equivale a 14 pixels */
/* Valor 7 equivale a 16 pixels */
/* Valor 8 equivale a 20 pixels */
/* Valor 9 equivale a 24 pixels */
/* Valor 10 equivale a 32 pixels */
/* Valor 11 equivale a 40 pixels */
/* Valor 12 equivale a 48 pixels */

/* Valor 1 equivale a 4 pixels */

/* MARGIN ZERO */

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

/* MARGIN 1 */

.m-1 {
    margin: 0.25rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

/* MARGIN 2 */

.m-2 {
    margin: 0.375rem !important;
}

.mt-2 {
    margin-top: 0.375rem !important;
}

.mr-2 {
    margin-right: 0.375rem !important;
}

.mb-2 {
    margin-bottom: 0.375rem !important;
}

.ml-2 {
    margin-left: 0.375rem !important;
}

.my-2 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
}

.mx-2 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
}

/* MARGIN 3 */

.m-3 {
    margin: 0.5rem !important;
}

.mt-3 {
    margin-top: 0.5rem !important;
}

.mr-3 {
    margin-right: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 0.5rem !important;
}

.ml-3 {
    margin-left: 0.5rem !important;
}

.my-3 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.mx-3 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

/* MARGIN 4 */

.m-4 {
    margin: 0.625rem !important;
}

.mt-4 {
    margin-top: 0.625rem !important;
}

.mr-4 {
    margin-right: 0.625rem !important;
}

.mb-4 {
    margin-bottom: 0.625rem !important;
}

.ml-4 {
    margin-left: 0.625rem !important;
}

.my-4 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
}

.mx-4 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
}

/* MARGIN 5 */

.m-5 {
    margin: 0.75rem !important;
}

.mt-5 {
    margin-top: 0.75rem !important;
}

.mr-5 {
    margin-right: 0.75rem !important;
}

.mb-5 {
    margin-bottom: 0.75rem !important;
}

.ml-5 {
    margin-left: 0.75rem !important;
}

.my-5 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.mx-5 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
}

/* MARGIN 6 */

.m-6 {
    margin: 0.875rem !important;
}

.mt-6 {
    margin-top: 0.875rem !important;
}

.mr-6 {
    margin-right: 0.875rem !important;
}

.mb-6 {
    margin-bottom: 0.875rem !important;
}

.ml-6 {
    margin-left: 0.875rem !important;
}

.my-6 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
}

.mx-6 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
}

/* MARGIN 7 */

.m-7 {
    margin: 1rem !important;
}

.mt-7 {
    margin-top: 1rem !important;
}

.mr-7 {
    margin-right: 1rem !important;
}

.mb-7 {
    margin-bottom: 1rem !important;
}

.ml-7 {
    margin-left: 1rem !important;
}

.my-7 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.mx-7 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

/* MARGIN 8 */

.m-8 {
    margin: 1.25rem !important;
}

.mt-8 {
    margin-top: 1.25rem !important;
}

.mr-8 {
    margin-right: 1.25rem !important;
}

.mb-8 {
    margin-bottom: 1.25rem !important;
}

.ml-8 {
    margin-left: 1.25rem !important;
}

.my-8 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.mx-8 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
}

/* MARGIN 9 */

.m-9 {
    margin: 1.5rem !important;
}

.mt-9 {
    margin-top: 1.5rem !important;
}

.mr-9 {
    margin-right: 1.5rem !important;
}

.mb-9 {
    margin-bottom: 1.5rem !important;
}

.ml-9 {
    margin-left: 1.5rem !important;
}

.my-9 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mx-9 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

/* MARGIN 10 */

.m-10 {
    margin: 2rem !important;
}

.mt-10 {
    margin-top: 2rem !important;
}

.mr-10 {
    margin-right: 2rem !important;
}

.mb-10 {
    margin-bottom: 2rem !important;
}

.ml-10 {
    margin-left: 2rem !important;
}

.my-10 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.mx-10 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

/* MARGIN 11 */

.m-11 {
    margin: 2.5rem !important;
}

.mt-11 {
    margin-top: 2.5rem !important;
}

.mr-11 {
    margin-right: 2.5rem !important;
}

.mb-11 {
    margin-bottom: 2.5rem !important;
}

.ml-11 {
    margin-left: 2.5rem !important;
}

.my-11 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.mx-11 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
}

/* MARGIN 12 */

.m-12 {
    margin: 3rem !important;
}

.mt-12 {
    margin-top: 3rem !important;
}

.mr-12 {
    margin-right: 3rem !important;
}

.mb-12 {
    margin-bottom: 3rem !important;
}

.ml-12 {
    margin-left: 3rem !important;
}

.my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mx-12 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}


/* Custom Margin */
.mt-15 {
    margin-top: 5rem !important;
}

/* PADDING ZERO */

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

/* PADDING 0.5 */
.p-05 {
    padding: 0 0.125rem;
}

.pt-05,
.py-05 {
    padding-top: 0.125rem;
}

.pr-05,
.px-05 {
    padding-right: 0.125rem;
}

.pb-05,
.py-05 {
    padding-bottom: 0.125rem;
}

.pl-05,
.px-05 {
    padding-left: 0.125rem;
}

/* PADDING 1 */

.p-1 {
    padding: 0.25rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

/* PADDING 2 */

.p-2 {
    padding: 0.375rem !important;
}

.pt-2 {
    padding-top: 0.375rem !important;
}

.pr-2 {
    padding-right: 0.375rem !important;
}

.pb-2 {
    padding-bottom: 0.375rem !important;
}

.pl-2 {
    padding-left: 0.375rem !important;
}

.py-2 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

.px-2 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
}

/* PADDING 3 */

.p-3 {
    padding: 0.5rem !important;
}

.pt-3 {
    padding-top: 0.5rem !important;
}

.pr-3 {
    padding-right: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 0.5rem !important;
}

.pl-3 {
    padding-left: 0.5rem !important;
}

.py-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.px-3 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

/* PADDING 4 */

.p-4 {
    padding: 0.625rem !important;
}

.pt-4 {
    padding-top: 0.625rem !important;
}

.pr-4 {
    padding-right: 0.625rem !important;
}

.pb-4 {
    padding-bottom: 0.625rem !important;
}

.pl-4 {
    padding-left: 0.625rem !important;
}

.py-4 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

.px-4 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
}

/* PADDING 5 */

.p-5 {
    padding: 0.75rem !important;
}

.pt-5 {
    padding-top: 0.75rem !important;
}

.pr-5 {
    padding-right: 0.75rem !important;
}

.pb-5 {
    padding-bottom: 0.75rem !important;
}

.pl-5 {
    padding-left: 0.75rem !important;
}

.py-5 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.px-5 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

/* PADDING 6 */

.p-6 {
    padding: 0.875rem !important;
}

.pt-6 {
    padding-top: 0.875rem !important;
}

.pr-6 {
    padding-right: 0.875rem !important;
}

.pb-6 {
    padding-bottom: 0.875rem !important;
}

.pl-6 {
    padding-left: 0.875rem !important;
}

.py-6 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
}

.px-6 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
}

/* PADDING 7 */

.p-7 {
    padding: 1rem !important;
}

.pt-7 {
    padding-top: 1rem !important;
}

.pr-7 {
    padding-right: 1rem !important;
}

.pb-7 {
    padding-bottom: 1rem !important;
}

.pl-7 {
    padding-left: 1rem !important;
}

.py-7 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.px-7 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

/* PADDING 8 */

.p-8 {
    padding: 1.25rem !important;
}

.pt-8 {
    padding-top: 1.25rem !important;
}

.pr-8 {
    padding-right: 1.25rem !important;
}

.pb-8 {
    padding-bottom: 1.25rem !important;
}

.pl-8 {
    padding-left: 1.25rem !important;
}

.py-8 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.px-8 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}

/* PADDING 9 */

.p-9 {
    padding: 1.5rem !important;
}

.pt-9 {
    padding-top: 1.5rem !important;
}

.pr-9 {
    padding-right: 1.5rem !important;
}

.pb-9 {
    padding-bottom: 1.5rem !important;
}

.pl-9 {
    padding-left: 1.5rem !important;
}

.py-9 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.px-9 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

/* PADDING 10 */

.p-10 {
    padding: 2rem !important;
}

.pt-10 {
    padding-top: 2rem !important;
}

.pr-10 {
    padding-right: 2rem !important;
}

.pb-10 {
    padding-bottom: 2rem !important;
}

.pl-10 {
    padding-left: 2rem !important;
}

.py-10 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.px-10 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

/* PADDING 11 */

.p-11 {
    padding: 2.5rem !important;
}

.pt-11 {
    padding-top: 2.5rem !important;
}

.pr-11 {
    padding-right: 2.5rem !important;
}

.pb-11 {
    padding-bottom: 2.5rem !important;
}

.pl-11 {
    padding-left: 2.5rem !important;
}

.py-11 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.px-11 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
}

/* PADDING 12 */

.p-12 {
    padding: 3rem !important;
}

.pt-12 {
    padding-top: 3rem !important;
}

.pr-12 {
    padding-right: 3rem !important;
}

.pb-12 {
    padding-bottom: 3rem !important;
}

.pl-12 {
    padding-left: 3rem !important;
}

.py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.px-12 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}


.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {

    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.375rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.375rem !important;
    }

    .mr-sm-2 {
        margin-right: 0.375rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.375rem !important;
    }

    .ml-sm-2 {
        margin-left: 0.375rem !important;
    }

    .my-sm-2 {
        margin-top: 0.375rem !important;
        margin-bottom: 0.375rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.375rem !important;
        margin-left: 0.375rem !important;
    }

    .m-sm-3 {
        margin: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-3 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-3 {
        margin-left: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .m-sm-4 {
        margin: 0.625rem !important;
    }

    .mt-sm-4 {
        margin-top: 0.625rem !important;
    }

    .mr-sm-4 {
        margin-right: 0.625rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 0.625rem !important;
    }

    .ml-sm-4 {
        margin-left: 0.625rem !important;
    }

    .my-sm-4 {
        margin-top: 0.625rem !important;
        margin-bottom: 0.625rem !important;
    }

    .mx-sm-4 {
        margin-right: 0.625rem !important;
        margin-left: 0.625rem !important;
    }

    .m-sm-5 {
        margin: 0.75rem !important;
    }

    .mt-sm-5 {
        margin-top: 0.75rem !important;
    }

    .mr-sm-5 {
        margin-right: 0.75rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 0.75rem !important;
    }

    .ml-sm-5 {
        margin-left: 0.75rem !important;
    }

    .my-sm-5 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .mx-sm-5 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .m-sm-6 {
        margin: 0.875rem !important;
    }

    .mt-sm-6 {
        margin-top: 0.875rem !important;
    }

    .mr-sm-6 {
        margin-right: 0.875rem !important;
    }

    .mb-sm-6 {
        margin-bottom: 0.875rem !important;
    }

    .ml-sm-6 {
        margin-left: 0.875rem !important;
    }

    .my-sm-6 {
        margin-top: 0.875rem !important;
        margin-bottom: 0.875rem !important;
    }

    .mx-sm-6 {
        margin-right: 0.875rem !important;
        margin-left: 0.875rem !important;
    }

    .m-sm-7 {
        margin: 1rem !important;
    }

    .mt-sm-7 {
        margin-top: 1rem !important;
    }

    .mr-sm-7 {
        margin-right: 1rem !important;
    }

    .mb-sm-7 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-7 {
        margin-left: 1rem !important;
    }

    .my-sm-7 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mx-sm-7 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .m-sm-8 {
        margin: 1.25rem !important;
    }

    .mt-sm-8 {
        margin-top: 1.25rem !important;
    }

    .mr-sm-8 {
        margin-right: 1.25rem !important;
    }

    .mb-sm-8 {
        margin-bottom: 1.25rem !important;
    }

    .ml-sm-8 {
        margin-left: 1.25rem !important;
    }

    .my-sm-8 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .mx-sm-8 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .m-sm-9 {
        margin: 1.5rem !important;
    }

    .mt-sm-9 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-9 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-9 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-9 {
        margin-left: 1.5rem !important;
    }

    .my-sm-9 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mx-sm-9 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .m-sm-10 {
        margin: 2rem !important;
    }

    .mt-sm-10 {
        margin-top: 2rem !important;
    }

    .mr-sm-10 {
        margin-right: 2rem !important;
    }

    .mb-sm-10 {
        margin-bottom: 2rem !important;
    }

    .ml-sm-10 {
        margin-left: 2rem !important;
    }

    .my-sm-10 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mx-sm-10 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .m-sm-11 {
        margin: 2.5rem !important;
    }

    .mt-sm-11 {
        margin-top: 2.5rem !important;
    }

    .mr-sm-11 {
        margin-right: 2.5rem !important;
    }

    .mb-sm-11 {
        margin-bottom: 2.5rem !important;
    }

    .ml-sm-11 {
        margin-left: 2.5rem !important;
    }

    .my-sm-11 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mx-sm-11 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .m-sm-12 {
        margin: 3rem !important;
    }

    .mt-sm-12 {
        margin-top: 3rem !important;
    }

    .mr-sm-12 {
        margin-right: 3rem !important;
    }

    .mb-sm-12 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-12 {
        margin-left: 3rem !important;
    }

    .my-sm-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mx-sm-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    /* -----  */

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1 {
        padding-left: 0.25rem !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.375rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.375rem !important;
    }

    .pr-sm-2 {
        padding-right: 0.375rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.375rem !important;
    }

    .pl-sm-2 {
        padding-left: 0.375rem !important;
    }

    .py-sm-2 {
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
    }

    .px-sm-2 {
        padding-right: 0.375rem !important;
        padding-left: 0.375rem !important;
    }

    .p-sm-3 {
        padding: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-3 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-3 {
        padding-left: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .p-sm-4 {
        padding: 0.625rem !important;
    }

    .pt-sm-4 {
        padding-top: 0.625rem !important;
    }

    .pr-sm-4 {
        padding-right: 0.625rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 0.625rem !important;
    }

    .pl-sm-4 {
        padding-left: 0.625rem !important;
    }

    .py-sm-4 {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }

    .px-sm-4 {
        padding-right: 0.625rem !important;
        padding-left: 0.625rem !important;
    }

    .p-sm-5 {
        padding: 0.75rem !important;
    }

    .pt-sm-5 {
        padding-top: 0.75rem !important;
    }

    .pr-sm-5 {
        padding-right: 0.75rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 0.75rem !important;
    }

    .pl-sm-5 {
        padding-left: 0.75rem !important;
    }

    .py-sm-5 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .px-sm-5 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .p-sm-6 {
        padding: 0.875rem !important;
    }

    .pt-sm-6 {
        padding-top: 0.875rem !important;
    }

    .pr-sm-6 {
        padding-right: 0.875rem !important;
    }

    .pb-sm-6 {
        padding-bottom: 0.875rem !important;
    }

    .pl-sm-6 {
        padding-left: 0.875rem !important;
    }

    .py-sm-6 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

    .px-sm-6 {
        padding-right: 0.875rem !important;
        padding-left: 0.875rem !important;
    }

    .p-sm-7 {
        padding: 1rem !important;
    }

    .pt-sm-7 {
        padding-top: 1rem !important;
    }

    .pr-sm-7 {
        padding-right: 1rem !important;
    }

    .pb-sm-7 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-7 {
        padding-left: 1rem !important;
    }

    .py-sm-7 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .px-sm-7 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .p-sm-8 {
        padding: 1.25rem !important;
    }

    .pt-sm-8 {
        padding-top: 1.25rem !important;
    }

    .pr-sm-8 {
        padding-right: 1.25rem !important;
    }

    .pb-sm-8 {
        padding-bottom: 1.25rem !important;
    }

    .pl-sm-8 {
        padding-left: 1.25rem !important;
    }

    .py-sm-8 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .px-sm-8 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .p-sm-9 {
        padding: 1.5rem !important;
    }

    .pt-sm-9 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-9 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-9 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-9 {
        padding-left: 1.5rem !important;
    }

    .py-sm-9 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .px-sm-9 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .p-sm-10 {
        padding: 2rem !important;
    }

    .pt-sm-10 {
        padding-top: 2rem !important;
    }

    .pr-sm-10 {
        padding-right: 2rem !important;
    }

    .pb-sm-10 {
        padding-bottom: 2rem !important;
    }

    .pl-sm-10 {
        padding-left: 2rem !important;
    }

    .py-sm-10 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .px-sm-10 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .p-sm-11 {
        padding: 2.5rem !important;
    }

    .pt-sm-11 {
        padding-top: 2.5rem !important;
    }

    .pr-sm-11 {
        padding-right: 2.5rem !important;
    }

    .pb-sm-11 {
        padding-bottom: 2.5rem !important;
    }

    .pl-sm-11 {
        padding-left: 2.5rem !important;
    }

    .py-sm-11 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-sm-11 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .p-sm-12 {
        padding: 3rem !important;
    }

    .pt-sm-12 {
        padding-top: 3rem !important;
    }

    .pr-sm-12 {
        padding-right: 3rem !important;
    }

    .pb-sm-12 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-12 {
        padding-left: 3rem !important;
    }

    .py-sm-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .px-sm-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1 {
        margin-left: 0.25rem !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.375rem !important;
    }

    .mt-md-2 {
        margin-top: 0.375rem !important;
    }

    .mr-md-2 {
        margin-right: 0.375rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.375rem !important;
    }

    .ml-md-2 {
        margin-left: 0.375rem !important;
    }

    .my-md-2 {
        margin-top: 0.375rem !important;
        margin-bottom: 0.375rem !important;
    }

    .mx-md-2 {
        margin-right: 0.375rem !important;
        margin-left: 0.375rem !important;
    }

    .m-md-3 {
        margin: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 0.5rem !important;
    }

    .mr-md-3 {
        margin-right: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-3 {
        margin-left: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .m-md-4 {
        margin: 0.625rem !important;
    }

    .mt-md-4 {
        margin-top: 0.625rem !important;
    }

    .mr-md-4 {
        margin-right: 0.625rem !important;
    }

    .mb-md-4 {
        margin-bottom: 0.625rem !important;
    }

    .ml-md-4 {
        margin-left: 0.625rem !important;
    }

    .my-md-4 {
        margin-top: 0.625rem !important;
        margin-bottom: 0.625rem !important;
    }

    .mx-md-4 {
        margin-right: 0.625rem !important;
        margin-left: 0.625rem !important;
    }

    .m-md-5 {
        margin: 0.75rem !important;
    }

    .mt-md-5 {
        margin-top: 0.75rem !important;
    }

    .mr-md-5 {
        margin-right: 0.75rem !important;
    }

    .mb-md-5 {
        margin-bottom: 0.75rem !important;
    }

    .ml-md-5 {
        margin-left: 0.75rem !important;
    }

    .my-md-5 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .mx-md-5 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .m-md-6 {
        margin: 0.875rem !important;
    }

    .mt-md-6 {
        margin-top: 0.875rem !important;
    }

    .mr-md-6 {
        margin-right: 0.875rem !important;
    }

    .mb-md-6 {
        margin-bottom: 0.875rem !important;
    }

    .ml-md-6 {
        margin-left: 0.875rem !important;
    }

    .my-md-6 {
        margin-top: 0.875rem !important;
        margin-bottom: 0.875rem !important;
    }

    .mx-md-6 {
        margin-right: 0.875rem !important;
        margin-left: 0.875rem !important;
    }

    .m-md-7 {
        margin: 1rem !important;
    }

    .mt-md-7 {
        margin-top: 1rem !important;
    }

    .mr-md-7 {
        margin-right: 1rem !important;
    }

    .mb-md-7 {
        margin-bottom: 1rem !important;
    }

    .ml-md-7 {
        margin-left: 1rem !important;
    }

    .my-md-7 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mx-md-7 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .m-md-8 {
        margin: 1.25rem !important;
    }

    .mt-md-8 {
        margin-top: 1.25rem !important;
    }

    .mr-md-8 {
        margin-right: 1.25rem !important;
    }

    .mb-md-8 {
        margin-bottom: 1.25rem !important;
    }

    .ml-md-8 {
        margin-left: 1.25rem !important;
    }

    .my-md-8 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .mx-md-8 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .m-md-9 {
        margin: 1.5rem !important;
    }

    .mt-md-9 {
        margin-top: 1.5rem !important;
    }

    .mr-md-9 {
        margin-right: 1.5rem !important;
    }

    .mb-md-9 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-9 {
        margin-left: 1.5rem !important;
    }

    .my-md-9 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mx-md-9 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .m-md-10 {
        margin: 2rem !important;
    }

    .mt-md-10 {
        margin-top: 2rem !important;
    }

    .mr-md-10 {
        margin-right: 2rem !important;
    }

    .mb-md-10 {
        margin-bottom: 2rem !important;
    }

    .ml-md-10 {
        margin-left: 2rem !important;
    }

    .my-md-10 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mx-md-10 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .m-md-11 {
        margin: 2.5rem !important;
    }

    .mt-md-11 {
        margin-top: 2.5rem !important;
    }

    .mr-md-11 {
        margin-right: 2.5rem !important;
    }

    .mb-md-11 {
        margin-bottom: 2.5rem !important;
    }

    .ml-md-11 {
        margin-left: 2.5rem !important;
    }

    .my-md-11 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mx-md-11 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .m-md-12 {
        margin: 3rem !important;
    }

    .mt-md-12 {
        margin-top: 3rem !important;
    }

    .mr-md-12 {
        margin-right: 3rem !important;
    }

    .mb-md-12 {
        margin-bottom: 3rem !important;
    }

    .ml-md-12 {
        margin-left: 3rem !important;
    }

    .my-md-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mx-md-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    /* ---- */

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1 {
        padding-left: 0.25rem !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.375rem !important;
    }

    .pt-md-2 {
        padding-top: 0.375rem !important;
    }

    .pr-md-2 {
        padding-right: 0.375rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.375rem !important;
    }

    .pl-md-2 {
        padding-left: 0.375rem !important;
    }

    .py-md-2 {
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
    }

    .px-md-2 {
        padding-right: 0.375rem !important;
        padding-left: 0.375rem !important;
    }

    .p-md-3 {
        padding: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 0.5rem !important;
    }

    .pr-md-3 {
        padding-right: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-3 {
        padding-left: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .p-md-4 {
        padding: 0.625rem !important;
    }

    .pt-md-4 {
        padding-top: 0.625rem !important;
    }

    .pr-md-4 {
        padding-right: 0.625rem !important;
    }

    .pb-md-4 {
        padding-bottom: 0.625rem !important;
    }

    .pl-md-4 {
        padding-left: 0.625rem !important;
    }

    .py-md-4 {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }

    .px-md-4 {
        padding-right: 0.625rem !important;
        padding-left: 0.625rem !important;
    }

    .p-md-5 {
        padding: 0.75rem !important;
    }

    .pt-md-5 {
        padding-top: 0.75rem !important;
    }

    .pr-md-5 {
        padding-right: 0.75rem !important;
    }

    .pb-md-5 {
        padding-bottom: 0.75rem !important;
    }

    .pl-md-5 {
        padding-left: 0.75rem !important;
    }

    .py-md-5 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .px-md-5 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .p-md-6 {
        padding: 0.875rem !important;
    }

    .pt-md-6 {
        padding-top: 0.875rem !important;
    }

    .pr-md-6 {
        padding-right: 0.875rem !important;
    }

    .pb-md-6 {
        padding-bottom: 0.875rem !important;
    }

    .pl-md-6 {
        padding-left: 0.875rem !important;
    }

    .py-md-6 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

    .px-md-6 {
        padding-right: 0.875rem !important;
        padding-left: 0.875rem !important;
    }

    .p-md-7 {
        padding: 1rem !important;
    }

    .pt-md-7 {
        padding-top: 1rem !important;
    }

    .pr-md-7 {
        padding-right: 1rem !important;
    }

    .pb-md-7 {
        padding-bottom: 1rem !important;
    }

    .pl-md-7 {
        padding-left: 1rem !important;
    }

    .py-md-7 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .px-md-7 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .p-md-8 {
        padding: 1.25rem !important;
    }

    .pt-md-8 {
        padding-top: 1.25rem !important;
    }

    .pr-md-8 {
        padding-right: 1.25rem !important;
    }

    .pb-md-8 {
        padding-bottom: 1.25rem !important;
    }

    .pl-md-8 {
        padding-left: 1.25rem !important;
    }

    .py-md-8 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .px-md-8 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .p-md-9 {
        padding: 1.5rem !important;
    }

    .pt-md-9 {
        padding-top: 1.5rem !important;
    }

    .pr-md-9 {
        padding-right: 1.5rem !important;
    }

    .pb-md-9 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-9 {
        padding-left: 1.5rem !important;
    }

    .py-md-9 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .px-md-9 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .p-md-10 {
        padding: 2rem !important;
    }

    .pt-md-10 {
        padding-top: 2rem !important;
    }

    .pr-md-10 {
        padding-right: 2rem !important;
    }

    .pb-md-10 {
        padding-bottom: 2rem !important;
    }

    .pl-md-10 {
        padding-left: 2rem !important;
    }

    .py-md-10 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .px-md-10 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .p-md-11 {
        padding: 2.5rem !important;
    }

    .pt-md-11 {
        padding-top: 2.5rem !important;
    }

    .pr-md-11 {
        padding-right: 2.5rem !important;
    }

    .pb-md-11 {
        padding-bottom: 2.5rem !important;
    }

    .pl-md-11 {
        padding-left: 2.5rem !important;
    }

    .py-md-11 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-md-11 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .p-md-12 {
        padding: 3rem !important;
    }

    .pt-md-12 {
        padding-top: 3rem !important;
    }

    .pr-md-12 {
        padding-right: 3rem !important;
    }

    .pb-md-12 {
        padding-bottom: 3rem !important;
    }

    .pl-md-12 {
        padding-left: 3rem !important;
    }

    .py-md-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .px-md-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.375rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.375rem !important;
    }

    .mr-lg-2 {
        margin-right: 0.375rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.375rem !important;
    }

    .ml-lg-2 {
        margin-left: 0.375rem !important;
    }

    .my-lg-2 {
        margin-top: 0.375rem !important;
        margin-bottom: 0.375rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.375rem !important;
        margin-left: 0.375rem !important;
    }

    .m-lg-3 {
        margin: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-3 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-3 {
        margin-left: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .m-lg-4 {
        margin: 0.625rem !important;
    }

    .mt-lg-4 {
        margin-top: 0.625rem !important;
    }

    .mr-lg-4 {
        margin-right: 0.625rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 0.625rem !important;
    }

    .ml-lg-4 {
        margin-left: 0.625rem !important;
    }

    .my-lg-4 {
        margin-top: 0.625rem !important;
        margin-bottom: 0.625rem !important;
    }

    .mx-lg-4 {
        margin-right: 0.625rem !important;
        margin-left: 0.625rem !important;
    }

    .m-lg-5 {
        margin: 0.75rem !important;
    }

    .mt-lg-5 {
        margin-top: 0.75rem !important;
    }

    .mr-lg-5 {
        margin-right: 0.75rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 0.75rem !important;
    }

    .ml-lg-5 {
        margin-left: 0.75rem !important;
    }

    .my-lg-5 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .mx-lg-5 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .m-lg-6 {
        margin: 0.875rem !important;
    }

    .mt-lg-6 {
        margin-top: 0.875rem !important;
    }

    .mr-lg-6 {
        margin-right: 0.875rem !important;
    }

    .mb-lg-6 {
        margin-bottom: 0.875rem !important;
    }

    .ml-lg-6 {
        margin-left: 0.875rem !important;
    }

    .my-lg-6 {
        margin-top: 0.875rem !important;
        margin-bottom: 0.875rem !important;
    }

    .mx-lg-6 {
        margin-right: 0.875rem !important;
        margin-left: 0.875rem !important;
    }

    .m-lg-7 {
        margin: 1rem !important;
    }

    .mt-lg-7 {
        margin-top: 1rem !important;
    }

    .mr-lg-7 {
        margin-right: 1rem !important;
    }

    .mb-lg-7 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-7 {
        margin-left: 1rem !important;
    }

    .my-lg-7 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mx-lg-7 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .m-lg-8 {
        margin: 1.25rem !important;
    }

    .mt-lg-8 {
        margin-top: 1.25rem !important;
    }

    .mr-lg-8 {
        margin-right: 1.25rem !important;
    }

    .mb-lg-8 {
        margin-bottom: 1.25rem !important;
    }

    .ml-lg-8 {
        margin-left: 1.25rem !important;
    }

    .my-lg-8 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .mx-lg-8 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .m-lg-9 {
        margin: 1.5rem !important;
    }

    .mt-lg-9 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-9 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-9 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-9 {
        margin-left: 1.5rem !important;
    }

    .my-lg-9 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mx-lg-9 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .m-lg-10 {
        margin: 2rem !important;
    }

    .mt-lg-10 {
        margin-top: 2rem !important;
    }

    .mr-lg-10 {
        margin-right: 2rem !important;
    }

    .mb-lg-10 {
        margin-bottom: 2rem !important;
    }

    .ml-lg-10 {
        margin-left: 2rem !important;
    }

    .my-lg-10 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mx-lg-10 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .m-lg-11 {
        margin: 2.5rem !important;
    }

    .mt-lg-11 {
        margin-top: 2.5rem !important;
    }

    .mr-lg-11 {
        margin-right: 2.5rem !important;
    }

    .mb-lg-11 {
        margin-bottom: 2.5rem !important;
    }

    .ml-lg-11 {
        margin-left: 2.5rem !important;
    }

    .my-lg-11 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mx-lg-11 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .m-lg-12 {
        margin: 3rem !important;
    }

    .mt-lg-12 {
        margin-top: 3rem !important;
    }

    .mr-lg-12 {
        margin-right: 3rem !important;
    }

    .mb-lg-12 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-12 {
        margin-left: 3rem !important;
    }

    .my-lg-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mx-lg-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1 {
        padding-left: 0.25rem !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.375rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.375rem !important;
    }

    .pr-lg-2 {
        padding-right: 0.375rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.375rem !important;
    }

    .pl-lg-2 {
        padding-left: 0.375rem !important;
    }

    .py-lg-2 {
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
    }

    .px-lg-2 {
        padding-right: 0.375rem !important;
        padding-left: 0.375rem !important;
    }

    .p-lg-3 {
        padding: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-3 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-3 {
        padding-left: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .p-lg-4 {
        padding: 0.625rem !important;
    }

    .pt-lg-4 {
        padding-top: 0.625rem !important;
    }

    .pr-lg-4 {
        padding-right: 0.625rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 0.625rem !important;
    }

    .pl-lg-4 {
        padding-left: 0.625rem !important;
    }

    .py-lg-4 {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }

    .px-lg-4 {
        padding-right: 0.625rem !important;
        padding-left: 0.625rem !important;
    }

    .p-lg-5 {
        padding: 0.75rem !important;
    }

    .pt-lg-5 {
        padding-top: 0.75rem !important;
    }

    .pr-lg-5 {
        padding-right: 0.75rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 0.75rem !important;
    }

    .pl-lg-5 {
        padding-left: 0.75rem !important;
    }

    .py-lg-5 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .px-lg-5 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .p-lg-6 {
        padding: 0.875rem !important;
    }

    .pt-lg-6 {
        padding-top: 0.875rem !important;
    }

    .pr-lg-6 {
        padding-right: 0.875rem !important;
    }

    .pb-lg-6 {
        padding-bottom: 0.875rem !important;
    }

    .pl-lg-6 {
        padding-left: 0.875rem !important;
    }

    .py-lg-6 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

    .px-lg-6 {
        padding-right: 0.875rem !important;
        padding-left: 0.875rem !important;
    }

    .p-lg-7 {
        padding: 1rem !important;
    }

    .pt-lg-7 {
        padding-top: 1rem !important;
    }

    .pr-lg-7 {
        padding-right: 1rem !important;
    }

    .pb-lg-7 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-7 {
        padding-left: 1rem !important;
    }

    .py-lg-7 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .px-lg-7 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .p-lg-8 {
        padding: 1.25rem !important;
    }

    .pt-lg-8 {
        padding-top: 1.25rem !important;
    }

    .pr-lg-8 {
        padding-right: 1.25rem !important;
    }

    .pb-lg-8 {
        padding-bottom: 1.25rem !important;
    }

    .pl-lg-8 {
        padding-left: 1.25rem !important;
    }

    .py-lg-8 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .px-lg-8 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .p-lg-9 {
        padding: 1.5rem !important;
    }

    .pt-lg-9 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-9 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-9 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-9 {
        padding-left: 1.5rem !important;
    }

    .py-lg-9 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .px-lg-9 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .p-lg-10 {
        padding: 2rem !important;
    }

    .pt-lg-10 {
        padding-top: 2rem !important;
    }

    .pr-lg-10 {
        padding-right: 2rem !important;
    }

    .pb-lg-10 {
        padding-bottom: 2rem !important;
    }

    .pl-lg-10 {
        padding-left: 2rem !important;
    }

    .py-lg-10 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .px-lg-10 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .p-lg-11 {
        padding: 2.5rem !important;
    }

    .pt-lg-11 {
        padding-top: 2.5rem !important;
    }

    .pr-lg-11 {
        padding-right: 2.5rem !important;
    }

    .pb-lg-11 {
        padding-bottom: 2.5rem !important;
    }

    .pl-lg-11 {
        padding-left: 2.5rem !important;
    }

    .py-lg-11 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-lg-11 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .p-lg-12 {
        padding: 3rem !important;
    }

    .pt-lg-12 {
        padding-top: 3rem !important;
    }

    .pr-lg-12 {
        padding-right: 3rem !important;
    }

    .pb-lg-12 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-12 {
        padding-left: 3rem !important;
    }

    .py-lg-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .px-lg-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {

    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1 {
        margin-left: 0.25rem !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.375rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.375rem !important;
    }

    .mr-xl-2 {
        margin-right: 0.375rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.375rem !important;
    }

    .ml-xl-2 {
        margin-left: 0.375rem !important;
    }

    .my-xl-2 {
        margin-top: 0.375rem !important;
        margin-bottom: 0.375rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.375rem !important;
        margin-left: 0.375rem !important;
    }

    .m-xl-3 {
        margin: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-3 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-3 {
        margin-left: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .m-xl-4 {
        margin: 0.625rem !important;
    }

    .mt-xl-4 {
        margin-top: 0.625rem !important;
    }

    .mr-xl-4 {
        margin-right: 0.625rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 0.625rem !important;
    }

    .ml-xl-4 {
        margin-left: 0.625rem !important;
    }

    .my-xl-4 {
        margin-top: 0.625rem !important;
        margin-bottom: 0.625rem !important;
    }

    .mx-xl-4 {
        margin-right: 0.625rem !important;
        margin-left: 0.625rem !important;
    }

    .m-xl-5 {
        margin: 0.75rem !important;
    }

    .mt-xl-5 {
        margin-top: 0.75rem !important;
    }

    .mr-xl-5 {
        margin-right: 0.75rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 0.75rem !important;
    }

    .ml-xl-5 {
        margin-left: 0.75rem !important;
    }

    .my-xl-5 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .mx-xl-5 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .m-xl-6 {
        margin: 0.875rem !important;
    }

    .mt-xl-6 {
        margin-top: 0.875rem !important;
    }

    .mr-xl-6 {
        margin-right: 0.875rem !important;
    }

    .mb-xl-6 {
        margin-bottom: 0.875rem !important;
    }

    .ml-xl-6 {
        margin-left: 0.875rem !important;
    }

    .my-xl-6 {
        margin-top: 0.875rem !important;
        margin-bottom: 0.875rem !important;
    }

    .mx-xl-6 {
        margin-right: 0.875rem !important;
        margin-left: 0.875rem !important;
    }

    .m-xl-7 {
        margin: 1rem !important;
    }

    .mt-xl-7 {
        margin-top: 1rem !important;
    }

    .mr-xl-7 {
        margin-right: 1rem !important;
    }

    .mb-xl-7 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-7 {
        margin-left: 1rem !important;
    }

    .my-xl-7 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mx-xl-7 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .m-xl-8 {
        margin: 1.25rem !important;
    }

    .mt-xl-8 {
        margin-top: 1.25rem !important;
    }

    .mr-xl-8 {
        margin-right: 1.25rem !important;
    }

    .mb-xl-8 {
        margin-bottom: 1.25rem !important;
    }

    .ml-xl-8 {
        margin-left: 1.25rem !important;
    }

    .my-xl-8 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .mx-xl-8 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }

    .m-xl-9 {
        margin: 1.5rem !important;
    }

    .mt-xl-9 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-9 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-9 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-9 {
        margin-left: 1.5rem !important;
    }

    .my-xl-9 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mx-xl-9 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .m-xl-10 {
        margin: 2rem !important;
    }

    .mt-xl-10 {
        margin-top: 2rem !important;
    }

    .mr-xl-10 {
        margin-right: 2rem !important;
    }

    .mb-xl-10 {
        margin-bottom: 2rem !important;
    }

    .ml-xl-10 {
        margin-left: 2rem !important;
    }

    .my-xl-10 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mx-xl-10 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .m-xl-11 {
        margin: 2.5rem !important;
    }

    .mt-xl-11 {
        margin-top: 2.5rem !important;
    }

    .mr-xl-11 {
        margin-right: 2.5rem !important;
    }

    .mb-xl-11 {
        margin-bottom: 2.5rem !important;
    }

    .ml-xl-11 {
        margin-left: 2.5rem !important;
    }

    .my-xl-11 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mx-xl-11 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important;
    }

    .m-xl-12 {
        margin: 3rem !important;
    }

    .mt-xl-12 {
        margin-top: 3rem !important;
    }

    .mr-xl-12 {
        margin-right: 3rem !important;
    }

    .mb-xl-12 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-12 {
        margin-left: 3rem !important;
    }

    .my-xl-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mx-xl-12 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1 {
        padding-left: 0.25rem !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.375rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.375rem !important;
    }

    .pr-xl-2 {
        padding-right: 0.375rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.375rem !important;
    }

    .pl-xl-2 {
        padding-left: 0.375rem !important;
    }

    .py-xl-2 {
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
    }

    .px-xl-2 {
        padding-right: 0.375rem !important;
        padding-left: 0.375rem !important;
    }

    .p-xl-3 {
        padding: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-3 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-3 {
        padding-left: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .p-xl-4 {
        padding: 0.625rem !important;
    }

    .pt-xl-4 {
        padding-top: 0.625rem !important;
    }

    .pr-xl-4 {
        padding-right: 0.625rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 0.625rem !important;
    }

    .pl-xl-4 {
        padding-left: 0.625rem !important;
    }

    .py-xl-4 {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }

    .px-xl-4 {
        padding-right: 0.625rem !important;
        padding-left: 0.625rem !important;
    }

    .p-xl-5 {
        padding: 0.75rem !important;
    }

    .pt-xl-5 {
        padding-top: 0.75rem !important;
    }

    .pr-xl-5 {
        padding-right: 0.75rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 0.75rem !important;
    }

    .pl-xl-5 {
        padding-left: 0.75rem !important;
    }

    .py-xl-5 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .px-xl-5 {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .p-xl-6 {
        padding: 0.875rem !important;
    }

    .pt-xl-6 {
        padding-top: 0.875rem !important;
    }

    .pr-xl-6 {
        padding-right: 0.875rem !important;
    }

    .pb-xl-6 {
        padding-bottom: 0.875rem !important;
    }

    .pl-xl-6 {
        padding-left: 0.875rem !important;
    }

    .py-xl-6 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

    .px-xl-6 {
        padding-right: 0.875rem !important;
        padding-left: 0.875rem !important;
    }

    .p-xl-7 {
        padding: 1rem !important;
    }

    .pt-xl-7 {
        padding-top: 1rem !important;
    }

    .pr-xl-7 {
        padding-right: 1rem !important;
    }

    .pb-xl-7 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-7 {
        padding-left: 1rem !important;
    }

    .py-xl-7 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .px-xl-7 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .p-xl-8 {
        padding: 1.25rem !important;
    }

    .pt-xl-8 {
        padding-top: 1.25rem !important;
    }

    .pr-xl-8 {
        padding-right: 1.25rem !important;
    }

    .pb-xl-8 {
        padding-bottom: 1.25rem !important;
    }

    .pl-xl-8 {
        padding-left: 1.25rem !important;
    }

    .py-xl-8 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .px-xl-8 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .p-xl-9 {
        padding: 1.5rem !important;
    }

    .pt-xl-9 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-9 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-9 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-9 {
        padding-left: 1.5rem !important;
    }

    .py-xl-9 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .px-xl-9 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .p-xl-10 {
        padding: 2rem !important;
    }

    .pt-xl-10 {
        padding-top: 2rem !important;
    }

    .pr-xl-10 {
        padding-right: 2rem !important;
    }

    .pb-xl-10 {
        padding-bottom: 2rem !important;
    }

    .pl-xl-10 {
        padding-left: 2rem !important;
    }

    .py-xl-10 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .px-xl-10 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .p-xl-11 {
        padding: 2.5rem !important;
    }

    .pt-xl-11 {
        padding-top: 2.5rem !important;
    }

    .pr-xl-11 {
        padding-right: 2.5rem !important;
    }

    .pb-xl-11 {
        padding-bottom: 2.5rem !important;
    }

    .pl-xl-11 {
        padding-left: 2.5rem !important;
    }

    .py-xl-11 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-xl-11 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .p-xl-12 {
        padding: 3rem !important;
    }

    .pt-xl-12 {
        padding-top: 3rem !important;
    }

    .pr-xl-12 {
        padding-right: 3rem !important;
    }

    .pb-xl-12 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-12 {
        padding-left: 3rem !important;
    }

    .py-xl-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .px-xl-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}
/* Emulated flex gap */

.emulated-flex-gap-5 > * {
    margin: 12px 0 0 12px;
}

.emulated-flex-gap-5 {
    display: inline-flex;
    flex-wrap: wrap;
    margin: -12px 0 0 -12px;
    width: calc(100% + 12px);
}
table, .table {
    border-spacing: 0 !important;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #EDF1F7 !important;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    height: 50px;
    padding: 0 0 0 15px;
    border-top: 1px solid #EDF1F7;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    font-size: 14px;
    font-weight: bold;
    color: #677389;
    border-width: 0;
    background-color: #E2E7F0;
    vertical-align: middle;
    border-bottom: none;
}

.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    position: relative;
    vertical-align: middle;
    background-color: #fff;
}

.table > tbody + tbody {
    border-top: 2px solid #EDF1F7;
}

.table-bordered {
    border: 1px solid #EDF1F7;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #EDF1F7;
    }

.table-striped > tbody > tr > td,
.table-striped > tbody > tr > th {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F7FAFD;
}

td > .table-hover-bloco:hover {
    background-color: #EDF1F7;
}

.table-hover > table > tr:hover > td,
.table-hover > table > tr:hover > th {
    background-color: #EDF1F7;
}

.table-responsive {
    border: 1px solid #EDF1F7;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #EDF1F7;
}

.table-fixed {
    table-layout: fixed;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 0 12px;
}

.table-grid tr.disabled {
    opacity: 0.6;
    pointer-events: none;
}

/* Botões layout e comentarios */

.table-grid .comment {
    width: 50px;
    vertical-align: middle;
    padding: 0;
}

    .table-grid .comment .icomoon-message-16,
    .table-grid .layout .icomoon-image-16 {
        position: relative;
        font-size: 17px;
        display: inline-block;
        vertical-align: middle;
        color: #A0ABC0;
    }

    .table-grid .comment .new:after,
    .table-grid .layout .new:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #F23F87;
        box-shadow: 0px 0px 0px 2px #fff;
    }

    .table-grid .comment .count,
    .table-grid .layout .count {
        font-size: 14px;
        font-weight: bold;
        padding-left: 3px;
        display: inline-block;
        vertical-align: middle;
        color: #A0ABC0;
    }

.table-grid .responsavel-container {
    width: unset;
    height: unset;
    display: inline-block;
    position: unset;
}

    .table-grid .responsavel-container:not(:first-child) .over-image {
        width: 30px;
        height: 30px;
    }

/* Nenhum registro encontrado */

.table tr.nenhum-registro td {
    text-align: center;
    height: initial;
    line-height: 30px;
    color: #1A202C;
}

    .table tr.nenhum-registro td.active {
        background-color: #F7FAFD !important;
        color: #1A202C !important;
    }

/* Estilos padrão */

.table td.active:not(.vazia) {
    background-color: #A0ABC0 !important;
    color: #ffffff !important;
}

.table td.principal {
    max-width: 350px;
    font-size: 12pt;
    color: #0F369B;
}

.table td.padrao {
    font-size: 10pt;
    color: #1A202C;
}

.table td.comment {
    font-size: 16px;
}

.table td.valor-relatorio {
    width: 125px;
    text-align: center;
    font-weight: 600;
}

.table td.baixado {
    text-align: center;
}

.table td.atrasado {
    background-color: #F34242;
    font-size: 10pt;
    color: #fff;
}

.table td span.primaria {
    display: block;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table td span.secundaria {
    font-size: 9pt;
    color: #1A202C;
    display: block;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table td.td-legenda,
.table th.td-legenda {
    font-size: 12pt;
    text-align: center;
}

.table td.td-data,
.table th.td-data {
    font-size: 1rem;
    text-align: center;
}

.table td.td-legenda.text-blue-300,
.table td.td-legenda.text-red-400,
.table td.td-legenda.text-gray-800,
.table td.td-legenda.valor,
.table th.td-legenda.text-blue-300,
.table th.td-legenda.text-red-400,
.table th.td-legenda.text-gray-800,
.table th.td-legenda.valor {
    min-width: 150px;
    text-align: right;
}

/* O corpo desta coluna tem só um número, bem mais estreito que o rótulo. Sem um piso de
   largura a coluna colapsa quando o thead vira .fixo e sai do fluxo, e ajustaCabecalho()
   copia a largura já encolhida para o th — que trunca o rótulo via .td-abbr. */
.table td.td-legenda.td-quantidade,
.table th.td-legenda.td-quantidade {
    min-width: 120px;
}

    .table td.td-legenda.text-blue-300 .span-labellegenda,
    .table td.td-legenda.text-red-400 .span-labellegenda,
    .table td.td-legenda.text-gray-800 .span-labellegenda,
    .table td.td-legenda.valor .span-labellegenda,
    .table th.td-legenda.text-blue-300 .span-labellegenda,
    .table th.td-legenda.text-red-400 .span-labellegenda,
    .table th.td-legenda.text-gray-800 .span-labellegenda,
    .table th.td-legenda.valor .span-labellegenda {
        display: block;
        font-size: 9pt;
        text-align: right;
    }

.table td .span-labellegenda,
.table th .span-labellegenda {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #171923;
    font-weight: normal;
}

.table td.active .span-labellegenda {
    color: #fff;
}

.table td.imagem {
    width: 60px !important;
    text-align: center;
}

.table td.tag {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.table td span.tag,
.table td span.tag .cor_tag_padrao {
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
}

.cor_tag_padrao {
    background-color: #39D2D2;
}

.table td.col50center {
    width: 50px;
    text-align: center;
    padding-right: 0;
}

.table tr td.num-quant {
    text-align: center;
    width: 40px;
}

.table tr td span.num-quant {
    background-color: #677389;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 9pt;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    -moz-min-width: 20px;
    -ms-min-width: 20px;
    -o-min-width: 20px;
    -webkit-min-width: 20px;
    min-width: 20px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.table td.td-progress-bar {
    width: 148px;
    min-width: 148px;
}

/* Grid Relatório */
#tb-porcentagem-categoria th,
#tb-fluxo-caixa th {
    text-align: right;
}

    #tb-porcentagem-categoria th:nth-child(2),
    #tb-fluxo-caixa th:nth-child(2) {
        text-align: left;
    }

#tb-porcentagem-categoria tr th:last-child,
#tb-porcentagem-categoria tr td:last-child,
#tb-fluxo-caixa tr th:last-child,
#tb-fluxo-caixa tr td:last-child {
    padding-right: 15px;
}

.table th.offline {
    width: 10px;
    padding: 0px;
    background-color: #E2E7F0 !important;
    max-width: 10px;
    min-width: 10px;
    width: 10px;
}

.table td.offline_azul {
    width: 10px;
    padding: 0;
    background-color: #CBD2E0 !important;
}

.table td.offline_verde {
    width: 10px;
    padding: 0;
    background-color: #00BF02 !important;
}

.table td.offline_vermelho {
    width: 10px;
    padding: 0;
    background-color: #F34242 !important;
}

.table tr.striped_azul td {
    background-color: #F7FAFD;
    font-weight: 600;
}

.table tr.striped_vermelho td {
    background-color: #F7FAFD;
    color: #F34242;
    font-weight: 600;
}

.table tr.relatorio_striped td {
    background-color: #F7FAFD;
}

.table td.principal_relatorio,
.table td.totais td.totais_despesa {
    color: #1A202C;
    font-size: 10pt;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
}

.table td.totais {
    color: #225ED8;
}

.table td.totais_despesa {
    color: #F34242;
}

.table td.principal_relatorio .primaria,
.table td.totais .primaria td.totais_despesa {
    font-weight: bold;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 350px;
}

.table td.principal_relatorio .valor,
.table td.totais td.totais_despesa .valor {
    width: 65px;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

.table td.sub_relatorio,
.table td.totais td.totais_despesa {
    font-size: 10pt;
}

    .table td.sub_relatorio span.primaria,
    .table td.totais span.primaria {
        color: #225ED8;
        width: 400px;
    }

    .table td.sub_relatorio span.secundaria {
        width: 400px;
    }

    .table td.principal_relatorio .valor,
    .table td.sub_relatorio .valor,
    .table td.totais .valor,
    .table td.totais_despesa .valor {
        width: auto;
        text-align: right;
        white-space: nowrap;
    }

.table tr.sub-tabela-relatorio td {
    font-size: 10.5pt;
    height: 45px;
}

    .table tr.sub-tabela-relatorio td.muita-informacao-relatorio {
        font-size: 9pt;
    }

    .table tr.sub-tabela-relatorio td.padrao {
        font-size: 10pt;
    }

    /* Títulos de peça chegam a 150+ caracteres. span.primaria é nowrap + ellipsis por
       padrão, e esta célula não tem largura máxima: sem isto a coluna estica e empurra
       as demais para fora da tela. */
    .table tr.sub-tabela-relatorio td.titulo-peca span.primaria,
    .table tr.sub-tabela-relatorio td.titulo-peca span.secundaria {
        max-width: 350px;
        white-space: normal;
        overflow-wrap: break-word;
    }

.table tr.sub-tabela-relatorio span.primaria td {
    color: #225ED8;
}

tr.tr-hack {
    display: none;
}

.table tr.total-relatorio td {
    font-weight: 600;
    background-color: #EDF1F7 !important;
}

.table td.online {
    max-width: 10px;
    min-width: 10px;
    width: 10px;
    padding: 0;
    background-color: #69ca6a !important;
}

.table td.offline {
    max-width: 10px;
    min-width: 10px;
    width: 10px;
    padding: 0;
    background-color: #CBD2E0 !important;
}

#grid-empresa td.tag span,
#grid-funcionario td.tag span,
.table td.tag span.ativo {
    background-color: #46BD6F;
}

.table td.tag span.em-prospecção {
    background-color: #FFB92E;
}

.table td.tag span.inativo {
    background-color: #FD6969;
}

.table td.tag.receita span {
    background-color: #5C93F7;
}

.table td.tag.despesa span {
    background-color: #F34242;
}

.table td.valor {
    width: 65px;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

.table td.check {
    width: 40px;
}

table .link-ordenacao {
    cursor: pointer;
    color: #1A202C;
}

    table .link-ordenacao.disabled {
        pointer-events: none;
        opacity: 0.6;
    }

table .icone-ordenacao {
    margin-left: 4px;
}

.grid-cabecalho-fixo {
    font-size: 10pt !important;
    font-weight: 600 !important;
    color: #1A202C;
}

td .field-edit-expand:hover,
td .field-edit-expand:focus,
td .field-edit-expand:active, td.field-edit-expand-evento:hover,
td.field-edit-expand-evento:focus,
td .field-edit-expand-evento:active {
    top: 11px;
}

#grid-funcionario tr.nenhum-registro td:first-child,
#grid-job tr.nenhum-registro td:first-child,
#grid-peca tr.nenhum-registro td:first-child,
#grid-tarefa tr.nenhum-registro td:first-child,
#grid-midia tr.nenhum-registro td:first-child {
    display: block;
}

.tb-edit {
    -moz-min-width: 1100px;
    -ms-min-width: 1100px;
    -o-min-width: 1100px;
    -webkit-min-width: 1100px;
    min-width: 1100px;
}

    .tb-edit thead.fixo {
        position: absolute;
        z-index: 1;
        display: table;
        table-layout: fixed;
    }

#grid-job td.prioridade_alta, #grid-job td.prioridade_media, #grid-job td.prioridade_baixa {
    font-size: 11px;
    font-weight: bold;
    -moz-min-width: 5px;
    -ms-min-width: 5px;
    -o-min-width: 5px;
    -webkit-min-width: 5px;
    min-width: 5px;
    max-width: 30px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

#grid-peca td.prioridade_alta, #grid-peca td.prioridade_media, #grid-peca td.prioridade_baixa {
    font-size: 11px;
    font-weight: bold;
    -moz-min-width: 90px;
    -ms-min-width: 90px;
    -o-min-width: 90px;
    -webkit-min-width: 90px;
    min-width: 90px;
    max-width: 90px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

#grid-job td.prioridade_alta,
#grid-peca td.prioridade_alta,
#grid-peca td.td.prioridade_alta.active {
    color: white !important;
    background-color: #F34242 !important;
}

#grid-job td.prioridade_media,
#grid-peca td.prioridade_media,
#grid-peca td.td.prioridade_media.active {
    color: black !important;
    background-color: #FFF9ED !important;
}

#grid-job td.prioridade_baixa,
#grid-peca td.prioridade_baixa,
#grid-peca td.td.prioridade_baixa.active {
    color: black !important;
    background-color: #A3D772 !important;
}

/********************************* Calendário Mídia Digital **********************************/
#tabela-midia-itens tbody .j-midia-item .dia {
    width: 30px;
    height: 35px;
    cursor: pointer;
}

    #tabela-midia-itens tbody .j-midia-item .dia:hover {
        background-color: #FFF9ED;
    }

    #tabela-midia-itens tbody .j-midia-item .dia.active {
        background-color: #FFF9ED;
    }

    #tabela-midia-itens tbody .j-midia-item .dia.selected {
        background-color: #A0ABC0;
    }

        #tabela-midia-itens tbody .j-midia-item .dia.selected .data-fim {
            content: '';
            position: relative;
            width: 3px;
            height: 10px;
            background-color: white;
            display: block;
            top: 5px;
            left: 20px;
            border-radius: 25px;
            transform: rotate(45deg);
        }

            #tabela-midia-itens tbody .j-midia-item .dia.selected .data-fim::after {
                content: '';
                position: relative;
                width: 3px;
                height: 10px;
                background-color: white;
                display: block;
                transform: rotate(-90deg);
                border-radius: 25px;
            }

/****************************** Fim do Calendário Mídia Digital *******************************/


/******************************** Tabela de Parcelas ********************************/

.detalhamento-financeiro .panel .panel-body {
    padding-right: 0;
    padding-left: 0;
}

table.tb-parcelas > tfoot > tr > th {
    background-color: #4A5568;
    padding: 0;
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    color: #F7FAFD;
    border-color: #2D3648 !important;
    border-top: 0;
    max-width: 30px;
    min-width: 30px;
}

table.tb-parcelas thead tr th:last-child, table.tb-parcelas tbody tr td:last-child, table.tb-parcelas tfoot tr th:last-child {
    border-right: 0;
}

table.tb-parcelas tbody tr td, table.tb-parcelas thead tr th {
    border-width: 0 0px 0 0;
    border-style: solid;
    border-color: lightgrey;
}

table.tb-parcelas thead tr.row-titulo th {
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #CBD2E0;
    font-size: 13px;
}

table.tb-parcelas thead tr.row-subtitulo th {
    background-color: #EDF1F7;
    font-weight: bold;
}

table.tb-parcelas tbody tr.row-subtitulo td {
    background-color: #F7FAFD;
}

table.tb-parcelas tbody tr td .col-subtitulo {
    font-weight: bold;
}

table.tb-parcelas tbody tr.row-grupo td {
    background-color: #EDF1F7;
}

table.tb-parcelas .col-oculta {
    display: none;
}

table.tb-parcelas thead .col-largura-titulo {
    min-width: 400px;
}

table.tb-parcelas tfoot tr td {
    background-color: #4A5568;
    padding: 0;
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    color: #F7FAFD;
    border-color: #2D3648 !important;
    border-top: 0;
    max-width: 30px;
    min-width: 30px;
}

.fix-padding-col-xl [class^="col-xl-"] {
    padding-right: 15px;
    padding-left: 15px;
}

@media screen and (max-width: 1600px) {
    table.tb-parcelas thead .col-largura-titulo {
        min-width: 320px;
    }
}

@media screen and (max-width: 1400px) {
    table.tb-parcelas thead .col-largura-titulo {
        min-width: 250px;
    }
}

/**** Tabela de Parcelas Direita OS ***********/
table.tb-parcelas tr td.parcelas-os,
table.tb-parcelas tr th.parcelas-os {
    font-size: 12px;
    padding: 8px;
    height: 25px;
}

/**** Fim Tabela de Parcelas Direita OS ***********/

/******************************** Fim Tabela de Parcelas ********************************/
table tbody .linha-cabecalho th {
    background-color: #E2E7F0 !important;
}

.td-abbr {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -- Tabelas ------------------------------- */
.table-grid > thead > tr > th,
.table-grid > tbody > tr > th,
.table-grid > tfoot > tr > th,
.table-grid > thead > tr > td,
.table-grid > tbody > tr > td,
.table-grid > tfoot > tr > td {
    height: 60px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    color: #1A202C;
    font-weight: 600;
}

.table th.center,
.table td.center {
    text-align: center;
}

.table th.bold,
.table td.bold {
    font-weight: bold;
}

.table td.acao {
    width: 50px;
}

    .table td.acao > a {
        display: none;
    }

.table tr:hover td.acao > a {
    display: inline-flex;
}

.table td.sub {
    height: 40px;
}

.table tr.striped td {
    background-color: #F7FAFD;
}

.table > thead > tr > th label {
    display: inline;
    margin: 0;
    font-size: inherit;
    font-weight: 600;
    color: inherit;
}

@media screen and (max-width:1040px), screen and (max-height: 600px) {
    .table-grid > thead > tr > th, .table-grid > tbody > tr > th, .table-grid > tfoot > tr > th, .table-grid > thead > tr > td, .table-grid > tbody > tr > td, .table-grid > tfoot > tr > td {
        height: 45px;
        padding: 0px 5px;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 0 7px;
    }
}

#tb-parcelar .col-1 {
    width: 80%;
}

#tb-parcelar .col-2 {
    width: 10%;
}

#tb-parcelar .col-3 {
    width: 10%;
}

#tb-parcelar, #linha-parcelar,
#tb-replicar, #linha-replicar {
    display: none;
}

#tb-parcelas-lancamento .col-1 {
    width: 40%;
}

#tb-parcelas-lancamento .col-2, tb-parcelas-lancamento .col-3, tb-parcelas-lancamento .col-4 {
    width: 20%;
}

table.tb-midia > thead > tr > th.principal_grade {
    background-color: transparent;
    width: auto;
    -moz-min-width: 280px;
    -ms-min-width: 280px;
    -o-min-width: 280px;
    -webkit-min-width: 280px;
    width: 315px;
    height: 55px;
}

table.tb-midia > thead > tr > th.transparente_grade, table.tb-midia > tbody > tr > td.transparente_grade {
    background-color: transparent;
}


table.tb-midia > tbody > tr > td.principal_grade {
    width: auto;
    -moz-min-width: 450px;
    -ms-min-width: 450px;
    -o-min-width: 450px;
    -webkit-min-width: 450px;
    min-width: 450px;
    height: 55px;
}


table.tb-midia > thead > tr > th.dias_grade_fds {
    position: relative;
    width: 30px;
    padding: 0;
    background-color: #CBD2E0;
}


table.tb-midia > tbody > tr > td.dias_grade_fds {
    position: relative;
    width: 30px;
    padding: 0;
    background-color: #EDF1F7 !important;
}

table.tb-midia > thead > tr > th.dias_grade {
    position: relative;
    width: 30px;
    padding: 0;
    background-color: transparent;
}

table.tb-midia > thead > tr > th.meses_grade {
    width: 50px;
}

table.tb-midia > tbody > tr > td.dias_grade {
    position: relative;
    width: 30px;
    padding: 0;
}

table.tb-midia > tbody > tr > td.coluna_revista, table.tb-midia > thead > tr > th.coluna_revista {
    width: 50px;
}

table.tb-midia > tbody > tr > td, table.tb-midia > thead > tr > th, table.tb-midia > tfoot > tr > td {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: lightgrey;
    background-color: transparent;
}


table.tb-midia > tfoot > tr > td {
    background-color: #E2E7F0;
    padding: 0;
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    color: #1A202C;
    border-top: 0;
    max-width: 30px;
    -moz-min-width: 30px;
    -ms-min-width: 30px;
    -o-min-width: 30px;
    -webkit-min-width: 30px;
    min-width: 30px;
}

    table.tb-midia > tfoot > tr > td.principal_somatorio_grade {
        width: 311px;
        min-width: 311px;
        max-width: 380px;
        color: #FFF;
    }


table.tb-midia > thead > tr > th > div.dia_semana {
    text-align: center;
    font-size: 9pt;
    font-weight: normal;
    color: #7F26BF;
}

table.tb-midia > thead > tr > th > div.dia_mes {
    text-align: center;
    font-size: 10pt;
    font-weight: normal;
}

table.tb-midia > tbody > tr > td div.principal_grade {
    text-align: left;
    font-size: 11pt;
    font-weight: normal;
    padding-left: 10px;
    white-space: nowrap;
    float: left;
    width: 100%;
    -moz-min-width: 280px;
    -ms-min-width: 280px;
    -o-min-width: 280px;
    -webkit-min-width: 280px;
    min-width: 280px;
}

table.tb-midia div.botoes_acoes {
    padding-top: 0 !important;
}


table.tb-midia > tbody > tr > td div.detalhes_grade {
    padding-top: 2px;
    text-align: left;
    font-size: 8pt;
    font-weight: normal;
    color: #7F26BF;
    padding-left: 25px;
    white-space: nowrap;
    width: auto;
}

table.tb-midia > tbody > tr > td.soma_linha {
    max-width: 50px !important;
    text-align: center;
    font-size: 10.5pt;
    font-weight: normal;
}

table.tb-midia > tbody > tr > td.soma_coluna_zero {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    color: lightgrey;
}

table.tb-midia > tbody > tr > td.soma_coluna {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    color: #F7FAFD;
    border-color: #4A5568;
    border-top: 0;
}

table.tb-midia > tbody > tr > td.destaque_grade {
    border-color: #CBD2E0;
}

table.tb-midia > tbody > tr > td > div.dentro_linha_grade {
    padding-top: 7px;
    height: 55px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-right: 10px;
}


table.tb-midia > thead > tr > th.valores {
    text-align: center;
    font-size: 10pt;
    width: 105px;
    -moz-min-width: 105px;
    -ms-min-width: 105px;
    -o-min-width: 105px;
    -webkit-min-width: 105px;
    min-width: 105px;
}

table.tb-midia > thead > tr > th.valor_desconto {
    text-align: center;
    font-size: 10pt;
    width: 105px;
    -moz-min-width: 105px;
    -ms-min-width: 105px;
    -o-min-width: 105px;
    -webkit-min-width: 105px;
    min-width: 105px;
}

table.tb-midia > thead > tr > th.valor_quantidade {
    text-align: center;
    font-size: 10pt;
    width: 55px;
}


table.tb-midia > tbody > tr > td.remover_linha_grade, table.tb-midia > thead > tr > th.remover_linha_grade, table.tb-midia > tfoot > tr > td.remover_linha_grade {
    padding: 0 10px;
    min-width: 60px;
    margin-left: auto;
    margin-right: auto;
    border-right: 0;
}

table.tb-midia > tbody > tr > td.remover_linha_grade_simples, table.tb-midia > thead > tr > th.remover_linha_grade_simples, table.tb-midia > tfoot > tr > td.remover_linha_grade_simples {
    border-right: 0;
}

table.tb-midia > tbody > tr > td.remover_borda_direita, table.tb-midia > thead > tr > th.remover_borda_direita, table.tb-midia > tfoot > tr > td.remover_borda_direita {
    border-right: 0;
}

table.tb-midia > tbody > tr > td.principal_grade > div.botoes_acoes {
    pointer-events: none;
}

    table.tb-midia > tbody > tr > td.principal_grade > div.botoes_acoes span {
        pointer-events: all;
    }

.display-table {
    display: table;
}

.vertical-middle {
    display: table-cell;
    vertical-align: middle;
}

table.tb-midia > tbody > tr > td.valor_grade {
    font-size: 10pt;
    margin: 0;
}

table.tb-midia > tbody > tr > td.bonificacao_grade, table.tb-midia > thead > tr > th.bonificacao_grade {
    width: 35px;
    max-width: 35px;
    padding: 0;
}

    table.tb-midia > tbody > tr > td.bonificacao_grade > span > label > span {
        margin-right: 0;
    }

table.tb-midia > tbody > tr > td.quantidade_grade {
    width: 50px;
    font-weight: bold;
}

table.tb-midia > thead > tr > th.quantidade_grade {
    width: 50px;
}


table.tb-midia > tbody > tr > td.porcentagem_grade, table.tb-midia > thead > tr > th.porcentagem_grade {
    width: 105px;
    -moz-min-width: 105px;
    -ms-min-width: 105px;
    -o-min-width: 105px;
    -webkit-min-width: 105px;
    min-width: 105px;
}

table.tb-midia > tbody > tr > td > input.input_valor_grade, table.tb-midia > tbody > tr > td > input.input_desconto_unitario_grade {
    font-size: 10.5pt;
    padding: 1px;
    text-align: center;
    width: 85%;
    display: block;
    margin: 0 auto;
}

table.tb-midia > tbody > tr > td.valor_unitario_grade, table.tb-midia > tbody > tr > td.valor_unitario_total_grade {
    padding: 8px 0;
    width: 105px;
    -moz-min-width: 105px;
    -ms-min-width: 105px;
    -o-min-width: 105px;
    -webkit-min-width: 105px;
    min-width: 105px;
}

div.titulo_tabela {
    font-size: 15px;
    color: #5B158C;
    font-weight: bold;
}

table.tb-midia > tbody > tr > td.dias_grade_fds_somatorio, table.tb-midia > tfoot > tr > td.dias_grade_fds_somatorio {
    background-color: #CBD2E0 !important;
}

table.tb-midia > tbody > tr > td.calendario_grade, table.tb-midia > thead > tr > th.calendario_grade {
    width: 170px;
    -moz-min-width: 170px;
    -ms-min-width: 170px;
    -o-min-width: 170px;
    -webkit-min-width: 170px;
    min-width: 170px;
    text-align: center;
}

table.tb-midia > thead > tr > th.bi-semana {
    width: 290px;
    -moz-min-width: 290px;
    -ms-min-width: 290px;
    -o-min-width: 290px;
    -webkit-min-width: 290px;
    min-width: 290px;
    text-align: center;
}

table.tb-midia > tbody > tr > td.active_programacao {
    background-color: #A0ABC0 !important;
    color: #ffffff !important;
}

table.tb-midia td.valor_footer {
    text-align: right;
    padding: 0 10px;
}

table.tb-midia td.total_footer {
    text-align: right;
    padding: 0 10px;
}

table.tb-midia > thead.fixo tr{
    box-shadow: 0 3px 3px -2px #CBD2E0;
}

table.tb-detalhes-plano {
    width: auto;
    margin-bottom: 0;
}

    table.tb-detalhes-plano > thead > tr > th.meses_grade {
        width: 110px;
        min-width: 110px;
    }

    table.tb-detalhes-plano > tbody > tr > td.quantidade_body {
        text-align: center;
        font-weight: bold;
    }

    table.tb-detalhes-plano > tfoot > tr > td.principal_footer {
        text-align: right;
        padding-right: 10px;
    }


    table.tb-detalhes-plano > thead > tr > th:last-child, table.tb-detalhes-plano > tbody > tr > td:last-child, table.tb-detalhes-plano > tfoot > tr > td:last-child {
        border-right: 0;
    }


    table.tb-detalhes-plano > tfoot > tr > td {
        height: 30px;
        border-color: lightgrey !important;
        border-width: 0px 1px 0px 0px !important;
        text-align: center;
        font-weight: 600;
        font-size: 10pt;
    }

    table.tb-detalhes-plano > tbody > tr > td {
        height: 35px;
    }

    table.tb-detalhes-plano > tfoot > tr.linha_footer_strip > td {
        background-color: #A0ABC0 !important;
    }


    table.tb-detalhes-plano > thead > tr > th.principal_grade {
        font-size: 10pt;
        width: 380px;
        min-width: 380px;
        table-layout: fixed;
    }

table.tb-midia > tbody > tr > td div.alerta_detalhes {
    color: #F34242;
}


table.tb-midia > tbody > tr > td.coluna-grp, table.tb-midia > thead > tr > th.coluna-grp {
    min-width: 55px;
    width: 55px;
    padding: 0;
    font-weight: bold;
}

@media screen and (max-width: 1300px) and (min-width: 970px) {
    .table-grid > thead > tr > th, .table-grid > tbody > tr > th, .table-grid > tfoot > tr > th, .table-grid > thead > tr > td, .table-grid > tbody > tr > td, .table-grid > tfoot > tr > td {
        height: 50px;
    }
}

/******************************* Inicio CSS Plano de Mídia ***************************************/

table.tb-plano-midia {
    margin-bottom: 0px;
}

    table.tb-plano-midia > thead > tr > th.dias_grade {
        min-width: 50px;
    }

    table.tb-plano-midia > thead > tr > th.principal_grade {
        min-width: 350px;
        max-width: 350px;
    }

    table.tb-plano-midia > thead > tr > th.principal_grade {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table.tb-plano-midia .panel-body {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    table.tb-plano-midia > tbody > tr > td.principal_grade > div.dentro_linha_grade > div.principal_grade {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table.tb-plano-midia > tbody > tr > td.principal_grade div.detalhes_grade {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tabela-detalhe {
    width: 100%;
    margin-bottom: 20px;
    color: #2D3648;
}

    .tabela-detalhe > thead > tr > th,
    .tabela-detalhe > tbody > tr > th,
    .tabela-detalhe > tfoot > tr > th,
    .tabela-detalhe > thead > tr > td,
    .tabela-detalhe > tbody > tr > td,
    .tabela-detalhe > tfoot > tr > td {
        height: 60px;
        padding: 13px;
        font-size: 14px;
    }

    .tabela-detalhe tr th:nth-of-type(2), .tabela-detalhe tr th:nth-of-type(4), .tabela-detalhe tr th:nth-of-type(6),
    .tabela-detalhe td:nth-of-type(2), .tabela-detalhe td:nth-of-type(4), .tabela-detalhe td:nth-of-type(6) {
        background: #fff;
    }

    .tabela-detalhe > thead > tr > th {
        text-transform: uppercase
    }

    .tabela-detalhe > thead > tr > th {
        font-size: 12px;
    }

    .tabela-detalhe > tbody > tr > th {
        line-height: 30px
    }

        .tabela-detalhe > tbody > tr > th > span {
            line-height: 10px;
        }

.tabela-detalhe {
    border-collapse: collapse;
}

.cabecalho-duplo > tr:first-child > th {
    font-size: 12px;
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    text-transform: uppercase;
}

.cabecalho-duplo > tr:last-child > th {
    text-align: left;
}

.tabela-detalhe th, .tabela-detalhe td {
    border: 1px solid #CBD2E0;
}

.tabela-detalhe > tbody > tr > td > span:first-child {
    display: block;
    padding-top: 10px;
}

.tabela-detalhe tbody .valor span {
    font-weight: 600;
    line-height: 30px;
}

.tabela-detalhe .valor span:not(:first-child) {
    display: block;
}

.tabela-detalhe > tfoot > tr > td > span {
    font-weight: 700;
}

@media (max-width: 1040px) {
    #tabela-resumo .tabela-detalhe > thead > tr > th,
    #tabela-resumo .tabela-detalhe > tbody > tr > th,
    #tabela-resumo .tabela-detalhe > tfoot > tr > th,
    #tabela-resumo .tabela-detalhe > thead > tr > td,
    #tabela-resumo .tabela-detalhe > tbody > tr > td,
    #tabela-resumo .tabela-detalhe > tfoot > tr > td {
        height: 60px;
        padding: 10px;
        font-size: 12px;
    }
}

/* -------- Resumo direita -------- */

#tabela-resumo-direita {
    margin: 15px 0 0 0;
}

    #tabela-resumo-direita .tabela-detalhe > tbody > tr > th,
    #tabela-resumo-direita .tabela-detalhe > tfoot > tr > th,
    #tabela-resumo-direita .tabela-detalhe > thead > tr > td,
    #tabela-resumo-direita .tabela-detalhe > tbody > tr > td,
    #tabela-resumo-direita .tabela-detalhe > tfoot > tr > td {
        height: 60px;
        padding: 10px;
        font-size: 12px;
    }

    #tabela-resumo-direita .tabela-detalhe > thead > tr > th {
        height: 60px;
        padding: 10px;
        font-size: 11px;
    }

    #tabela-resumo-direita thead .detalhe-texto-menor {
        font-size: 10px;
    }

    #tabela-resumo-direita .tabela-detalhe > tbody > tr > td > span {
        font-weight: 700;
    }

.table-notas-fiscais .table > thead > tr > th {
    padding: 0 5px;
    background-color: #EDF1F7;
    color: #677389;
}


/* -------- Conciliação Bancária -------- */
.table.conciliacao tr.collapse.show {
    display: table-row;
}

.table.conciliacao > tbody > tr > td {
    height: 50px;
    padding-right: 32px;
    padding-left: 8px;
}

    .table.conciliacao > tbody > tr > td.cabecalho-relatorio-tabela {
        height: 48px;
    }

.table.conciliacao td.offline {
    max-width: 8px !important;
    min-width: 8px !important;
    background-color: #CBD2E0 !important;
}

.table.conciliacao td.offline_verde {
    max-width: 8px !important;
    min-width: 8px !important;
    background-color: #00BF02 !important;
}

.table.conciliacao .btn-unlink {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    font-size: 20px;
    padding: 5px 6px;
}

.table .td.bg-transparent {
    background-color: transparent;
}

.table .show.show-display-table-row {
    display: table-row !important;
}

.table-relatorio-horas-trabalhadas-por-colaborador {

}

/* generic solution */
.table tr.show-buttons-on-hover .tr-buttons  {
    display: none;
}

.table tr.show-buttons-on-hover:hover .tr-buttons {
    display: block;
}
/* generic solution */
.tooltip {
    pointer-events: none!important;
    z-index: 9999;
}

.tooltip-inner > p:last-child {
    margin-bottom: 0;
}


.tooltip-force-disabled {
    position: relative;
    z-index: 1;
}

.tooltip-force-disabled .btn[disabled] {
    position: relative;
    z-index: -1;    
}
.fs-1 { /*8px*/
    font-size: 0.5rem;
}

.fs-2, .all-caps-1 { /*10px*/
    font-size: 0.625rem;
}

.fs-3, .all-caps-2, .short-1, .long-1 { /*12px*/
    font-size: 0.75rem;
}

.fs-4, .all-caps-3, .short-2, .long-2, .heading-1 { /*14px*/
    font-size: 0.875rem;
}

.fs-5, .short-3, .long-3, .heading-2 { /*16px*/
    font-size: 1rem;
}

.fs-6, .heading-3 { /*20px*/
    font-size: 1.25rem;
}

.fs-7, .heading-4 { /*24px*/
    font-size: 1.5rem;
}

.fs-8 { /*28px*/
    font-size: 1.75rem;
}

.fs-9, .heading-5 { /*32px*/
    font-size: 2rem;
}

.fs-10, .heading-6 { /*40px*/
    font-size: 2.5rem;
}

.all-caps-1, .all-caps-2, .all-caps-3 {
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.short-1, .short-2, .short-3 {
    line-height: 1.2;
}

.long-1, .long-2, .long-3 {
    line-height: 1.4;
}

.heading-1 {
    font-weight: 600;
    line-height: 1.4;
}

.heading-2 {
    font-weight: 600;
    line-height: 1.2;
}

.heading-3 {
    font-weight: 600;
    line-height: 1.2;
}

.heading-4 {
    font-weight: 600;
    line-height: 1.2;
}

.heading-5 {
    font-weight: 600;
    line-height: 1.2;
}

.heading-6 {
    font-weight: 600;
    line-height: 1.2;
}

.lh-0 {
    line-height: 0;
}

.lh-120 {
    line-height: 120%;
}

.lh-18 {
    line-height: 1.125rem;
}

.lh-22 {
    line-height: 1.4rem;
}

.lh-24 {
    line-height: 1.5rem;
}

.no-resize{resize:none !important}.checklist{margin:24px;margin-top:32px}.checklist.readonly{margin:0}.checklist.readonly .new-checklist-item,.checklist.readonly .btn-create-checklist{display:none}.checklist.readonly .content{display:none !important}.checklist.readonly .content.readonly{display:block !important;flex:3}.checklist.readonly .checklist-item .icomoon-trash-16{display:none !important}.checklist.readonly .checklist-item i:hover,.checklist.readonly .checklist-item row:hover,.checklist.readonly .checklist-item label:hover,.checklist.readonly .checklist-item label .check-inline-fix:hover{cursor:default !important}.checklist .content.readonly{display:none}.checklist .checklist-manager>.form-group{margin-bottom:0}.checklist .txt-new-checklist-item{border-left:0;border-right:0;height:auto;min-height:33px;padding-left:0;padding-right:0}.checklist-item{margin-bottom:4px}.checklist-item .icomoon-trash-16{visibility:hidden;color:#a0abc0}.checklist-item>.row{border:1px solid transparent;padding:7px;width:100%;margin-left:0}.checklist-item>.row .checkbox.hidden{display:none}.checklist-item>.row>label{flex:1;flex-grow:2;color:#1a202c;padding-left:3px}.checklist-item>.row>label textarea{width:calc(100% - 35px);border:0;padding:0;font-weight:400;min-height:20px}.checklist-item>.row>label textarea.creation-mode{width:calc(100% - 10px)}.checklist-item>.row>i{flex:2;flex-grow:0}.checklist-item>.row>i:hover{color:#f34242}.checklist-item.editing>.row,.checklist-item.editing:hover>.row{border:1px solid #225ed8;border-radius:.25rem}.checklist-item:hover>.row{border:1px solid #e2e7f0;border-radius:.25rem}.checklist-item:hover .icomoon-trash-16{visibility:visible}.checklist-item i:hover{cursor:pointer}.checklist-item.completed.editing label>textarea{text-decoration:none;color:#1a202c}.checklist-item.completed label>.content{text-decoration:line-through;color:#677389}.checklist-item label>span:first-of-type{flex:1;max-width:20px}.checklist-item label>span:last-of-type{flex:2;flex-grow:0;background:none !important;height:auto;width:0;margin:0}.checklist-empty-state .container-empty-state{padding-bottom:24px;padding-top:32px}.checklist-empty-state img+*{margin-top:24px !important}.checklist div.input-group{border:1px solid transparent}.checklist div.input-group.focused{border-color:#225ed8;border-radius:4px}.checklist div.input-group.focused .input-group-addon>span,.checklist div.input-group.focused textarea{border-color:transparent}.checklist div.input-group .input-group-addon,.checklist div.input-group .input-group-addon>span{background-color:transparent !important}.checklist div.input-group .input-group-addon{align-self:stretch;max-height:unset}.checklist div.input-group .input-group-addon>span{color:#cbd2e0}.checklist div.input-group textarea::placeholder{color:#a0abc0}