@import url(https://fosnts.googleapis.com/css?family=IBM+Plex+Sans:300,300i,400,400i,700,700i&display=swap);
/*!
 * Bootswatch v4.3.1
 * Homepage: https://bootswatch.com
 * Copyright 2012-2019 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap
*/
/*!
 * 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)
 */
/*@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,300i,400,400i,700,700i&display=swap');*/
:root {
	--db-primary: #087acc;
	--db-secondary: #179cf0;
	--element-text-dark: #525252;
  --db-linear-gradient: linear-gradient(180deg, #087acc 0%, #179cf0 100%);
  --blue: #008cba;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #F04124;
  --orange: #fd7e14;
  --yellow: #E99002;
  --green: #43ac6a;
  --teal: #20c997;
  --cyan: #5bc0de;
  --white: #fff;
  --gray: #888;
  --gray-dark: #333;
  --primary: #008cba;
  --secondary: #eee;
  --success: #43ac6a;
  --info: #5bc0de;
  --warning: #E99002;
  --danger: #F04124;
  --light: #eee;
  --dark: #222;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --ancora-linear-gradient:'';
  --ancora-family: 'IBM Plex Sans', sans-serif
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          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: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  text-align: left;
  background-color: #fff;
}

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

hr {
  -webkit-box-sizing: content-box;
          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;
  cursor: help;
  border-bottom: 0;
  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: var(--db-secondary);
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #00526e;
  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: #888;
  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;
}

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"] {
  -webkit-box-sizing: border-box;
          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: 300;
  line-height: 1.2;
}

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

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

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

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

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

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

.lead {
  font-size: 1.171875rem;
  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;
  padding: 0;
  margin: 0;
}

.red {
  color: #C40D15;
}

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

.list-unstyled {
  padding: 0;
  margin: 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.171875rem;
}

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

.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: 0px;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

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

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

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: #222;
  border-radius: 0px;
}

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

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

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: -webkit-box;
  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-4-8, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-8-5, .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;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-1-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.3333333333%;
            flex: 0 0 14.3333333333%;
    max-width: 14.3333333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-4-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.5%;
            flex: 0 0 27.5%;
    max-width: 27.5%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 39.6666666667%;
            flex: 0 0 39.6666666667%;
    max-width: 39.6666666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-8-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71%;
            flex: 0 0 71%;
    max-width: 71%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-11-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 82.77%;
            flex: 0 0 82.77%;
    max-width: 82.77%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

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

.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: #222;
  background-color: rgba(0, 0, 0, 0.075);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #333;
  border-color: #464646;
}

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

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

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

.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.5rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

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

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

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: var(--db-secondary);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: 0 0 0 0.2rem rgba(0, 140, 186, 0.25);
}

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

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

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

.form-control:disabled, .form-control[readonly] {
  background-color: #eee;
  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.171875rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.8203125rem;
  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: #222;
  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.8203125rem;
  line-height: 1.5;
  border-radius: 0px;
}

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

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: -webkit-box;
  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: #888;
}

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

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -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: #43ac6a;
}

.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.8203125rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(67, 172, 106, 0.9);
  border-radius: 0px;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #43ac6a;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2343ac6a' 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: #43ac6a;
  -webkit-box-shadow: none;
          box-shadow: 0 0 0 0.2rem rgba(67, 172, 106, 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: #43ac6a;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.5rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.5rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2343ac6a' 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.5rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #43ac6a;
  -webkit-box-shadow: none;
          box-shadow: 0 0 0 0.2rem rgba(67, 172, 106, 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: #43ac6a;
}

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

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

.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: #61c185;
  background-color: #61c185;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
          box-shadow: 0 0 0 0.2rem rgba(67, 172, 106, 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: #43ac6a;
}

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

.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: #43ac6a;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

.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.8203125rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(240, 65, 36, 0.9);
  border-radius: 0px;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #F04124;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F04124' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23F04124' 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: #F04124;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.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: #F04124;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.5rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.5rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F04124' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23F04124' 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.5rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #F04124;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

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

.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: #f36a54;
  background-color: #f36a54;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

.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: #F04124;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: 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 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 500;
  color: #222;
  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.5rem;
  font-size: 0.8060rem;
  line-height: 1.5;
  border-radius: 0px;
  height: fit-content;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  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, -webkit-box-shadow 0.15s ease-in-out;
}

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

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

.btn:focus, .btn.focus {
  outline: 0;
  /* -webkit-box-shadow: none;
          box-shadow: 0 0 0 0.2rem rgba(0, 140, 186, 0.25); */
}

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

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

.btn-primary {
  color: #fff;
  background-color: var(--db-secondary);
  border-color: var(--db-secondary);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--db-secondary);
  border-color:var(--db-secondary);
}

/* .btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 157, 196, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(38, 157, 196, 0.5);
} */

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--db-primary);
  border-color: var(--db-primary);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--db-secondary);
  border-color: var(--db-secondary);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-secondary {
  color: #222;
  background-color: #eee;
  border-color: #eee;
}

.btn-secondary:hover {
  color: #222;
  background-color: #dbdbdb;
  border-color: #d5d4d4;
}

.btn-secondary:focus, .btn-secondary.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #222;
  background-color: #eee;
  border-color: #eee;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #222;
  background-color: #d5d4d4;
  border-color: #cecece;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-success {
  color: #fff;
  background-color: #43ac6a;
  border-color: #43ac6a;
}

.btn-success:hover {
  color: #fff;
  background-color: #389059;
  border-color: #358753;
}

.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #43ac6a;
  border-color: #43ac6a;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #358753;
  border-color: #317e4e;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:hover {
  color: #fff;
  background-color: #3bb4d8;
  border-color: #31b0d5;
}

.btn-info:focus, .btn-info.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aaacf;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-warning {
  color: #fff;
  background-color: #E99002;
  border-color: #E99002;
}

.btn-warning:hover {
  color: #fff;
  background-color: #c37902;
  border-color: #b67102;
}

.btn-warning:focus, .btn-warning.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #E99002;
  border-color: #E99002;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #b67102;
  border-color: #aa6901;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

.btn-danger:hover {
  color: #fff;
  background-color: #df2d0f;
  border-color: #d32a0e;
}

.btn-danger:focus, .btn-danger.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-light {
  color: var(--db-secondary);
  text-decoration:none;
  font-size: 12px;
  font-weight:800;
  background-color: transparent!important;
  border: 0px!important;
  /* border-color: #eee; */
}

.btn-light:hover {
  color: var(--db-secondary);
  background-color: transparent!important;
  border: 0px!important;
}

.btn-light:focus, .btn-light.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-light.disabled, .btn-light:disabled {
  color: var(--db-secondary);
  background-color: transparent!important;
  border: 0px!important;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: var(--db-secondary);
  background-color: transparent!important;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

.btn-dark:hover {
  color: #fff;
  background-color: #0f0f0f;
  border-color: #090808;
}

.btn-dark:focus, .btn-dark.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-outline-primary {
  color: #008cba;
  border-color: #008cba;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #008cba;
  border-color: #008cba;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

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

.btn-outline-secondary:hover {
  color: #222;
  background-color: #eee;
  border-color: #eee;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

.btn-outline-success {
  color: #43ac6a;
  border-color: #43ac6a;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #43ac6a;
  border-color: #43ac6a;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

.btn-outline-info {
  color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

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

.btn-outline-warning:hover {
  color: #fff;
  background-color: #E99002;
  border-color: #E99002;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

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

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

.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

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

.btn-outline-light:hover {
  color: #222;
  background-color: #eee;
  border-color: #eee;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

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

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

.btn-outline-dark:focus, .btn-outline-dark.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

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

.btn-link:hover {
  color: #00526e;
  text-decoration: underline;
}

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

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

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

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

.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 {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    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: 9rem;
  /* padding: 0.5rem 0; */
  /* margin: 0.125rem 0 0; */
  font-size: 0.9375rem;
  color: #222;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}

.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 rgba(0, 0, 0, 0.1);
}

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

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

.dropdown-item.active, .dropdown-item:active {
  color: var(--db-secondary);
  text-decoration: none;
  background-color: #f8f9fa;
}

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

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

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

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 1;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -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.375rem;
  padding-left: 0.375rem;
}

.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 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -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;
  -webkit-box-flex: 1;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -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: -webkit-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.375rem 0.5rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.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.171875rem;
  line-height: 1.5;
  border-radius: 0px;
}

.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.8203125rem;
  line-height: 1.5;
  border-radius: 0px;
}

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

.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.40625rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -webkit-inline-box;
  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: #008cba;
  background-color: #008cba;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

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

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

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

.custom-control-label::before {
  position: absolute;
  top: 0.203125rem;
  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.203125rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("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: #008cba;
  background-color: #008cba;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("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, 140, 186, 0.5);
}

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

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

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

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 140, 186, 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.203125rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-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;
  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, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    -webkit-transition: none;
    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, 140, 186, 0.5);
}

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

.custom-select:focus {
  border-color: #3bceff;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

.custom-select:disabled {
  color: #888;
  background-color: #eee;
}

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

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

.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: #3bceff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

.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.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.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.5rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #eee;
  border-left: inherit;
  border-radius: 0 0px 0px 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 {
  -webkit-box-shadow: none;
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 140, 186, 0.25);
}

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

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

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

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

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

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

.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: #008cba;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}

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

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

.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: #008cba;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  appearance: none;
}

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

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

.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 {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

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

.nav {
  display: -webkit-box;
  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: #ccc;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

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

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-radius: 4px 4px 0px 0px;
  font-size: 12px;
  font-family: var(--ancora-family);
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: rgba(0, 0, 0, 0.1);
}

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

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #fff;
  background-color: var(--db-secondary);
  border-color: rgba(0, 0, 0, 0.1);
}

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

.nav-pills .nav-link {
  border-radius: 0px;
}

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

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

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
}

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

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

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

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

.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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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: -webkit-box !important;
    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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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: -webkit-box !important;
    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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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: -webkit-box !important;
    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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -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 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -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: -webkit-box !important;
  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("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.7);
}

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

.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.7);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("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.7)' 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.7);
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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: 0px;
}

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

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

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

.card-body {
  -webkit-box-flex: 1;
      -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: 0px 0px 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 0px 0px;
}

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

.card-img-top {
  width: 100%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

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

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
        -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;
            column-count: 3;
    -webkit-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eee;
  border-radius: 0px;
}

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

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

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

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

.breadcrumb-item.active {
  color: #888;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0px;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #888;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.page-link:hover {
  z-index: 2;
  color: #00526e;
  text-decoration: none;
  background-color: #eee;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #008cba;
  border-color: #0079a1;
}

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

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

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

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

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

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

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

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  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, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    -webkit-transition: none;
    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: #008cba;
}

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

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.badge-secondary {
  color: #222;
  background-color: #eee;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #222;
  background-color: #d5d4d4;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.badge-success {
  color: #fff;
  background-color: #43ac6a;
}

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

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.badge-warning {
  color: #fff;
  background-color: #E99002;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #fff;
  background-color: #b67102;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.badge-light {
  color: #222;
  background-color: #eee;
}

a.badge-light:hover, a.badge-light:focus {
  color: #222;
  background-color: #d5d4d4;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.jumbotron {
  padding: 4rem 2rem;
  margin-bottom: 4rem;
  background-color: #eee;
  border-radius: 0px;
}

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

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

.alert-heading {
  color: inherit;
}

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

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

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

.alert-primary {
  color: #004961;
  background-color: #cce8f1;
  border-color: #b8dfec;
}

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

.alert-primary .alert-link {
  color: #00232e;
}

.alert-secondary {
  color: #7c7c7c;
  background-color: #fcfcfc;
  border-color: #fafafa;
}

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

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

.alert-success {
  color: #235937;
  background-color: #d9eee1;
  border-color: #cae8d5;
}

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

.alert-success .alert-link {
  color: #153420;
}

.alert-info {
  color: #2f6473!important;
  background-color: #def2f8;
  border-color: #d1edf6;
}

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

.alert-info .alert-link {
  color: #20454f;
}

.alert-warning {
  color: #794b01!important;
  background-color: #fbe9cc;
  border-color: #f9e0b8;
}

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

.alert-warning .alert-link {
  color: #462c01;
}

.alert-danger {
  color: #7d2213!important;
  font-size: 1.25rem;
  background-color: #fcd9d3;
  border-color: #fbcac2;
}

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

.alert-danger .alert-link {
  color: #51160c;
}

.alert-light {
  color: #7c7c7c;
  background-color: #fcfcfc;
  border-color: #fafafa;
}

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

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

.alert-dark {
  color: #121212;
  background-color: lightgray;
  border-color: #c1c1c1;
}

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

.alert-dark .alert-link {
  color: black;
}

@-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.703125rem;
  background-color: #ccc;
  border-radius: 0px;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #008cba;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

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

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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: #222;
  background-color: #eee;
}

.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: 0px;
  border-top-right-radius: 0px;
}

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

.list-group-item.disabled, .list-group-item:disabled {
  color: #888;
  pointer-events: none;
  background-color: #eee;
}

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

.list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -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: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0;
}

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

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -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: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    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: #004961;
  background-color: #b8dfec;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004961;
  background-color: #a4d6e7;
}

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

.list-group-item-secondary {
  color: #7c7c7c;
  background-color: #fafafa;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #7c7c7c;
  background-color: #ededed;
}

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

.list-group-item-success {
  color: #235937;
  background-color: #cae8d5;
}

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

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

.list-group-item-info {
  color: #2f6473;
  background-color: #d1edf6;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #2f6473;
  background-color: #bce5f2;
}

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

.list-group-item-warning {
  color: #794b01;
  background-color: #f9e0b8;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #794b01;
  background-color: #f7d6a0;
}

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

.list-group-item-danger {
  color: #7d2213;
  background-color: #fbcac2;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #7d2213;
  background-color: #f9b5aa;
}

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

.list-group-item-light {
  color: #7c7c7c;
  background-color: #fafafa;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #7c7c7c;
  background-color: #ededed;
}

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

.list-group-item-dark {
  color: #121212;
  background-color: #c1c1c1;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #121212;
  background-color: #b4b4b4;
}

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

.close {
  float: right;
  font-size: 1.40625rem;
  font-weight: 700;
  line-height: 1;
  color: #888;
  text-shadow: none;
  opacity: .5;
}

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

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

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);
  -webkit-box-shadow: none;
          box-shadow: none;
  -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.75rem;
  color: #888;
  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: hidden;
  outline: 0;
}

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

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  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 {
    -webkit-transition: none;
    transition: none;
  }
}

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

.modal-dialog-scrollable {
  display: -webkit-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -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 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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: 0px;
  outline: 0;
}
.modal-fullscreen .modal-content {
  height: 97%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 97%;
  margin: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

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

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

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

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

.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: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  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.8203125rem;
  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: 0px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  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.8203125rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0px;
}

.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: 0px 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: 0px 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: 0.9375rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0px - 1px);
  border-top-right-radius: calc(0px - 1px);
}

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

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

.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;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  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 {
    -webkit-transition: none;
    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;
  -webkit-transition-property: opacity;
  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;
  -webkit-transition: 0s 0.6s opacity;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    -webkit-transition: none;
    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("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("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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -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;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    -webkit-transition: none;
    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: #008cba !important;
}

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

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

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

.bg-success {
  background-color: #43ac6a !important;
}

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

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

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

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

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

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

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

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

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

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

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #090808 !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: #008cba !important;
}

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

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

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

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

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

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

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

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

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

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

.rounded-top {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded-right {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

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

.rounded-lg {
  border-radius: 0px !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: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    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.8571428571%;
}

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

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

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

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -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 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

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

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -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 {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

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

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

.justify-content-between {
  -webkit-box-pack: justify !important;
      -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 {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

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

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

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

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -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 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -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 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -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 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -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 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -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 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -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 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -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 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -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 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -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 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -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 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -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 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -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 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -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 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -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 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -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 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -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 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -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 {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

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

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

.shadow-none {
  -webkit-box-shadow: none !important;
          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: #008cba !important;
}

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

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

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

.text-success {
  color: #43ac6a !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
  color: #888 !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 {
  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;
    -webkit-box-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;
  }
}

.navbar {
  font-size: 0.8203125rem;
  font-weight: 300;
}

.bg-primary .dropdown-menu {
  background-color: #008cba;
}

.bg-primary .dropdown-menu .dropdown-item,
.bg-primary .dropdown-menu .dropdown-item:focus {
  color: rgba(255, 255, 255, 0.7);
}

.bg-primary .dropdown-menu .dropdown-item.active,
.bg-primary .dropdown-menu .dropdown-item:hover,
.bg-primary .dropdown-menu .dropdown-item:focus {
  background-color: #0079a1;
  color: #fff;
}

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

.bg-dark .dropdown-menu {
  background-color: #333;
}

.bg-dark .dropdown-menu .dropdown-item,
.bg-dark .dropdown-menu .dropdown-item:focus {
  color: rgba(255, 255, 255, 0.7);
}

.bg-dark .dropdown-menu .dropdown-item.active,
.bg-dark .dropdown-menu .dropdown-item:hover,
.bg-dark .dropdown-menu .dropdown-item:focus {
  background-color: #262626;
  color: #fff;
}

.bg-light .dropdown-menu {
  background-color: #eee;
}

.bg-light .dropdown-menu .dropdown-item,
.bg-light .dropdown-menu .dropdown-item:focus {
  color: rgba(0, 0, 0, 0.5);
}

.bg-light .dropdown-menu .dropdown-item.active,
.bg-light .dropdown-menu .dropdown-item:hover,
.bg-light .dropdown-menu .dropdown-item:focus {
  background-color: #fbfbfb;
  color: rgba(0, 0, 0, 0.7);
}

/* .btn-primary {
  border-color: var(--db-primary);
} */

.btn-secondary {
  border-color: #e1e1e1;
}

.btn-success {
  border-color: #3c9a5f;
}

.btn-info {
  border-color: #46b8da;
  color: #fff;
}

.btn-danger {
  border-color: #ea2f10;
}

.btn-warning {
  border-color: #d08002;
  color: #fff;
}

.btn-light {
  border-color: #e1e1e1;
}

.btn-dark {
  border-color: #151515;
}

.btn-group .dropdown-menu {
  border-top-width: 0;
}

.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu {
  background-color: #008cba;
  border-color: #0079a1;
}

.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-item {
  color: #fff;
}

.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-item:hover,
.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-item:focus {
  background-color: #006d91;
}

.btn-group .dropdown-toggle.btn-secondary ~ .dropdown-menu {
  background-color: #eee;
  border-color: #e1e1e1;
}

.btn-group .dropdown-toggle.btn-secondary ~ .dropdown-menu .dropdown-item {
  color: #fff;
}

.btn-group .dropdown-toggle.btn-secondary ~ .dropdown-menu .dropdown-item:hover,
.btn-group .dropdown-toggle.btn-secondary ~ .dropdown-menu .dropdown-item:focus {
  background-color: #dadada;
}

.btn-group .dropdown-toggle.btn-success ~ .dropdown-menu {
  background-color: #43ac6a;
  border-color: #3c9a5f;
}

.btn-group .dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-item {
  color: #fff;
}

.btn-group .dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-item:hover,
.btn-group .dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-item:focus {
  background-color: #388f58;
}

.btn-group .dropdown-toggle.btn-info ~ .dropdown-menu {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-group .dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-item {
  color: #fff;
}

.btn-group .dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-item:hover,
.btn-group .dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-item:focus {
  background-color: #39b3d7;
}

.btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu {
  background-color: #E99002;
  border-color: #d08002;
}

.btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-item {
  color: #fff;
}

.btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-item:hover,
.btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-item:focus {
  background-color: #c17702;
}

.btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu {
  background-color: #F04124;
  border-color: #0079a1;
}

.btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-item {
  color: #fff;
}

.btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-item:hover,
.btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-item:focus {
  background-color: #dc2c0f;
}

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

.blockquote-footer {
  color: #888;
}

table {
  font-size: 0.8203125rem;
}

.table-primary, .table-success, .table-info, .table-warning, .table-danger {
  color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

label,
.control-label,
.help-block,
.checkbox,
.radio,
.form-control-feedback {
  font-size: 0.8203125rem;
}

.dropdown-item {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.8203125rem;
  font-weight: 300;
}

.nav-tabs .nav-link,
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:hover,
.nav-tabs .nav-link.disabled:focus {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #eee;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  background-color: var(--db-secondary);
  color: #fff;
}

.nav-pills .active {
  border: 1px solid #0079a1;
}

.breadcrumb {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  font-size: 0.8203125rem;
  font-weight: 300;
  text-transform: uppercase;
}

.pagination {
  font-weight: 300;
}

.pagination .page-link {
  border-color: transparent;
  border-radius: 3px;
  margin-left: 0.1em;
  margin-right: 0.1em;
}

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

.pagination .page-item.disabled .page-link {
  border-color: transparent;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-item:last-child .page-link {
  border-radius: 3px;
}

.list-group {
  font-size: 0.8203125rem;
  font-weight: 300;
}

.close {
  opacity: 0.6;
  text-shadow: none;
}

.close:hover, .close:focus {
  opacity: 1;
}

.alert {
  font-size: 0.8203125rem;
  font-weight: 300;
}

.alert-primary > th, .alert-primary > td {
  background-color: #008cba;
}

.alert-secondary > th, .alert-secondary > td {
  background-color: #eee;
}

.alert-success, .alert-success > th, .alert-success > td {
  background-color: #43ac6a;
}

.alert-info > th, .alert-info > td {
  background-color: #5bc0de;
}

.alert-danger > th, .alert-danger > td {
  background-color: #F04124;
}

.alert-warning > th, .alert-warning > td {
  background-color: #E99002;
}

.alert-dark, .alert-dark > th, .alert-dark > td {
  background-color: #222;
}

.alert-light, .alert-light > th, .alert-light > td {
  background-color: #eee;
}

.alert .alert-link {
  font-weight: normal;
  color: #fff;
  text-decoration: underline;
}

.alert-secondary,
.alert-secondary a:not(.btn),
.alert-secondary .alert-link, .alert-light,
.alert-light a:not(.btn),
.alert-light .alert-link {
  color: #222;
}

.badge {
  padding-bottom: .3em;
}

.badge-warning, .badge-info {
  color: #fff;
}

.progress[value] {
  height: 22px;
  padding: 2px;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
}

.popover-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

body {
	color: #989898;
	background: rgba(231, 231, 231, 0.25);
	font-family: 'IBM Plex Sans', sans-serif;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
  height: 100%;
  overflow-y: hidden;
}

a:hover {
	text-decoration: none;
}
a {
  cursor: pointer;
  font-family: 'IBM Plex Sans', sans-serif;
}
ol,
ul,
li {
	list-style: none;
}

@font-face {
	font-family: 'rupee';
	font-weight: bold;
	src: url(//src/fonts/rupee.eot);
	src: url(//src/fonts/rupee.eot?#iefix) format('embedded-opentype'),
		url(//src/fonts/rupee.woff) format('woff'),
		url(//src/fonts/rupee.ttf) format('truetype'),
		url(/src/fonts/rupee.svg#rupee) format('svg');
}

.vertical-centerR {
  display: flex;
  justify-content: right;
  align-items: center;
}

.vertical-centerL {
  display: flex;
  justify-content: left;
  align-items: center;
}

.vertical-center {
  display: flex;
  align-items: center;
}

.tag-version {
  background-color: #eee;
  border-style: groove;
  padding:2px 4px;  
  border-radius: 4px;
  color: var(--db-secondary)!important;  
}

.rupee {
	font-family: 'rupee', sans-serif!important;
	font-weight: normal;
	font-style: normal;
}

.fd-scrl div.cell {
	background: #f5f5f5;
}

.txtalignC {
  text-align:center;
}
.txtalignL {
  text-align:left;
}
.txtalignR {
  text-align:right;
}

.width-100 {
	width: 100%;
}

.marginT-5 {
	margin-top: -5px;
}

.coleximg a {
	margin-right: 18px;
}

.greybg {
	background: rgba(231, 231, 231, 0.5) !important;
}

button {
	border: 0px;
}

.pd8 {
	padding-top: 8px !important;
}

.clrblack {
	color: #000 !important;
}

.fd-scrl div.cell.amntvwwhite {
	background: #fff;
}

.txtR {
	text-align: right;
}

.fnts12 {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.txt-center {
	text-align: center;
}

.gridoption {
	display: ruby;
  align-items: baseline;
  text-align: right;
}

.w-100 {
	width: 100%;
}

.w-90 {
	width: 90%;
}
.w-80 {
	width: 80%;
}
.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}
.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}
.w-70 {
	width: 70%;
}

.fl {
	float: left;
}

.flr {
	float: right;
}

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

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

.marginT30 {
	margin-top: 30px;
}

.clrBkPrimary {
  background-color: var(--db-primary)!important;
}

.clrBkSecondary {
  background-color: var(--db-secondary)!important;
} 

.clr000 {
	color: #333;
}

.marginT20 {
	margin-top: 20px;
}

.marginT25 {
	margin-top: 25px;
}

.marginT10 {
	margin-top: 10px !important;
}

.marginT40 {
	margin-top: 10px !important;
}

.marginL10 {
	margin-left: 10px !important;
}

.marginB10 {
	margin-bottom: 10px !important;
}

.marginB15 {
	margin-bottom: 15px !important;
}

.marginB20 {
	margin-bottom: 20px !important;
}

.width-90 {
	width: 90%;
}

.marginB20 {
	margin-bottom: 20px !important;
}

.marginL5 {
	margin-left: 5px !important;
}

.marginL15 {
	margin-left: 15px;
}

.nomarginB {
  margin-bottom: 0px !important;
}


.pdbtm30 {
	padding-bottom: 30px;
}

.pdbtm10 {
	padding-bottom: 10px;
}

.pdtopm10 {
	padding-top: 10px !important;
}
.itemmoveryt {
	text-align: right !important;
}

.pdtopm30 {
	padding-top: 30px;
}

.pdtopm40 {
	padding-top: 40px;
}

.nopaddingLR {
	padding-left: 0px;
	padding-right: 0px;
}

.padding-export-btn {
  padding: 0.25rem 0.5rem !important;
}

.nopaddingL {
	padding-left: 0px;
  /* border: 1px solid #e7e7e7; */
}
.nopaddingLM {
	padding-left: 0px;
	margin-right: 15px;
  min-height: inherit;
  border: 1px solid #e7e7e7;
}

.nopaddingR {
	padding-right: 0px;
  min-height: inherit;
}

.height250 {
  height: 250px!important;
}

.upldsec p.nopaddingB {
	padding-bottom: 0px;
}
.download-btn {
	position: initial;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding-top: 28px;
}
.download-btn.no-paddingT {
  padding-top: 0px!important;
}

.download-btn-2nd {
	position: initial;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	/* padding-top: 40px; */
  margin-right: 5px;
}
.case-download-btn a {
  display: flex;
	font-size: 12px;
  font-weight: 800;
  padding-right: 5px;
  border-bottom: 1px dotted var(--db-secondary);
}

.view-btn {
	background: var(--db-secondary);
	border-radius: 4px;
	padding: 10px 32px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
}

a.view-btn:hover {
	color: #fff;
	text-decoration: none;
}

.grn-btn {
	background: #36cc75;
	border-radius: 4px;
	padding: 13px 32px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
}

a.grn-btn:hover {
	color: #fff;
	text-decoration: none;
}

.accept-box {
	color: var(--db-primary);
}

.reject-box {
	color: #cc3636;
}

.pending-box {
	color: #f07915;
}

.pdL0 {
	padding-left: 0px;
}

.read-more {
	color: var(--db-primary);
}

.hd {
	color: #333333;
	font-size: 18px;
	padding-top: 40px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.vrfy-sec {
	position: absolute;
	right: 10px;
	top: 50%;
	color: #36cc75;
}

.start-btn {
	background: var(--db-linear-gradient);
	border-radius: 4px;
	padding: 13px 50px;
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
	position: absolute;
	bottom: 5px;
}

.start-btn:hover {
	color: #fff;
}

.btn-sec {
	width: 100%;
	position: fixed;
	bottom: 11px;
	text-align: center;
	z-index: 1;
	left: 0px;
}
.btn-sec .paidd-btn {
	background: #63b247;
	cursor: pointer;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}
.btn-sec .invoice-btn {
	background: #087acc;
	cursor: pointer;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}
.btn-sec .send-btn {
	background: #36cc75;
	cursor: pointer;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}
.btn-sec .sendd-btn {
	background: #36cc75;
	cursor: pointer;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}
.btn-sec .calc-btn {
	background: #f07915;
	cursor: pointer;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}
.btn-sec .cases-btn {
	background: #9EBFD5;
	cursor: pointer;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}
.btn-sec .cancel-btn {
	background: #9ebfd5;
	cursor: pointer;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}

.btn-sec .clear-btn {
	background: #e0e0e0;
	color: #989898;
	cursor: pointer;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}

.btn-sec .reject-btn {
	background: #cc3636;
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}

.btn-sec .hold-btn {
	background: #087ACC;
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}

.btn-sec .release-btn {
	background: #9EBFD5;
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}

.btn-sec .adjustment-btn {
  background:rgba(51, 51, 51, 0.75);
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px 30px 12px 30px;
	font-weight: bold;
}


.btn-sec .paidd-btn.disabled .send-btn.disabled .sendd-btn.disabled,
.btn-sec .cancel-btn.disabled,
.btn-sec .clear-btn.disabled,
.btn-sec .reject-btn.disabled,
.btn-sec .release-btn.disabled,
.btn-sec .hold-btn.disabled,
.btn-sec .adjustment-btn.disabled,
.btn-sec .invoice-btn.disabled {
	background: #cfcfcf;
	border: 0px;
	color: rgba(152, 152, 152, 0.5) !important;
	cursor: not-allowed;
}

.popadd-btn {
	background: #688da6;
	color: #fff !important;
	font-weight: 600;
	border-radius: 4px;
	padding: 13px 15px;
}

.amntvwgrey {
	background: #989898;
	color: #fff;
}

.amntvwblue {
	background: var(--db-primary);
	color: #fff;
}

.amntvwblack {
	background: #333;
	color: #fff;
}

.amntvwlghtblue {
	background: #9ebfd5;
	color: #fff;
}

.prabsolute {
	position: absolute;
	left: 45%;
}

.expndgrybtn {
	background: #989898;
	color: #fff;
	padding: 10px 10px;
	border-radius: 100px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.expndgrybtn:hover {
	color: #fff;
}

.grybtn {
	background: #989898;
	color: #fff;
	padding: 15px 20px;
	border-radius: 5px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	width: 265px;
	display: inline-block;
}

.blrbtn {
	background: var(--db-linear-gradient);
	color: #fff;
	padding: 15px 20px;
	width: 265px;
	border-radius: 5px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.grybtn:hover,
.blrbtn:hover {
	color: #fff;
}

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

.clrblack {
	color: #000;
}

.success-td {
	background: rgba(194, 250, 221, 0.25) !important;
}

.clear-td {
	background: #e5eff5 !important;
}

.reject-td {
	background: #f2cdcd !important;
}

.pending-row {
	background: #fbde97 !important;
}

.paid-row {
	background: #b1d8a3 !important;
}

.reversed-row {
	background: #a3b3d885 !important;
}

.accepted-row {
	background: #f0791582 !important;
}

.refresh-btn-icon {
	background: #989898;
	border-radius: 20px;
	color: #fff !important;
	padding: 5px 10px;
}

.refresh-btn-icon img {
	margin-right: 10px;
}

.refresh-btn-icon:hover {
	color: #fff;
}

.orng-btn-icon {
	background: #f07915;
	border-radius: 20px;
	color: #fff !important;
	padding: 7px 10px;
}

.orng-btn-icon img {
	margin-right: 10px;
}

.orng-btn-icon:hover {
	color: #fff;
}

.red-btn-icon {
	background: #cc3636;
	border-radius: 20px;
	color: #fff !important;
	padding: 7px 10px;
}

.red-btn-icon img {
	margin-right: 10px;
}

.red-btn-icon:hover {
	color: #fff;
}

.img-brd {
	border: 1px solid #989898;
	width: 250px;
	padding: 10px;
	border-radius: 5px;
}

.img-brd img {
	width: 100%;
}

.vbbtn {
	width: 250px;
	margin-top: 10px;
}

.vbbtn a {
	color: #333;
}

.clrr {
	color: #cc3636 !important;
}

.bsview {
	width: auto;
}

.bsview a {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

/*======header========*/

.header {
	background: var(--db-linear-gradient);
	width: 100%;
	float: left;
	padding: 0px 0px;
	margin-bottom: 0px;
	position: fixed;
	z-index: 99;
	height: 58px;
}

.top-navigantion {
	width: 100%;
	float: left;
	margin: 0px 0 0 0;
	padding: 0;
}

ul.top-navigantion li {
	display: inline-block;
	padding: 18px 18px 18px 18px;
	position: relative;
}

ul.top-navigantion li:hover,
ul.top-navigantion li.active {
	background: #fff;
}

ul.top-navigantion li:hover a,
ul.top-navigantion li.active a {
	color: var(--db-primary);
}

ul.top-navigantion li a {
	color: #fff;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.sub-nav {
	position: absolute;
	width: 220px;
	display: none;
	left: -1px;
	top: 56px;
}

ul.top-navigantion li:hover .sub-nav {
	display: block;
	padding: 0px 0 13px 0;
	background: #fff;
	border: 1px solid var(--db-secondary);
}

ul.top-navigantion li .sub-nav li {
	display: block;
	padding: 8px 20px 0 20px;
}

ul.top-navigantion li .sub-nav li a {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.sub-nav li a:hover {
	text-decoration: none;
}

.sub-nav li a small {
	display: block;
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.arrow-down {
	width: 0;
	height: 0;
	margin-top: 5px;
	margin-left: 5px;
	display: inline-flex;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #fff;
	position: absolute;
	top: 20%;
	right: -1px;
}

ul.top-navigantion li:hover .arrow-down {
	border-top: 4px solid var(--db-primary);
}

ul.top-navigantion.top-navR li:hover {
	background: none !important;
}

ul.top-navigantion.top-navR li:hover a {
	color: #fff;
}

ul.top-navigantion.top-navR li ul.sub-nav {
	width: 200px;
	min-width: 100%;
	text-align: left;
}

ul.top-navigantion.top-navR li ul.sub-nav li a {
	color: #333;
	text-align: left;
}

ul.top-navigantion.top-navR li:hover .arrow-down {
	border-top: 4px solid #fff;
}

.alngR {
	text-align: right;
}

/*======breadcum========*/
.breadcum {
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 0px;
	padding-bottom: 12px;
}

.breadcum ul {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.breadcum ul li {
	display: inline-block;
	padding: 0 10px 0 10px;
}

.breadcum ul li:first-child {
	padding-left: 0px;
}

.breadcum ul li a {
	font-size: 12px;
	color: #989898;
  font-family: 'IBM Plex Sans', sans-serif;
}

.breadcum ul li:last-child {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #989898;
	/* font-weight: bold; */
	background: none;
}

.breadcum ul li.active1 {
	background: none;
}

.breadcum ul li.active1 a {
	font-weight: bold;
	color: #333;
}

.phead {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.mainsec {
	width: 100%;
	float: left;
	padding-top: 13px;
	min-height: 650px;
	margin-top: 55px;
}

/*======Dashboard page===========*/
.vwinvoice-sec {
	padding-bottom: 25px;
}

.vwpayout-sec {
	padding-bottom: 25px;
}

.vwbox {
	border: 1px solid #e7e7e7;
	background: #fff;
	width: 100%;
	float: left;
	padding: 6px 6px;
	border-radius: 4px;
	position: relative;
}

.vwbox p {
	font-size: 20px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 0px;
	margin: 0px;
	line-height: 28px;
}

.vwbox p span {
	display: block;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.unicon {
	position: absolute;
	right: 17px;
	top: 20px;
}

.headclass {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding-bottom: 16px;
}

.sm-selec-box {
	border: 1px solid #989898;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 8px 10px;
	margin-left: 15px;
}

.selec-box {
	border: 1px solid #989898;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 8px 25px 8px 15px;
	width: 159px;
}

.selec-box:disabled {
	background: #ddd;
}

.suggest-box-sec {
	width: inherit;
	float: left;
	padding: 0px;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.suggest-box-sec label {
  display: block;
  float: left;
}
.suggest-box {
	border: 1px solid #989898;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 8px 25px 8px 15px;
	width: 100%;
}

.suggest-box:disabled {
	background: #ddd;
}
.content-box-status {
	/* border: 1px solid #989898; */
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 8px 25px 8px 15px;
	width: 120px;
}
.selec-box-status {
	border: 1px solid #989898;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 8px 25px 8px 15px;
	width: 120px;
}

.selec-box-status:disabled {
	background: #ddd;
}

.input-box-status {
	border: 1px solid #989898;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 8px 25px 8px 15px;
	width: 120px;
}

.input-box-status:disabled {
	background: #ddd;
}

.inp-box {
	border: 1px solid #989898;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #989898;
	padding: 13px 15px;
}
.inpbox {
	border: 1px solid #989898;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 10px 10px;
}

.selecbox {
	border: 1px solid #989898;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 10px 10px;
}

.inpbox {
	border: 1px solid #989898;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 10px 10px;
}

.selecbox {
	border: 1px solid #989898;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 10px 10px;
}


.textarea {
	text-align: left;
	border: 1px solid #989898;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #989898;
	padding: 13px 15px;
}

.textarea-form {
	width: 100%;
	height: 100px;
	text-align: left;
	border: 1px solid #989898;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	padding: 13px 15px;
}

.textarea-form.form-control {
	height: 100px;
}

.choose-business {
	padding-bottom: 20px;
}

.notify-heading {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.notify-div {
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	margin-bottom: 60px;
}

.notify-div {
	color: #333333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 10px;
}

.notify-div p img {
	margin-right: 10px;
}

.vewpayout-head {
	margin-bottom: 15px;
}

.vewpayout-head .col4 {
	width: 33.333%;
	float: left;
	padding-top: 19px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.vewpayout-head .col8 {
	width: 66.666%;
	float: right;
	text-align: right;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.vewinvoice-head {
	margin-bottom: 15px;
}

.vewinvoice-head .col4 {
	width: 33.333%;
	float: left;
	padding-top: 19px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.vewinvoice-head .col8 {
	width: 66.666%;
	float: right;
	text-align: right;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.task-sec {
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	padding: 15px;
	font-size: 18px;
	color: #000;
	font-family: 'IBM Plex Sans', sans-serif;
	min-height: 254px;
	position: relative;
}

.task-sec h3 {
	font-size: 28px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding-bottom: 15px;
	margin: 0px;
}

.task-sec p {
	padding-bottom: 15px;
	margin: 0px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.no-data-box{
	margin: 0 15px 15px 0;
	border: 1px solid #e7e7e7;
	background: #fff;
    padding: 18px 15px 18px 15px;
}
.no-data-message{
	text-align: center;
	padding: 50px;
	font-size: 16px;
	background-color: #f4f2f2;
	border-radius: 5px;
	color: darkgray;
	font-weight: 600;
}
.no-data-message p{
	margin: auto;
}
.chart-title h4{
	font-weight: 700;
	color: #000;
	font-size: 0.9375rem;
	text-align: center;
	text-transform: capitalize;
}

/*======Payout landing Page===========*/

.payout-mainsec {
	width: 100%;
	float: left;
}

.payout-mainsec .colL4 {
	width: 40%;
	float: left;
	padding-right: 30px;
}

.payout-mainsec .colL-ll {
	width: 55%;
	float: right;
	text-align: right;
}
.payout-mainsec .colL-div {
	/* width: 55%; */
	float: right;
	text-align: right;
	display: flex;
}

.payout-mainsec .colL6 {
	width: 60%;
	float: left;
	padding-left: 30px;
}
.payout-mainsec .colL6-ll {
	width: 40%;
	float: right;
	text-align: right;
}

.payout-mainsec .colL7 {
	width: 70%;
	float: left;
	padding-left: 30px;
}
.payout-mainsec .colL7-ll {
	width: 30%;
	float: right;
	text-align: right;
}


.payout-mainsec .colL-6 {
	width: 60%;
}

.payout-mainsec .colL-4 {
	width: 40%;
}

.payout-mainsec .colLC6 {
	width: 55%;
	float: left;
	padding-left: 30px;
}

.payout-mainsec .colL12 {
	width: 100%;
	float: left;
}

.payout-mainsec .colL4.brdL {
	border-right: 1px solid #e7e7e7;
	border-left: 0px;
}

.select-box-div {
	width: inherit;
	float: left;
	padding: 0 0px 0 0px;
	margin-top: 8px;
}

.select-box-div.no-marginT {
	margin-top: 0px;
}

.select-box-div ul {
	padding: 0px;
	margin: 0px;
}

.select-box-div ul li {
	width: auto;
	float: left;
	padding-right: 15px;
	position: relative;
}

.select-box-div ul li.nopaddingR {
	padding-right: 0px;
}

.select-box-div ul li.width-40 {
	width: 40%;
}

.select-box-div ul li.width-60 {
	width: 60%;
}

.select-box-div ul li label {
	display: block;
}

.select-box-div ul li select.selec-box {
	width: 170px;
	padding: 8px 5px 8px 5px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.horizontal-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items:center;
  justify-content:center;
  padding-top: 16px;
  padding-bottom: 15px;
}
.horizontal-row .col30 {
  float: right;
  width: 26%;
  margin-left: 10px;
}
.horizontal-row .col70 {
  float: right;
  width: 66%;
  margin-left: 10px;
}

.horizontal-row .col50 {
  float: right;
  width: 46%;
  margin-left: 10px;
}

.upldsec {
	background: #fff;
	float: left;
	margin-top: 15px;
	width: 100%;
	border-radius: 4px;
	padding: 15px;
	text-align: center;
}

.upldsec.nobg {
	background: none;
	padding: 0px 0px;
}

.upldsec p {
	padding-bottom: 10px;
	margin: 0px;
}

.inupldsec {
	border: 1px dashed #e7e7e7;
	border-radius: 4px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 10px 0 10px 0px;
}

.inupldsec span {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.inupldsec.dwndesc {
	text-align: center;
	border: 0px;
}

.table-view-max-height550 {
  max-height: 90%!important;
}
.table-view-row-padding {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}

.table-view .table-row {
	background: #fff;
	font-size: 12px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 13px 10px 13px 15px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.table-view .table-row.success-td {
	background: #eff7f2;
}

.table-view .table-row .col1 {
	width: 20%;
	display: inline-block;
	color: #000;
  font-size: 13px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.table-view .table-row .col2 {
	width: 40%;
	display: inline-block;
	color: #000;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.table-view .table-row .col3 {
	width: 10%;
	display: inline-block;
	color: #000;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.table-view .table-row .col4 {
	width: 26%;
	display: inline-block;
	color: #000;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.table-view .table-row .col4 a {
	margin-right: 15px;
}

.table-view div label {
	display: block;
	color: #000000;
	font-size: 13px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-bottom: 0px;
}

.table-view .table-row.finance-table .col1 {
	width: 14.28%;
	display: inline-block;
	color: #000;
}

.table-view .table-row.finance-table .col2 {
	width: 14.28%;
	display: inline-block;
	color: #000;
}

.table-view .table-row.finance-table .col3 {
	width: 14.28%;
	display: inline-block;
	color: #000;
}

.table-view .table-row.finance-table .col4 {
	width: 25.28%;
	display: inline-block;
	color: #000;
}

.table-view .table-row.finance-table .col5 {
	width: 9.28%;
	display: inline-block;
	color: #000;
}

.table-view .table-row.finance-table .col6 {
	width: 14.28%;
	display: inline-block;
	color: #000;
}

.table-view .table-row.finance-table .col7 {
	width: 5.28%;
	display: inline-block;
	color: #000;
}

.table-view .table-row.finance-table .col4 a {
	margin-right: 15px;
}

.inner-table {
	width: 100%;
	display: block;
	margin: 20px 0 5px 0px;
	border-top: 1px solid #e7e7e7;
}

.inner-table .inner-table-row {
	padding: 10px 0 0 0px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.inner-table .inner-table-row .agnt-expand-vw-dt {
	margin-bottom: 0px;
}

.inner-table .inner-table-row label {
	margin-bottom: 0px;
}

.inner-table .inner-table-row .col1 {
	width: 30%;
	display: inline-block;
	color: #000;
}

.inner-table .inner-table-row .col2 {
	width: 50%;
	display: inline-block;
	color: #000;
}

.inner-table .inner-table-row .col3 {
	width: 10%;
	display: inline-block;
	color: #000;
}

.download-template-panel {
  display: flex;
  justify-content: center;
  align-items: center;
	margin: 10px 0 10px 0;
	padding: 0;
  height: 60px;
}

.download-template-panel li {
	display: inline-block;
	margin: 0 25px 0 0;
}

li.dwnload-btn:last-child {
	margin: 0;
}

.dwnload-btn.dwnbtn {
	padding: 10px 32px;
}

.dwnload-btn.dwnbtn a {
	color: #ffffff;
}

li.dwnload-btn a {
	background: rgba(152, 152, 152, 0.92);
	color: #ffffff;
	padding: 13px 26px;
	border-radius: 4px;
  cursor: pointer;
}

li.dwnload-txt {
	font-size: 14px;
	position: relative;
  font-family: 'IBM Plex Sans', sans-serif;
}

li.dwnload-txt span {
  display: flex;
  justify-content: flex-end;
	top: 22px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	right: 0;
}

.listing-filter {
	margin: 20px 0 0px 0;
	overflow: hidden;
}

ul.filter-tab {
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
}

.listing-filter.brdbtm {
	border-bottom: 1px solid #989898;
}

ul.filter-tab li {
	float: left;
	margin: 0;
	display: inline-block;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 9px 12px;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	border-top: 1px solid #989898;
	border-bottom: 0px solid #989898;
	border-radius: 4px;
	background: #fff;
}

ul.filter-tab li:nth-child(2) {
	border-left: 0px;
}

ul.filter-tab li.active {
	background: #e7e7e7;
}

ul.filter-tab li a {
	color: #989898;
}

ul.filter-tab li a:hover {
	text-decoration: none;
}

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

.tabsnav.nav-tabs .nav-link {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 12px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #989898;
}

.tabsnav.nav-tabs .nav-link:nth-child(2) {
	border-left: 0px;
	border-right: 0px;
}

form.search-bar {
	float: left;
	width: 32%;
	margin: 10px 0 0 0;
}

form.search-bar input {
	border: 0;
	background: none;
	width: 85%;
	float: left;
}

form.search-bar button {
	float: right;
	width: 15%;
	height: 22px;
	background: url(/src/images/search_icon.png) no-repeat 0px 3px;
	border: 0;
}

form.search-bar-finc {
	float: left;
	width: auto;
	margin: 10px 0 0 0;
}

form.search-bar-finc input {
	border: 0;
	background: none;
	width: 85%;
	float: left;
}

form.search-bar-finc button {
	float: right;
	width: 15%;
	height: 22px;
	background: url(/src/images/search_icon.png) no-repeat 0px 3px;
	border: 0;
}

.sort-filter {
	float: right;
	margin: 5px 0 0 0;
}

.sort-filter .selec-box {
	padding: 8px 15px;
}

.seprator {
	background: #989898;
	height: 1px;
}

.sepratore7 {
	background: #e7e7e7;
	height: 1px;
}

.pagination {
	font-weight: 300;
	margin: 10px auto 0;
	width: 150px;
}

.pagination li {
	margin: 0 10px;
}

.pagination li a {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.overflowy {
  overflow-y:auto;
}

.table-view {
	max-height: 650px;
	/* overflow-x: auto; */
	margin-top: 5px;
}

.table-view.payout-sec {
	max-height: 450px !important;
	overflow-x: auto;
}

.upload-new-sheet {
	float: left;
	margin: 36px 0 0 20px;
	background: #989898 url(/src/images/upload-sheet-icon.png) no-repeat 9px 6px;
	border-radius: 20px;
	height: 28px;
	width: 122px;
	line-height: 25px;
	padding: 0 0 0 28px;
}

.upload-new-sheet a {
	color: #fff;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.payoutcycle-new {
	float: left;
	margin: 36px 0 0 0px;
	background: #2385d8 url(/src/images/add-row-icon.png) no-repeat 9px 6px;
	border-radius: 20px;
	height: 28px;
	width: 130px;
	line-height: 25px;
	padding: 0 0 0 28px;
}

.payoutcycle-new a {
	color: #fff;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.tab-action-bar ul {
	margin: 0;
	padding: 0;
}
.tab-action-bar ul li {
	display: inline-block;
	margin: 0 5px 0 0;
	background: #9ebfd5;
	border-radius: 20px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.tab-action-bar ul li a {
	color: #fff;
	padding: 5px 15px 5px 27px;
	display: block;
}
.tab-action-bar div.list-unstyled a {
	color: #333;
	padding: 5px 15px 5px 27px;
	display: block;
}
.tab-action-bar.actionbtn ul li {
	background: none;
}
.tab-action-bar.actionbtn ul li a {
	padding: 5px 15px 5px 15px;
}
.row-align-items {
  align-items: center;
}

.btn-action-bar ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.btn-action-bar ul li {
	display: inline-block;
	margin: 0 10px 0 0;
	background: #9ebfd5;
	border-radius: 20px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.btn-action-bar ul li a {
	color: #fff;
	padding: 5px 15px 5px 27px;
	display: block;
}
.btn-action-bar div.list-unstyled a {
	color: #333;
	padding: 5px 15px 5px 27px;
	display: block;
}


.btn-action-bar ul li.undo {
	background: #9ebfd5 url(/src/images/undo-icon.png) no-repeat 8px 7px;
}

.btn-action-bar ul li.redo {
	background: #9ebfd5 url(/src/images/redo-icon.png) no-repeat 8px 7px;
}

span.redo {
	padding: 6px 10px 6px 30px;
	background: #9ebfd5 url(/src/images/redo-icon.png) no-repeat 8px 7px;
	color: #fff;
	border-radius: 20px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

span.redo a {
	color: #fff !important;
}

.btn-action-bar ul li.add-row {
	background: #2385d8 url(/src/images/add_row_icon.svg) no-repeat 8px 7px;
}
.btn-action-bar ul li.add-row.disabled {
	opacity: 0.3;
	pointer-events: none;
}
.btn-action-bar ul li.upload-row {
	background: #2385d8 url(/src/images/upload-icon.svg) no-repeat 8px 7px;
  background-size: 14px 14px;
}
.btn-action-bar ul li.upload-row.disabled {
	opacity: 0.3;
	pointer-events: none;
}

.btn-action-bar ul li.del-row {
	background: #c40d15 url(/src/images/delete_row_icon.svg) no-repeat 8px 7px;
}

.btn-action-bar ul li.del-row.disabled {
	opacity: 0.3;
	pointer-events: none;
}

.btn-action-bar ul li.del-sheet {
	background: #cc3636 url(/src/images/delete-icon.png) no-repeat 8px 7px;
	float: right;
}
.btn-action-bar ul li.upload-sheet {
	background: #989898 url(/src/images/upload-sheet-icon.png) no-repeat 8px 7px;
}
.btn-action-bar ul li.upload-sheet.disabled {
	opacity: 0.3;
	pointer-events: none;
}
.btn-action-bar ul li.download-sheet {
	background: #989898 url(/src/images/dwnbg-icon.png) no-repeat 8px 7px;
}
.btn-action-bar ul li.download-sheet.disabled {
	opacity: 0.3;
	pointer-events: none;
}

.table-listing-view {
	width: 94%;
	margin: 0;
	padding: 0;
	float: left;
}

.table-scroll {
	clear: both;
	overflow: scroll;
	height: 200px;
}

.table-listing-view .table-row div {
	float: left;
	width: 9.09%;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 5px;
	border-bottom: 1px solid #989898;
	border-right: 1px solid #989898;
	border-top: 1px solid #989898;
}

.table-listing-view .table-row div.heading {
	background: #e7e7e7 url(/src/images/up-dwn-icon.png) no-repeat 78px center;
	padding: 15px 5px;
}

.table-listing-view .table-row div.heading:first-child {
	border-left: 1px solid;
}

.table-row.scroll div {
	background: #fff;
}

.table-row.scroll div {
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-top: 0;
}

.table-row.scroll div:first-child {
	border-left: 1px solid #e7e7e7;
}

.review-listing {
	/* height: 458px; */
	padding: 0;
	margin: 20px 0 0 0;
	overflow: hidden;
  min-height: 420px;
  margin-bottom: 50px;
}

.table-row.scroll {
	clear: both;
}

.sno {
	float: left;
	width: 2%;
}

.sno div,
.action div {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: 26px;
}

.sno div:first-child,
.action div:first-child {
	padding: 15px 5px;
	height: 48px;
}

.action {
	float: right;
	width: 4%;
}

button.delte-btn {
	background: url(/src/images/delete-icon.svg) no-repeat 0 0;
	border: 0;
	width: 17px;
	height: 18px;
	margin: 0 0 0 5px;
}

.top-btn-bar {
	display: flex;
	margin: -8px 0 0 0px;
	float: right;
	text-align: right;
}

.sec-btn-bar {
	margin: 15px 0 40px;
}

.btm-btn-bar {
	margin: 15px 0 15px;
}

.btm-btn {
	margin: 5px 0 15px;
}
div label{
	color: var(--dark);
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-bottom: 0px;  
  font-family: 'IBM Plex Sans', sans-serif;
}

.sec-bttn {
  display:inline-block;
	background: #404040;
	font-weight: 600;
	margin-right: 12px;
	padding: 13px 20px;
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  min-width: 80px;
  text-align:center;
}

.sec-bttn:hover {
  color: #fff !important;
}

.clse-btn {
  display:inline-block;
	background: var(--db-secondary);
	font-weight: 600;
	margin-right: 12px;
	padding: 13px 20px;
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  min-width: 80px;
  text-align:center;
}

.clse-btn.disabled {
	color: #ffffff;
	opacity: 0.3;
	pointer-events: none;
}

.save-shet-btn {
	background: var(--db-secondary);
	font-weight: bold;
	padding: 13px 20px;
	color: #fff !important;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

/*====payout calculation=============*/

.payout-table {
	width: 100%;
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	padding: 15px;
	border-spacing: 5px;
	height: 250px;
	overflow-x: auto;
	overflow-y: none;
}

.payout-table.scroll-yhdn {
	overflow-y: hidden;
}

.payout-table div {
	padding: 0px 0px 0 0px;
	display: table-cell;
	border: 1px solid #989898;
}

.agentwise-payout-table {
	width: 100%;
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	padding: 10px 5px 10px 5px;
	border-spacing: 5px;
	height: 300px;
	overflow-x: auto;
	overflow-y: hidden;
}

/*.payout-table ul{margin:0px; padding:0px;overflow:scroll; width:100%; white-space:nowrap;}
.payout-table ul li{padding:0px 0 0 0; display:inline-block;border:1px solid #989898;}
*/
.payout-table table th,
.payout-table table td {
	padding: 7px;
}

.payout-table table th {
	border-bottom: 1px solid #e7e7e7;
	color: #989898;
	font-weight: normal;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.payout-table table td {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.btn-action-bar.actionbtn ul li {
	background: none;
}

.btn-action-bar.actionbtn ul li a {
	padding: 5px 15px 5px 15px;
}

.master-btn.active {
	background: var(--db-primary);
	border-radius: 36px;
	color: #fff !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.master-btn {
	border: 1px solid var(--db-primary);
	border-radius: 36px;
	color: var(--db-primary) !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.send-btn {
	background: none;
	border: 1px solid #36cc75;
	border-radius: 36px;
	color: #36cc75 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.send-btn.active {
	background: #36cc75;
	color: #fff !important;
}

.cancel-btn {
	border: 1px solid #9ebfd5;
	border-radius: 36px;
	color: #9ebfd5 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.cancel-btn.active {
	background: #9ebfd5;
	color: #fff !important;
}

.accepted-btn {
	border: 1px solid #f07915;
	border-radius: 36px;
	color: #f07915 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.accepted-btn.active {
	background: #f07915;
	color: #fff !important;
}

.rej-btn {
	border: 1px solid #cc3636;
	border-radius: 36px;
	color: #cc3636 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.rej-btn.active {
	background: #cc3636;
	color: #fff !important;
}

.pending-btn {
	border: 1px solid #f8bd30;
	border-radius: 36px;
	color: #f8bd30 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.pending-btn.active {
	background: #f8bd30;
	color: #fff !important;
}

.paid-btn {
	border: 1px solid #63b247;
	border-radius: 36px;
	color: #63b247 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.paid-btn.active {
	background: #63b247;
	color: #fff !important;
}

.reversed-btn {
	border: 1px solid #4759b2;
	border-radius: 36px;
	color: #4759b2 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.reversed-btn.active {
	background: #4759b2;
	color: #fff !important;
}

.chng-btn {
	background: #36cc75;
	border-radius: 36px;
	color: #fff !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.chng-btn img {
	margin-right: 5px;
}

/* .payout-table-view {
	width: 100%!important;
} */

.payout-table-view table {
	background: #fff;
}

.filter-icon {
	position: absolute;
	right: 0px;
	top: 43%;
}

.payout-table-view tr th small {
	font-size: 9px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.payout-table-view tr td {
	border: 1px solid #e7e7e7;
	color: #333333;
	padding: 7px;
	height: 52px;
}

.payout-table-view tr th.nobgbrd {
	background: #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.payout-table-view tr td.nobgbrd {
	background: #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.payout-table-view tr td.nobgbrdLR {
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
}

.payout-table-view tr td.nobgbrdTL {
	border-top: 1px solid #f5f5f5;
}

.payout-table-view tr td.nobrdB {
	border-bottom: 0px;
}

.payout-table-view tr td.nobrdR {
	border-right: 0px;
}

.payout-table-view tr td.nobgbrdLRB {
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.payout-table-view tr td.nobgbrdLRBE7 {
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #e7e7e7;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.payout-table-view tr td.brdT {
	border-top: 1px solid #f5f5f5;
}

.payout-table-view.scroll {
	overflow-x: scroll;
}
.payout-table-view.tablescroll {
	overflow-x: scroll;
  min-height: inherit;
}

.calctable-view table {
	background: #f5f5f5;
}

.payout-table-view tr td.amntvwwhite {
	background: #fff;
}

.payout-table-view tr td a {
	color: #333;
	text-decoration: underline;
}

.offers-sec {
	padding: 50px 0 0 0px;
}

.offers-sec p {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.offers-sec ul {
	margin: 0px;
	padding: 0px;
}

.offers-sec ul li {
	color: #333;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	position: relative;
	margin: 0px;
	padding: 0px 0 5px 20px;
}

.offers-sec ul li::before {
	width: 5px;
	height: 5px;
	background: #333;
	border-radius: 100%;
	content: '';
	position: absolute;
	left: 0px;
	top: 8px;
}

.unic-con {
	position: absolute;
	left: 17px;
	top: 20px;
}

.accept-box.clrblack {
	color: #000;
	font-weight: 200;
}

.accept-box.clrblack span.rupee {
	font-size: 42px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: inline;
	color: #000;
}

.accept-box.clrblack span {
	color: var(--db-secondary);
}

.calc-box {
	padding: 15px 0 0 0;
}

.search-box {
	border: 0px;
	width: 20%;
	background: none;
}

.cacltop-sec {
	padding: 0px 0 10px 0px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.payout-success-msg {
	background: #36cc75;
	border-radius: 30px;
	display: inline-block;
	width: 50%;
	color: #fff;
	text-align: center;
	padding: 8px 8px;
}

.clear-msg {
	background: #9ebfd5;
	border-radius: 30px;
	display: inline-block;
	width: 50%;
	color: #fff;
	text-align: center;
	padding: 8px 8px;
}

.reject-msg {
	background: #cc3636;
	border-radius: 30px;
	display: inline-block;
	width: 50%;
	color: #fff;
	text-align: center;
	padding: 8px 8px;
}

/*========10-12-2019==============*/
.payoutcycle-modal-dialog {
	width: 26.5% !important;
}

.reject-modal-dialog {
	max-width: 60%;
}

.reject-modal-dialog .modal-body {
	padding: 0rem !important;
}

.modal-dialog {
	max-width: 80%;
}

.modal-dialog .modal-body {
	padding: 0rem !important;
}

.qkpopup .select-box-div {
	text-align: center;
	width: 100%;
}

.qkpopup .select-box-div ul {
	width: 50%;
	margin: 0 auto;
}

.qkpopup .download-template-panel {
	text-align: center;
	width: 100%;
}

.log-sec {
	width: 100%;
	float: left;
	margin: 40px 0 0 0px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.log-sec p {
	padding: 0px 0 10px 0;
	margin: 0px;
}

.log-sec div {
	width: 40%;
	background: #fff;
	overflow-y: scroll;
	height: 200px;
}

.log-sec div ul {
	padding: 10px 0 0 0;
	margin: 0px;
}

.log-sec div ul li {
	padding: 0 0 10px 10px;
}

/*========10-12-2019 end==============*/

/*=============11-12-2019====================*/
.modal-poup {
	width: 100%;
	background: rgba(255, 255, 255, 0.98);
	position: fixed;
	left: 0px;
	height: 100%;
}

.payout-modalbox {
	width: 100%;
	height: auto;
	overflow-y: scroll;
	overflow-x: hidden;
}

.payout-modalbox-cnt {
	width: 100%;
	float: left;
	border: 1px solid #e7e7e7;
	background: #fff url(/src/images/line-bg.jpg) repeat-y left top;
}

.case-modalbox-cnt {
	width: 900px;
	float: left;
	border: 1px solid #e7e7e7;
	background: #fff url(/src/images/grn-bg.png) repeat-y left top;
}
.collg8 {
	width: 87.5%;
	float: left;
	position: relative;
	min-height: 500px;
}
.collg2 {
	width: 12.5%;
	float: left;
	position: relative;
	min-height: 500px;
}

.collg2.minheight540 {
	min-height: 540px;
}

.collg12.minheight540 {
	min-height: 540px;
}

.collg6.minheight540 {
	min-height: 540px;
}

.height450 {
	height: 450px;
	overflow-y: auto;
	direction: rtl;
}

.height540 {
	height: 540px;
	overflow-y: auto;
	direction: ltr;
	overflow-x: hidden;
}

.height500 {
	height: 500px;
	overflow-y: auto;
	direction: ltr;
	overflow-x: hidden;
}

.colheight400 {
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	direction: ltr;
}

.colheight400 .nav-item a.nav-link.active {
	font-weight: bold;
}

.paddingbottom20 {
	padding-bottom: 20px;
}

.invoicepdf {
	width: 100%;
	height: 370px;
}

.collg2.bgc4 {
	background: #f5f5f5;
}

.collg2 ul {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	max-height: 450px;
	overflow-y: auto;
}

.collg2 ul li {
	padding: 15px 10px 15px 10px;
	position: relative;
	display: block;
	margin: 0px 0 0 0;
	border-bottom: 1px solid #989898;
}

.collg2 ul li:after {
	width: 10px;
	height: 10px;
	content: '';
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #989898;
	position: absolute;
	top: 33%;
	right: 35px;
}

.collg2 ul li a.active {
	color: #000000;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.collg2 ul li a {
	cursor: pointer;
	color: #989898;
	position: relative;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

textarea {
	color: #333333;
	width: 100%;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	text-align: left;
	direction: ltr;
}

.pop-btn-sec {
	width: 97%;
	float: left;
	position: absolute;
	bottom: 20px;
}

.poprej-btn.disable {
	background: rgba(204, 54, 54, 0.5);
}

.poprej-btn {
	background: #cc3636;
	cursor: pointer;
	font-weight: 600;
	border-radius: 4px;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 13px 15px;
}

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

.popred-btn {
	background: #cc3636;
	cursor: pointer;
	margin-left: 10px;
	border-radius: 4px;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 40px;
	font-weight: bold;
}

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

.popgrn-btn {
	background: #36cc75;
	cursor: pointer;
	border-radius: 4px;
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 40px;
	font-weight: bold;
}

.popgrn-btn.disable {
	background: #87e0ab;
	cursor: not-allowed;
}

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

.popcan-btn {
	background: #9ebfd5;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 15px;
}

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

.popcls-btn {
	background: #e7e7e7;
	font-weight: 600;
	cursor: pointer;
	border-radius: 4px;
	color: #989898;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 15px;
	margin-left: 15px;
}

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

.popcn-btn {
	background: #9ebfd5;
	color: #fff;
	margin-left: 10px;
	border-radius: 4px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 10px;
	text-align: center;
  width: 85%;
  position: absolute;
}

.popcn-btn:hover {
	color: #fff;
}

.poprew-btn {
	background: #81badf;
	cursor: pointer;
	font-weight: 600;
	border-radius: 4px;
	color: #fff !important;
	font-size: 14px;
   font-family: 'IBM Plex Sans', sans-serif;
	padding: 13px 15px;
}
.poprew-btn.disable {
	background: #afd1e8;
}

.poprew-btn:hover {
	color: #fff;
}

.collg2 .poprj-btn {
	width: 85%;
	text-align: center;
}

.poprj-btn {
	background: #cc3636;
	font-weight: 600;
	color: #fff !important;
	position: absolute;
	bottom: 8px;
	margin-left: 10px;
	border-radius: 4px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 15px;
	cursor: pointer;
}

.poprj-btn:hover {
	color: #fff;
}

.collg2 .popblue-btn {
	width: 85%;
	text-align: center;
}

.popblue-btn {
	background: var(--db-primary);
	font-weight: 600;
	color: #fff !important;
	position: absolute;
	bottom: 8px;
	margin-left: 10px;
	border-radius: 4px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 15px;
	cursor: pointer;
}

.popblue-btn:hover {
	color: #fff;
}

.collg2 .popap-btn {
	width: 85%;
	text-align: center;
}

.popap-btn {
	background: #36cc75;
	font-weight: 600;
	color: #fff !important;
	position: absolute;
	bottom: 8px;
	margin-left: 10px;
	border-radius: 4px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 15px;
	cursor: pointer;
}

.popap-btn:hover {
	color: #fff;
}

.collg6rest {
	width: 87.5%;
	float: left;
	position: relative;
	min-height: 500px;
	max-height: 500px;
	padding: 0 10px;
}

.collg6rest-miainsec {
	width: 100%;
	max-height: 450px;
}

.collg6 {
	width: 75%;
	float: left;
	position: relative;
	min-height: 500px;
	max-height: 500px;
	padding: 0 10px;
}

.coll6-miainsec {
	width: 100%;
	max-height: 450px;
}

.colllg6 {
	width: 87.5%;
	float: left;
	position: relative;
	max-height: 500px;
}

.colll6-miainsec {
	width: 100%;
	height: 500px;
	max-height: 500px;
	padding: 10px;
	/* background-color: #008cba; */
	overflow-y: 'scroll';
}

.collg7 {
	width: 100%;
	float: left;
	position: relative;
	min-height: 400px;
	max-height: 400px;
	padding: 0 10px;
}

.coll7-miainsec {
	width: 100%;
	max-height: 400px;
}

.collg7 ul.paycntcan {
	width: 100%;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0 0 0 0;
}

.collg7 ul.paycntcan li {
	width: 20%;
	word-break: break-all;
	float: left;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	height: 80px;
	padding: 0 7px 0 7px;
}

.collg7 ul.paycntcan.height65 li,
.collg12 ul.paycntcan.height65 li {
	height: 65px;
}

.collg7 ul.paycntcan li label {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	line-height: 15px;
	margin-bottom: 0px;
}

.collg6 ul.formdetails {
	width: 100%;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0 0 0 0;
}

.collg6 ul.formdetails li {
	width: 30%;
	word-break: break-all;
	float: left;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	height: 80px;
	padding: 0 7px 0 7px;
}

.collg6 ul.formdetails.height65 li,
.collg12 ul.formdetails.height65 li {
	height: 65px;
}

.collg6 ul.paycntcan li label {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	line-height: 15px;
	margin-bottom: 0px;
}

.collg6 ul.paycntcan {
	width: 100%;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0 0 0 0;
}

.collg6 ul.paycntcan li {
	width: 20%;
	word-break: break-all;
	float: left;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	height: 80px;
	padding: 0 7px 0 7px;
}

.collg6 ul.paycnt50 li label {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	line-height: 15px;
	margin-bottom: 2px;
}

.collg6 ul.paycnt50 {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
}

.collg6 ul.paycnt50 li {
	width: 50%;
	word-break: break-all;
	float: left;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	height: 80px;
	padding: 0 7px 0 7px;
}

.collg6 ul.paycntcan.height65 li,
.collg12 ul.paycntcan.height65 li {
	height: 65px;
}

.collg6 ul.paycntcan li label {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	line-height: 15px;
	margin-bottom: 0px;
}

.collg12 ul.paycntcan.pay-info {
	float: left;
	display: block;
}

.collg12 ul.paycntcan.pay-info li {
	width: 25%;
	float: left;
}

.collg12 ul.paycntcan.pay-info li:first-child {
	padding-left: 15px;
}

.colllg6 ul.paycntcan li label {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	line-height: 15px;
	margin-bottom: 0px;
}

.colllg6 ul.paycntcan {
	width: 100%;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0 0 0 0;
}

.colllg6 ul.paycntcan li {
	width: 20%;
	word-break: break-all;
	float: left;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	height: 70px;
	padding: 0 7px 0 7px;
}

.colllg6 ul.paycntcan.height65 li,
.collg12 ul.paycntcan.height65 li {
	height: 65px;
}

.colllg6 ul.paycntcan li label {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	line-height: 15px;
	margin-bottom: 0px;
}

/*=======23-12-2019=============*/
.clr98 {
	color: #989898;
}

.popsend-btn {
	background: #36cc75;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 15px;
}

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

.collg12 {
	width: 87.5%;
	float: left;
	padding: 0 20px;
}

.collg12 ul.paycntcan {
	width: 100%;
	display: flex;
	margin: 30px 0px 10px 0px;
	padding: 0 0 0 0;
}

.collg12 ul.paycntcan li {
	width: 100%;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	height: 40px;
	padding: 0px 15px;
}

.collg12 ul.paycntcan li label {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	line-height: 15px;
	margin-bottom: 0px;
}

.collg12 ul.paycntcan li:first-child {
	padding-left: 0px;
}

.pop-form {
	margin: 0px;
	padding: 0px;
}

.pop-form li {
	width: 45%;
	float: left;
	padding-bottom: 20px;
}

.pop-form li input[type='text'],
.pop-form li select {
	width: 350px;
	border-radius: 4px;
	border: 1px solid #989898;
	height: 60px;
	padding: 10px;
}

.pop-form li.width-100 {
	width: 100%;
}

.pop-form li.paddingR {
	padding-right: 1%;
}

.pop-form li.paddingL {
	padding-left: 0%;
}

.flex-column div.nav-item {
	position: relative;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-bottom: 1px solid #d5d5d5;
}

.flex-column a.nav-link {
	color: #989898;
}

.flex-column a.nav-link.active {
	background: none;
	font-weight: 600;
	color: #333;
	border: 0px;
	text-transform: capitalize;
}

.flex-column a.nav-link.active span.arrow-right {
	display: block;
}

.flex-column a.nav-link span.arrow-right {
	display: none;
}

/*=======24-12-2019=============*/
.mt-20 {
	margin-top: 20px;
}

.no-margin {
	margin: 0;
}

.notification-link {
	color: #989898;
	float: right;
	margin: 10px 0;
	cursor: pointer;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.select-box-div.no-marginT.full-width li {
	width: auto;
}

.table-row.finance-table.master-table-list .col1 {
	width: 12%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-right: 10px;
}

.table-row.finance-table.master-table-list .col2 {
	width: 13.8%;
}

.table-row.finance-table.master-table-list .col3 {
	width: 10%;
}

.master-table-list.heading-row div.colexpnd label {
	text-align: center;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
	color: #333;
}

.master-table-list.heading-row .agnt-expand-vw-dt {
	margin-bottom: 0px;
	padding: 0px;
}

.master-table-list .agnt-expand-vw-dt {
	margin-bottom: 0px;
	padding: 15px 0px;
}

.master-table-list .agnt-expand-vw-dt div.colexpnd {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: normal;
	text-align: center;
}

.master-table-list.heading-row .col2 label {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.master-table-list.heading-row .col2 {
	background: url(/src/images/up-dwn-icon-blck.png) no-repeat 90px 3px;
	padding: 0px 5px 0px;
}

.master-table-list.heading-row .col3 label {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.master-table-list.heading-row .col3 {
	background: url(/src/images/up-dwn-icon-blck.png) no-repeat 90px 3px;
	padding: 0px 5px 0px;
}

.master-user-btns {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.master-user-btns.width-100 {
	width: 100%;
}

.master-user-btns li {
	border: 1px solid var(--db-secondary);
	border-radius: 36px;
	color: var(--db-secondary) !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: inline-block;
	margin: 0 10px 0px 0;
}

.master-user-btns li a {
	padding: 5px 15px 5px 15px;
	display: block;
	color: var(--db-secondary);
}

.master-user-btns li a:hover {
	text-decoration: none;
}

.master-user-btns li a:hover {
	background: var(--db-secondary);
	color: #fff;
	border-radius: 36px;
}

.master-user-btns .active {
	background: var(--db-secondary);
	border-radius: 36px;
	color: #fff !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.listing-number {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	float: left;
	margin: 8px 0 0 2px;
}

/*=======26-12-2019=============*/
.blk-upld-btn {
	background: #333;
	padding: 13px 20px;
	color: #fff !important;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0 15px;
	cursor: pointer;
}

.downld-sheet-btn {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0 0 0 20px;
	cursor: pointer;
}
.downld-sheet-btn-less {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0 0 0 0px;
	cursor: pointer;
}

.switch-btn {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0 0 0 0px;
	cursor: pointer;
  border-bottom: 1px dotted #000;
}


.select-box-div.full-width {
	width: 100%;
}

.select-box-div label {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.master-list-filter {
	padding: 0 0 15px 0;
}

.table-view div label.active-status {
	color: #36cc75;
}

.table-view div label.approve {
	color: #33ae10;
}
.table-view div label.reject {
	color: #e85342;
}
.table-view div label.pending {
	color: #364eba;
}

/* .master-list-action a {
	margin: 0 5px;
} */

.master-table-list.heading-row {
  display: flex;
  flex-direction: row;
	background: none;
	border-top: 1px solid #e7e7e7;
	/* padding-top: 15px; */
	border-left: 0;
	border-right: 0;
	margin-top: 10px;
}

.master-table-list.heading-row .col1 {
	/* background: url(../images/up-dwn-icon-blck.png) no-repeat 90px 3px; */
	/* padding: 0px 5px 0px; */
}

.master-table-list.heading-row .col1 label {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.clse-btn:hover,
.blk-upld-btn:hover,
.save-shet-btn:hover {
	color: #fff;
}

.downld-sheet-btn:hover {
	color: #333;
}

/*=======27-12-2019=============*/
ul.user-info-tab {
	margin: 0;
	padding: 0;
	display: flex;
}

.user-info-tab li {
	width: 100%;
	display: inline-block;
	background: #e7e7e7;
	text-align: center;
	padding: 11px 0;
	border: 1px solid #989898;
	position: relative;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.user-info-tab li.active {
	background: var(--db-secondary);
	color: #fff;
}

.user-info-tab li.active a {
	color: #fff;
}

.user-info-tab li.active span {
	margin-left: 0 !important;
}

.user-info-tab li a {
	color: #989898;
	font-size: inherit;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
}

ul.form-fields {
	margin: 20px 0 5px;
	padding: 0;
	width: 90%;
	float: left;
}

ul.form-fields .select__control {
	border-color: #989898 !important;
}

ul.form-fields .select__value-container {
	flex-wrap: nowrap !important;
	overflow-x: scroll;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

ul.form-fields .select__value-container div:last-child {
	margin: 0 !important;
	padding: 0 !important;
}

ul.form-fields .select__value-container .select__multi-value {
	min-width: auto !important;
	width: max-content !important;
}

ul.second-form {
	margin: 20px 0 5px;
	padding: 0;
	width: 90%;
	float: left;
}

ul.form-fields.marginT10 {
	margin-top: 10px;
}

ul.form-fields > li {
	width: 30%;
	float: left;
	margin: 0 28px 8px 0;
	position: relative;
	min-height: 75px;
}
ul.form-fields > li.width-50 {
	width: 45%!important;
}

ul.form-fields > li.width-50 {
	width: 45%!important;
}

ul.form-fields > li.width-60 {
	width: 60%;
}

ul.form-fields > li.width-70 {
	width: 61%;
}

.tab-form ul.form-fields li.width-100 {
	width: 100%;
  height: auto!important;
}

ul.form-fields span.widthcrd {
	width: 20%;
	display: inline-block;
	margin-right: 20px;
}

ul.form-fields span.add-role-sec {
	position: absolute;
	right: -20px;
	top: 10px;
}

ul.form-fields li label {
	width: 100%;
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0 0 0 5px;
}

ul.form-fields li input[type='text'],
ul.form-fields li input[type='password'] {
	height: 45px;
	border: 1px solid #989898;
	border-radius: 4px;
	width: 100%;
	/* font-size: inherit; */
	padding: 0 0 0 10px;
	color: #333 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
input:disabled {
	background-color: #ddd;
}

textarea {
	border: 1px solid #989898;
	border-radius: 4px;
	color: #333 !important;
	padding-left: 10px;
}

ul.form-fields li.status-width {
	width: 15%;
	float: right;
}

ul.form-fields li input::-webkit-input-placeholder {
	color: #989898;
}

ul.form-fields li .selec-box {
	width: 100%;
	height: 45px;
}

ul.second-form li .subject {
	width: 100%;
	height: 45px;
}

ul.form-fields li .selec-box.inactive {
	color: #cc3636;
}

ul.form-fields li .selec-box.active {
	color: #36cc75;
}

ul.form-fields li.blank-field {
	height: 70px;
}

ul.form-fields li.pincode-width {
	width: 15%;
}

ul.form-fields li.landline-width {
	width: 18%;
}

ul.form-pc li label {
	width: 100%;
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0 0 0 5px;
}

ul.form-pc li input[type='text'],
ul.form-pc li input[type='password'] {
	height: 40px;
	border: 1px solid #989898;
	border-radius: 4px;
	width: 100%;
	padding: 0 0 0 10px;
	color: #333 !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

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

.error-msg {
	color: #cc3636;
	padding: 3px 5px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
}

.error-td {
	color: #cc3636;
	padding-top: 3px;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
}

.hidden {
	display: none;
}

.bck-btn {
  display: inline-block;
	background: #808080;
	padding: 13px 20px;
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0 12px 0 0px;
	font-weight: 600;
  min-width: 80px;
  text-align:center;
}

.del-btn {
	background: #cc3636 url(/src/images/delete-icon.png) no-repeat 8px 6px;
	color: #fff;
	padding: 4px 15px 4px 30px;
	display: inline-block;
	border-radius: 20px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.del-btn:hover,
.bck-btn:hover {
	color: #fff;
}

/*==============3-1-2020=====================*/

.table-fdscroll {
	position: relative;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.table-wrap {
	width: 100%;
	overflow: auto;
}

.table-fdscroll table {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

.table-fdscroll th {
	padding: 13px 10px;
	border: 1px solid #989898;
	background: #e7e7e7;
	white-space: nowrap;
	border-collapse: collapse;
	position: relative;
	vertical-align: top;
}

.table-fdscroll td {
	padding: 13px 10px;
	border: 1px solid #e7e7e7;
	background: #fff;
	white-space: nowrap;
	border-collapse: collapse;
	vertical-align: top;
}

.table-fdscroll thead,
.table-fdscroll tfoot {
	background: #f9f9f9;
}

.clone {
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
}

.clone th,
.clone td {
	visibility: hidden;
}

.clone td,
.clone th {
	border-color: transparent;
}

.clone th {
	position: relative;
}

.clone th.amntvwgrey {
	background: #989898;
	color: #fff;
}

.clone th.amntvwblue {
	background: var(--db-primary);
	color: #fff;
}

.clone th.amntvwblack {
	background: #333;
	color: #fff;
}

.clone th.amntvwlghtblue {
	background: #9ebfd5;
	color: #fff;
}

.clone td.amntvwwhite {
	background: #fff;
}

.clone td.nobgbrd,
.clone th.nobgbrd {
	background: #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
}

.clone tbody th {
	visibility: visible;
	color: red;
}

.clone .fixed-side {
	border: 1px solid #e7e7e7;
	background: #f5f5f5;
	visibility: visible;
}

.table-fdscroll td.bkgf5f5f {
	background: #f5f5f5;
}

.table-fdscroll td.brdT {
	border-bottom: 1px solid #e7e7e7;
}

.clone td.fixed-side {
	color: #333;
}

.table-fdscroll td.nobgbrdLRB {
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.table-fdscroll td.nobgbrdLRB7 {
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #e7e7e7;
}

.table-fdscroll td.nobgbrdLR7B {
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #e7e7e7;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.clone td.nobrdR {
	border-right: 0px;
}

.table-fdscroll td.nobgbrd,
.table-fdscroll th.nobgbrd {
	background: #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
}

.clone thead,
.clone tfoot {
	background: transparent;
}

/*-------------6-1-2020--------------*/
.pancrddiv {
	color: #333333;
}

.pancrddiv a {
	margin-left: 25px;
	color: #333;
}

.role-info {
	width: 100%;
	background: #fff;
	border: 1px solid #989898;
	padding: 10px;
	border-radius: 5px;
}

.prms-table-vw {
	width: 100%;
	color: #333;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.prms-table-vw tr td {
	padding: 10px;
}

.prms-table-vw tr th {
	color: #989898;
	padding: 10px;
	font-weight: normal;
}

.prms-table-vw tr.disable td {
	color: #989898;
}

.prms-table-vw tr td.disable {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.prms-table-vw tr td.disbclass {
	color: #cc3636;
}

.prms-table-vw tr td.enbclass {
	color: #36cc75;
}

.prms-table-vw tr td span.enbclass {
	color: #36cc75;
}

.prms-table-vw tr td span.disbclass {
	color: #cc3636;
}

.role-info h2 {
	color: #000;
	font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
	padding: 10px 0 10px 0px;
	border-bottom: 1px solid #333;
}

.role-info h2 a {
	float: right;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.table-sec {
	width: 100%;
	max-height: 350px;
	padding-right: 10px;
	overflow-y: scroll;
}

.paddingtop {
	padding-top: 30px;
}

.paddingtop10 {
	padding-top: 10px;
}

/*=============8-1-2020==============*/
.agn-sec {
	width: 100%;
	float: left;
	border: 1px solid #989898;
	padding: 10px;
	border-radius: 5px;
	min-height: 175px;
	margin-top: 15px;
	background: #fff;
}

.agn-sec ul {
	padding: 16px 0 0 0;
	margin: 0px;
}

.agn-sec ul li {
	width: 100%;
	padding: 0px 0 0 10px;
	margin: 0 0 0 0px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	position: relative;
}

.agn-sec ul li:before {
	position: absolute;
	top: 8px;
	left: 0px;
	background: #989898;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 100%;
}

.blue-radio {
	line-height: 22px;
	display: inline-block;
	cursor: pointer;
	border-bottom: 1px solid #989898;
	width: 100%;
	padding-bottom: 10px;
}

.blue-radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 15px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	line-height: 25px;
	color: #989898;
}

.blue-radio label.active {
	color: var(--db-primary);
}

.blue-radio label::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 22px;
	height: 22px;
	left: 4px;
	top: 2px;
	margin-left: -18px;
	border: 1px solid #989898;
	border-radius: 100%;
}

.blue-radio label::after {
	display: inline-block;
	position: absolute;
	content: ' ';
	width: 22px;
	height: 22px;
	left: 3px;
	top: 2px;
	margin-left: -18px;
	-webkit-transform: scale(0, 0);
}

.blue-radio input[type='radio'] {
	opacity: 0;
	z-index: 1;
}

.blue-radio input[type='radio']:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.blue-radio input[type='radio']:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.blue-radio input[type='radio']:disabled + label {
	opacity: 0.65;
}

.blue-radio input[type='radio']:disabled + label::before {
	cursor: not-allowed;
}

.blue-radio-danger input[type='radio'] + label::after {
	border: 1px solid var(--db-primary);
}

.blue-radio-danger input[type='radio']:checked + label::before {
	width: 13px;
	height: 13px;
	border: 8px solid var(--db-primary);
	top: 5px;
	left: 6px;
}

.blue-radio-danger input[type='radio']:checked + label::after {
	border-radius: 100%;
	border: 1px solid var(--db-primary);
}

.agrmn-sec {
	width: 100%;
	float: left;
	padding: 20px 10px;
	background: #fff;
	border: 1px solid #989898;
	border-radius: 5px;
	height: 450px;
	overflow-y: scroll;
	font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
}

.agrmn-sec p {
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
}

.agrmn-sec h2 {
	font-size: 22px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
	font-weight: bold;
}

.agrmn-sec h3 {
	font-size: 20px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
}

.success-sec {
	width: 50%;
	margin: 20px auto;
	text-align: center;
	color: #333;
}

.success-sec h3 {
	color: #989898;
  font-family: 'IBM Plex Sans', sans-serif;
}

.offline-sec {
	width: 60%;
	margin: 20px auto;
	text-align: center;
	color: #333;
}

.offline-sec h3 {
	color: #333;
}

/*===============9-1-2020==========*/

.kyc-sec {
	width: 100%;
	float: left;
}

.kyc-lg-4 {
	width: 40%;
	float: left;
}

.kyc-lg-6 {
	width: 60%;
	float: left;
}

ul.kyc-doc-sec {
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px 0 10px 0px;
}

.kyc-doc-sec li {
	padding: 0px 0 14px 0px;
	margin: 0px 0 0 0px;
}

.kyc-doc-sec li span {
	position: relative;
	border: 1px solid #989898;
	height: 50px;
	background: #fff;
	border-radius: 5px;
	width: 230px;
	display: inline-block;
	padding: 10px 20px 10px 14px;
}

.kyc-doc-sec li span .blue-radio {
	width: auto;
	border-bottom: 0px;
}

.kyc-lg-6 .select-box-div {
	margin-top: 0px;
}

.kyc-doc-sec
	li.active
	.blue-radio-danger
	input[type='radio']:checked
	+ label::before {
	width: 13px;
	height: 13px;
	border: 8px solid var(--db-primary);
}

.kyc-doc-sec
	li.active
	.blue-radio-danger
	input[type='radio']:checked
	+ label::after {
	border-radius: 100%;
	border: 1px solid var(--db-primary);
}

.kyc-lg-6 .select-box-div {
	width: 100%;
}

.select-box-div ul li input.text-box1 {
	width: 100%;
	border: 1px solid #989898;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #989898;
	padding: 13px 15px;
}

.select-box-div ul li span.vrfy-sec {
	position: absolute;
	right: 20px;
	top: 50%;
	color: #36cc75;
}

.kyc-doc-sec li span em.vrfy-sec {
	position: absolute;
	right: 20px;
	top: 25%;
	color: #36cc75;
}

.docup-sec {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.docup-sec li {
	width: 48%;
	float: left;
	padding: 0 0 0 0px;
	margin: 0px;
}

.docup-sec li.marnL {
	margin-left: 2%;
}

/*=========10-1-2020================*/

.agnttbl-sec {
	width: 100%;
	float: left;
}

.agnttbl-sec.infade {
	opacity: 0.5;
}

.table-row.finance-table {
	margin-top: 10px;
}

.table-row.finance-table.agent-table {
	width: 95%;
	float: left;
	position: relative;
}

.table-row.finance-table.agent-table.width-100 {
	width: 100%;
}

.table-row.finance-table.agent-table .col1 {
	width: 12%;
}

.table-row.finance-table.agent-table .col2 {
	width: 12%;
}

.table-row.finance-table.agent-table .col3 {
	width: 20%;
	text-align: center;
}

.table-row.finance-table.agent-table .col4 {
	width: 20%;
	text-align: center;
}

.table-row.finance-table.agent-table .col5 {
	width: 11.5%;
	text-align: center;
}

.table-row.finance-table.agent-table .col6 {
	width: 11%;
	text-align: center;
}

.table-row.finance-table.agent-table .col7 {
	width: 11%;
	text-align: center;
}

.table-row.finance-table.agent-table-rej {
	width: 95%;
	float: left;
}

.table-row.finance-table.agent-table-rej .col1 {
	width: 10%;
}

.table-row.finance-table.agent-table-rej .col2 {
	width: 11%;
}

.table-row.finance-table.agent-table-rej .col3 {
	width: 17%;
	text-align: center;
}

.table-row.finance-table.agent-table-rej .col4 {
	width: 16%;
	text-align: center;
}

.table-row.finance-table.agent-table-rej .col5 {
	width: 11%;
	text-align: center;
}

.table-row.finance-table.agent-table-rej .col6 {
	width: 10%;
	text-align: center;
}

.table-row.finance-table.agent-table-rej .col7 {
	width: 10%;
	text-align: center;
}

.table-row.finance-table.agent-table-rej .col8 {
	width: 10%;
	display: inline-block;
}

.table-row.finance-table.agent-table-rej .col8 em {
	font-style: normal;
	color: #f07915;
}

.width-5pr {
	width: 5%;
	float: left;
	padding-left: 20px;
	text-align: center;
	padding-top: 30px;
}

.table-row.finance-table.agent-table.selected {
	border: 2px solid var(--db-primary);
}

.table-row-view {
	display: flex;
	margin-top: 2px;
	margin-bottom: 2px;
}

.agnt-expand-vw {
	display: block;
	padding: 15px 0px;
	margin-top: 15px;
	color: #000;
	overflow: auto;
}

.agnt-expand-vw-dt {
	display: flex;
	margin-top: 5px;
	margin-bottom: 5px;
	justify-content: space-between;
}

.agnt-expand-vw-dt .colexpnd {
	min-width: 14%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colexpnd16 {
	min-width: 14%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colw14 {
	width: 14%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colexpnd14 {
	min-width: 14%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colw12 {
	width: 12%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colexpndw12 {
	min-width: 12%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colw10 {
	width: 10%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colexpndw10 {
	min-width: 10%;
	padding: 0 1%;
	max-width: 10%;
	color: #333;
}
.agnt-expand-vw-dt .colw8 {
	width: 8%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colexpndw8 {
	min-width: 8%;
	padding: 0 1%;
	color: #333;
}
.agnt-expand-vw-dt .colexpndw6 {
	min-width: 6%;
	padding: 0 1%;
	color: #333;
}

.agnt-expand-vw-dt.space-around {
	display: flex;
	justify-content: space-around;
}

.colexpnd a {
	cursor: pointer;
}

.colexpnd a.magnL15 {
	margin-left: 15px;
}

.master-table-container {
	display: flex;
	margin-top: 5px;
	margin-bottom: 5px;
	justify-content: space-between;
	/* text-align: center; */
	align-items: center;
}

.master-table-container .colexpnd {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 150px;
	text-align: center;
	overflow-wrap: break-word;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.master-table-container .colexpnd label {
	text-align: center !important;
	font-size: 12px !important;
  font-family: 'IBM Plex Sans', sans-serif;
}

.fnt13 {
	font-size: 13px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.clr333 {
	color: #333 !important;
}

.agnt-expand-vw .coll-1 {
	width: 12.5%;
	display: inline-block;
}

.agnt-expand-vw .coll-2 {
	width: 12.5%;
	display: inline-block;
}

.agnt-expand-vw .coll-3 {
	width: 12%;
	text-align: center;
	display: inline-block;
}

.agnt-expand-vw .coll-4 {
	width: 12%;
	text-align: center;
	display: inline-block;
}

.agnt-expand-vw .coll-5 {
	width: 12%;
	text-align: center;
	display: inline-block;
}

.agnt-expand-vw .coll-6 {
	width: 12%;
	text-align: center;
	display: inline-block;
}

.agnt-expand-vw .coll-7 {
	width: 12%;
	text-align: center;
	display: inline-block;
}

.agnt-expand-vw .coll-8 {
	width: 12%;
	text-align: center;
	display: inline-block;
}

.rej-agnt-expand-vw {
	padding-top: 30px;
}

.rej-agnt-expand-vw .coll-1 {
	width: 14.28%;
	display: inline-block;
}

.rej-agnt-expand-vw .coll-2 {
	width: 14.28%;
	display: inline-block;
}

.rej-agnt-expand-vw .coll-3 {
	width: 14.28%;
	display: inline-block;
}

.rej-agnt-expand-vw .coll-4 {
	width: 13.28%;
	display: inline-block;
}

.rej-agnt-expand-vw .coll-5 {
	width: 13.28%;
	display: inline-block;
}

.rej-agnt-expand-vw .coll-6 {
	width: 13.28%;
	display: inline-block;
}

.rej-agnt-expand-vw .coll-7 {
	width: 13.28%;
	display: inline-block;
	color: #f07915;
}

.rej-agnt-expand-vw {
	color: #000;
}

.bgclrorg {
	background: #f07915;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	padding: 1px 3px;
}

.fntsize10 {
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.clrorg {
	color: #f07915;
	font-style: normal;
}

.clrgrn {
	color: #36cc75;
	font-style: normal;
}

.invrv-sec {
	width: 100%;
	margin: 0 auto;
	padding: 10px;
}

.invrv-sec ul {
	width: 100%;
	display: flex;
	padding: 0px 0 10px 0;
	/* margin: 0px 0 10px 0; */
	border-bottom: 1px solid #e7e7e7;
	align-items: center;
	justify-content: space-around;
}

.invrv-sec ul li {
	width: 100%;
	color: #333;
}

.invrv-sec ul li label {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	color: #989898;
	margin-bottom: 0px;
}

.invrv-sec ul li span {
	display: block;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.invrv-sec ul li span.rupee {
	display: inline-block;
}

.invrv-sec ul li a {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
}

.invrv-sec ul li a img {
	margin-right: 5px;
}

.invrv-sec ul li:last-child {
	text-align: right;
	padding-top: 7px;
}
.invrv-sec .download {
	text-align: right!important;
	padding-top: 7px!important;
}

.invsec {
	width: 100%;
	display: flex;
	padding: 0px 0px 10px 0px;
}

.invsec .col1L {
	width: 33.333%;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
	display: inline-block;
}

.delpop {
	width: 350px;
	margin: 20% auto;
	color: #333;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.delpop a {
	margin-right: 10px;
}

/*--------24-1-2020-----------*/
.gstlist-sec {
	width: 100%;
	padding: 15px 10px;
	float: left;
	border: 1px solid #989898;
	border-radius: 5px;
	margin-bottom: 10px;
}

.gstlist-sec ul {
	padding: 0px;
	width: 100%;
	margin: 0px;
}

.gstlist-sec ul li {
	width: 32.333%;
	display: inline-block;
	vertical-align: top;
	color: #333333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 0 0 10px 0px;
}

.gstlist-sec ul li.width100 {
	width: 100%;
	clear: both;
	padding: 10px 0px;
}

.gstlist-sec ul li label {
	display: block;
	color: #989898;
	margin-bottom: 0px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.bzselected {
	background: #e7e7e7;
	border: 1px solid #989898;
	border-radius: 4px;
	padding: 10px 15px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
}

.bzselected a {
	margin-left: 5px;
}

.table-sec ul.formsec {
	margin: 0px;
	padding: 5px 0 10px 0;
}

.table-sec ul.formsec li {
	padding: 0px 0 10px 0px;
}

.table-sec ul.formsec li input {
	height: 40px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 5px;
	border: 1px solid #989898;
	border-radius: 4px;
	width: 70%;
}

.table-sec ul.formsec li select {
	width: 50%;
	padding-left: 2px;
}

.table-sec ul.formsec li input.width40 {
	width: 40%;
}

/*===============12-2-2020=====================*/

.invoicetbl-sec {
	width: 100%;
	float: left;
}

.invoicetbl-sec.infade {
	opacity: 0.5;
}

.invoicetbl-sec .table-row {
	width: 95%;
	float: left;
	position: relative;
}

.invoicetbl-sec .table-row .col1 {
	width: 9.5%;
}

.invoicetbl-sec .table-row .col2 {
	width: 9.5%;
}

.invoicetbl-sec .table-row .col3 {
	width: 9.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.invoicetbl-sec .table-row .col4 {
	width: 9.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.invoicetbl-sec .table-row .col5 {
	width: 9.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.invoicetbl-sec .table-row .col6 {
	width: 9.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.invoicetbl-sec .table-row .col7 {
	width: 9.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.invoicetbl-sec .table-row .col8 {
	width: 9.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.invoicetbl-sec .table-row .col9 {
	width: 14.5%;
	text-align: left;
	display: inline-block;
	color: #000;
}

.invoicetbl-sec .table-row .col9 em {
	color: #f07915;
	font-style: normal;
}

.invoicetbl-sec .table-row .col9 em.clrrd {
	color: #cc3636;
	font-style: normal;
}

.em {
	color: #f07915;
	font-style: normal;
}

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

.invoicetbl-sec .table-row .col10 {
	width: 4.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.invoicetbl-sec .table-row.selected {
	border: 2px solid var(--db-primary);
}

.creditnotetbl-sec {
	width: 100%;
	float: left;
}

.creditnotetbl-sec.infade {
	opacity: 0.5;
}

.creditnotetbl-sec .table-row {
	width: 95%;
	float: left;
	position: relative;
}

.creditnotetbl-sec .table-row .col1 {
	width: 10.5%;
	display: inline-block;
}

.creditnotetbl-sec .table-row .col2 {
	width: 10.5%;
	display: inline-block;
}

.creditnotetbl-sec .table-row .col3 {
	width: 8.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.creditnotetbl-sec .table-row .col4 label {
	color: #cc3636;
}

.creditnotetbl-sec .table-row .col4 {
	width: 7.5%;
	text-align: center;
	display: inline-block;
	color: #cc3636;
}

.creditnotetbl-sec .table-row .col5 {
	width: 19.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.creditnotetbl-sec .table-row .col6 {
	width: 10.5%;
	text-align: center;
	display: inline-block;
	color: #000;
}

.creditnotetbl-sec .table-row .col7 {
	width: 10.5%;
	text-align: center;
	display: inline-block;
	color: #36cc75;
}

.creditnotetbl-sec .table-row .col8 {
	width: 10.5%;
	text-align: center;
	display: inline-block;
	color: #cc3636;
}

.creditnotetbl-sec .table-row .col9 {
	width: 6.5%;
	text-align: left;
	display: inline-block;
	color: #000;
}

.creditnotetbl-sec .table-row .col9 em {
	color: #f07915;
	font-style: normal;
}

.creditnotetbl-sec .table-row .col9 em.clrrd {
	color: #cc3636;
	font-style: normal;
}

.agnt-expand-vw.clr-vw .coll-6 a {
	color: #000;
	text-decoration: underline;
}

.agnt-expand-vw.clr-vw .coll-7 {
	color: #36cc75;
}

.agnt-expand-vw.clr-vw .coll-8 {
	color: #cc3636;
}

/*===============footer==========*/

.footer {
	background: #fff;
	color: #333;
	width: 100%;
	float: left;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 15px 0px;
	margin-top: 50px;
}

.ftr {
	/* border-top: 1px solid #989898; */
	padding-top: 7px;
	width: 100%;
}

/*=======Scroll bar css========*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 5px;
	border-radius: 2px;
	background: darkgray;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/*temporary cell css*/
.payout-table-view {
  overflow-x: scroll;
	border-collapse: collapse;
}

.table-headerrow {
	display: flex;
}

.header-cell {
	overflow: auto;
	width: 150px !important;
	height: 70px !important;
	background: #e7e7e7;
	color: #989898;
	padding: 10px 8px 0px 8px;
	text-align: left;
	border-left: 1px solid #989898;
	border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
	font-size: 14px;
	font-family: 'IBM Plex Sans', sans-serif;
}

.cell {
	overflow: auto;
	width: 150px !important;
	height: 50px !important;
	background: #fff;
	color: #333;
	padding: 8px 8px 2px 8px;
	text-align: left;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-size: 13px;
	font-family: 'IBM Plex Sans', sans-serif;
}

.checkbox-cell {
	width: 20px !important;
	color: #33334c;
	font-size: small;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-top: 17px;
	text-align: center;
}

.checkbox-header-cell {
	width: 20px !important;
	text-align: center;
	color: #33334c;
	font-size: small;
  font-family: 'IBM Plex Sans', sans-serif;
}

/*=================17FEB 2020==================*/
.bzlinescn {
	width: 90%;
	padding: 10px;
	margin-bottom: 14px;
	border: 1px solid #989898;
	background: #fff;
	border-radius: 5px;
}

.bzlinescn p.hd {
	padding-top: 0px;
	font-size: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-bottom: 7px;
	border-bottom: 1px solid #989898;
}

.bzlinescn ul {
	padding: 0px;
	margin: 0px;
	display: flex;
}

.bzlinescn ul li {
	width: 100%;
}

.bzlinescn ul li.paddinglR {
	padding: 0 15px;
}

.hd a.refresh-btn-icon {
	font-size: 12px !important;
  font-family: 'IBM Plex Sans', sans-serif;
	float: right;
}

.bzlinescn ul li input[type='text'] {
	height: 45px;
	width: 172px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	border: 1px solid #989898;
	border-radius: 4px;
	padding: 0 0 0 10px;
	color: #333 !important;
}

.bzlinescn ul li select {
	height: 45px;
	width: 172px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	border: 1px solid #989898;
	border-radius: 4px;
	background: #fff;
	padding: 0 0 0 10px;
	color: #333 !important;
}

/*===========Custom Checkbox===================*/

.chkbx-container {
	position: relative;
	padding-left: 15px;
	margin-top: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.chkbx-container input {
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 14px;
	width: 14px;
	background-color: #fff;
	border: 1px solid #989898;
	border-radius: 1px;
}

.checkmark.disabled {
	background: #ccc;
	cursor: not-allowed;
}

/* On mouse-over, add a grey background color */
.chkbx-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chkbx-container input:checked ~ .checkmark {
	background-color: var(--db-secondary);
	border: 1px solid var(--db-secondary);
}

/*When the checkbox is checked and disabled*/
.chkbx-container input:checked ~ .checkmark.disabled {
	background-color: #c5cbd0;
	border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: '';
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.chkbx-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.chkbx-container .checkmark:after {
	left: 4px;
	top: 1px;
	width: 5px;
	height: 9px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* payout card checkbox position css*/
.payout-checkbox-wrapper {
	margin-left: 10px;
	padding-top: 30px;
	float: left;
}

.uploadmain-container {
	width: 800px;
	margin: 0 auto;
}

.uploadmain {
	width: 100%;
	/* border: 1px solid #989898; */
	float: left;
	margin-top: 15px;
  margin-bottom: 20px;
}
.uploadmain .upldsec {
	margin-top: 0px;
	padding: 10px;
  height: inherit;
}

.uploadmainsec {
	width: 100%;
	/* border: 1px solid #989898; */
	float: left;
	margin-top: 15px;
}

.uploadmainsec .upldsec {
	margin-top: 0px;
	padding: 10px;
}

.cont400 {
	width: 340px;
	margin: 0 auto;
}

.cont400 .select-box-div {
	width: 100%;
}

.agent-wise-cell.checkbox-cell {
	margin-top: 0px;
}

.agent-wise-cell.chkbx-container {
	margin-top: 0px;
	margin-bottom: 0px;
}

.popup-close {
	background: url(/src/images/icon-cancel.svg) no-repeat left top;
	font-size: 0px;
  font-family: 'IBM Plex Sans', sans-serif;
	width: 24px;
	height: 24px;
	display: block;
	float: right;
	top: -11px;
	right: -32px;
	position: relative;
}

.invoice-group-comments {
	width: 100%;
	border: 1px solid #989898;
	padding: 10px;
	border-radius: 4px;
	height: 200px;
	overflow-x: auto;
}

.invoice-group-comments span {
	color: #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.invoice-group-comments p {
	color: #333;
	padding-bottom: 10px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.collg-12 {
	width: 100%;
}

.collg-12 .invrv-sec {
	width: 100%;
	float: left;
}

.collg-12 .invrv-sec ul {
	width: 100%;
	float: left;
	display: block;
}

.collg-12 .invrv-sec ul li label {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.collg-12 .invrv-sec ul li {
	width: 25%;
	float: left;
	padding-bottom: 20px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	min-height: 65px;
}

.collg-12 .invrv-sec ul li:last-child {
	text-align: left;
	padding-top: 0px;
}

.modal-title.h4 {
	font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.invoice-group-detail-header a.popup-close {
	top: 0px;
	right: -16px;
}

.clrrd {
	color: #cc3636 !important;
}

/* bootstrap modal width size css*/
.modal-sm {
	width: 50% !important;
}

.modal-lg {
	width: 70% !important;
}

.modal-xl {
	width: 90% !important;
}

/* hide scroll css*/
.hide-scroll ::-webkit-scrollbar {
	width: 0 !important;
}

.hide-scroll {
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}

.qik-formview {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	padding: 0px;
}

.qik-formview li {
	width: 25%;
	float: left;
	padding: 0px 15px 25px 15px;
}

.qik-formview li label {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
	margin-bottom: 0px;
}

.qik-formview li input.form-control-input {
	width: 100%;
	padding: 2px 10px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #333;
}

.labelchkbox .chkbx-container {
	margin-top: 5px;
}

.anch-sec {
	width: 420px;
	position: relative;
	margin: 20% auto 0 auto;
	text-align: center;
}

.anch-sec h2 {
	color: #333;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
}

.anch-sec ul {
	padding: 0px;
	margin: 0px;
}

.anch-sec ul li select {
	height: 46px;
	width: 70%;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 0.8em;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 2px;
}

.anch-sec .submit {
	background: var(--db-linear-gradient);
	font-weight: 600;
	padding: 13px 20px;
	width: 100%;
	cursor: pointer;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #fff !important;
}
/*finance landing upload css*/
.finance-landing-upload {
	float: right;
	margin: 30px 0px 0px 0px;
	position: relative;
}

.finance-landing-upload div {
	margin-left: 20px;
	float: right;
}

.payout-landing-upload {
	float: right;
	margin: 30px 0px 0px 0px;
	position: relative;
}

.payout-landing-upload div {
	float: right;
}

.inputfile + label span {
	padding-right: 5px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	background: var(--db-secondary);
	border-radius: 4px;
	padding: 7px 16px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: uppercase;
}

.inputfile:focus + label,
.inputfile + label:hover {
	background-color: var(--db-secondary);
}

.inputfile + label {
	cursor: pointer; 
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

/*-----------20-3-2020------------------*/
.rpt-sec {
	width: 100%;
}

.rpt-sec h2 {
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding-top: 30px;
	margin: 0px;
	font-weight: bold;
	color: #333;
}

.rpt-sec ul.form-fields {
	width: 100%;
	margin-top: 15px;
}

.rpt-sec ul.form-fields li {
	width: 20%;
}

.seprator2 {
	border-top: 1px solid #d9d9d9;
	width: 100%;
}

.rpt-sec .clse-btn.margintop {
	margin-top: 20px;
	display: inline-block;
}

/*================10-4-2020 (notification css)====================*/

.ntf-text {
	position: absolute;
	width: 27px;
	border-radius: 100%;
	height: 27px;
	right: 0px;
	text-align: center;
	top: 10px;
	padding-top: 5px;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
	background: #fff;
	color: #212121;
}

ul.top-navigantion li {
	display: inline-block;
	padding: 18px;
	position: relative;
}

.notify-nav {
	position: absolute;
	overflow-y: auto;
	display: none;
	left: -1px;
	top: 56px;
}

ul.top-navigantion .notify-nav {
	display: block;
	padding: 0 0 13px;
	background: #fff;
	border: 1px solid var(--db-secondary);
}

ul.top-navigantion li:hover .notify-nav {
	display: block;
	padding: 0 0 13px;
	background: #fff;
	border: 1px solid var(--db-secondary);
}

.ntfy-tabs a.active {
	background: var(--db-secondary);
	color: #fff !important;
}

.ntfy-tabs a {
	padding: 5px 10px;
	border: 1px solid var(--db-secondary);
	color: #333;
	border-radius: 20px;
}

.ntfy-sec {
	margin-bottom: 15px;
}

.ntfy-sec li {
	border-top: 1px solid #e7e7e7;
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-bottom: 10px;
	position: relative;
}

ul.top-navigantion.top-navR .ntfy-sec li:hover {
	background: #179cf014 !important;
	cursor: pointer;
}

.ntfy-sec li.active:before {
	content: '';
	width: 5px;
	height: 5px;
	background: var(--db-secondary);
	border-radius: 100%;
	position: absolute;
	top: 15px;
	left: 10px;
}

ul.top-navigantion.top-navR li ul.notify-nav {
	width: 350px;
	min-width: 100%;
	height: 350px;
	text-align: left;
}

ul.top-navigantion.top-navR li ul.notify-nav li a {
	color: #333;
	text-align: left;
}

ul.top-navigantion.top-navR li ul.notify-nav li {
	/*display:block; */
	padding: 8px 20px 0;
	position: relative;
	width: 100%;
}

ul.top-navigantion li .notify-nav li a {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.notify-nav li h2 {
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
	margin: 0px;
	padding: 10px 0px;
}

ul.top-navigantion.top-navR li ul.notify-nav li a.vw-ntfbtn {
	font-weight: 600;
	color: var(--db-primary);
	text-decoration: underline !important;
}

.ntfy-sec li span {
	float: left;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: var(--db-secondary);
}

/*8jan-2022*/
.left-tabs-vz {
	background: #fff;
	margin: 20px 0px;
	width: 760px;
	height: 670px;
	border: 1px solid #e7e7e7;
	border-radius: 8px;
}
.left-tabs-vz ul.user-info-tab {
	display: block;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.left-tabs-vz .col-lg-3,
.left-tabs-vz .col-lg-9 {
	padding-left: 0px;
	padding-right: 0px;
}
.left-tabs-vz ul.user-info-tab {
	height: 670px;
	background: #e7e7e7;
} /*overflow-y: scroll;*/
.left-tabs-vz ul.user-info-tab li {
	text-align: left;
	position: relative;
	text-transform: uppercase;
	padding: 12px 10px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top: 0px;
	border-bottom: 1px solid #ccc;
	border-left: 0px;
	border-right: 0px;
}
.left-tabs-vz .user-info-tab li.active {
	border-left: 5px solid var(--db-secondary);
	background: #fff;
}

.left-tabs-vz .user-info-tab li a {
	font-weight: normal;
}
.left-tabs-vz .user-info-tab li.active a {
	color: #333;
	font-weight: bold;
}
.left-tabs-vz ul.user-info-tab li:nth-child(1) {
	border-top-left-radius: 5px;
}
.left-tabs-vz ul.user-info-tab li span {
	margin-right: 10px;
}
.left-tabs-vz ul.user-info-tab li span.sucs-mark {
	margin-right: 43px;
}
.left-tabs-vz ul.user-info-tab li span.err-mark {
	margin-right: 43px;
}


.left-tabs-vw {
	background: #fff;
	margin: 20px 0px;
	width: 100%;
	min-height: 670px;
	border: 1px solid #e7e7e7;
	border-radius: 8px;
}
.left-tabs-vw ul.user-info-tab {
	display: block;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.left-tabs-vw .col-lg-3,
.left-tabs-vw .col-lg-9 {
	padding-left: 0px;
	padding-right: 0px;
}
.left-tabs-vw ul.user-info-tab {
	background-color: #e7e7e7;
	height: 100%;
} /*overflow-y: scroll;*/
.left-tabs-vw ul.user-info-tab li {
	text-align: left;
	position: relative;
	text-transform: uppercase;
	padding: 12px 10px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	border-top: 0px;
	border-bottom: 1px solid #ccc;
	border-left: 0px;
	border-right: 0px;
}
.left-tabs-vw .user-info-tab li.active {
	border-left: 5px solid var(--db-secondary);
	background: #fff;
}
.left-tabs-vw .user-info-tab li a {
	font-weight: normal;
	cursor: pointer;
}
.left-tabs-vw .user-info-tab li.active a {
	color: #333;
	font-weight: bold;
}
.left-tabs-vw ul.user-info-tab li:nth-child(1) {
	border-top-left-radius: 5px;
}
.left-tabs-vw ul.user-info-tab li span {
	margin-right: 10px;
}
.left-tabs-vw ul.user-info-tab li span.sucs-mark {
	margin-right: 43px;
}
.left-tabs-vw ul.user-info-tab li span.err-mark {
	margin-right: 43px;
}

.tab-form {
	padding: 20px;
} /*overflow-y: scroll;*/
.tab-form .form-fields {
	width: 100%;
	margin-top: 0px;
	padding-right: 10px;
}
.tab-form ul.form-fields li {
	width: 30%;
	margin: 0px;
	height: 90px;
}
.tab-form ul.form-fields li.subject {
	width: 100%;
	margin: 0px;
	height: 90px;
}
.tab-form ul.form-fields li.descriptionn {
	width: 100%;
	height: 90px;
  margin: 0px!important;
}
.tab-form ul.form-fields li.disclaimer {
	width: 100%;
	height: auto;
  margin: 0px!important;
}
div.formfield_parent_sec {
  float: inherit;  
  margin: 5px 0 5px 0;
  width: max-content;
}
div.formfield_parent_sec h2 {
  font-size: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 500;
  color: var(--db-secondary);
}

.tab-form ul.form-fields li.attachment {
	width: 30%;
	margin: 0px;
	margin-top: 50px;
	height: 90px;
}
.tab-form ul.form-fields li:nth-child(3n+2)
{
	margin-left: 5%;
	margin-right: 5%;
}
.tab-form ul.form-fields li.complete-row {
  clear:both;
  width: 100%;
  height: auto;
}
.tab-form ul.form-fields li.terms {
	width: 100%;
	margin: 0px;
	height: auto;
}

.tab-form ul.form-fields li select.selec-box {
	padding: 12px 15px;
}
.error {
	border: 1px solid #cc3636 !important;
}
.error-msg {
	color: #cc3636;
	padding: 3px 5px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
}
.detail-table {
  position: inherit;
  float: none;
  padding-left: 6%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}
.agent-sub-section {
	width: 100%;
  padding: 5px;
  border: 1px solid #e7e7e7;
}

.payee-table-view {
  width: 100%;
  border: 1px solid #e7e7e7;
}
.payee-table-view tr th {
	background: #fbfbfb;
	color: #333;
  font-weight:700;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  padding: 10px;
	border-bottom: 1px solid #e7e7e7;
}
.payee-table-view tr td {
	color: #333;
	font-weight: normal;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  padding: 10px;
	border-bottom: 1px solid #e7e7e7;
	word-break: break-word;
}

.version-table-view {
  display: flex;
  flex-flow: column;
  /* height: 100%; */
  width: 100%;
  border: 1px solid #e7e7e7;
  height: 450px;
}
.version-table-view tbody {
  overflow-y: auto;    
  overflow-x: hidden;  
}

.detail-table-view {
  display: flex;
  flex-flow: column;
  /* height: 100%; */
  width: 100%;
  border: 1px solid #e7e7e7;
  height: 350px;
}
.detail-table-view tbody {
  overflow-y: auto;    
  overflow-x: hidden;  
}

/* .detail-table-view thead tr:nth-child(2) > th {
	position: sticky;
	top: 0;
} */
/* .tbl-headerr th {
  background-color: #a3a2a2!important;
} */

.sub-table .title {
  background: #e1e1e1;
	color: #333;
  font-weight: bold;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  padding: 8px;
	border-bottom: 1px solid #e7e7e7;
}
.sub-table tr th {
  width: 30%;
	background: #fbfbfb;
	color: #333;
  font-weight:700;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  padding: 10px;
	border-bottom: 1px solid #e7e7e7;
}
.sub-table tr td {
	color: #333;
	font-weight: normal;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  padding: 10px;
	border-bottom: 1px solid #e7e7e7;
	word-break: break-word;
}
.sub-table tr td label {
  color: #333;
  font-weight: 600;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  width: 100%;
}

.tab-table-view {
	width: 100%;
	border: 1px solid #e7e7e7;
  margin-bottom: 20px;
}

.tab-table-view thead tr:first-child > th {
	position: sticky;
	top: 0;
}

.tab-table-view tr th {
	background: #cfcfcf;
	color: #333;
	font-weight: bold;
	padding: 10px;
}

.tab-table-view tr th.subth {
	background: #e7e7e7;
	color: #333;
	font-weight: bold;
	padding: 10px;
}

.tab-table-view tr td {
	color: #333;
	font-weight: normal;
	padding: 10px;
	/* border-bottom: 1px solid #e7e7e7; */
	word-break: break-word;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.tab-table-view tr td label {
	color: #333;
	font-weight:600;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  width: 100%;
}
.min-width-120 {
  min-width: 120px;
}
.non {
	/* background-color: rgba(231, 231, 231, 0.25); */
	background: #fff;
	border-right: 1px solid #e7e7e7;
}

.tab-table-view tr:nth-child(even) {
	background: #fff;
}
.tab-table-view tr:nth-child(odd) {
	background: #f6fcff;
}

.attach-card {
	border: 1px solid #008cba;
	background: #ffffff;
	color: #989898;
	padding: 5px;
	border-radius: 3px;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.attach-card a {
	color: #333;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding-left: 5px;
}
.form-fields input[type='file'] {
	border: 0px;
	width: 236px;
}

.current {
	border-radius: 100%;
	border: 2px solid var(--db-secondary);
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 3px 7px;
	color: #333;
	background: #fff;
}
.de-active {
	border-radius: 100%;
	border: 2px solid #989898;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 3px 7px;
	color: #989898;
	margin-left: 5px;
	background: #e7e7e7;
}
.sucs-mark:after {
	position: absolute;
	content: '';
	border-radius: 100%;
	border: 2px solid #36cc75;
	padding: 3px 7px;
	margin-left: 5px;
	font-size: 0px;
	background: url(/src/images/succes-tick.png) no-repeat -2px center;
	width: 25px;
	height: 25px;
}
.err-mark:after {
	position: absolute;
	content: '';
	border-radius: 100%;
	border: 2px solid #cc3636;
	padding: 3px 7px;
	margin-left: 5px;
	font-size: 0px;
	background: url(/src/images/error-tick.png) no-repeat -2px center;
	width: 25px;
	height: 25px;
}
.form-tabs {
	width: 100%;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	margin-bottom: 20px;
	padding: 10px 0px;
}

.form-tabs ul {
	padding: 0px;
	margin: 0px;
}

.form-tabs li {
	border: 1px solid var(--db-secondary);
	border-radius: 36px;
	color: var(--db-secondary) !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: inline-block;
	margin-right: 10px;
}
.form-tabs li a {
	padding: 5px 15px 5px 15px;
	display: block;
	color: var(--db-secondary);
	cursor: pointer;
}
.form-tabs .active {
	background: var(--db-secondary);
	border-radius: 36px;
	color: #fff !important;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.tab-table-view input[type='text'].input-val {
	border: 1px solid #989898;
	border-radius: 4px;
	width: 100px;
	text-align: center;
}

.scroll {
	width: 100%;
	overflow-y: scroll;
} /*height: 458px;*/

.download_tnt {
	width: auto;
	margin-top: 11px;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-right: 15px;
}

.grid-container {
	display: grid;
	grid-template-columns: auto;
	/* background-color: #2196F3; */
	padding: 10px;
}
.grid-item {
	/* background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8); */
	/* padding: 20px; */
	font-size: 30px;
  font-family: 'IBM Plex Sans', sans-serif;
	text-align: left;
}

.grid-item .rdrCalendarWrapper {
	width: 100%;
}

.grid-item .rdrCalendarWrapper .rdrMonth {
	width: 100%;
}

.main {
	/* background: rgba(231, 231, 231, 0.25);
	padding-top: 70px; */
}

/* .main .container2 {
  display: grid;
  max-width: 1280px;
  margin: 0 auto;
  gap: 30px;
  grid-template-columns: repeat(12, [col-start] 1fr);
}

.main .container2 .coll-4 {
  grid-column: col-start / span 4;
}

.main .container2 .coll-8 {
  grid-column: col-start 5 / span 8;
} */

.main .stat-box {
	margin-bottom: 40px;
}

.main .stat-box > p {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
	color: #989898;
}

.main .stat-box > p img {
	float: right;
}

.main .stat-box .content {
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	display: flex;
	padding: 18px 15px;
}

.main .stat-box .content .col {
	flex: 1 1 50%;
}

.main .stat-box .content .col-1-4 {
	flex: 1 1 25%;
}

.main .stat-box .content .col-3-4 {
	flex: 1 1 75%;
}

.main .stat-box .content .col:first-child,
.main .stat-box .content .col-1-4 {
	border-right: 1px dotted #000;
	padding-right: 15px;
}

.main .stat-box .content .col.no-border {
	border-right: 0;
}

.main .stat-box .content .col:last-child,
.main .stat-box .content .col-3-4 {
	padding-left: 15px;
}

.main .stat-box .content h5 {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
	color: var(--db-primary);
	margin-top: 0;
	margin-bottom: 6px;
}

.main .stat-box .content h5 img {
	display: inline-block;
	margin-right: 6px;
	vertical-align: -5px;
}

.main .stat-box .content h2 {
	font-size: 20px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 400;
	margin: 0;
}

.main .stat-box .content h2 span {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: var(--db-primary);
	margin-left: 15px;
	vertical-align: middle;
}

.main .stat-box .content button {
	display: inline-block;
	background: #36cc75;
	border-radius: 10.5px;
	color: #fff;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
	border: 0;
	vertical-align: top;
	margin-left: 30px;
	padding: 3px 4px 4px;
}

.main .stat-box .content button img {
	display: inline-block;
	vertical-align: -3px;
}

.main .stat-box .content .col:first-child > p {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	line-height: 14px;
	color: var(--db-primary);
	font-weight: 500;
}

.main .stat-box .content .col:first-child > p span {
	margin-left: 30px;
}

.main .stat-box .content .col > p:not(:last-child) {
	margin-bottom: 20px;
	margin-top: 0;
}

.main .stat-box .content .col > p:last-child {
	margin-bottom: 0;
}

.main .stat-box .content .col:last-child > p {
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	line-height: 14px;
}

.main .stat-box .content .col:last-child > p img {
	vertical-align: top;
}

.main .stat-box .content .score h5 {
	margin-top: 6px;
}

.main .stat-box .content .progress {
	display: block;
	width: 100%;
	height: 20px;
	background: #e7e7e7;
	border-radius: 10px;
	margin-top: 4px;
	margin-bottom: 6px;
}

.main .stat-box .content .progress > div {
	height: 20px;
	display: block;
	border-radius: 10px;
	background: var(--db-linear-gradient);
}

.main .chart-box,
.main .chart-box-2 {
  height: auto;
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	padding: 30px 45px;
	position: relative;
	@media screen AND (min-width: 1024px) {
		margin-bottom: 60px;
	}
}

.main .chart-box h2 {
	font-weight: 400;
	font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: inline-block;
	margin-top: 0;
}

.main .chart-box select,
.main .chart-box-2 select {
	float: right;
	-webkit-appearance: none;
	border: 1px solid #989898;
	border-radius: 4px;
	line-height: 36px;
	padding: 0 60px 0 15px;
}

.main .chart-box .arrow,
.main .chart-box-2 .arrow {
	position: absolute;
	top: 48px;
	right: 60px;
	filter: brightness(0.8) hue-rotate(180deg);
}

.main .chart-box .chart {
	@media screen and (min-width: 1440px) {
		height: 250px;
	}
}

.main .chart-box .chart .chart-container {
	width: 1200px;
	height: 240px;
	display: block;
}

.main .chart-box-2 .chart {
	@media screen and (min-width: 1440px) {
		height: 250px;
	}
}

.main .chart-box-2 .chart .chart-container {
	width: 1200px;
	height: 240px;
	display: block;
}

.main .chart-box-2 h2 {
	/* font-weight: 600;
  font-size: 18px;
  display: inline-block; */
	font-weight: 400;
	font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: inline-block;
	margin-top: 0;
}

.main .table-box {
	margin-bottom: 60px;
}

.main .table-box h2 {
	font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
}

.main .table-box .wrapper {
	width: 100%;
	max-height: 370px;
	overflow: auto;
}

.main .table-box table {
	width: 800px;
}

.main .table-box table th {
	background: #f5f5f5;
	padding: 15px;
	text-align: left;
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}

.main .table-box table td {
	padding: 15px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	transition: all 0.3s ease;
}

.main .table-box table tr:hover td {
	background: #eff7ff;
}

.main .table-box table td button {
	border: 0;
	padding: 0;
	background: transparent;
	float: right;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
	cursor: pointer;
}

.main .table-box table td button img {
	display: inline-block;
	margin-right: 6px;
	vertical-align: -3px;
}

.main .table-box > a {
	border: 0;
	padding: 0;
	background: transparent;
	font-weight: 500;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	float: right;
	margin-top: 6px;
	cursor: pointer;
}

.main .table-box > a img {
	display: inline-block;
	margin-right: 6px;
	vertical-align: -3px;
}

.upload-modal-dialog {
	width: 62% !important;
}

.download-error {
	color: #fff !important;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	text-decoration: underline;
}

/* NEW LAYOUT STYLES ADD */

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
	display: none;
}

.width100 {
	width: 100%!important;
}
.width20 {
	width: 20%!important;
}
.width40 {
	width: 40%!important;
}

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

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

.min-height-80 {
	min-height: 80vh;
}

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

.margin-0 {
	margin: 0;
}

.margin-t-6 {
	margin-top: 6px;
}

.margin-t-16 {
	margin-top: 16px;
}

.margin-t-24 {
	margin-top: 24px;
}

.margin-t-28 {
	margin-top: 28px;
}

.margin-tb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.padding-tb-16 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.padding-lr-14 {
	padding-left: 14px;
	padding-right: 14px;
}

.padding-tb-lr-20 {
	padding: 20px;
}

.padding-tb-lr-34 {
	padding: 34px;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.z-1 {
	z-index: 1;
}

.bottom-0 {
	bottom: 0;
}

.overflow-y-hidden {
	overflow-y: hidden;
}

.block {
	display: block;
}

.grid {
	display: grid;
}

.flex {
	display: flex;
}

.flex-gap-24 {
	gap: 24px;
}

.grid-center {
	place-self: center;
}

.flex-display {
  display: flex;
}

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

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

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

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

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

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

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

.background-blue {
	background: linear-gradient(180deg, #087acc 0%, #179cf0 100%);
}

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

.color-black {
	color: black;
}

.color-white {
	color: white;
}

.color-blue {
	color: #096db5;
}

.outline-none {
	outline: none;
}

.border-solid-grey {
	border: 1px solid #767676;
}

.border-radius-4 {
	border-radius: 4px;
}

.border-radius-8 {
	border-radius: 8px;
}

.font-18 {
	font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
	line-height: 1.5;
}

.font-16 {
	font-size: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
	line-height: 1.5;
}

.font-24 {
	font-size: 24px;
  font-family: 'IBM Plex Sans', sans-serif;
	line-height: 1.5;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}

.uppercase {
	text-transform: uppercase;
}

.hover-color-blue:hover {
	color: #179cf0;
}

.hover-background-blue:hover {
	background: #179cf0;
}

.login-svg-background {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 0;
}

.svg-background-1 {
	bottom: -120px;
	left: 20px;
}

.svg-background-2 {
	bottom: 10px;
	right: 0px;
}

.focus-background-blue:focus,
.focus-background-blue:focus-visible {
	background: #179cf0;
	outline: none;
}

.active-border-blue:active {
	border-width: 1px;
	border-color: #096db5;
	border-style: solid;
}

.focus-border-blue:focus {
	border-width: 1px;
	border-color: #096db5;
	border-style: solid;
}

.new-layout-header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 5;
	height: 65px;
}

.new-layout-container-fluid {
	width: 100%;
	background: linear-gradient(180deg, #087acc 0%, #179cf0 100%);
}

.new-layout-container-external {
	width: 100%;
	background: linear-gradient(120deg, var(--db-primary) 0%, var(--db-secondary) 100%);
}

.new-layout-header-container {
	width: calc(100% - 36px);
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
	padding-right: 18px;
	margin-left: auto;
	margin-right: auto;
}

.new-layout-header-navigation {
	width: max-content;
	margin-right: 12px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.user-profile {
  all: unset;
  padding: 0.2rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  border-radius: 10px;
}

.user-profile__image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-profile__image p {
  color: var(--blue);
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
}

.user-profile__content {
  display: flex;
  flex-direction: column;
}

.user-profile__content p {
  padding: 0;
  margin: 0;
  color: var(--white);
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.new-layout-main {
	width: 100%;
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
}

.new-layout-sidebar {
	grid-column: 1/2;
	height: calc(100vh - 65px);
	width: 73px;
	background-color: #efeeee;
	position: sticky;
	top: 65px;
	left: 0;
}

.new-layout-sidebar-active {
	width: 240px;
}

.new-layout-sidebar-links-container::-webkit-scrollbar {
	display: none;
}

.new-layout-sidebar-links-container {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-bottom: 80px;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

.new-layout-content {
	grid-column: 2/3;
	/* width: 100%; */
	padding-top: 14px;
	padding-bottom: 50px;
	padding-left: 3%;
	padding-right: 3%;
	overflow-y: scroll;
	height: 80vh;
}

.new-layout-sidebar-open-btn {
	width: max-content;
	height: auto;
	padding: 14px 25px;
	cursor: pointer;
	outline: none !important;
}

.new-layout-sidebar-link {
	width: 100%;
	padding: 14px 0;
	display: flex;
	text-decoration: none;
	cursor: pointer;
}

.new-layout-sidebar-link:hover {
	background-color: #ffffff;
}

.new-layout-sidebar-active
	.new-layout-sidebar-link:hover
	.new-layout-sidebar-dropdown-content {
	padding-bottom: 14px;
	border-bottom: 0.3px solid rgba(0, 0, 0, 0.1);
}

.new-layout-sidebar-link img {
	overflow: visible;
	padding-left: 25px;
}

.new-layout-sidebar-link p {
	display: none;
	line-height: 1;
	margin: 0;
	margin-left: 24px;
	color: #000000;
}

.new-layout-sidebar-dropdown-icon {
	display: none;
	margin-left: 14px;
	width: max-content;
}

.new-layout-sidebar-active .new-layout-sidebar-link p,
.new-layout-sidebar-active
	.new-layout-sidebar-link
	.new-layout-sidebar-dropdown-icon {
	display: inline-block;
}

.new-layout-sidebar-active .new-layout-sidebar-dropdown:hover {
	padding-bottom: 0;
}

.new-layout-sidebar-dropdown ul {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

.new-layout-sidebar-dropdown ul li a p {
	padding-left: 48px;
}

.new-layout-sidebar-dropdown-link {
	padding-top: 10px;
	padding-bottom: 10px;
	/* padding-left: 25px; */
	text-decoration: none;
}

.new-layout-sidebar-dropdown-link p {
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.new-layout-sidebar-dropdown i img {
	padding: 0;
}

.new-layout-sidebar-dropdown:hover i img {
	transform: rotate(180deg);
	padding: 0;
	height: 22px;
}

.new-layout-sidebar-active .new-layout-sidebar-dropdown:hover ul {
	display: inline-block;
}

.new-layout-sidebar-dropdown ul li {
	border-bottom: 0.3px solid rgba(0, 0, 0, 0.1);
}

.new-layout-sidebar-dropdown ul li:last-child {
	border-bottom: none;
}

.new-layout-sidebar-bottom {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 2;
	background-color: #efeeee;
}

.new-layout-sidebar-version {
	padding-left: 24px;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
	color: #000;
	text-align: left;
}

.sub-top-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-main-section {
	padding: 8px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-main-section .master-list-filter {
	margin-top: 0;
	padding: 0;
}

.top-main-section .top-btn-bar {
	margin-top: 0;
}

.top-main-section .top-btn-bar .clse-btn,
.top-main-section .top-btn-bar .dropzone {
	display: block;
  float: right;
  width: fit-content;
}

.top-main-section .top-btn-bar .dropzone a {
	display: block;
}

.top-main-section .top-btn-bar .download_tnt,
.top-main-section .top-btn-bar .dropzone .download_tnt {
	margin: 0;
}

.top-main-section .top-btn-bar .clse-btn,
.top-main-section .top-btn-bar .dropzone .blk-upld-btn {
	margin-right: 0;
}
.form-ctrl:invalid, .form-ctrl.is-invalid {
  border-color: #F04124;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.25);
}

.search-box-text {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-end;  
  width: 100%;
  height: 38px;  
  background: #FFFFFF;
  border: 1px solid #8B8B8B;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;  
  padding:5px
}
.search-box-label {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 16px;
  color: #000000;  
  margin-top: 10px;
  float: right;
}

.section-grid {
  height: 50px;  
  /* border: #000; */
  border-bottom: 0.3px solid rgba(0, 0, 0, 0.3);
  align-items:center;
  font-weight: 600;
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 21px;
}
.row-cols-md-4 {
	background: #fff;
}
.section-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 40px;  
  background: #FFFFFF;
  padding-top: 8px;
  font-weight: 400;
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 21px;
  letter-spacing: 0.01em;  
}

.iframe-window {
  width: 100%;
  height: inherit;
}
.form-control {
  font-family: inherit;
  text-align: left;
  direction: ltr;
}
/* 
.form-control:focus {
  outline-offset: 0px!important;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  outline-offset: 0px!important;
}
.btn:focus, .btn.focus {
  outline-offset: 0px!important;
}
button:focus {
  outline-offset: 0px!important;
} */

.adj-detail-popup {
  width: 40%!important;
}

.payoutquery {
  display: flex;
  align-items: center;
}
.payoutquery .react-filter-box {
  overflow-y: hidden;
  width: 100%;
  height: 36px;
  padding: 3px 4px;
  /* margin-bottom: 10px; */
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #333;
  /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); */
  transition: border linear 0.2s, box-shadow linear 0.2s;  
}
.payoutquery ul li {
	/* width: 100%; */
	float: left;
	position: relative;
}
.payoutquery .react-filter-box.focus {
  box-shadow:none;
}
.payoutquery .react-filter-box.error.focus {
  box-shadow:none;
}
.payoutquery .CodeMirror-vscrollbar {
  overflow-y:hidden;
}
.payoutquery .cm-category {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 16px;
  color: #008cba;
}
.payoutquery .cm-operator {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 16px;
}
.payoutquery .cm-value {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 16px;
  color: #333;
}

/* .payoutquery .CodeMirror-hints {
  padding: 5px;
  min-width: 100px;
}
.payoutquery .CodeMirror-hints .CodeMirror-hint {
  padding: 5px 5px;
} */
.CodeMirror-hints .CodeMirror-hint {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.fieldhint {
  color: #008cba;
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
	padding: 3px 5px;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: block;
}

.fileview {
  height: auto!important;
  min-height: 180px;
  padding-bottom: 20px;
}

.fileview-upld-btn {
	background: #333;
	padding: 8px 8px;
	color: #fff !important;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
	cursor: pointer;
}
.fileview-cover {
  background-color: #cacaca;
  object-fit: none;
  height: 100px;
}

.onboarding-success-sec {
  box-shadow: 5px 10px var(--db-secondary);
  margin-top: 15%;
  padding: 40px;
  border: 2px solid var(--db-primary);
  border-radius: 10px;
  border-width: thin;
}
.onboarding-success-sec h4 {
  font-weight: 500;
  color:var(--dark)
}
.onboarding-success-sec h6 {
  font-weight: 500;
  color:var(--dark)
}

.iconcircle {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
.external-footer {
  position: static;
  /* left: 0;
  bottom: 0; */
  width: 100%;
  background-color: transparent;
  color: var(--db-secondary);
  text-align: center;
  font-size: 12px;
}
.uploadwithlist {
	width: 100%;
	/* border: 1px solid #989898; */
	float: left;
	margin-top: 15px;
  margin-bottom: 20px;
}
.hlfupldsec {
	border: 1px dashed #e7e7e7;
	border-radius: 4px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	padding: 10px 0 10px 0px;
  width: 48%;
  margin-right: 2%;
  max-height: 350px;
}

.hlfupldsec span {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.hlfupldsec.dwndesc {
	text-align: center;
	border: 0px;
}

.hlfupldsec .topsection {
  width: 100%;
  padding: 20px;
  display: inline-block;
}

.select-box-upld {
	width: inherit;
	float: left;
	padding: 0px;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.select-box-upld label {
  display: block;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  padding: 0px;
}

.hlfupldlist {
	border: 1px dashed #e7e7e7;
	border-radius: 4px;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  width: 48%;
  height: 350px;
}

.hlfupldlist ul {
  padding: 0px !important;
  float: left;
  width: 100%;
  display: flex;  
}

.hlfupldlist .ulpdbtn {
  display: flex;
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content:center;
}

.displayflex {
  display: flex !important;
}



.select__option{
  border-top: 1px solid #d3d3d3;
  display: flex !important;
  align-items: center !important;
}

.select__option--is-selected{
  background-color: var(--db-secondary) !important;
}

.select__option--is-selected label{
  color: #FFFFFF !important;
}


.select--is-disabled{
  pointer-events: all !important;
}

.select__control--is-disabled .select__value-container *{
  pointer-events: none !important;
}
.xshide {
  overflow-x: hidden !important;
}
.actionlink {
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  border-bottom: 1px dotted #000;  
}

.group-btn {
  display:inline-block;
	background: var(--db-secondary);
	font-weight: 600;
	padding: 13px 16px;
	color: #fff;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  min-width: 80px;
  text-align:center;
  border: 0px!important
}
.group-btn:hover {
  color: #fff;
}

.group-btn-scnd {
  display:inline-block;
	background: #333;
	font-weight: 600;
	padding: 13px 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  min-width: 80px;
  text-align:center;
  border: 0px!important;
  height: 100%;
}
.group-btn-scnd:hover {
  color: #fff;
}

.group-btn-dd {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.dropdown-toggle {
  padding: 11px 16px;
  border: 1px solid var(--db-secondary);
  border-radius: 4px;
}
.list-unstyled-flds {
  width: 300px;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0px;
}
.right-options {
  display:flex;
  float:right;
}
.right-options a {
  margin-left: 5px;
}
.overflow-disable {
  overflow: unset!important;
}
.right-options {
  display:flex;
  float:right;
}
.right-options a {
  margin-left: 5px;
}
.chart-wrapper {
		background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
		margin: 15px 0 0 15px;
		max-width: 100%;
		@media screen and (min-width: 526px) {
			max-width: 90%;
		}
		@media screen and (min-width: 1024px) {
			max-width: 48%;
		}
		@media screen and (min-width: 1500px) {
			padding-bottom: 60px;
		}
}
.chart-wrapper > .chart-box-2  {
	border: none;
	padding: 35px 45px 0;
	margin-bottom: 0;
	@media screen and (min-width: 1440px) {
		margin-bottom: 20px;
	}
	@media screen and (min-width: 1500px) {
		margin-bottom: 60px;
	}
	@media screen and (min-width: 1900px) {
		margin-bottom: 100px;
	}
	@media screen and (min-width: 2100px) {
		margin-bottom: 200px;
	}
	@media screen and (min-width: 2500px) {
		margin-bottom: 250px;
	}
	@media screen and (min-width: 2700px) {
		margin-bottom: 350px;
	}
}
.doc-margin {
	margin: 0 28px 8px 0 !important;
}
.lh-8 {
	line-height: 0.8;
}
.go-back-button {
	position: fixed;
	z-index: 1;
	left: 40%;
	bottom: 5vh;
	font-weight: bold;
	padding: 1rem 5rem;
	border-radius: 10px;
}
.version-popup-container {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

/* Style for the popup box */
.version-popup-box {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* Style for the close button */
.version-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.gst-detail-form {
	font-weight: 600;
	color: #333;
}
.gst-detail-title {
	color: #333;
	width: 100%;
	
}
.border-bottom-white {
	border-bottom: 1px solid #fff;
}
.text-decoration-dotted-payouts {
	border-bottom: 1px dotted rgb(0, 0, 0);
	width: max-content;
}
.margin-left-10 {
	margin-left: 10%;
}


.otp-popup {
  width: 30%!important;
}

.otp-view {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 450px;
}

.background-anchor {
	background: linear-gradient(180deg, var(--db-secondary) 0%, var(--db-secondary) 100%);
}

.background-anchor:hover {
	background: var(--db-secondary);
}

.background-anchor:focus,
.background-anchor:focus-visible {
	background: var(--db-secondary);
	outline: none;
}

.background-anchor:disabled,
.background-anchor[disabled]{
  background: #cccccc;
  color: #666666;
}
.h-auto {
	height: auto;
}
.payout-tab-link {
	max-width: 100%;
	overflow: auto;
	align-items: center;
}
.err-info {
  color: #333;
  font-weight: normal;
  word-break: break-word;
  font-size: 10px;  
  font-family: 'IBM Plex Sans', sans-serif;  
}

.inv-tabs-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items:center;
}
.inv-tabs {
  display: flex;
  flex-direction: row;
  background-color: #f1f1f1;
  width: 700px;
}
.inv-tab {
	padding: 5px 10px;
  text-align: center;
  cursor: pointer;
  color: #333333;
  border-top: 2px solid #ddd;  
}
.inv-tab label {
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  color:inherit;
  cursor:inherit;
}
.inv-tab:hover {
  background-color: #ddd;
}
.inv-tab.active {
  background-color: #ddd;
  cursor: not-allowed;
  border-top: 2px solid var(--db-primary); 
  color: var(--db-secondary); 
}
.sec-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.sec-sub {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sec-sub-sec {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-top: -5px;
  padding-left: 5px;
}
.status-txt{
  font-size: 8px!important;
  font-family: 'IBM Plex Sans', sans-serif;
}
.cycle-type-txt {
  font-size: 8px!important;
  font-family: 'IBM Plex Sans', sans-serif;
  color: var(--db-secondary);  
}
.cycle-type-txt {
  font-size: 8px!important;
  color: var(--db-secondary);  
}

.sec-sub label {
  padding: 10px 0 10px 0px;
  font-size: 12px!important;
  font-family: 'IBM Plex Sans', sans-serif;
}
.sort-wrapper {
  left: 0;
  z-index: 9999;
  display: block;
  width: 100%;
  position: relative;
  background-color: rgba(231, 231, 231, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0px 4px 14px rgba(152, 152, 152, 0.5));
}
.sort-menu-header {
  padding: 3px;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
}

.sort-menu-header button {
  padding: 5px 14px;
  margin-right: 5px;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3d3d3;
}
.mb-20 {
	margin-bottom: 20px;
}
.incentive-no-data-message h4{
	margin-top: 3rem;
	text-align: center;
	font-size: 24px;
	color: gray;
	font-weight: 500;
}
.incentive-no-data-message p{
	text-align: center;
	font-size: 18px;
	color: gray;
	font-weight: 500;
}

.incentive-main-dashboard {
	width: 100%;
	margin-right: 2%;
	@media (min-width: 769px) {
		width: 48% !important;
	}
}
.forbidden-page-wrapper {
	text-align: left;
	margin: 10% 30%;
}
.maintaince-wrapper {
	background: linear-gradient(180deg, #087acc 0%, #179cf0 100%);
	height: 100vh;
	width: 100vw;
}

.font-60 {
	font-size: 60px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.font-30 {
	font-size: 30px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.maintainance-inner {
	max-width: 100% !important;
	@media(min-width: 600px) {
		max-width: 60%!important;
	}
}
.maintaince-wrapper > div {
	overflow: hidden;
}
.forbidden-page-wrapper {
	text-align: left;
	margin: 10% 30%;
}
.new-layout-header-container {
	width: calc(100% - 36px);
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
	padding-right: 18px;
	margin-left: auto;
	margin-right: auto;
}
.width100 {
	width: 100%;
}
.copyright {
		position: absolute;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
}
.svg-background-main-1 {
	position: fixed;
	left: 0%;
	bottom: 0%;
	top: 0;
	@media (min-width: 500px) {
		left: 0%;
		top: -25%;
	}
}
.color-white {
	color: #fff;
}
.font-weight-300 {
  font-weight: 300;
}
.center-align {
  display: flex;
  justify-content: center;
}
.incentive-main-dashboard {
	width: 100%;
	margin-right: 2%;
	@media (min-width: 769px) {
		width: 48% !important;
	}
}
.width-max-content {
	width: max-content;
}
.incentive-main-dashboard > span {
	font-weight: bold;
	color: #000;
}
.width-max-content {
	width: max-content;
}
.popcan-btn.disable {
	opacity: 0.5 !important;
}

.sales-incentive-chart-wrapper {
	margin: 0 15px 15px 0;
}

.sales-chart-grid {
	/* height: 100vh; */
	width: 90vw;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(auto, 1fr);
	grid-gap: 20px;
}

.incentive-leader-dashboard {
	width: 100%;
	margin-right: 2%;
}
.text-end {
	text-align: end;
}
.sales-ldbrd {
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.sales-ldbrd-header {
	position: relative;
    left: 42%;
    top: 4px;
}
.dashboard-border {
	border-bottom: 1px solid #e7e7e7;
}
.mb-n20 {
	margin-bottom: -20px !important;
}
.dashboard-wrapper {
	@media screen and (max-width: 900px) {
		display: block !important;
	}
}
.cheque-relase-case {
	background-color: rgba(130, 143, 173, 0.9) !important;
	color: #fff !important;
    cursor: pointer;
    font-size: 14px;
    font-family: 'IBM Plex Sans', sans-serif;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 15px 30px 12px 30px;
    font-weight: bold;
}
.primary-background {
	background: var(--db-primary) !important;
}
.gray-background {
	background: var(--gray) !important;
}
.padding-0-15 {
	padding: 0 15px;
}
.overflow-wrap-anywhere {
	overflow-wrap: anywhere !important;
}

.gray-background {
	background: var(--gray) !important;
}

.groupbtn {
  display:inline-block;
	background: var(--db-secondary);
	font-weight: 600;
	padding: 13px 18px;
	color: #fff;
	/* border-radius: 4px; */
	text-transform: uppercase;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  min-width: 80px;
  text-align:center;
}
.defaultTxt {
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight:600;
  padding: 13px 16px;
}

.vendor-search-list {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	background-color: #fff;
	font-size: 12px;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-radius: 4px;
	cursor: pointer;
	min-width: 200px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  .vendor-search-list li{
	width: 100% !important;
  }
  .search-vendor {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 30px;
    width: 100%;
	}
ul.form-fields li select {
	height: 45px;
	border: 1px solid #989898;
	border-radius: 4px;
	width: 100%;
	padding: 0 0 0 10px;
	color: #333 !important;
	font-size: 12px;
	background: #fff;
}
.search-select-box {
	width: 150px;
	font-size: 12px;
	border: none;
	border-radius: 4px;
	color: #333;
	height: 35px;
}
.search-select-box > div {
	min-height: 35px;
	max-height: 35px;
	z-index: 10;
}

.external-new-layout-content {
	grid-column: 2/3;
	padding-top: 14px;
	padding-bottom: 0;
	padding-left: 3%;
	padding-right: 3%;
	overflow-y: auto;
	height: 90vh;
	justify-content: space-evenly;
}
.height-30 {
	height: 30px;
}
.custom-modal .modal-dialog {
  width: 40%;
}
.custom-modal .modal-content {
	padding: 20px;
  text-align: center;
}
.custom-modal .modal-header{
  border-bottom: none;
}

.text-size12 {
	color: #333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.text-size14 {
	color: #333;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.master-btns {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.master-btns.width-100 {
	width: 100%;
}

.master-btns li {
	font-size: 12px;
	font-family: 'IBM Plex Sans', sans-serif;
	display: inline-block;
	margin: 0 10px 0 0;
}

.master-btns li a {
	padding: 5px 15px;
	display: block;
	border-radius: 36px;
	transition: all 0.3s ease;
}

/* Button Styles */
.primary-color {
	background-color: #087ACC !important;
	color: #fff !important;
}

.primary-border-color {
  border-radius: 36px;
	border: 1px solid #179CF0;
	color: #179CF0 !important;
	background-color: transparent !important;
}

.primary-border-color a {
  color: #179CF0 !important;
  background-color: transparent !important;
}

.primary-border-color a.active {
  color: #fff !important;
  background-color: #179CF0 !important;
}

.primary-border-color a:hover {
  background-color: #179CF0 !important;
  color: #ffffff !important;
}
.primary-border-color a.active:hover {
  background-color: #179CF0 !important;
  color: #ffffff !important;
}
.primary-text{
  color: #179CF0 !important;
}
.info-color {
	background-color: #086969 !important;
	color: #fff !important;
}

.info-border-color {
  border-radius: 36px;
	border: 1px solid #008080;
	color: #008080 !important;
	background-color: transparent !important;
}

.info-border-color a {
  color: #008080 !important;
  background-color: transparent !important;
}

.info-border-color a:hover {
  background-color: #008080 !important;
  color: #ffffff !important;
} 

.info-border-color a.active {
  color: #fff !important;
  background-color: #008080 !important;
}
.info-border-color a.active:hover {
  background-color: #008080 !important;
  color: #ffffff !important;
}
.info-text{
	color: #008080 !important;	
}

.success-color {
	background-color: #31a863 !important;
	color: #fff !important;
}

.success-border-color {
  border-radius: 36px;
	border: 1px solid #36CC75;
	color: #36CC75 !important;
	background-color: transparent !important;
}

.success-border-color a {
  color: #36CC75 !important;
  background-color: transparent !important;
}

.success-border-color a:hover {
  background-color: #36CC75 !important;
  color: #ffffff !important;
} 

.success-border-color a.active {
  color: #fff !important;
  background-color: #36CC75 !important;
}
.success-border-color a.active:hover {
  background-color: #36CC75 !important;
  color: #ffffff !important;
}
.success-text{
	color: #36CC75 !important;	
}

.orange-color {
	background-color: #f28224 !important;
	color: #fff !important;
}

.orange-border-color {
  border-radius: 36px;
	border: 1px solid #F07915;
	color: #F07915 !important;
	background-color: transparent !important;
}

.orange-border-color a {
  color: #F07915 !important;
  background-color: transparent !important;
}

.orange-border-color a:hover {
  background-color: #F07915 !important;
  color: #ffffff !important;
}
.orange-border-color a.active {
  color: #fff !important;
  background-color: #F07915 !important;
}
.orange-border-color a.active:hover {
  background-color: #F07915 !important;
  color: #ffffff !important;
}

.orange-text{
	color: #F07915 !important;	
}

.reject-color {
	background-color: #e34b4b !important;
	color: #fff !important;
}

.reject-border-color {
  border-radius: 36px;
	border: 1px solid #CC3636;
	color: #CC3636 !important;
	background-color: transparent !important;
}

.reject-border-color a {
  color: #CC3636 !important;
  background-color: transparent !important;
}

.reject-border-color a:hover {
  background-color: #CC3636 !important;
  color: #ffffff !important;
}

.reject-border-color a.active {
  color: #fff !important;
  background-color: #CC3636 !important;
}

.reject-border-color a.active:hover {
  background-color: #CC3636 !important;
  color: #ffffff !important;
}
.reject-text{
	color: #CC3636 !important;	
}

.warning-color {
	background-color: #ffb021 !important;
	color: #fff !important;
}

.warning-border-color {
  border-radius: 36px;
	border: 1px solid #ffa400 ;
	color: #ffa400  !important;
	background-color: transparent !important;
}

.warning-border-color a {
  color: #ffa400  !important;
  background-color: transparent !important;
}

.warning-border-color a:hover {
  background-color: #ffa400  !important;
  color: #ffffff !important;
} 

.warning-border-color a.active {
  color: #fff !important;
  background-color: #ffa400  !important;
}
.warning-border-color a.active:hover {
  background-color: #ffa400  !important;
  color: #ffffff !important;
}
.warning-text{
	color: #ffa400  !important;	
}

.draft-color {
	background-color: #787474 !important;
	color: #fff !important;
}

.draft-border-color {
  border-radius: 36px;
	border: 1px solid #787474;
	color: #787474 !important;
	background-color: transparent !important;
}

.draft-border-color a {
  color: #787474 !important;
  background-color: transparent !important;
}

.draft-border-color a.active {
  color: #fff !important;
  background-color: #787474 !important;
}

.draft-border-color a:hover {
  background-color: #787474 !important;
  color: #ffffff !important;
}
.draft-border-color a.active:hover {
  background-color: #787474 !important;
  color: #ffffff !important;
}
.draft-text{
  color: #787474 !important;
}

.approval-tracker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  overflow-x: auto;
}

.step {
  display: flex;
  flex-direction: row;
  align-items:center;
  min-width: 150px;
  position: relative;
  padding: 0px 5px 0px 10px;
}


.circle {
  width: 32px;
  height: 32px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #999;
}

.step.completed .circle {
  background-color: #31a863;
  color: white;
  border: none;
}

.listdetail {
  display: flex;
  flex-direction: column;
  align-items:flex-start;  
  padding: 0px 5px 0px 5px;
}
.listdetail .label {
  font-weight: 600;
  /* margin-top: 8px; */
  color: #444;
}

.listdetail .meta {
  font-size: 12px;
  color: #555;
  /* margin-top: 5px; */
}

.line {
  flex: 1;
  height: 1px;
  background: #333;
}
.invoice-reject-modal{
	position: fixed; 
	margin: 20px 0;
	top: 0;
	left: 0;
	z-index: 1050;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}
.invoice-reject-modal .modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 250px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-clip: padding-box;
	border-radius: 5px;
	border-color: #E7E7E7;
	outline: 0;
	background-color: #fff;
}
.invoice-reject-modal .modal-xl {
	width: 40% !important;
	margin: auto;
}
.invoice-reject-modal .modal-content .rj {
  display: flex;
  flex-direction: column;
  min-height: 120px;  
}
.invoice-reject-modal .modal-content .reason-title {
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  line-height: 100%;
  color: #989898;
  margin-bottom: 8px;
}
.invoice-reject-modal .modal-content .reason-text {
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: #333333;
  margin-bottom: 8px;
}
.invoice-reject-modal .modal-content .rj-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  min-height: 20%;
}
.invoice-reject-modal .modal-content .rj-footer .rj-footer-item {
  margin-top: 8px;
}
.invoice-reject-modal .modal-content .rj-footer .rj-footer-item .label {
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  line-height: 100%;
  color: #989898;
  margin-bottom: 4px;
}
.invoice-reject-modal .modal-content .rj-footer .rj-footer-item .value {
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  line-height: 100%;
  color: #333333;
  margin-bottom: 4px;
}

.info {
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #989898!important;
}

.invoice-search-modal{
	position: fixed; 
	margin: 20px 0;
	top: 0;
	left: 0;
	z-index: 1050;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}
.invoice-search-modal .modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 450px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-clip: padding-box;
	border-radius: 5px;
	border-color: #E7E7E7;
	outline: 0;
	background-color: #FFFFFF;
  }
  .invoice-search-modal .modal-xl {
	width: 50% !important;
	margin: auto;
  }

  .invoice-search-modal .form-control {
	height: 57px;
	font-size: 0.95rem;
	border-radius: 6px;
  }
  
  .invoice-search-modal .form-label {
	font-weight: 500;
	font-size: 0.9rem;
	color: #333;
  }
  .invoice-search-modal .form-group input{
	height: 57px;
	border-color: #E7E7E7;
  }
  .invoicesearch-close-btn{
	position: absolute;
	top: -3px;
	right: 8px;
	font-size: 19px;
	font-weight: 500;
	color: rgb(0, 0, 0);
	text-decoration: none;
	z-index: 10;
  }
  /* .pagination-container{
	position: fixed;
    bottom: 0;
	  font-size: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
  } */
  .pagination-container {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 12px;
	display: flex;
	justify-content: center;
	padding: 10px 0;
	z-index: 10;
  }
  
  .pagination-container .pagination{
	width: 190px;
  }
  .pagination-container .page-item.active .page-link {
    z-index: 1;
    color: #989898;
    background-color: #E7E7E7;
    /* border-color: #989898;
	border-radius: 0px; */
	font-size: 12px;
	cursor: pointer;
	border: none;
}
.pagination-container .page-item .page-link {
	font-weight: 700;
}

.pagination .page-item.disabled .page-link {
	font-weight: 900;
    border: none;
	color: #888;
}
.pagination .page-item.disabled{
	background: none !important;
}

/*mobile css*/

@media (min-width: 320px) and (max-width: 728px){
	.agnt-expand-vw-dt{
		display:block;
	}
	.switch-profile-settings.is-active, .current-user-profile-settings-menu.is-active, .dashboard-aside.is-expanded .aside-child-menu.is-expanded{
		position:relative;
		z-index: 999;
	}
	.dashboard-aside footer{
		position: static;
		/* left:inherit!important;
		bottom: 18px!important;
		padding: 0px!important;
		border-top:none!important;
    background-color:none!important; */
	}
	.dashboard-aside footer {
		border-top: 0px !important;
		padding: 0 !important;
	}
	.btn-sec{
		bottom:6px!important;
	}
	.dashboard-main{
		margin-top:72px;
		overflow-x: inherit!important;
	}
	
	.dashboard-aside header{
		  left:3px!important;  
    top: 8px;
    padding-top:13px!important;
    display: flex;
    justify-content:flex-end;
    gap:20px;
    align-items:flex-start;
	}
	.dashboard-aside.is-expanded .aside-menu-wrapper{
		display:block;
	}
	.aside-child-menu is-expanded .aside-menu-link{
		padding:8px 20px 8px 30px!important;
	}
	.agnt-expand-vw-dt div {
    border-bottom: 1px solid #eee!important;
    padding: 10px 0px!important;
}
.col-lg-5.nopaddingL {
    margin-top: 40px;
}
footer .aside-menu-link .aside-menu-icon{
	left: 0px;
	right: 0px;
	margin: 0 auto;
}
.invrv-sec ul{
	overflow-x: scroll;
	width:700px;
}
.invrv-sec ul li{
	width:100%!important;
}
.flex-column div.nav-item{
	text-align:center;
}
.payout-table-view.tablescroll.xshide{
	margin-top:44px;
}
.inv-tabs-container{
	align-items: flex-start;
}
.row.dashboard-wrapper span{
	width:100%!important;
	max-width: 100%!important;
}
.dashboard-wrapper{
	margin-left: -3px;
}
.invoicepdf{
	width:inherit;
}
.dashboard-content{
	margin-top: 26px;
	padding:0px 10px 0px 10px!important;
}
.vwbox{
	width: 50%;
}
.select-box-div ul{
	display:flex;
	width:50%;
  justify-content: center;
	margin-left: 0 !important;
}
.calc-box{
	display: flow-root;
}
.sales-incentive-chart-wrapper{
	margin:0px 0px 15px 0px!important;
}
.payout-modalbox-cnt{
	background:none;
}
.agent-wise-cell{
	padding:10px 4px 0px 4px;
	font-size:8px!important;
}
.agent-wise-cell.c120{
	font-size:8px!important;
}
.agent-wise-header div:nth-child(4) {
    margin-top: 8px;
}
.agent-wise-header div:nth-child(5) {
    margin-top: 8px;
}
.agent-wise-cell{
	padding: 0px!important;
}
.tab-content{
	overflow-x: auto;
}
.payout-modalbox{
	overflow-x: initial;
}
.invrv-sec{
	padding: 10px 0px 10px 10px;
}
.agent-wise-row .agent-wise-cell.c100:nth-child(5){
	flex-grow: 1.2;
}
.collg6 {
width:100%;
}
.payout-mainsec .select-box-div ul{
	justify-content: flex-start;
}
.collg6rest{
	float:initial;
	width:100%;
}
.collg2.bgc4{
	background:none;
}
.popgrn-btn{
	padding: 15px 6px;
}
.btn-sec .sendd-btn{
	margin-bottom:12px;
	display:block;
}
.colllg6 ul.paycntcan li{
	padding:0px;
	height:auto;
	word-break: inherit;
}
.btn-action-bar.actionbtn ul li a{
	padding:5px 11px 5px 11px!important;
}
aside.dashboard-aside{
	height:8vh!important;
	width:100vw!important;
}
.dashboard-aside-wrapper{
	padding: 0px!important;
	height: 10vh!important;
}

.aside-menu-toggler span{
width:30px!important;
height:2px!important;
}
.dashboard-aside.is-expanded .btn-current-user-profile-settings{
	padding:5px 10px 5px 1px!important;
}
.aside-menu-toggler{
	background-color: transparent!important;
	top:34%!important;
	height:initial!important;
	right:0px!important;
	left: 0px;
	position:relative!important;
}
header img.dashboard-logo-icon{
	display:none;
}
i.material-symbols-outlined{
	display:none;
}
.btn-current-user-profile-settings{
	top:-48px;
}
.aside-menu-wrapper{
	height: inherit!important;
	display:none;
}
.dashboard-aside is-expanded .btn-current-user-profile-settings{
	top:-40px!important;
}
img.dashboard-logo-full{
	display:block;
}
.aside-main-menu{
	margin: 0;
    display: flex;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 13px;
    right: -1px;
}
.aside-menu-link{
	padding: 8px 20px 8px 26px!important;
}
.dashboard-aside.is-expanded .aside-menu-link{
	padding: 8px 20px 8px 42px!important;
}
.dashboard-aside.is-expanded{
	height:39vh!important;
}

.dashboard-aside.is-expanded .aside-main-menu{
top: 100px!important;
right: 0px;
left: 0px;
display:block!important;
max-height: 200px;
overflow-y: scroll;
}
footer a.aside-menu-link{
	display:none;
}
.dashboard-aside.is-expanded footer{
	border-top: 1px solid rgba(225, 225, 225, 0.2);
    background-color: var(--db-secondary);
}
.dashboard-aside.is-expanded .aside-menu-toggler{
	display:block!important;
}
aside.dashboard-aside.is-expanded footer{
bottom: -290px!important;
}
.dashboard-aside.is-expanded footer p{
    text-align: center;
    padding:12px 0px 0px;
    margin: 0px!important;
}
.aside-user-profile-wrapper{
	display:block!important;
}
.dashboard-aside.is-expanded footer .aside-menu-link{
	top: -4px;
	text-align: center;
	padding: 8px 20px 8px 15px!important;
	display:block;
}
.dashboard-aside.is-expanded footer .aside-menu-link .aside-menu-icon{
	left: -4px!important;
	top:112%!important;
	justify-content: flex-start!important;
}
.dashboard-aside.is-expanded.dashboard-aside header{
	width: 100%!important;
	gap:17px!important;
    top:-7px;
    justify-content:flex-start;
}
.dashboard-aside.is-expanded .aside-user-profile-wrapper{
	top:52px;
	left:-178px;
}
.dashboard-aside.is-expanded .dashboard-logo-full{
	right:-205px;
	position:relative;
	top:12px;
}
.aside-user-profile-wrapper{
	margin: 44px 0px 0px 0px!important;
}
.adj-detail-popup{
	width:100%!important;
}
.btn-current-user-profile-settings span{
	font-size:12px;
}
.dashboard-aside.is-expanded 
.current-user-profile-settings-menu{
left:-3%;
top:-57px!important;
}
.carrot-left::before{
		display: none;
}
.dashboard-aside.is-expanded ul.aside-child-menu{
	background:#fff;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%);
}
ul.aside-child-menu.is-expanded li a{
	color:#222;
}
.pop-btn-sec{
	width: 100%;
}
input[type="file"]{
	width:78px!important;
}
.collg6 ul.paycntcan li{
	display:block;
	width: 100%;
}
.colllg6{
	width:100%!important;
}
.colllg6 ul.paycntcan{
	margin: 0px!important;
}
.colllg6 ul.paycntcan li{
	width: 100%!important;
	padding: 10px;
}
.collg2{
	width:38.5%!important;
}
.popcls-btn{
	padding:14px 22px;
	margin-left:8px;
}

.payee-table-view tr td{
	word-break:inherit;
	text-align:center;
	border-right:1px solid #eee!important;
}
.payee-table-view tr th{
	border-right:1px solid #eee!important;
	text-align:center;
}
.pyewd-210{
	position:relative;
	left: -30px;
}
.flex-column a.nav-link{
	padding:15px;
	text-align:center;
}
.btn-action-bar ul li{
	margin:0px 8px 0px 0px;
}
.flex-column a.nav-link.active{
	background:#008cba;
	color: #fff;
}
.tab-form ul.form-fields li{
	width:100%;
}
.tab-form ul.form-fields li:nth-child(3n+2){
	margin-left:0%!important;
	margin-right:0%!important;
}

.sales-chart-grid{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	width:80vw;
}
.table-box-main{
	padding:18px 0px 18px 15px;
}
.select-box-div{
	display:flex;
	justify-content:flex-start;
	align-items: center;
}
.tbl-box-container table{
	width:100%!important;
}
.modal-dialog{
	max-width:100%;
	top:57px;
}
.payout-modalbox{
	overflow-y: inherit;
}
.collg2.bgc4{
	display:contents;
}
.select-box-div.no-marginT ul li:nth-child(3) {
    display: none;
}
.select-box-div ul li{
	padding-right:8px;
}
.dashboard-border{
	padding:0px;
	flex-direction: column;
}
.btn-sec .cases-btn{
	padding:15px 9px 15px;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.btn-sec .clear-btn{
	padding: 15px 19px 12px 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.btn-sec .reject-btn{
	padding:15px 20px 12px 20px;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.btn-sec .invoice-btn{
	padding:15px 28px 12px 30px;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
col-lg-8.btn-action-bar.actionbtn ul {
    display: flex;
}
.dashboard-content .main, .payout-mainsec{
	padding:15px 4px!important;
}
.btn-action-bar.actionbtn ul li a{
	padding:5px 15px 5px 5px;
}
.agent-wise-body{
	margin-top:12px;
}
.dashboard-aside.is-expanded .aside-menu-icon{
left:9px!important;
}
.flex-column a.nav-link.active span.arrow-right {
display:none;
}
}
/*mobile css end*/

@media (min-width: 375px) and (max-width: 728px){
	.btn-sec .cases-btn{
		padding: 15px 16px 15px;
	}
	
}







/*ipad css*/
@media (min-width: 728px) and (max-width: 1024px){
	.agnt-expand-vw-dt{
		/*display:block;*/
		width: 800px!important;
    overflow-x: scroll;
    text-align: center;
	}
	.modal-dialog{
	max-width:100%;
	top:57px;
}
.inv-tabs{
	
	position:relative;
	left: 43px;
}
.invrv-sec ul{
	align-items: end;
}
.payout-table-view{
	margin-top:30px;
}
.collg2.bgc4.height540{
	display:none;
}
div#invoice-group-tabpane-0 ul li:nth-child(2){
	width:16%!important;
}
div#invoice-group-tabpane-0 ul li:nth-child(5){
	width:22%!important;
}
.tab-content{
	overflow-x: inherit!important;
}
.payout-modalbox-cnt{
	background: none!important;
}
	.agnt-expand-vw-dt div {
    border-bottom: 1px solid #eee!important;
    padding: 10px 0px!important;
}

.table-view{
	max-height:100%!important;
	border: 1px solid #e7e7e7;
	background:#fff;
}
.collg6rest{
	padding:0px;
}
.agent-wise-row{
	margin-top:15px auto;
}

.collg2.bgc4{
	background:#f5f5f5;
	text-align:center;
}
.payee-table-view{
	margin-top:-10px;
}
.payee-table-view tr td{
	word-break:inherit;
	text-align:center;
	border-right:1px solid #eee!important;
}
.payee-table-view tr th{
	border-right:1px solid #eee!important;
	text-align:center;
}
.tab-content{
overflow-x: auto;
}

.collg6rest{
	width:78.5%!important;
}
.collg2{
	width:19.5%!important;
}
}
/*ipad css end*/
.loader {
    background: #0d0d0d42;
    opacity: 1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loader .loader-item {
    position: absolute;
    left: 50%;
    top: 33.33%;
    transform: translate(-50%);
}
.toasts {
    position: fixed;
    background: transparent;
    height: 50px;
    width: auto;
    min-width: 500px;
    flex-wrap: wrap;
}

.toasts.top-right {
    top: 100px;
    right: 10px;
}

.toasts.bottom-right {
    bottom: 100px;
    right: 10px;
}

.toasts .top-center {
    top: 100px;
    left: 50%;
    display: flex;
    height: 50px;
    justify-content: center;
    transform: translateX(-50%);
}

.toasts.bottom-center {
    bottom: 50px;
    left: 50%;
    display: flex;
    height: 50px;
    justify-content: center;
    transform: translateX(-50%);
    z-index: 10000;
}

.toast-item {
    display: flex;
    justify-content: space-between;
    border-radius: 25px;
    width: 100%;
    background: blue;
    color: #fff;
    padding: 10px 15px;
    margin-bottom: 5px;
    align-items: center;
}

.toast-item span {
    padding: 0px 5px;
}
.toast-item span:hover {
    cursor: pointer;
}

.toast-item.toast-success {
    background: #36CC75;
    color: #fff;
}

.toast-item.toast-error {
    background: red;
    color: #fff;
}

.toast-item.toast-default {
    background: blue;
    color: #fff;
}
/* NEW SIDEBARD CSS */
.dashboard-main{
	width: 100%;
	display: flex;
	height: 100vh;
	overflow-x: hidden;
  max-width: 100vw;
}


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

aside.dashboard-aside {
	top: 0;
	left: 0;
	width: 80px;
	color: #fff;
	height: 100vh;
	z-index: 1024;
	position: fixed;
	border-right: 3px solid var(--db-primary);
	background: linear-gradient(180deg, var(--db-primary) 0%, var(--db-secondary) 100%);
}

.dashboard-aside-wrapper {
	width: 100%;
	height: 100%;
	height: 100vh;
	position: relative;
	padding: 180px 0 85px 0;
}



.aside-menu-wrapper {
	height: calc(100vh - 282.5px);
}

.dashboard-aside.is-expanded .aside-menu-wrapper {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100vh - 310px);
}

.dashboard-aside.is-expanded {
	min-width: 220px;
}

.dashboard-aside.is-expanded .aside-menu-link div,
.dashboard-aside.is-expanded .aside-main-menu a div {
	display: block;
}

.dashboard-aside header {
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	padding-top: 20px;
}

.dashboard-aside footer {
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	position: absolute;
	padding: 10px 0;
	border-top: 1px solid rgba(225, 225, 225, 0.2);
  background-color: var(--db-secondary);
}

.dashboard-aside.is-expanded .dashboard-logo-full {
	display: table;
	margin: 0 auto;
	@media (min-width: 320px) and (max-width: 728px) {
		margin-left: -26% !important;
	}
}

.aside-menu-toggler {
	top: 50%;
	margin: 0;
	height: 46px;
	color: #fff;
	display: table;
	line-height: 1;
	right: -22px;
	padding: 0 7.5px;
	position: absolute;
	text-align: center;
	background-color: var(--db-primary);
	transform: translateY(-50%);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.aside-menu-toggler:focus {
	outline: none !important;
	box-shadow: none !important;
}

.aside-menu-toggler span {
	height: 6.5px;
	width: 6.5px;
	display: block;
	margin: 5px -0;
	border-radius: 50%;
	background-color: #fff;
}

.aside-main-menu,
.aside-child-menu {
	margin: 0;
	padding: 0;
}

.aside-main-menu li {
	margin: 7.5px 0;
	position: relative;
}
/* 
.dashboard-aside:not(.is-expanded) .aside-main-menu li{
	width: 38px;
} */

.has-child-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	right: 8px;
	content: "";
	position: absolute;
	transition: 0.2s ease;
	top: calc(50% + 1.5px);
	transform: translateY(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7.5px solid #ffffffa6;
}

.dashboard-aside.is-expanded .has-child-menu::after {
	opacity: 1;
}

.aside-menu-link {
	width: 100%;
	opacity: 0.6;
	display: flex;
	color: #fff;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	min-height: 40px;
	position: relative;
	white-space: nowrap;
	align-items: center;
	transition: 0.3s ease;
	text-transform: capitalize;
	padding: 8px 20px 8px 60px;
	border-left: 4px solid transparent;
}

.aside-menu-link.active {
	opacity: 1;
	border-color: #fff;
}

.aside-menu-link:hover {
	opacity: 1;
	color: #fff;
	background-color: rgba(225, 225, 225, .25);
}

.aside-menu-icon {
	top: 50%;
	left: 22px;
	max-width: 25px;
	height: auto;
	position: absolute;
	transform: translateY(-50%);
}

.aside-user-profile-wrapper {
	display: flex;
	position: relative;
	margin: 50px 0 0 0;
}

.btn-current-user-profile-settings {
	color: #fff;
	text-align: left;
	position: relative;
	width: calc(100% - 0px);
	padding: 5px 15px 5px 19.5px;
	background-color: transparent;
  display: flex;
  align-items: center;
}

.dashboard-aside.is-expanded .btn-current-user-profile-settings{
  padding: 5px 25px 5px 22.5px;
}

.btn-current-user-profile-settings:focus {
	outline: none !important;
}

.is-hidden,
.aside-child-menu,
.dashboard-logo-full,
.aside-menu-link div,
.switch-profile-settings,
.dashboard-aside:not(.is-expanded) footer p,
.dashboard-aside.is-expanded .dashboard-logo-icon,
.dashboard-aside:not(.is-expanded) .btn-current-user-profile-settings i,
.dashboard-aside:not(.is-expanded) .btn-current-user-profile-settings span {
	display: none;
}

.btn-current-user-profile-settings i {
	right: 5px;
	position: absolute;
	top: calc(50% - 0.5px);
	transform: translateY(-50%);
}

.current-user-profile-settings-menu {
	top: -5px;
	left: 97.5%;
	z-index: 111;
	display: none;
	padding: 5px 0;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
	@media (min-width: 320px) and (max-width: 728px) {
		top: 55px;
		left: 62.5%;
	}
}

.switch-profile-settings.is-active,
.current-user-profile-settings-menu.is-active,
.dashboard-aside.is-expanded .aside-child-menu.is-expanded {
	display: block;
	@media (min-width: 320px) and (max-width: 728px) {
		position: fixed;
	}
}

.current-user-profile-settings-menu a {
	width: 100%;
	display: block;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	text-align: left;
	color: #404040;
	min-width: 150px;
	white-space: nowrap;
	padding: 8px 15px;
	position: relative;
	transition: 0.3s ease;
	text-decoration: none;
}

.current-user-profile-settings-menu a:hover {
	background-color: #f6f6f6;
}

.carrot-left::before {
	content: "";
	top: 15px;
	width: 0;
	height: 0;
	left: -7.5px;
	position: absolute;
	border-right: 8px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.material-icon-link {
	align-items: center;
	display: flex !important;
}

.btn-user-profile {
	margin: 2.5px 0;
	padding: 5px 85px 5px 15px !important;
}

.btn-user-profile img {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	margin-right: 5px !important;
	border: 2px solid #087acc;
}

.btn-user-profile time {
	top: 50%;
	right: 12.5px;
	color: #333333;
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 300;
	position: absolute;
	transform: translateY(-50%);
}

.dashboard-content{
	width: 100%;
	padding: 0 0 0 80px;
}

.dashboard-header{
	top: 0;
	z-index: 111;
	padding: 15px;
	position: sticky;
	background-color: #FFF;
	border-bottom: 1px solid #d3d3d3;
}

.dashboard-breadcrumb{
	margin: 0;
	padding: 0;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	display: inline-block;
}

.dashboard-breadcrumb li{
	display: inline-block;
}

.dashboard-breadcrumb li:not(:last-child):after{
	top: -1px;
	opacity: .75;
	content: '>';
	position: relative;
}

.dashboard-breadcrumb li a{
	color: #404040;
	margin: 0 8px;
	display: inline-block;
}

.page-sidebar-wrapper {
	width: 100%;
	overflow-y: auto;
	max-width: 400px;
	overflow-x: hidden;
	background-color: #fff;
	height: calc(100vh - 53.5px);
	border-right: 1px solid rgb(219, 214, 225);
}

.dashboard-center-content {
	display: flex;
}

.page-sidebar-wrapper {
	width: 100%;
	padding: 20px 15px;
	max-width: 200px;
}

.page-main-content {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 15px 15px 15px;
	width: calc(100% - 200px);
	height: calc(100vh - 53.5px);
}

.page-menu-list {
	padding: 0;
	margin: 0 0 10px 0;
}

.page-menu-link {
	width: calc(100% + 30px);
	color: #404040a8;
	display: block;
	font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0 -15px;
	padding: 3px 10px 3px 22.5px;
	transition: .3s ease;
	border-left: 4px solid transparent;
}

.page-menu-link.active {
	color: #000;
	border-color: var(--db-secondary);
}

.page-menu-link:hover{
	color: #000;
}

/* :root{
	--db-primary: #087acc;
	--db-secondary: #179cf0;
	--element-text-dark: #525252
} */

.section-menu-header {
	color: var(--db-primary);
	font-size: 13px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
	/* margin-bottom: 5px; */
  margin-top: 18px;
	padding-left: 12px;
	text-transform: uppercase;
}

.dashboard-aside .aside-child-menu .aside-menu-link.is-active{
	opacity: 1;
	background: rgba(8,122,204,.1);
}

.dashboard-aside.is-expanded .aside-child-menu .aside-menu-link.is-active{
	opacity: 1;
	background: rgb(0 53 90 / 10%);
}


.dashboard-aside:not(.is-expanded) .aside-child-menu.is-expanded{
	top: -15px;
	z-index: 111;
	display: block;
	min-width: 175px;
	position: absolute;
	left: calc(100% - 5px);
	background-color: #fff;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%);
}


.dashboard-aside:not(.is-expanded) .aside-child-menu.is-expanded li{
	margin: 2.5px 0;
}

.dashboard-aside:not(.is-expanded) .aside-child-menu.is-expanded .aside-menu-link{
	color: #404040;
	margin: 2.5px 0;
	border-left: none;
	padding: 4px 15px 4px 20px;
}

.dashboard-aside:not(.is-expanded) .aside-child-menu.is-expanded li:first-child::before{
	content: "";
	width: 0;
	height: 0;
	left: -7.5px;
	top: 27.5px;
	position: absolute;
	border-right: 8px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

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

.overflow-y-auto{
	overflow-y: auto !important;
	overflow-x: hidden !important;
}
.page-main-title{
	padding: 20px 15px 20px 0;
	color: #484848;
	font-weight: 600;
	font-size: 24px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin: 0;
}	

.element-wrapper{
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 30px;
	border: 1px solid #d3d3d3;
}

.element-header{
	font-size: 13px;
  font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
	padding: 10px 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--element-text-dark);
	background-color: #fafaff;
	border-bottom: 1px solid #d3d3d3;
}

.element-content{
	background-color: #fff;
}

.element-content .element-row:last-child{
	border-bottom: none;
}

.element-row{
	padding: 15px 0;
	display: flex;
	border-bottom: 1px solid #d3d3d3;
}

.element-label{
	font-size: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-bottom: 2px;
	color: var(--element-text-dark);
}

.element-description{
	font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
	margin-bottom: 0;
}
.disclaimer-text {
 grid-template-columns: auto !important;
 margin: 0 !important;
}

.disclaimer-text .alert{
margin: 0 !important;
}

/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v75/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.dashboard-content .main, 
.payout-mainsec {
  padding: 15px 30px;
}

.breadcum{
  padding: 15px 30px;
  position: sticky;
  top: 0;
  z-index: 99;
  background: #f8f8f8;

}

.breadcum ul li.active,
.breadcum ul li.active1,
.breadcum ul li,
.breadcum ul li a {
  font-size: 12px;
  text-transform:capitalize;
  font-family: 'IBM Plex Sans', sans-serif;
}

.breadcum ul li a {
  border-bottom: 1px dotted #000;
}

.user-profile-initials{
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  color: var(--db-primary);
  border-radius: 2.5px;
  background-color: #fafafa;
  border: 2px solid #fff;
}
.new-layout-main {
	min-height: 80vh;
}
.btn-current-user-profile-settings {
	@media (min-width: 320px) and (max-width: 728) {
		display: flex !important;
	}
}
.carrot-left {
	@media (min-width: 320px) and (max-width: 728) {
		display: none !important;
	}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/node_modules/slick-carousel/slick/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(//node_modules/slick-carousel/slick/fonts/slick.eot);
    src: url(//node_modules/slick-carousel/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//node_modules/slick-carousel/slick/fonts/slick.woff) format('woff'), url(//node_modules/slick-carousel/slick/fonts/slick.ttf) format('truetype'), url(/node_modules/slick-carousel/slick/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-dots li button:before {
  font-size: 30px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 30px;
}
.slick-dots {
  margin-bottom: 10px;
}
.slick-next {
  right: 10px;
  background: rgb(243, 243, 243) !important;
  border-radius: 7px;
}

.slick-prev {
  left: 10px;
  z-index: 2;
  background: rgb(243, 243, 243) !important;
  border-radius: 7px;
}


.slick-prev:before,
.slick-next:before {
  color: rgb(0, 0, 0);
  line-height: 0;
}
img{
  max-height:500px;
  height:auto;
}

.slick-arrow.slick-next,
.slick-arrow.slick-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  height:30px;
  width:30px;
}

.slick-arrow.slick-next:hover,
.slick-arrow.slick-prev:hover
{
    opacity:1;
}


.slick-prev::before,.slick-next::before {
   display:none; 
}

.arrows{
  height:20px;
  width:20px;
  margin: 1px;
}
.confirmation-overlay{
    position: fixed;
    top: 0;
    left: 0;
    color:#333;
    font-size: 14px;
    font-family: 'IBM Plex Sans', sans-serif;
    text-align: center;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.9;
    z-index: 1051;
}
.confirmation-overlay .content{
    position: relative;
    top:45%;
    
    width: 450px;
    margin:0 auto;
    height: 100%;
}

.confirmation-overlay .content .confirmation-title{
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: bold;
    
}

.confirmation-overlay .content .confirmation-action{
    
}

.confirmation-remarks {
    margin-bottom: 2rem;
    padding: 8px;
    width: -webkit-fill-available;
    border-radius: 4px;
    border: 1px solid;
}

.strength-meter-text {
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.meter-height-4 {
  height: 4px !important;
  overflow: hidden;
}

/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/
.wrapper-cls {
  height: 90vh;
  padding: 1rem;
  /* border: 1px solid #ccc; */
}
.editor-cls {
  padding: 5px;
  border: 1px solid #ccc;
}
.toolbar-cls {
  border: 1px solid #ccc;
}
.rdw-table-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}


.ql-wrapper {
  padding: 1rem;
}
.editor-container-wrapper {
  height: 600px; 
  overflow-y: scroll;
}
#editor-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 20px 100px;
  border: 1px solid #ccc;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.ql-container {
  min-height: 40em;
  /* border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em; */
  background: #fefcfc;
  /* margin-bottom: 1rem; */
}

.ql-toolbar {
  background: #eaecec;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  border-bottom: none;
}

.new-page {
  page-break-after: always;
  width: 100%;
  border-top: 1px dashed #999;
  margin: 10px 0;
  font-size: 1rem;
  font-family: 'IBM Plex Sans', sans-serif;
}

@media print {
  body {
    visibility: hidden;
  }
  .section-to-print {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
}

.ql-editor table {
  
  &::before {
    content: 'Right click anywhere on the screen!';
    font-family: sans-serif;
    font-size: 12px;
    font-family: 'IBM Plex Sans', sans-serif;
    color: white;
  }  
}

.contextMenu {
  position: fixed;
  background: white;
  /* box-shadow: 0px 2px 10px #999999; */
}

.contextMenuOption {
  padding: 6px 50px 5px 10px;
  min-width: 160px;
  cursor: default;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.contextMenuOption:hover {
  background: linear-gradient(to top, #555, #333);
  color: white;
}

.contextMenuOption:active {
  color: #e9e9e9;
  background: linear-gradient(to top, #555, #444);
}

.contextMenuOption .disabled {
  color: #999999;
  pointer-events: none;
}

.contextMenuOption .separator {
  width: 100%;
  height: 1px;
  background: #CCCCCC;
  margin: 0 0 0 0;
}

.ql-table-options-hide {
  visibility: hidden;
}
#html-view {
  display: none;
}

.tag-grid {
  height: 170px;
  margin: 2px;
  overflow-y:scroll;
}
.tag-grid-option {
  display: flex;
  width: 170px;
  justify-content: space-between;
  padding: 1;
  cursor: pointer
}
.tag-grid-option:hover {
  background: linear-gradient(to top, #555, #333);
  color: white;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.rta {
  position: relative;
  font-size: 18px;
  width: 100%;
  height: 100%;
}
.rta__loader.rta__loader--empty-suggestion-data {
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(27, 31, 35, 0.1);
  padding: 5px;
}
.rta--loading .rta__loader.rta__loader--suggestion-data {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.rta--loading .rta__loader.rta__loader--suggestion-data > * {
  position: relative;
  top: 50%;
}
.rta__textarea {
  width: 100%;
  height: 100%;
  font-size: 1em;
}
.rta__autocomplete {
  position: absolute;
  display: block;
  margin-top: 1em;
}
.rta__autocomplete--top {
  margin-top: 0;
  margin-bottom: 1em;
}
.rta__list {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #dfe2e5;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(27, 31, 35, 0.1);
  list-style: none;
}
.rta__entity {
  background: white;
  width: 100%;
  text-align: left;
  outline: none;
}
.rta__entity:hover {
  cursor: pointer;
}
.rta__item:not(:last-child) {
  border-bottom: 1px solid #dfe2e5;
}
.rta__entity > * {
  padding-left: 4px;
  padding-right: 4px;
}
.rta__entity--selected {
  color: #fff;
  text-decoration: none;
  background: #0366d6;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;  
}
.require {
  font-family: 'DM Serif Display', sans-serif;
  font-weight: normal;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #cc3636
}

.parent-sec {
  background: rgb(255, 255, 255);
  border-radius: 6px;
  border: 1px solid rgb(219, 214, 225);
  box-shadow: rgb(43 34 51 / 4%) 0px 1px 4px;
  margin-bottom: 16px;
  position: relative;
}
.parent-sec .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(62, 52, 70);
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid rgb(219, 214, 225);
  border-radius: calc(5px) calc(5px) 0px 0px;
  background: rgb(250, 249, 251);
  line-height: 1;
  position: relative;
  padding: 16px;
}
.parent-sec .body {
  display: flex;
  flex: 1 1 0%;
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  line-height: 1.4;
  color: rgb(62, 52, 70);
}
.d-contents {
  display: contents;
}
.select__menu {
  z-index: 2 !important;
}
.disclaimer-text {
  width: -webkit-fill-available !important;
  margin-bottom: 2rem;
}
.react-datepicker-popper {
	z-index: 10 !important;
}	

 .d-confirmlist{
  width: 100% !important;
}

.confirmlist {
  display: flex;
  width: 100% !important;
  margin: 0px !important;
  padding: 10px !important;
  height: 80px !important;
}
.confirmlist label{
  width: 80% !important;
  white-space: break-spaces;
}
.confirmlist span{
  width: 20%;
}
.confirmlist span .error-msg{
  width: 100%;
  font-size: 10px;
}

ul.form-fields > li.confirmlist:nth-of-type(odd) {
  background-color: #f6fcff;
  align-items: center;
  padding: 10px;
}

ul.form-fields > li.confirmlist:nth-of-type(even) {
  background-color: #ffffff;
  align-items: center;
  padding: 10px;
}
ul.form-fields > li.confirmlist:nth-of-type(odd) + ul {
  background-color: #f6fcff; 
}
ul.form-fields > li.confirmlist + ul li{
  width: 100% !important;
  padding: 10px;
  height: auto;
}

li.confirmlist .select__control {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  border: 1px solid #989898 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  display: flex !important;
}

li.confirmlist .select__menu {
  width: 700px !important;
  min-width: 600px !important;
  left: 0 !important;
  position: absolute !important;
  transform: translateX(-518px);
  z-index: 1000; 
}

li.confirmlist .select__menu-list {
  width: 100% !important;
}

.drop-area-provider {
  width: 100%;
  float: left;
  margin: 0 28px 0 0;
  position: relative;
  height: 47px;
  background: #7a7a7a;
  border: 1px #333333 dashed;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: #fff;
  margin-top: inherit;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
}
.hovered-target {
  background-color: rgb(240, 255, 240);
  border: 2px dashed green;
  padding: 1px 10px 1px 10px;
  border-radius: 5px;
}
  
.hovering {
  opacity: 0.5;
  background-color: rgb(225, 248, 225);
  border: 2px solid green;
  padding: 1px 10px 1px 10px;
  border-radius: 5px;
}
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__input {
  width: 240px;
  height: 30px;
  padding: 10px 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  position: initial;
  top: 51px;
  width: 100%;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
  max-height: 250px;
  overflow-y: scroll;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  display: flex;
}

.react-autosuggest__suggestion span {  
  float: left;
  font-size: 12px;
  padding: 10px 20px;
}

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd;
}

.suggest-box-sec .error-msg {
  color: #cc3636;
  padding: 3px 5px;
  font-size: 11px;
  display: block;
  float: left;  
}

.ticket-rows {
  width: 100%;
  padding: 0px;
  background: #fff;
  float: left;
  margin: 20px 0px;
  height: 350px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
}

 .ticket-rows h2{
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-left: 30px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height, or 138% */
  display: flex;
  align-items: center;
  color: #989898;
}

.ticket-rows .heading {
  background: var(--db-secondary);
  border-radius: 4px 4px 0px 0px;
  width: 100%;
  height: 40px;
}

.ticket-rows .heading h3 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */
  padding-top: 12px;
  padding-left: 20px;
  color: #FFFFFF;
}

.ticket-second-row {
  padding: 0px;
  background: #fff;
  float: right;
  margin: 20px 0px;
  margin-left: 15px;
  width: 100%;
  height: 600px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
}

.ticket-checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.ticket-checkbox-round:checked {
    width: 1em;
    height: 1em;
    background: var(--db-primary);
    border: 2px solid #000000;
}

.ticket-container {
  width: 96%;
  padding-top: 3%;
  padding-left: 3%;
}
.ticket-message {
  width: 65%;
  border: 1px solid #989898;
  border-radius: 4px;
  padding-top: 5px;
  margin-bottom: 10px;
}

.ticket-message h3 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  width: 320px;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: rgba(51, 51, 51, 0.75);
}

.ticket-second-column {
  /* float: right; */
  margin-left: 34%;
}

.ticket-message p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  margin-top: 0px;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  color: rgba(51, 51, 51, 0.75);
}

.ticket-link {
  display: flex;
  align-items: center;
  color: var(--db-primary)!important;  
  cursor: pointer;
}

/*overflow-y: scroll;*/
/* .tab-form .form-fields {
  width: 100%;
  margin-top: 0px;
}

.tab-form ul.form-fields li {
  width: 30%;
  margin: 0px;
  height: 90px;
}

.tab-form ul.form-fields li.subject {
  width: 100%;
  margin: 0px;
  height: 90px;
}

.tab-form ul.form-fields li.descriptionn {
  width: 100%;
  margin: 0px;
  height: 90px;
}

.tab-form ul.form-fields li.attachment {
  width: 30%;
  margin: 0px;
  margin-top: 50px;
  height: 90px;
}

.tab-form ul.form-fields li.margin-lr {
  margin-left: 5%;
  margin-right: 5%;
}

.tab-form ul.form-fields li select.selec-box {
  padding: 12px 15px;
}

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

.error-msg {
  color: #cc3636;
  padding: 3px 5px;
  font-size: 11px;
  display: block;
}

.tab-table-view {
  border: 1px solid #e7e7e7;
}

.tab-table-view tr th {
  background: #e7e7e7;
  color: #333;
  font-weight: bold;
  padding: 10px;
}

.tab-table-view tr td {
  color: #333;
  font-weight: normal;
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
  word-break: break-word;
}

.tab-table-view tr:nth-child(even) {
  background: #fff;
}

.tab-table-view tr:nth-child(odd) {
  background: #f6fcff;
}

.attach-card {
  border: 1px solid #008cba;
  background: #ffffff;
  color: #989898;
  padding: 5px;
  border-radius: 3px;
  font-size: 10px;
}

.attach-card a {
  color: #333;
  font-size: 10px;
  padding-left: 5px;
}

.form-fields input[type=file] {
  border: 0px;
  width: 236px;
}

.current {
  border-radius: 100%;
  border: 2px solid #179cf0;
  font-size: 12px;
  padding: 3px 7px;
  color: #333;
  background: #fff;
}

.de-active {
  border-radius: 100%;
  border: 2px solid #989898;
  font-size: 12px;
  padding: 3px 7px;
  color: #989898;
  margin-left: 5px;
  background: #e7e7e7;
}

.sucs-mark:after {
  position: absolute;
  content: "";
  border-radius: 100%;
  border: 2px solid #36cc75;
  padding: 3px 7px;
  margin-left: 5px;
  font-size: 0px;
  /* background: url(../images/succes-tick.png) no-repeat -2px center; *
  width: 25px;
  height: 25px;
}

.form-tabs {
  width: 100%;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  float: left;
  margin-bottom: 20px;
  padding: 10px 0px;
}

.form-tabs ul {
  padding: 0px;
  margin: 0px;
}

.form-tabs li {
  border: 1px solid #179CF0;
  border-radius: 36px;
  color: #179CF0 !important;
  font-size: 13px;
  display: inline-block;
  margin-right: 10px;
}

.form-tabs li a {
  padding: 5px 15px 5px 15px;
  display: block;
  color: #179CF0;
  cursor: pointer;
}

.form-tabs .active {
  background: #179CF0;
  border-radius: 36px;
  color: #fff !important;
  font-size: 13px;
}

.tab-table-view input[type=text].input-val {
  border: 1px solid #989898;
  border-radius: 4px;
  width: 100px;
  text-align: center;
} */

.ticket-scroll {
  width: 100%;
  overflow-y: scroll;
  height: 550px;
  position:relative;
}
.h600 {
  min-height: 700px;
}
.h520 {
  min-height: 520px;
}
.h400 {
  min-height: 400px;
}
.h350 {
  height: 350px;
}

.w60 {
  width: 60%;
}
.w10 {
  width: 5%;
}
.tw66 {
  width: 65%;
  display: contents;
}
.tw5 {
  width: 5%;
  display: contents;
}
.tw10 {
  width: 10%;
  display: contents;
}
.tw19_8 {
  width: 20%;
  display: contents;
}

.ticket-form {
  width: 100%;
  height: 46px;
  border: 1px solid #989898;
  border-radius: 4px;
  margin-bottom: 20px;
  /* font-size: inherit; */
  color: #333 !important;
  font-size: 12px;
  padding-left: 12px;
  padding-right: 0px;
  padding-top: 5px;
  align-items: center;
  justify-content: center;
}
.ticket-input {
  width: inherit;
  height: 35px;
  border: 1px #000000;
  outline: none;
}

.ticket-file{
  width: 24px;
  height: 24px;
  margin: 0 8px;
  cursor: pointer;
}

.ticket-file::before{
  content: '\f0c6';
  font-family: 'IBM Plex Sans', sans-serif;
  color: #989898;
  font-size: 20px;
  margin-left: 9px;
}
.ticket-form .select-box {
  width: inherit;
  height: 35px;
  margin-left: 2px;
  margin-right: 2px;
  border: none;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 8px;
  color: #989898;
}
.ticket-attachment-btn-attched {
  background: #F9F6EE;
  padding: 12px 5px;
  color: #fff;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0px;
  font-weight: 600;
  cursor: pointer;
}
.ticket-attachment-btn-first {
  background: #ababaa;
  padding: 12px 5px;
  color: #fff;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0px;
  font-weight: 600;
  cursor: pointer;
}
.ticket-comment-btn {
  background: var(--db-secondary);
  padding: 12px 12px;
  color: #fff!important;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0px;
  font-weight: 600;
  cursor: pointer;
}

.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

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

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}

.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

.agent-wise-header {
    height: 50px;
    border-bottom: 1px solid #e3e0e0;
    color: #989898;
    font-weight: normal;
    font-size: 12px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.agent-wise-row {
    display: flex;
    height: 30px;
    justify-content: space-between;
    align-items: center;
}

.agent-wise-body {
    overflow: auto;
    height: 182px;
}
/*.agent-wise-body .agent-wise-row:nth-of-type(even){*/
    /*background: #9898981a;*/
/*}*/

.agent-wise-cell{
    display: grid;    
    flex-basis: 0;
    color: #322f2f;
    padding: 0px 4px 0px 4px;
    font-weight: normal;
    font-size: 12px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.agent-wise-header.agent-wise-cell{
    color: #989898;
}

.agent-wise-cell.expanded{
  flex-grow: 0.10;
}
.agent-wise-cell.eyeview{
  flex-grow: 0.10;
}

.agent-wise-cell.selection{
  flex-grow: 0.16;
}
.agent-wise-cell.c120{
  flex-grow: 1.2;
}
.agent-wise-cell.c60{
  flex-grow: 0.4;
}
.agent-wise-cell.c100{
  flex-grow: 1.0;
  flex-direction: row-reverse!important;
}
.agent-wise-cell.c150{
  flex-grow: 1.5;
}


.paytable-head {
  display: inline-flex;
  border-right: 1px solid #989898;
}
.paytable-body {
  display: inline-flex;
  border-right: 1px solid #989898;
}

.tbrow-style {
  position: relative;
  display: table-cell;
  background: #e7e7e7;
  border-left: 1px solid #989898;
  border-bottom: 1px solid #989898;
  border-top: 1px solid #989898;
  white-space: pre-wrap;
  color: #989898;
  padding: 7px;
  height: 50px;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.tbrow-style .resizer {
  display: inline-block;
  background: #989898;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  z-index: 1;
  touch-action: none;
}

.tbcol-style {
  display: grid;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #fff;
  border-left: 1px solid #989898;
  border-bottom: 1px solid #989898;
  align-items: center;
  padding: 0px 5px 0px 5px;
  height: 40px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.nobgbrd {
  background: none;
}

.amntvwgrey {
  background: #989898;
  color: #fff;
}

.amntvwblue {
  background: #087acc;
  color: #fff;
}

.amntvwblack {
  background: #333333;
  color: #fff;
}

/* for clear section*/
.amntvwlghtblue {
  background: #9ebfd5;
  color: #fff;
}

.tbrow-style {
  overflow: visible;
  position: relative;
}
.tbrow-style-hidden {
  overflow: visible;
}
.filter-menu {
  padding: 0px;
}
.is-filtered {
  background-color: var(--db-primary);
}
.is-filtered svg,
.is-filtered svg g path {
  fill: var(--db-secondary) !important;
}

.filter-menu-wrapper {
  left: 0;
  top: 100%;
  z-index: 9999;
  padding: 0 5px;
  display: none;
  min-width: 200px;
  position: absolute;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  filter: drop-shadow(0px 4px 14px rgba(152, 152, 152, 0.5));
}

.filter-menu-wrapper.is-active {
  display: block;
}

.filter-menu-items-list {
  margin: 5px 0 0 0;
  padding: 0;
  min-height: 150px;
  overflow-y: auto;
  max-height: 150px;
  overflow-x: hidden;
}

.filter-menu-items-list li {
  margin: 3px 0;
}

.filter-menu-items-list li a {
  display: block;
  color: #989898;
  position: relative;
  align-items: center;
  border-radius: 5px;
  text-decoration: none;
  transition: 0.3s ease;
  width: 100%;
  padding: 4px 4px 4px 30px;
  min-height: 26px;
}

.filter-menu-items-list li a svg {
  left: 5px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.filter-menu-items-list li a.is-selected {
  color: #000;
  background-color: #f5f4f4;
}

.filter-menu-items-list li a.is-selected svg,
.filter-menu-items-list li a.is-selected svg path {
  fill: #36cc75 !important;
}

.filter-menu-items-list li a:hover {
  color: #404040;
  background-color: #fafafa;
}

.filter-menu-header {
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
}

.filter-menu-header button {
  padding: 5px 14px;
  margin-right: 10px;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3d3d3;
}

.is-short-selected {
  color: #d3d3d3 !important;
  background-color: #545454 !important;
}

.filter-menu-footer {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #e7e7e7;
}

.filter-menu-footer button {
  padding: 5px 20px;
  margin-left: 10px;
  cursor: pointer;
  border-radius: 30px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.filter-menu-search {
  padding: 5px 5px;
}

.filter-menu-search input {
  padding: 4px;
  max-width: 100%;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #d3d3d3;
}
.overflow-visible {
  overflow: visible !important;
}
.table-box-main {
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 18px 15px 18px 15px;
}
.table-box-header-color {
  color: var(--db-primary) !important;
  font-weight: 600;
}

.tbl-box-container {
  width: 100%;
  height: auto;
  max-height: 250px;
  overflow-y: auto; 
  overflow-x: auto;
}

.tbl-box-container table {
  width: calc(100% - 17px); /* Adjusted to accommodate the scrollbar width */
  border-collapse: collapse;
}

.tbl-box-container table td {
  padding: 5px;
  border: 1px solid #ddd;
  height: 20px;
  min-width: 60px;
}

.tbl-box-container table th {
  padding: 5px;
  border: 1px solid #ddd;
  height: 20px;
  min-width: 60px;
  align-items: center;
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight:bold;
  background-color: #f2f2f2;
  text-align: center;
}
.tbl-box-container table thead tr:first-child > th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.tbl-box-container table tbody td:first-child {
  padding: 5px;
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight:bold;
  background-color: #f2f2f2;
  min-width: 80px;  
}
/* .tbl-box-container table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
} */

/* .tbl-box-container table thead th:first-child {
    top: 0;
} */

/* .tbl-box-container table tbody td:first-child {
    top: 40px; /* Adjust according to your thead height *
} */

.kpi-grid {
  display: grid;
  grid-template-columns: 2fr 4fr;
  width: 100%;
}
.internal-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* Adjust min and max width as needed */
  grid-auto-rows: 30px; /* Adjust the cell height as needed */  
  border: 1px solid #989898; 
  width: 100%;
}
.internal-kpi-grid > span {
  text-align: center;
  line-height: 30px; /* Center content vertically */
  border-right: 1px solid #989898; 
  border-bottom: 1px solid #989898; 
}
.internal-kpi-grid > span:last-child {
  border-right: none;
  border-bottom: none;
}
.kpi-grid-body {
  margin: 10px 0;
}
.kpi-list-body {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: auto;
}
.border-top {
  border-top: 1px solid #989898 !important;
}
.incentive-tbl-container table th {
  background:  var(--db-primary) !important;
  color: #fff !important;
}
.incentive-tbl-container table tbody td:first-child {
  background:  var(--db-primary) !important;
  color: #fff !important;
}

/*finance table dimension*/

/*left table dimension*/

.fn-row{width:100px;}
.fn-cell{width:100px;}
.fnwd-1000{width:1000px;}
.fnwd-1120{width:1120px;}

/*right table dimension*/
.fn-row170{width:170px;}
.fn-row120{width:120px;}
.fn-row150{width:145px;}
.fn-row25{width:25px;}
.fn-cell150{width:145px;}
.fn-cell20{width:20px;}
.fn-cell25{width:25px;}
.fnwd-RW400{width:460px;}
.fnwd-RW600{width:600px;}
.fnwd-RW605{width:100%;}

/*finance table clear section*/
.fn-row100-cl{width:100px;}
.fn-cell100-cl{width:100px;}

/*finance table reject section*/
.fn-row218-cmt{width:218px;}
.fn-cell218-cmt{width:218px;}

/*payee-table dimension left dimension*/


.pyewd-1350{width:1500px;}
.pyewd-2250{width:2250px;}
.pyewd-3000{width:3000px;}
.pyewd-1650{width:1650px;}
.pyewd-600{width:600px;}
.pyewd-750{width:750px;}
.py-row150{width:146px;}
.py-cell150{width:146px;}

/*payee table right colum*/

.pyewd-260{width:260px;}
.py-row40{width:40px;}
.py-row220{width:260px; text-align: center;}
.py-row220-right{width:260px; text-align: right;}

.pyewd-210{width:100%;}
.py-row210{width:132px;}
.py-row151{width:49.5%;}
.py-row50{width:50%;}


.greybg{background:#f3f3f3!important; }
.no-grbg{background:none!important; }

/*Anchor ops table TABLE left dimension*/

.anops-2160{width:2160px;}
.anops-row135{width:135px;}
.anops-row155{width:180px;}
.anops-cell135{width:135px;}
.anops-cell155{width:180px;}
.anops-cell135{width:135px;}
.anops-row150{width:150px;}
.anops-cell150{width:150px;}

/*Anchor ops table TABLE right dimension*/

.anops-710{width:710px;}
.anops-row35{width:35px;padding-top:8px;padding-left: 4px;}
.anops-cell35{width:35px;padding-top:8px;padding-left: 4px;}

/*===== case manager table left dimension=======*/

.cse-2160{width:2160px;}
.cse-row135{width:135px;}
.cse-cell135{width:135px;}

.cse-RW360{width:360px;}
.cse-row35{width:35px;}
.cse-row162{width:162px;}

.cse-cell35{width:35px;}
.cse-cell162{width:162px;}

.CodeMirror {
  height: 25px;
}
.ReactCodeMirror {
  height: 30px;
}
.cm-category {
  color: #2196F3;
}
.cm-operator {
  color: #9E9E9E;
}
.cm-value {
  color: #E91E63;
}
.react-filter-box {
  overflow-y: hidden;
  height: 28px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.react-filter-box.focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.react-filter-box.error {
  border-color: #a94442;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.react-filter-box.error.focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.CodeMirror-hints {
  padding: 5px;
  min-width: 100px;
}
.CodeMirror-hints .CodeMirror-hint {
  padding: 5px 5px;
}
li.CodeMirror-hint-active {
  background: #2196F3;
}
li.CodeMirror-hint-active .hint-value {
  color: white;
}

.agent-wise-header {
    height: 50px;
    border-bottom: 1px solid #e3e0e0;
    color: #989898;
    font-weight: normal;
    font-size: 12px;
}

.agent-wise-row {
    display: flex;
    height: 30px;
    justify-content: space-between;
    align-items: center;
}

.agent-wise-body {
    overflow: auto;
    height: 230px;
}
/*.agent-wise-body .agent-wise-row:nth-of-type(even){*/
    /*background: #9898981a;*/
/*}*/

.agent-wise-cell{
    display: grid;    
    flex-basis: 0;
    color: #322f2f;
    padding: 0px 4px 0px 4px;
    font-weight: normal;
    font-size: 12px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.agent-wise-header.agent-wise-cell{
    color: #989898;
}

.agent-wise-cell.expanded{
  flex-grow: 0.10;
}
.agent-wise-cell.eyeview{
  flex-grow: 0.10;
}

.agent-wise-cell.selection{
  flex-grow: 0.16;
}
.agent-wise-cell.c120{
  flex-grow: 1.2;
}
.agent-wise-cell.c60{
  flex-grow: 0.4;
}
.agent-wise-cell.c100{
  flex-grow: 1.0;
  flex-direction: row-reverse!important;
}
.agent-wise-cell.c150{
  flex-grow: 1.5;
}

.custom-tooltip{
    background: black;
    color: whitesmoke;
}

/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

.react-flow__node.circle {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.react-flow__node-role {
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  width: 180px;
  background: #f5f5f6;
  color: #222;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 15%), 0 2px 4px -1px rgb(0 0 0 / 8%);
  border-radius: 2px;
}

.delete {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  background-color: #b20c0c;
  color: #f5f5f6;
}

.edit {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  background-color: #778899;
  color: #f5f5f6;
  margin-right: 3px;
}

.react-flow .react-flow__handle {
  width: 14px;
  height: 14px;
  background-color: #222;
  border-radius: 50%;
}
.react-flow__node-role .react-flow__handle {
  top: 24px;
  right: -15px;
  width: 6px;
  height: 10px;
  border-radius: 2px;
  background-color: #778899;
}

.react-flow__node.circle {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.react-flow__node.annotation {
  border-radius: 0;
  text-align: left;
  background: white;
  border: none;
  line-height: 1.4;
  width: 225px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 15%), 0 2px 4px -1px rgb(0 0 0 / 8%);
}

.react-flow__node.annotation .react-flow__handle {
  display: none;
}

.custom-node__header {
  padding: 8px 10px;
  border-bottom: 1px solid #e2e8f0;
}

.custom-node__body {
  padding: 10px;
}

.custom-node__select {
  position: relative;
  margin-bottom: 10px;
}

.custom-node__select select {
  width: 100%;
  margin-top: 5px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}


.approval-node__section {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: "#c4cbd1";
  border-radius: 8px;
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;  
}

.approval-node__header {
  background-color: rgb(254, 254, 254);
  color: "#1f2224";
  font-weight: normal;
  text-transform: uppercase;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: "#c4cbd1";  
}

.approval-node__body {
  padding: 0.5rem;
  flex: 1 1 0%;
  position: relative;
  background-color: "#FFFFFF";  
}

.approval-node__select {
  position: relative;
  margin-bottom: 10px;
}

.approval-node__select select {
  width: 100%;
  margin-top: 5px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.crawler-node__section {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: "#c4cbd1";
  border-radius: 4px;
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;  
}

.crawler-node__header {
  background-color: rgba(231, 231, 231, 0.25);
  font-weight: normal;
  text-transform: uppercase;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  /* border-color: "#c4cbd1"!important;   */
  display:flex
}

.crawler-node__header strong {
  width: 80%!important;
}
.crawler-node__header .job-icons {
  width: 20%!important;
}

.crawler-node__header .process-text {
  width: 90%!important;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: bold;
}
.crawler-node__header .process-icons {
  width: 10%!important;
}

.node-init {
  background-color:#e7e7e740!important;
}
.node-progress {
  background-color:#0065FF!important;
  color: #ffffff !important;
}
.node-success {
  background-color:#36B27E!important;
  color: #ffffff !important;
}
.node-failure {
  background-color:#DE350B!important;
  color: #ffffff !important;
}
.node-pending {
  background-color:#7A869A!important;
  color: #ffffff !important;
}

.crawler-node__body {
  padding: 0.5rem;
  flex: 1 1 0%;
  position: relative;
  background-color: "#FFFFFF";  
}

.crawler-node__select {
  position: relative;
  margin-bottom: 10px;
}

.crawler-node__select select {
  width: 100%;
  margin-top: 5px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.crawler-node__subsection {
  display:block;
  padding: 0;
  margin: 0;
  width: inherit;
}

.frm-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}
.frm-column {
  display: block;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}

.frm-field {
  width: 50%;
  margin-right: 2px;
}
.frm-field-100 {
  width: 100%;
}

.frm-label {
  margin-right: 10px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.frm-hint {
  margin-right: 10px;
  font-size: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
}

.frm-inputarea {
  padding: 5px;
  font-size: 10px!important;
  font-family: 'IBM Plex Sans', sans-serif;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  height: 80px!important;
}
.success {
  border: 2px solid #008000!important;
}

.frm-input {
  padding: 5px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  height: 27px;
}

.frm-input-file {
  padding: 2px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  height: 27px;
}
.frm-select {
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  height: 27px;
}
.btn-container {
  display: flex;
  margin-bottom: 10px;
}
.add-btn {
  padding: 5px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: hsl(205,47%,42%)!important;
  background-color: hsl(205,46%,92%);
  margin-right: 5px;
}
.reset-btn {
  padding: 5px;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: hsl(205,47%,42%)!important;
  background-color: hsl(205,46%,92%);
}
.hint {
  padding: 5px;
  font-size: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: hsl(342, 86%, 31%)!important;
}
.err-container {
  display: flex;
  width: inherit;
  background-color: hsl(342, 86%, 31%)!important;
  border-radius: 3px;
  border: 1px solid #f6f6f6;
  padding: 2px;
}
.err {
  width: 100% !important;
  padding: 1px;
  font-size: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #f6f6f6;
}

.grouplist {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Style the list items */
.grouplist .item {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 2px;
  text-decoration: none;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: black;
  display: block;
  position: relative;
}

/* Add a light grey background color on hover */
.grouplist .item:hover {
  background-color: #eee;
}

.opration-btn {
  width: 60px;
  height: 30px;
  border: 1px solid #fff;
  padding: 2px 3px;
  background-color: #778899;
  margin-right: 5px;
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
}

/* Style the close button (span) */
.grouplist .item .close {
  cursor: pointer;
  position: absolute;
  font-size: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
  top: 40%;
  right: 2%;
  /* padding: 2px; */
  transform: translate(0%, -50%);
}
.react-flow__panel ul {
  display: grid;
  list-style: none;
  margin: 0;  
}
.react-flow__panel ul li {
  float: left;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  background-color: #c5c5c5;
  cursor: move;
  padding: 4px 6px 4px 6px;
  margin-bottom: 10px;
  border-color: #312f2f;
  border-style:dashed;  
  border-radius: 12px;
}
.react-flow__panel ul li p {
  justify-content: 'center';
  align-items: 'center';
  color: #222;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  padding: 2px;
  margin: 0px !important;
}
/* .tbl {
  display: flex;
  height: 100px;
  overflow-y: scroll;
  margin-bottom: 10px;  
} */
.tbl table {
  display: inline-table;
  width:100%;
  table-layout: fixed;
  margin-bottom: 10px;
}
.tbl table thead {
  background-color: rgba(10, 9, 9, 0.3);
}
.tbl table thead th {
  padding: 2px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.tbl table tbody tr:nth-child(odd) {
  background: #f6fcff;
}
.tbl table tbody td {
  color: #333;
  font-weight: normal;
  padding: 2px;
  border-bottom: 1px solid #e7e7e7;
  word-break: break-word;
  font-size: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.tbl table tbody {
  background-color: rgba(255,255,255,0.3);
}

.handletext {
  position: relative;
  width: 5px;
  font-size: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  pointer-events: none;
  padding-left: 4px;
  color: white;
}
.jointext {
  position: relative;
  width: 15px;
  font-size: 6px;
  font-family: 'IBM Plex Sans', sans-serif;
  pointer-events: none;
  padding-left: 2px;
  color: white;
}

/* .grouplist .item .close:hover {background: #bbb;} */

.querytext {
  width: 100%;
  font-size: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;  
}
.rta__list {
  position: sticky!important;
  height: auto!important;
  max-height: 110px!important;
  overflow: scroll;
  overflow-x: hidden;
  width: 150px;
}
.rta__item {
  font-size: 10px!important;
  font-family: 'IBM Plex Sans', sans-serif;
}

.yaxis_none {
  overflow-y:hidden!important;
}
.td-button {
  display: flex;
  justify-content: center;
  text-align: center;  
  padding: 10px!important;
}

.element-wrapper {
  font-family: IBM Plex Sans;
  border: none;
  height: auto;
}
.cursor-pointer {
  cursor: pointer;
}
.element-wrapper ul.form-fields > li {
  display: flex;
  width: 100%;
  margin: 0 28px 0 0;
  background-color: #fff;
}
.element-wrapper .form-fields {
  margin: 0;
  width: 100%;
}
.z-100 {
  z-index: 100;
}

.element-wrapper > form > .form-fields > div {
  /* overflow: hidden; */
  border-radius: 5px;
  margin-bottom: 30px;
  border: 1px solid #d3d3d3; 
  /* display: flex;
  flex-direction: column; */
  display: grid;
}

.element-wrapper > form > ul > div > .formfield_parent_sec {
   overflow: hidden; 
}

.element-wrapper > form > ul > div > .formfield_parent_sec {
  margin: 0;
  width: 100%;
}
.element-wrapper > form > ul > div > .formfield_parent_sec > h2 {
  font-size: 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 500;
  padding: 10px 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--element-text-dark);
  background-color: #fafaff;
  border-bottom: 1px solid #d3d3d3;
  margin: 0 !important;
}
.element-wrapper > form > .form-fields > div > ul > li {
  padding: 15px;
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  align-items: center;
  border-bottom: 1px solid #d3d3d3;
}
.element-wrapper > form > .form-fields > div > ul > li .text-hint-wrapper {
  width: -webkit-fill-available;
}
.editor-wrapper {
  grid-template-columns: 1fr!important;
}

.element-wrapper > form > .form-fields > div > ul > li > label {
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: var(--element-text-dark);
  margin: 0;
}
.element-wrapper > form > .form-fields > div > ul > li > label {
  font-size: 14px;
  font-family: 'IBM Plex Sans', sans-serif;
  margin-bottom: 2px;
  color: var(--element-text-dark);
}
.element-wrapper > form > .form-fields > div > ul > li > label > span {
  display: block;
}
.page-main-content .payout-mainsec {
  margin: 0;
  padding: 0;
}
.page-main-content .breadcum {
  display: none;
}
.page-main-content .top-main-section {
  margin-top: 0 !important;
  padding: 0;
}
.page-main-content .col-lg-12 {
  padding: 0 !important;
}
.page-main-content .scroll {
  margin: 0 15px;
  width: 98%;
}
.page-main-content .col-lg-8 {
  padding: 0;
}
.denied-wrapper {
  height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.denied-header {
  color: #ed143d;
}
.denied-wrapper > div {
  font-size: 1rem;
  font-family: 'IBM Plex Sans', sans-serif;
}
.page-main-content .col-lg-4 {
  padding-right: 15px;
}
.main-heading {
  color: var(--db-secondary);
}
.page-main-content .download_tnt > a {
  margin-left: 0;
}
.dedupe-class > label {
  color: #525252 !important;
  font-size: 13px !important;
  font-family: 'IBM Plex Sans', sans-serif;
}
.dedupe-class {
  padding: 15px;
  display: grid !important;
  grid-template-columns: 2fr 2fr 1fr;
  align-items: center;
  border-bottom: 1px solid #d3d3d3;
}
.element-wrapper-dedupe {
  height: inherit;
}

.element-wrapper > form > .form-fields > div >ul>li > div .basic-multi-select {
  max-width: 436px;
}
.element-wrapper > form > .form-fields > div >ul>li > span {
  max-width: 535px;
}
.element-wrapper > form > .form-fields > div >ul>.complete-row > div {
  max-width: none;
}
.element-wrapper > form > .form-fields > div >ul>li > div .basic-multi-select {
  max-width: 535px;
}
.element-wrapper > form > .form-fields > div >ul>li > span {
  max-width: 535px;
}
.element-wrapper > form > .form-fields > div >ul>.complete-row > div {
  max-width: none;
}

.ip-details-body {
  font-size: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 300;
  color: #000;
}
.ip-details-header {
  color: #000;
  font-weight: 500;
}
.modal-dialog .modal-body {
  padding: 1rem !important;
}
.ip-details-modal {
  display: grid;
  grid-template-columns: 1fr 4fr;
}

.modal-sm {
  width: 40% !important;
}
.sticky-position {
  position: sticky;
  z-index: 10;
  top: 0;
}
.h-24 {
  height: 24px !important;
}
.complete-row {
  display: block !important;
}
.banners-wrapper {
  padding: 0 40px 20px;
}
.internal-component {
  padding: 15px;
  display: grid !important;
  grid-template-columns: 2fr 2fr 1fr;
  align-items: center;
  border-bottom: 1px solid #d3d3d3;
}
.internal-component > label {
  color: var(--element-text-dark) !important;
  margin: 0!important;
  padding: 0!important;
  font-size: 14px!important;
  font-family: 'IBM Plex Sans', sans-serif;
}
.no-data-dashboard {
  width: 90vw;
  text-align: center;
  margin-top: 10vh;
}

.widget-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  padding: 1% 2% 5%;
  grid-gap: 5%;
  background-color: #fff;
  border-top: 1px solid #d3d3d3;
}
.fit-content {
  width: fit-content;
}
.nested-attributes {
  padding-left: 20px; 
  margin-top: 10px; 
  display: flex;
  align-items: center;
}
.width-20 {
  width: 20%;
}
.nested-attributes > li {
  margin-right: 2%;
}
.ml-n5 {
  margin-left: -2% !important;
}
.ul-overflow-wrapper {
  background: #fff;
  padding-bottom: 5%;
}

.widget-preview .modal-content {
  width: fit-content;
}
.widget-preview .modal-dialog {
  width: max-content;
}
div.page-main-content .element-wrapper {
  overflow: visible;
}
.element-wrapepr-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  max-height: 65vh;
  overflow-y: auto;
  padding: 0 10px 20px 0;
}

.content-image {
  padding: 10px;
}
.element-item {
  display: flex;
  flex-direction: column; 
  align-items: center;   
  justify-content: flex-start; 
  /* background-color: #fff; */
  padding: 0 10px;
  cursor: move;
  opacity: 1;
  border: 1px solid #ccc;  
  border-radius: 15px;
}

.text-center {
  text-align: center;
  /* font-size: 10px; */
}

.form-container {
  width: 22%;
  max-width: 220px;
  min-width: 220px;
}

.button_style {
  flex: 1;
  padding: 8px;
  cursor: pointer;
  text-align: center;
  border-radius: 30px;
  font-size: 12px;
}
.active-button-style {
  background-color: var(--db-primary);
  color: white !important;
}

.drop-area {
  min-height: 400px;
  max-height: 80vh;
  overflow-y: scroll;
  width: -webkit-fill-available !important;
  width: -moz-available !important;
}
.sidebar-wrapper{
 background-color: #eee;
 border-radius: 30px;
 font-size: 14px; 
}

.search-input {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  background-color: white;
  background-image: url(/src/images/search_icon.png);
  background-position: 15px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  margin: 15px 0;
  border-radius: 15px;
}

.input-text {
  width: 80%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  background-color: white;
  background-position: 15px; 
  background-repeat: no-repeat;
  padding: 8px 6px;
  margin-top: 15px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
}

.add-page-button {
  width: -webkit-fill-available;
  padding: 10px;
  border-radius: 30px;
  background-color: var(--db-primary);
  color: #fff;
  width: 80%;
  margin-top: 15px;
}

.disabled {
	background: #ddd !important;
} 

.margin-0-12 {
  margin: 0 12px;
}

.color-333 {
  color: #333 !important;
}

.width-webkit-fill {
  width: -webkit-fill-available
}

.create-form-wrapper > form {
  width: -webkit-fill-available;
}
.create-form-wrapper {
  display: flex;
  align-items: center;
}
.create-form-wrapper > form > .form-fields {
  margin: 0 !important;
}

div.formbuilder-page-modal .modal-content {
  height: auto;
  margin-top: 2%;
  left: 30%;
  width: 40%;
}


.hyphon-space {
  margin: 0 0.5em;
}
.input {
  height: 3em;
  width: 3em;
  text-align: center;
  font-size: 1.5em;
  background-color: #ffffff;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.opacity-6 {
  opacity: 0.6;
}
.otp-input {
  border:none;
  border-bottom: 1px solid #00000033;
  outline: none;
  font-size: 18px;
  font-weight: 500;
}
.otp-input:focus {
  box-shadow: none !important;
}
.verify-btn.disabled {
  background-color: #ccc;
  opacity: 0.9;
  cursor: not-allowed;
}


/*# sourceMappingURL=main.aa755e4cdef79a13b72a.css.map*/