/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/bootstrap/scss/bootstrap.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

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

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

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

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

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

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

figure {
  margin: 0 0 1rem;
}

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

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

table {
  border-collapse: collapse;
}

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

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

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

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

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

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

.figure {
  display: inline-block;
}

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  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-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

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

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

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

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

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

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

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

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

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

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

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

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

textarea.form-control {
  height: auto;
}

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

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

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

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

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

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

.form-check-inline {
  display: inline-flex;
  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: 0.875em;
  color: #28a745;
}

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

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

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

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

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

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

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

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

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

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

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

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

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

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

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

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

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

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

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

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

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

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

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

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

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

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

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn: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: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

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

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

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

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

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn: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: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

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

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: 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;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

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

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

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

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

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

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

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

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

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

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

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

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

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

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

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

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

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

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

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

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

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  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 xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-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 {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

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

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

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

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

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

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

.badge:empty {
  display: none;
}

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

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

.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

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

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

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

.alert-heading {
  color: inherit;
}

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

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

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}

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

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

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

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

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

.media-body {
  flex: 1;
}

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

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

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

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.toast-body {
  padding: 0.75rem;
}

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

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

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

.modal-dialog-scrollable {
  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 {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  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: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel {
  position: relative;
}

.carousel.pointer-event {
  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%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

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

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

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

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

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

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

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

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

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

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shadow-none {
  box-shadow: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-nowrap {
  white-space: nowrap !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  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;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/content/styles.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.is-invalid {
  border-color: #dc3545 !important;
}

.invalid-feedback {
  display: block !important;
  font-size: 70% !important;
  color: #dc3545 !important;
  margin-bottom: 5px;
}

.borderline {
  margin-bottom: 40px;
  padding-bottom: 35px;
  border-bottom: 2px solid rgba(189, 210, 226, 0.2);
}

.MarginR-20 {
  margin-right: 20px;
}

.checkboxListContainer {
  border: 1px solid #abafb1;
  height: 200px;
  border-radius: 5px;
  padding: 5px 5px;
  width: 95%;
  overflow: scroll;
  overflow-x: hidden;
}

.width-150 {
  min-width: 150px !important;
}

.textarea-products {
  margin-top: 10px !important;
  height: 48px !important;
}

.order-success {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.scroll-y {
  max-height: 1000px;
  overflow-y: scroll;
}

.scroll-ytable {
  max-height: 468px;
  overflow-y: scroll;
}
.scroll-ytable::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.scroll-ytable::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  height: 10px;
}
.scroll-ytable::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}

.scroll-ytableQuotation {
  max-height: 1000px;
  overflow-y: scroll;
}
.scroll-ytableQuotation::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.scroll-ytableQuotation::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  height: 10px;
}
.scroll-ytableQuotation::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .last-preview {
    margin-top: 0px !important;
  }
}

.Center_Middle {
  text-align: center !important;
  vertical-align: middle !important;
}

.wordbreak {
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.alink {
  cursor: pointer !important;
  text-decoration: underline !important;
  color: blue !important;
  font-weight: bold !important;
  font-size: 11px;
}

label.required:after {
  content: " *";
  color: red;
  font-weight: bold;
}

th.required:after {
  content: " *";
  color: red;
  font-weight: bold;
}

.tableMargin {
  margin: 12px 0px !important;
}

.clsTablheaderFix {
  position: relative;
  border-collapse: collapse;
}

.clsTablheaderFix thead th { /* for Safari */
  position: sticky;
  top: 0;
  background: #e7cfc9;
  color: black;
  font-weight: bold;
  z-index: 1;
}

.clsDivTableHeaderFix {
  height: 500px;
  overflow: scroll;
  position: relative;
}

.Center-Middle-Table {
  text-align: center !important;
}

.no-result-table {
  margin: 12px 0;
  text-align: center;
  padding: 20px 0 40px;
  margin-left: 0.84406295%;
  width: 98.31187411%;
  float: left;
  margin-right: 1.28755365%;
  background-color: rgba(225, 232, 245, 0.4);
}

.table-border {
  border: 3px solid rgba(189, 210, 226, 0.4) !important;
}

.expand-table-icon {
  cursor: pointer;
  text-align: center;
}

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

.expand-texttop {
  vertical-align: text-top;
}

.textfont-bold {
  font-weight: bold;
}

.scroll-x {
  overflow-x: scroll;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .scroll-x {
    white-space: normal !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .scroll-x {
    white-space: normal !important;
  }
}
.scroll-x::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.scroll-x::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  height: 10px;
}
.scroll-x::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}

.onglet {
  margin-top: 10px;
  border: 1px solid rgba(189, 210, 226, 0.8);
  border-radius: 10px;
}

.padding {
  padding: 10px 40px 26px;
}

.border-collapse {
  border-collapse: separate !important;
  border-spacing: 0px !important;
  border: 1px solid rgba(189, 210, 226, 0.8);
}

.width-80 {
  min-width: 80px !important;
  max-width: 80px !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .width-80 {
    min-width: initial !important;
    max-width: initial !important;
  }
}

.width-60 {
  min-width: 60px !important;
  max-width: 60px !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .width-60 {
    min-width: initial !important;
    max-width: initial !important;
  }
}

.marignT-20 {
  margin-top: 20px;
}

.scroll-maintable-y {
  max-height: 700px;
  overflow-y: scroll;
}
.scroll-maintable-y::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.scroll-maintable-y::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.scroll-maintable-y::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}

.table-td-header {
  font-size: 11px;
  font-weight: 500;
  font-family: roboto-medium;
  color: rgba(32, 59, 78, 0.5);
  background-color: #e1e8f5;
}

.text-wrap {
  white-space: pre-wrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
}

.width-120 {
  min-width: 120px !important;
  max-width: 120px !important;
}

.width-160 {
  min-width: 160px !important;
  max-width: 160px !important;
}

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

.width-20 {
  width: 20px !important;
}

.width-50 {
  width: 50px !important;
}

.allocation-row .allocation-column {
  min-width: 160px !important;
}

.input-value {
  font-size: 12px !important;
  font-weight: bold !important;
}

.lgModelWidth .modal-dialog {
  max-width: 1100px !important;
}

.lightgreen {
  background-color: #b0d136 !important;
  border-bottom: solid 0.2px #b0d136 !important;
}

.darkgreen {
  background-color: #0f9747 !important;
  border-bottom: solid 0.2px #0f9747 !important;
}

.lightgrey {
  color: #9eb9ce !important;
}

.textcaps {
  text-transform: capitalize;
}

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

.whitespacenormal {
  white-space: normal !important;
}

.h-scroll {
  overflow-x: auto;
  overflow-y: Auto;
  scrollbar-color: #b7c3d1; /* Thumb and track color */
}

/* Webkit Browsers */
.h-scroll::-webkit-scrollbar {
  height: 8px; /* Horizontal scrollbar height */
  background: #b7c3d1;
}

.h-scroll::-webkit-scrollbar-track {
  background: #b7c3d1; /* Track color */
  border-radius: 10px;
}

.h-scroll::-webkit-scrollbar-thumb {
  background: #b7c3d1; /* Scrollbar thumb color */
  border-radius: 10px;
}

.h-scroll::-webkit-scrollbar-thumb:hover {
  background: #b7c3d1;
}

/* Completely Hide Scrollbar Buttons (Arrows) */
.h-scroll::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.table-max-height-400 {
  max-height: 400px !important;
}

.table-max-height-450 {
  max-height: 450px !important;
}

.table-max-height-500 {
  max-height: 500px !important;
}

.table-max-height-530 {
  max-height: 530px !important;
}

.table-max-height-550 {
  max-height: 550px !important;
}

.table-max-height-580 {
  max-height: 580px !important;
}

.table-max-height-650 {
  max-height: 650px !important;
}

.table-max-height-300 {
  max-height: 300px !important;
}

.child-table-padding {
  padding: 10px 0px 0px 5px !important;
}

.popoverScroll {
  height: 200px !important;
  overflow-y: auto !important;
}

.extra-fee-table-height {
  max-height: 600px;
  overflow-y: auto !important;
}

.extra-fee-text-area {
  margin-top: 0px;
  margin-bottom: 6px;
  height: 41px;
}

.width80 {
  width: 80px;
}

.tcf-page-progress-container .color-bar {
  width: 220px;
  height: 7px;
  border-radius: 6px;
  margin-right: 12px;
  display: inline-block;
  background-color: rgba(168, 202, 230, 0.4);
}
.tcf-page-progress-container .color-bar .color {
  height: 7px;
  display: block;
  border-radius: 6px;
}
.tcf-page-progress-container .color-bar .color.red {
  background-color: #e02e2e;
}
.tcf-page-progress-container .color-bar .color.grey {
  background-color: #FFCCCB;
}
.tcf-page-progress-container .color-bar .color.orange {
  background-color: #FFA500;
}
.tcf-page-progress-container .color-bar .color.green {
  background-color: #008000;
}

.column-container {
  width: 400px;
  max-width: 100%;
  margin: 0 25px 25px 0;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

.column-list {
  border: solid 1px #ccc;
  height: 100%;
  background: white;
  border-radius: 4px;
  overflow: hidden;
  display: block;
  min-height: 500px !important;
  max-height: 500px !important;
}

.column-box {
  padding: 20px 10px;
  border-bottom: solid 1px #ccc;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  cursor: move;
  background: white;
  font-size: 14px;
  min-height: 65px;
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cdk-drag-placeholder {
  opacity: 0;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.column-box:last-child {
  border: none;
}

.example-list.cdk-drop-list-dragging .column-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.hover {
  cursor: pointer;
}

.card-body {
  background: #F5F5F5;
}

.marginTop35 {
  margin-top: 35px;
}

.marginTop60 {
  margin-top: 60px;
}

.angular-editor-toolbar button i {
  font-family: FontAwesome !important;
  color: #474d6d !important;
}

.redColor {
  color: red !important;
}

.greencolor {
  color: #10ed39 !important;
}

.stats-container {
  padding: 10px;
  padding-right: 20px;
}

.stats-container span {
  font-size: 12px;
  line-height: 1.33;
  margin-left: 40px;
  display: inline-block;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-medium;
}

.stats-container span.big {
  color: #24424d;
  font-size: 36px;
  margin-left: 20px;
  line-height: 0.64;
  font-family: roboto-light;
}

.ahover {
  color: white !important;
}

.insp-send {
  color: #167412 !important;
  background-color: #E8F1E7 !important;
}
.insp-send:hover {
  color: #ffffff !important;
  background-color: #167412 !important;
}
.insp-send:active {
  color: #ffffff !important;
  background-color: #167412 !important;
}
.insp-send.active {
  color: #ffffff !important;
  background-color: #167412 !important;
}

.insp-pending {
  color: #00A5CC !important;
  background-color: #D3F7FF !important;
}
.insp-pending:hover {
  color: #ffffff !important;
  background-color: #00A5CC !important;
}
.insp-pending:active {
  color: #ffffff !important;
  background-color: #00A5CC !important;
}
.insp-pending.active {
  color: #ffffff !important;
  background-color: #00A5CC !important;
}

.insp-cancel {
  color: #F81538 !important;
  background-color: #FEE8EB !important;
}
.insp-cancel:hover {
  color: #ffffff !important;
  background-color: #F81538 !important;
}
.insp-cancel:active {
  color: #ffffff !important;
  background-color: #F81538 !important;
}
.insp-cancel.active {
  color: #ffffff !important;
  background-color: #f81538 !important;
}

.insp-inspected {
  color: #24C11E !important;
  background-color: #E9F9E8 !important;
}
.insp-inspected:hover {
  color: #ffffff !important;
  background-color: #24C11E !important;
}
.insp-inspected:active {
  color: #ffffff !important;
  background-color: #24C11E !important;
}
.insp-inspected.active {
  color: #ffffff !important;
  background-color: #24C11E !important;
}

.insp-confirm {
  color: #0085CC !important;
  background-color: #E8F1F6 !important;
}
.insp-confirm:hover {
  color: #ffffff !important;
  background-color: #0085CC !important;
}
.insp-confirm:active {
  color: #ffffff !important;
  background-color: #0085CC !important;
}
.insp-confirm.active {
  color: #ffffff !important;
  background-color: #0085CC !important;
}

.insp-hold {
  color: #E85785 !important;
  background-color: #FDEEF3 !important;
}
.insp-hold:hover {
  color: #ffffff !important;
  background-color: #E85785 !important;
}
.insp-hold:active {
  color: #ffffff !important;
  background-color: #E85785 !important;
}
.insp-hold.active {
  color: #ffffff !important;
  background-color: #E85785 !important;
}

.insp-allocate {
  color: #997600 !important;
  background-color: #F7F4EB !important;
}
.insp-allocate:hover {
  color: #ffffff !important;
  background-color: #997600 !important;
}
.insp-allocate:active {
  color: #ffffff !important;
  background-color: #997600 !important;
}
.insp-allocate.active {
  color: #ffffff !important;
  background-color: #997600 !important;
}

.insp-verify {
  color: #935DC6 !important;
  background-color: #F6F0FC !important;
}
.insp-verify:hover {
  color: #ffffff !important;
  background-color: #935DC6 !important;
}
.insp-verify:active {
  color: #ffffff !important;
  background-color: #935DC6 !important;
}
.insp-verify.active {
  color: #ffffff !important;
  background-color: #935DC6 !important;
}

.insp-validate {
  color: #c65db9 !important;
  background-color: rgba(220, 103, 206, 0.1) !important;
}
.insp-validate:hover {
  color: #ffffff !important;
  background-color: #dc67ce !important;
}
.insp-validate:active {
  color: #ffffff !important;
  background-color: #dc67ce !important;
}
.insp-validate.active {
  color: #ffffff !important;
  background-color: #dc67ce !important;
}

.insp-schedule {
  color: #E8B300 !important;
  background-color: #FFF9E5 !important;
}
.insp-schedule:hover {
  color: #ffffff !important;
  background-color: #FFC500 !important;
}
.insp-schedule:active {
  color: #ffffff !important;
  background-color: #FFC500 !important;
}
.insp-schedule.active {
  color: #ffffff !important;
  background-color: #FFC500 !important;
}

.insp-reschedule {
  color: #FF5626 !important;
  background-color: #FFEEE9 !important;
}
.insp-reschedule:hover {
  color: #ffffff !important;
  background-color: #FF5626 !important;
}
.insp-reschedule:active {
  color: #ffffff !important;
  background-color: #FF5626 !important;
}
.insp-reschedule.active {
  color: #ffffff !important;
  background-color: #FF5626 !important;
}

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

.width-200 {
  min-width: 200px !important;
  max-width: 200px !important;
}

.created-name-odd {
  background-color: #dc67ce !important;
}

.created-name-even {
  background-color: #00ceff !important;
}

.subscription-form .ng-select-container {
  width: 287px !important;
}

.package-defualt-page-input .ng-select-container {
  width: 240px !important;
}

.page-head-container {
  flex: 1;
  display: flex;
  padding: 16px 0;
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.0784313725);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .page-head-container {
    padding: 16px 14px;
  }
}
.page-head-container .header-back-button {
  cursor: pointer;
  margin-right: 24px;
  display: inline-block;
  padding: 5px 24px 5px 0;
  border-right: 1px solid #e0e1e2;
}
.page-head-container .header-back-button img {
  width: 24px;
}
.page-head-container .header-back-button:hover img {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: wobble;
}
.page-head-container .width-290 {
  min-width: 290px !important;
  max-width: 290px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.7.0');
  src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/c3/c3.min.css ***!
  \********************************************************************************************************************************************************************************************************************/
.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip td.value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max{fill:#777}.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path{opacity:1}.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/scss/styles.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: roboto-regular;
  src: url('Roboto-Regular.ttf');
}
@font-face {
  font-family: roboto-light;
  src: url('Roboto-Light.ttf');
}
@font-face {
  font-family: roboto-bold;
  src: url('Roboto-Bold.ttf');
}
@font-face {
  font-family: roboto-medium;
  src: url('Roboto-Medium.ttf');
}
@font-face {
  font-family: trim-web-medium;
  src: url('trim-web-medium.ttf');
}
:root {
  --text-color: #020e16;
  --white-color: #ffffff;
  --brand-color: #cd2d2f;
  --row-hover: #e6f6f6;
  --form-hover: #f4f6f8;
  --line-color: #edf0f4;
  --form-border: #cdd5df;
  --form-active: #f3fbfb;
  --form-default: #fbfcfc;
  --header-hover: #e6f6f6;
  --table-header: #7495be;
  --primary-color: #020E16;
  --dropdown-hover: #f0f0f0;
  --body-background: #f4f6f8;
  --light-background: #ffffff;
  --table-header-text: #ffffff;
  --page-header-color: #13316e;
  --input-placeholder: #9A9FA2;
  --dropdown-background: #ffffff;
  --text-light-80-color: #353E45;
  --text-light-60-color: #676e73;
  --side-navigation-hover: #e6f6f6;
  scrollbar-gutter: stable;
}

body.dark-theme {
  --text-color: #ffffff;
  --white-color: #ffffff;
  --row-hover: #25282d;
  --form-hover: #25272a;
  --line-color: #383a3c;
  --form-border: #2e3033;
  --form-active: #25272a;
  --form-default: #1d1f22;
  --header-hover: rgba(8, 167, 167, 0.2);
  --table-header: #36373a;
  --primary-color: #020E16;
  --dropdown-hover: #414345;
  --body-background: #121417;
  --light-background: #1e2023;
  --page-header-color: rgba(19, 49, 110, 0.3);
  --input-placeholder: #5e5f61;
  --table-header-text: #d0d0d1;
  --dropdown-background: #2a2b2e;
  --text-light-80-color: #D0D0D1;
  --text-light-60-color: #848586;
  --side-navigation-hover: #008def;
}

body {
  margin: 0;
  position: relative;
  overflow-x: hidden;
  font-family: roboto-regular;
  background-color: var(--body-background) !important;
}
body::-webkit-scrollbar-track {
  width: 8px;
  border-radius: 10px;
  background-color: #F5F5F5;
}
body::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 10px;
  background-color: #b7c3d1;
}

a {
  display: block;
  color: inherit;
  cursor: pointer;
  text-decoration: none !important;
}
a.primary {
  color: #008def;
  transition: ease all 0.4s;
}
a.primary:hover {
  color: #0070ce;
}

p {
  margin: 0;
}

* {
  box-sizing: border-box;
}

input {
  font-family: roboto-regular;
}

small {
  font-family: roboto-light;
  font-size: 11px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.82;
  color: rgba(20, 23, 34, 0.5);
}

.has-dropdown {
  position: relative;
}
.has-dropdown:hover .cta-dropdown {
  display: block;
}

.common-card-spacing {
  padding: 24px 34px;
}

.search-trigger-heading {
  margin: 0;
  display: flex;
  color: #707275;
  font-size: 14px;
  align-items: center;
  font-family: roboto-regular;
}

.animated-icon-container {
  padding: 8px;
  line-height: 1;
  cursor: pointer;
  margin-left: 14px;
  border-radius: 30px;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: #f4f6f8;
}
.animated-icon-container:hover {
  background-color: #ecf0f3;
}
.animated-icon-container:hover img {
  opacity: 1;
}
.animated-icon-container:active {
  background-color: #e6eaef;
}
.animated-icon-container.transparent {
  background-color: transparent;
}
.animated-icon-container.transparent:hover {
  background-color: #ecf0f3;
}
.animated-icon-container.transparent:active {
  background-color: #e6eaef;
}
.animated-icon-container img {
  width: 16px;
  height: 16px;
  opacity: 0.7;
}

.common-filter-container {
  overflow: hidden;
  position: relative;
  transition: ease all 0.4s;
  border-bottom: 4px solid #f2f5fa;
}
.common-filter-container.active {
  height: auto;
  display: block;
  max-height: inherit;
  visibility: visible;
}
.common-filter-container .animated-icon-container {
  top: 24px;
  z-index: 1;
  right: 34px;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .common-filter-container .animated-icon-container {
    top: 0;
    left: 83%;
    position: relative;
  }
}

.alert-container {
  padding: 12px 0;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.alert-container.success {
  border: solid 1px #d5ebd5;
  background-color: #e9f6e9;
}
.alert-container.success p {
  color: #5b7b5b;
}
.alert-container.reject {
  border: solid 1px #cfe5f1;
  background-color: #e7f1f8;
}
.alert-container.reject p {
  color: #52778d;
}
.alert-container .my-container {
  position: relative;
}
.alert-container p {
  margin: 0;
  font-size: 12px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .alert-container p {
    margin: auto;
    max-width: 80%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .alert-container p {
    padding: 0 10px;
    max-width: 90%;
  }
}
.alert-container p a {
  display: inline-block;
}
.alert-container .animated-icon-container {
  right: 0;
  top: -8px;
  position: absolute;
}
.alert-container .animated-icon-container:hover {
  background-color: rgba(var(--text-color), 0.04);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .alert-container .animated-icon-container {
    right: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .alert-container .animated-icon-container {
    right: 10px;
  }
}

.view-change-container {
  float: right;
  cursor: pointer;
  margin-top: -6px;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: #ecf0f3;
}
.view-change-container .tile {
  line-height: 1;
  padding: 10px 15px;
  display: inline-block;
}
.view-change-container .tile:first-child {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.view-change-container .tile:last-child {
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.view-change-container .tile.active {
  background-color: var(--white-color);
  box-shadow: 0 2px 4px 0 rgba(175, 187, 203, 0.2);
}

.table-badge-container {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .table-badge-container {
    width: 94vw;
    overflow: inherit;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 10px;
  }
}
.table-badge-container li {
  margin: 0 6px;
  color: var(--white-color);
  font-size: 12px;
  cursor: pointer;
  padding: 8px 12px;
  position: relative;
  border-radius: 30px;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: #6794dd;
  text-transform: capitalize;
  font-family: roboto-medium;
}
.table-badge-container li img {
  width: 11px;
  cursor: pointer;
  margin-left: 8px;
}
.table-badge-container li.active {
  color: var(--white-color) !important;
}
.table-badge-container li:first-child {
  margin-left: 0;
}
.table-badge-container li:last-child {
  margin-right: 0;
}
.table-badge-container li.send {
  color: #cc9e00;
  background-color: #f8efe0;
}
.table-badge-container li.send:hover {
  color: var(--white-color);
  background-color: #ffc500;
}
.table-badge-container li.send:active {
  color: var(--white-color);
  background-color: #ffc500;
}
.table-badge-container li.send.active {
  color: var(--white-color);
  background-color: #ffc500;
}
.table-badge-container li.pending {
  color: #cc451e;
  background-color: rgba(255, 86, 38, 0.1);
}
.table-badge-container li.pending:hover {
  color: var(--white-color);
  background-color: #ff5626;
}
.table-badge-container li.pending:active {
  color: var(--white-color);
  background-color: #ff5626;
}
.table-badge-container li.pending.active {
  color: var(--white-color);
  background-color: #ff5626;
}
.table-badge-container li.cancel {
  color: #c6112d;
  background-color: rgba(248, 21, 56, 0.1);
}
.table-badge-container li.cancel:hover {
  color: var(--white-color);
  background-color: #f81538;
}
.table-badge-container li.cancel:active {
  color: var(--white-color);
  background-color: #f81538;
}
.table-badge-container li.cancel.active {
  color: var(--white-color);
  background-color: #f81538;
}
.table-badge-container li.inspected {
  color: #1d9a18;
  background-color: rgba(36, 193, 30, 0.1);
}
.table-badge-container li.inspected:hover {
  color: var(--white-color);
  background-color: #24c11e;
}
.table-badge-container li.inspected:active {
  color: var(--white-color);
  background-color: #24c11e;
}
.table-badge-container li.inspected.active {
  color: var(--white-color);
  background-color: #24c11e;
}
.table-badge-container li.confirm {
  color: #0085cc;
  background-color: #e0eaf8;
}
.table-badge-container li.confirm:hover {
  color: var(--white-color);
  background-color: #00a7ff;
}
.table-badge-container li.confirm:active {
  color: var(--white-color);
  background-color: #00a7ff;
}
.table-badge-container li.confirm.active {
  color: var(--white-color);
  background-color: #00a7ff;
}
.table-badge-container li.hold {
  color: #c65e5e;
  background-color: #f8e1e7;
}
.table-badge-container li.hold:hover {
  color: var(--white-color);
  background-color: #dc6968;
}
.table-badge-container li.hold:active {
  color: var(--white-color);
  background-color: #dc6968;
}
.table-badge-container li.hold.active {
  color: var(--white-color);
  background-color: #dc6968;
}
.table-badge-container li.allocate {
  color: #68b8dc;
  background-color: #e1f1f8;
}
.table-badge-container li.allocate:hover {
  color: var(--white-color);
  background-color: #deeef5;
}
.table-badge-container li.allocate:active {
  color: var(--white-color);
  background-color: #dbebf2;
}
.table-badge-container li.allocate.active {
  color: var(--white-color);
  background-color: #68b8dc;
}
.table-badge-container li.fail {
  color: #f81538;
  background-color: #ffe7ea;
}
.table-badge-container li.fail:hover {
  background-color: #deeef5;
}
.table-badge-container li.fail:active {
  background-color: #dbebf2;
}
.table-badge-container li.fail.active {
  background-color: #68b8dc;
}
.table-badge-container li.cta {
  color: var(--white-color);
  background-color: #cd2d2f;
}
.table-badge-container li.cta:hover {
  background-color: #b70b0d;
}
.table-badge-container li.cta:active {
  background-color: #b70b0d;
}
.table-badge-container li.cta.active {
  background-color: #b70b0d;
}
.table-badge-container li.other-1 {
  color: #735dc6;
  background-color: rgba(128, 103, 220, 0.1);
}
.table-badge-container li.other-1:hover {
  color: var(--white-color);
  background-color: #8067dc;
}
.table-badge-container li.other-1:active {
  color: var(--white-color);
  background-color: #8067dc;
}
.table-badge-container li.other-1.active {
  color: var(--white-color);
  background-color: #8067dc;
}
.table-badge-container li.other-2 {
  color: #c65db9;
  background-color: rgba(220, 103, 206, 0.1);
}
.table-badge-container li.other-2:hover {
  color: var(--white-color);
  background-color: #dc67ce;
}
.table-badge-container li.other-2:active {
  color: var(--white-color);
  background-color: #dc67ce;
}
.table-badge-container li.other-2.active {
  color: var(--white-color);
  background-color: #dc67ce;
}
.table-badge-container li.other-3 {
  color: #935dc6;
  background-color: rgba(163, 103, 220, 0.1);
}
.table-badge-container li.other-3:hover {
  color: var(--white-color);
  background-color: #a367dc;
}
.table-badge-container li.other-3:active {
  color: var(--white-color);
  background-color: #a367dc;
}
.table-badge-container li.other-3.active {
  color: var(--white-color);
  background-color: #a367dc;
}
.table-badge-container li.upcoming {
  color: rgb(76, 105, 141);
  background-color: rgba(76, 105, 141, 0.1);
}
.table-badge-container li.upcoming:hover {
  color: var(--white-color);
  background-color: rgb(76, 105, 141);
}
.table-badge-container li.upcoming:active {
  color: var(--white-color);
  background-color: rgb(76, 105, 141);
}
.table-badge-container li.upcoming.active {
  color: var(--white-color);
  background-color: rgb(76, 105, 141);
}
.table-badge-container li.validated {
  color: var(--white-color);
  background-color: #167412 !important;
}
.table-badge-container li.validated:hover {
  color: var(--white-color);
  background-color: #167412 !important;
}
.table-badge-container li.validated:active {
  color: var(--white-color);
  background-color: #167412 !important;
}
.table-badge-container li.validated.active {
  color: var(--white-color);
  background-color: #167412 !important;
}
.table-badge-container li.more {
  background-color: #f4f6f8;
}
.table-badge-container li .cta-dropdown li {
  margin: 0;
  border-radius: 0;
  background-color: var(--white-color);
}
.table-badge-container li .cta-dropdown li:hover {
  background-color: #f4f6f8;
}
.table-badge-container li .cta-dropdown li span {
  color: inherit;
  font-weight: inherit;
}
.table-badge-container li span {
  margin: 0 3px;
  font-size: 11px;
  text-transform: uppercase;
}

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(131, 151, 175, 0.6);
}
.loader-overlay .loader-container {
  padding: 30px;
  border-radius: 3px;
  background-color: var(--white-color);
}
.loader-overlay .loader-container img {
  display: inline-block;
  animation: spin 1s linear infinite;
}
.loader-overlay .loader-container span {
  color: #8397af;
  font-size: 14px;
  margin-left: 14px;
  display: inline-block;
  font-family: roboto-medium;
}

.multiselection-container {
  position: relative;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.multiselection-container.type-mailer .multiselection-input-container {
  padding: 8px 12px 4px;
}
.multiselection-container.type-mailer .multiselection-input-container .user-badge {
  padding: 4px 6px;
  border-radius: 2px;
  margin: 0 4px 4px 0;
  vertical-align: middle;
}
.multiselection-container.type-mailer .multiselection-input-container .user-badge .remove {
  margin: 0;
  width: 8px;
}
.multiselection-container.type-mailer .multiselection-input-container input {
  margin-bottom: 4px !important;
}
.multiselection-container .multiselection-input-container {
  padding: 12px 13px;
  border: solid 1px #d7dde5;
  background-color: #f8f9fb;
}
.multiselection-container .multiselection-input-container .user-badge {
  padding: 2px;
  line-height: 1;
  margin-right: 10px;
  border-radius: 22px;
  display: inline-block;
  background-color: #d9edf7;
}
.multiselection-container .multiselection-input-container .user-badge img {
  display: inline-block;
  vertical-align: middle;
}
.multiselection-container .multiselection-input-container .user-badge .thumb {
  width: 22px;
  height: 22px;
  margin-right: 6px;
  border-radius: 100%;
}
.multiselection-container .multiselection-input-container .user-badge .name {
  color: var(--text-color);
  font-size: 11px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  font-family: roboto-medium;
}
.multiselection-container .multiselection-input-container .user-badge .remove {
  cursor: pointer;
  margin-right: 8px;
}
.multiselection-container .multiselection-input-container input[type=text] {
  margin: 0;
  padding: 0;
  width: 100px;
  border: none;
  display: inline;
  vertical-align: middle;
  background: transparent !important;
}
.multiselection-container .multiselection-input-container input[type=text]:hover, .multiselection-container .multiselection-input-container input[type=text]:active, .multiselection-container .multiselection-input-container input[type=text]:focus {
  border: none !important;
  outline: none !important;
  background: transparent;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .multiselection-container .multiselection-input-container input[type=text] {
    width: 50px;
  }
}
.multiselection-container .multiselect-dropdown {
  left: 0;
  width: 100%;
  padding: 2px;
  display: none;
  position: absolute;
  border-radius: 3px;
  background-color: var(--white-color);
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
}
.multiselection-container .multiselect-dropdown.active {
  display: block;
}
.multiselection-container .multiselect-dropdown .multiselect-head {
  padding: 20px 24px 10px;
}
.multiselection-container .multiselect-dropdown .multiselect-head .title {
  color: #9A9FA2;
  font-size: 12px;
  font-family: roboto-regular;
}
.multiselection-container .multiselect-dropdown .multiselect-head .styled-checkbox-container {
  float: right;
  display: inline-block;
}
.multiselection-container .multiselect-dropdown .multiselect-head .styled-checkbox-container label {
  color: var(--text-color);
  font-size: 12px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 330px;
  overflow-y: scroll;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card {
  cursor: pointer;
  padding: 12px 22px;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card:hover {
  background-color: #f4f6f8;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card .user-info {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .multiselection-container .multiselect-dropdown .multiselect-body ul .user-card .user-info {
    max-width: 82%;
  }
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card .user-info .name {
  color: var(--text-color);
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card .user-info .name .verified {
  width: 16px;
  margin-top: -4px;
  margin-left: 6px;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card .user-info .desc {
  line-height: 1;
  color: #707275;
  font-size: 11px;
  font-family: roboto-regular;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card .user-info .desc .primary {
  color: #008def;
  transition: ease all 0.4s;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card .user-info .desc .primary:hover {
  color: #881d1e;
}
.multiselection-container .multiselect-dropdown .multiselect-body ul .user-card .show-more {
  color: #0070ce;
  font-size: 11px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: roboto-medium;
}

.advanced-search {
  margin: 0;
  color: #008def;
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  transition: ease all 0.4s;
  font-family: roboto-medium;
}
.advanced-search:hover {
  color: #0070ce;
}
.advanced-search:hover img {
  opacity: 1;
}
.advanced-search:hover .icon {
  background-color: #e5f4fd;
}
.advanced-search .icon {
  width: 12px;
  height: 12px;
  padding: 4px;
  box-sizing: unset;
  margin-right: 4px;
  border-radius: 100%;
  vertical-align: bottom;
  transition: ease all 0.4s;
}
.advanced-search .icon.active {
  background-color: #e5f4fd;
}
.advanced-search img {
  opacity: 0.6;
  transition: ease all 0.4s;
}

.advanced-search-custom {
  margin: 0;
  color: #008def;
  font-size: 12px;
  display: inline-block;
  transition: ease all 0.4s;
  font-family: roboto-medium;
}
.advanced-search-custom:hover {
  color: #0070ce;
}
.advanced-search-custom:hover img {
  opacity: 1;
}
.advanced-search-custom:hover .icon {
  background-color: #e5f4fd;
}
.advanced-search-custom .icon {
  width: 12px;
  height: 12px;
  padding: 4px;
  box-sizing: unset;
  margin-right: 4px;
  border-radius: 100%;
  vertical-align: bottom;
  transition: ease all 0.4s;
}
.advanced-search-custom .icon.active {
  background-color: #e5f4fd;
}
.advanced-search-custom img {
  opacity: 0.6;
  transition: ease all 0.4s;
}

.no-data-wrapper .no-data-title {
  font-size: 18px;
  margin-top: 20px;
  color: rgba(36, 66, 77, 0.8);
  font-family: roboto-regular;
}
.no-data-wrapper .no-data-text {
  font-size: 12px;
  color: rgba(36, 66, 77, 0.4);
  font-family: roboto-regular;
}
.no-data-wrapper .primary {
  margin-top: 4px;
  font-size: 12px;
  font-family: roboto-medium;
}

.mapboxgl-ctrl-top-right {
  top: 60px;
  right: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mapboxgl-ctrl-top-right {
    right: 12px;
  }
}

.common-card-shadow:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}

.toast-container .custom-toast {
  display: flex;
  margin-top: 10px;
  border-radius: 4px;
  padding: 17px 16px;
  align-items: flex-start;
  box-shadow: 0 6px 15px 0 rgba(131, 151, 175, 0.6196078431);
}
.toast-container .custom-toast:first-child {
  margin-top: 0;
}
.toast-container .custom-toast.alert {
  background-color: #ff5626;
}
.toast-container .custom-toast.success {
  background-color: #24c11e;
}
.toast-container .custom-toast.warning {
  background-color: #f89407;
}
.toast-container .custom-toast.info {
  background-color: #8397af;
}
.toast-container .custom-toast .icon {
  padding: 17px;
  line-height: 1;
  margin-right: 18px;
  border-radius: 100%;
  background-color: rgba(var(--white-color), 0.1);
}
.toast-container .custom-toast .message {
  flex: 1;
}
.toast-container .custom-toast .message .title {
  margin: 0;
  color: var(--white-color);
  font-size: 16px;
  margin-bottom: 4px;
  font-family: roboto-bold;
}
.toast-container .custom-toast .message .subtitle {
  margin: 0;
  color: var(--white-color);
  font-size: 14px;
  font-family: roboto-regular;
}
.toast-container .custom-toast .toast-close {
  padding: 5px;
  line-height: 1;
  cursor: pointer;
  margin-left: 18px;
  border-radius: 100%;
  background-color: rgba(var(--white-color), 0.1);
}
.top-alert-container {
  display: flex;
  padding: 12px 17px;
  justify-content: center;
}
.top-alert-container.alert-message {
  border: solid 1px #f7ccd3;
  background-color: #fadfe3;
}
.top-alert-container.alert-message p {
  color: #f81538;
}
.top-alert-container.success-message {
  border: solid 1px #d5ebd5;
  background-color: #e9f6e9;
}
.top-alert-container.success-message p {
  color: #5b7b5b;
}
.top-alert-container.info-message {
  border: solid 1px #cfe5f1;
  background-color: #e7f1f8;
}
.top-alert-container.info-message p {
  color: #52778d;
}
.top-alert-container.warning-message {
  border: solid 1px #f7ccd3;
  background-color: #ffeee9;
}
.top-alert-container.warning-message p {
  color: #ff7751;
}
.top-alert-container.simple-message {
  border: solid 1px #c6d8e5;
  background-color: #eef3f7;
}
.top-alert-container.simple-message p {
  color: #8397af;
}
.top-alert-container p {
  flex: 1;
  margin: 0;
  font-size: 12px;
  text-align: center;
  font-family: roboto-regular;
}
.top-alert-container img {
  opacity: 0.7;
  cursor: pointer;
  transition: ease all 0.4s;
}
.top-alert-container img:hover {
  opacity: 1;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-mobile-filter {
    max-height: 85vh;
    overflow: scroll;
  }
}

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

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

.switch-container {
  flex: 1;
  display: flex;
  margin-bottom: 6px;
}
.switch-container .switch {
  color: #8397af;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 18px 12px;
  background-color: #ecf0f3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .switch-container .switch {
    font-size: 12px;
    padding: 8px 10px;
  }
}
.switch-container .switch:first-child {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.switch-container .switch:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.switch-container .switch.active {
  color: #08a7a7;
  background-color: var(--white-color);
  border: solid 1px #cdd5df;
  box-shadow: 0 3px 8px 0 rgba(175, 187, 203, 0.2);
}
.switch-container .switch img {
  width: 30px;
  margin-right: 9px;
  vertical-align: bottom;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .switch-container .switch img {
    width: 24px;
    margin-right: 4px;
  }
}

.view-switch-container {
  display: flex;
  line-height: 1;
  margin: 0 16px 0 12px;
}
.view-switch-container .switch {
  cursor: pointer;
  padding: 10px 12px;
  transition: ease all 0.4s;
  background-color: rgba(255, 255, 255, 0.1);
}
.view-switch-container .switch:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.view-switch-container .switch:first-child {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.view-switch-container .switch:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.view-switch-container .switch.active {
  background-color: #08a7a7;
}

.mail-container .ck-editor__editable_inline {
  min-height: 150px;
}

.banner-message-wrapper {
  padding: 12px;
  font-size: 14px;
  text-align: center;
  font-family: roboto-regular;
}
.banner-message-wrapper.success-message {
  color: #167412;
  background-color: rgba(36, 193, 30, 0.1);
}
.banner-message-wrapper.error-message {
  color: #950d22;
  background-color: rgba(248, 21, 56, 0.1);
}
.banner-message-wrapper.alert-message {
  color: var(--text-color);
  background-color: rgba(255, 197, 0, 0.1);
}
.banner-message-wrapper p {
  margin: 0;
  position: relative;
}
.banner-message-wrapper p img {
  margin-right: 8px;
  vertical-align: sub;
}
.banner-message-wrapper p .close {
  right: 0;
  top: 3px;
  position: absolute;
}

.custom-toast-wrapper {
  left: 40px;
  z-index: 20;
  bottom: 40px;
  display: flex;
  position: fixed;
  flex-direction: column;
}
.custom-toast-wrapper .toast-container {
  flex: 1;
  display: flex;
  margin: 10px 0;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
  border-radius: 4px;
  align-items: center;
  background-color: #2e3f55;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2);
}
.custom-toast-wrapper .toast-container p {
  margin: 0 4px;
  color: var(--white-color);
  line-height: 1;
  font-size: 14px;
  font-family: roboto-regular;
}
.custom-toast-wrapper .toast-container p.light {
  padding: 0 8px;
  color: #b7c3d1;
}
.custom-toast-wrapper .toast-container img {
  margin: 0 4px;
}

.highlight-badge {
  color: var(--text-light-80-color);
  font-size: 12px;
  padding: 4px 20px;
  font-weight: 500;
  border-radius: 4px;
  display: inline-block;
  font-family: roboto-medium;
  background-color: rgba(76, 105, 141, 0.1);
}
.highlight-badge.schedule {
  background-color: #ffe899;
}
.highlight-badge.in-progress {
  color: #00a7ff;
  background-color: rgba(0, 167, 255, 0.1);
}
.highlight-badge.light {
  color: #9A9FA2;
  font-family: roboto-medium;
}
.highlight-badge.active {
  color: var(--white-color);
  background-color: #24c11e;
}
.highlight-badge.disabled {
  color: #9A9FA2;
  background-color: rgba(76, 105, 141, 0.0980392157);
}
.highlight-badge.blue-active {
  color: var(--white-color);
  background-color: #00a7ff;
}
.highlight-badge.blue-active em {
  display: block;
  font-size: 10px;
  margin-top: 4px;
  font-style: normal;
  text-align: center;
}
.highlight-badge.low {
  padding: 4px;
  background-color: #DAF3D6;
}
.highlight-badge.low img {
  height: 12px;
  margin-right: 0;
}
.highlight-badge.high {
  padding: 4px;
  background-color: #FFDFD5;
}
.highlight-badge.high img {
  height: 12px;
  margin-right: 0;
}
.highlight-badge.header-light {
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.1);
}
.highlight-badge.header-white {
  color: #141b2e;
  background-color: var(--white-color);
}
.highlight-badge.header-light-white {
  color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.1);
}
.highlight-badge img {
  margin-right: 4px;
  vertical-align: sub;
}

.new-breadcrumb-container {
  display: inline-block;
}
.new-breadcrumb-container ul {
  margin: 0;
  padding: 2px 4px;
  list-style: none;
  border-radius: 50px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.24);
}
.new-breadcrumb-container ul li {
  color: var(--white-color);
  font-size: 14px;
  padding: 6px 8px;
  display: inline-block;
  transition: ease all 0.4s;
  font-family: roboto-regular;
}
.new-breadcrumb-container ul li.active {
  border-radius: 24px;
  background-color: #cc9e00;
  font-family: roboto-medium;
  box-shadow: 0 1px 8px 0 rgba(0, 12, 35, 0.48);
}
.new-breadcrumb-container ul li:after {
  height: 16px;
  padding: 0 4px;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  content: url('right-arrow-new.svg');
}
.new-breadcrumb-container ul li img {
  width: 12px;
  height: 12px;
  margin-right: px;
}

.number-badge {
  font-size: 12px;
  padding: 4px 8px;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 24px;
  display: inline-block;
  vertical-align: bottom;
  font-family: roboto-medium;
}
.number-badge.pass {
  color: #1d9a18;
  background-color: rgba(36, 193, 30, 0.1);
}
.number-badge.fail {
  color: #cc451e;
  background-color: rgba(255, 86, 38, 0.1);
}
.number-badge.hold {
  color: #935dc6;
  background-color: rgba(163, 103, 220, 0.1);
}
.number-badge.pending {
  color: var(--white-color);
  background-color: #ff5626;
}
.number-badge.upcoming {
  color: var(--white-color);
  background-color: #4c698d;
}
.number-badge.validated {
  color: var(--white-color);
  background-color: #167412 !important;
}

.record-count {
  margin: 0;
  display: flex;
  color: #203b4e;
  font-size: 11px;
  padding: 16px 20px;
  align-items: center;
  font-family: roboto-medium;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .record-count {
    padding: 14px 25px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .record-count {
    padding: 10px 20px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.record-count .column {
  background-color: transparent !important;
}
.record-count .column:first-child {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .record-count .column:first-child {
    margin-bottom: 10px;
  }
}
.record-count .column:last-child {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .record-count .column:last-child {
    justify-content: flex-start;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .record-count .column:last-child {
    justify-content: flex-start;
    width: 100%;
  }
}
.record-count .count {
  margin: 0;
  font-size: 14px;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
}
.record-count .table-badge-container {
  float: right;
}

.table-container {
  margin-bottom: 2px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .table-container {
    overflow-x: scroll;
    white-space: nowrap;
    box-shadow: 0 0 12px 0 rgba(59, 91, 114, 0.14);
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .table-container {
    overflow-x: scroll;
    white-space: nowrap;
    box-shadow: 0 0 12px 0 rgba(59, 91, 114, 0.14);
  }
}
.table-container.expanded-table {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.table-container.expanded-table > .pagination-table > thead > tr > .extra-column {
  display: table-cell;
}
.table-container.expanded-table > .pagination-table > tbody > tr > .extra-column {
  display: table-cell;
}
.table-container.fix-hieght {
  overflow-y: auto;
  height: 400px;
}
.table-container.fix-hieght-factory-performance {
  overflow-y: auto;
  height: 450px;
}
.table-container.no-vetical-scroll {
  overflow-x: hidden;
}
.table-container.child-table {
  margin: 0;
  max-width: 94vw;
  display: inline-table;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.table-container.fix-hieght {
  overflow-y: auto;
  height: 400px;
}
.table-container.scrollable-div {
  max-height: 400px;
  overflow-y: auto;
  transition: max-height 0.3s ease-in-out;
}
.table-container.scrollable-Pass-Rate-div {
  max-height: 500px;
  overflow-y: auto;
  transition: max-height 0.3s ease-in-out;
  width: 100%;
  overflow-x: auto; /* Enables horizontal scrolling */
  white-space: nowrap; /* Prevents text wrapping */
}
.table-container::-webkit-scrollbar-track {
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #F5F5F5;
}
.table-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F5F5F5;
}
.table-container::-webkit-scrollbar-thumb {
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #b7c3d1;
}
.table-container.booking-table-container {
  float: none;
}
.table-container.booking-table-container thead > tr > th {
  padding: 12px 3px;
}
.table-container.booking-table-container tbody > tr > td {
  padding: 8px 3px;
}
.table-container.booking-table-container thead > tr > th,
.table-container.booking-table-container tbody > tr > td {
  width: auto;
}
.table-container.booking-table-container .my-input-group {
  display: inline-block;
}
.table-container.booking-table-container .my-input-group.width100 input {
  width: 108px;
  max-width: 108px;
}
.table-container.booking-table-container .my-input-group.width150 input {
  width: 150px;
  max-width: 150px;
}
.table-container.booking-table-container .my-input-group.width200 input {
  width: 200px;
  max-width: 200px;
}
.table-container.booking-table-container .my-input-group input {
  width: 28px;
  font-size: 12px;
  padding: 8px 6px;
  margin-bottom: 0;
}
.table-container.booking-table-container .ng-select.width100 {
  width: 108px;
  max-width: 108px;
}
.table-container.booking-table-container .ng-select.width80 {
  width: 78px;
  max-width: 78px;
}
.table-container.booking-table-container .ng-select .ng-select-container {
  padding: 8px;
  min-height: 32px;
  margin-bottom: 0;
}
.table-container.booking-table-container .ng-select .ng-select-container .ng-value-label,
.table-container.booking-table-container .ng-select .ng-select-container .ng-placeholder {
  font-size: 12px;
}
.table-container.booking-table-container .ng-select .ng-select-container .ng-input input {
  width: 70%;
  padding: 11px 8px 8px !important;
}
.table-container.booking-table-container .ng-select.multiple .ng-select-container .ng-value-label,
.table-container.booking-table-container .ng-select.multiple .ng-select-container .ng-placeholder {
  padding: 0 !important;
}
.table-container.booking-table-container .ng-select.multiple .ng-select-container .ng-input input {
  padding: 0px !important;
}
.table-container.booking-table-container .uploaded-image {
  padding: 4px;
  color: #008def;
  font-size: 12px;
  cursor: pointer;
  margin-right: 8px;
  border-radius: 4px;
  transition: ease all 0.4s;
  background-color: #fae9e9;
  font-family: roboto-medium;
}
.table-container.booking-table-container .uploaded-image:hover {
  background-color: rgba(0, 141, 239, 0.2);
}
.table-container.booking-table-container .uploaded-image img {
  width: 12px;
  margin-left: 4px;
  vertical-align: text-top;
}

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

.page-head-container {
  flex: 1;
  display: flex;
  padding: 16px 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .page-head-container {
    padding: 16px 14px;
  }
}
.page-head-container .my-container {
  flex: 1;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .page-head-container .my-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-head-container .my-container .column {
  flex: 1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .page-head-container .my-container .column:last-child {
    margin-top: 16px;
  }
}
.page-head-container .highlight-badge {
  font-size: 14px;
  margin: 0 2px;
}
.page-head-container .highlight-badge:first-child {
  margin-left: 10px;
}
.page-head-container .page-title {
  margin: 0;
  font-size: 20px;
  color: var(--text-color);
  font-family: trim-web-medium;
}
.page-head-container .filter-cta {
  padding: 9px;
}

.result {
  color: var(--white-color);
  line-height: 1;
  font-size: 12px;
  padding: 6px 4px;
  border-radius: 4px;
  align-items: center;
  display: inline-flex;
  background-color: #24c11e;
  font-family: roboto-medium;
}
.result img {
  width: 14px;
  padding-right: 4px;
}
.result.medium {
  line-height: 1;
  font-size: 14px;
  padding: 9px 12px;
}
.result.medium img {
  width: 16px;
}
.result.large {
  font-size: 16px;
  padding: 12px 16px;
}
.result.large img {
  width: 18px;
  padding-right: 8px;
}
.result.pass {
  background-color: #24c11e;
}
.result.fail {
  background-color: #f81538;
}
.result.pending {
  background-color: #ff5626;
}
.result.missing {
  background-color: #8296af;
}
.result.not-applicable {
  background-color: #9A9FA2;
}
.result.secondary.pass {
  color: #1d9a18;
  background-color: #e9f9e8;
}
.result.secondary.fail {
  color: #f81538;
  background-color: #fee8eb;
}
.result.secondary.pending {
  color: #ff5626;
  background-color: rgba(255, 86, 38, 0.0980392157);
}
.result.secondary.missing {
  color: #4c698d;
  background-color: rgba(76, 105, 141, 0.0980392157);
}
.result.secondary.not-applicable {
  color: #9A9FA2;
  background-color: var(--text-color);
}

.file-upload-container {
  display: flex;
  padding: 32px 0;
  cursor: pointer;
  margin-top: 24px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  border: solid 1px #b7c3d1;
  background-color: #f4f6f8;
  transition: ease all 0.4s;
}
.file-upload-container:hover {
  border: solid 1px #b7c3d1;
  background-color: #edf0f4;
}
.file-upload-container .upload-icon {
  width: 44px;
}
.file-upload-container .upload-here {
  margin-left: 16px;
}
.file-upload-container .upload-here .upload-title {
  color: var(--text-color);
  font-size: 16px;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.file-upload-container .upload-here .upload-content {
  font-size: 14px;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.file-upload-container .upload-here .upload-content.drop-file {
  color: #676E73;
}
.file-upload-container .upload-here .upload-content span {
  color: #008def;
}

.flex-one {
  flex: 1;
}

.file-attachment-container {
  display: flex;
  margin-top: 24px;
  flex-direction: column;
}
.file-attachment-container .files-count {
  font-size: 12px;
  color: #676E73;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.file-attachment-container .file-attached-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
}
.file-attachment-container .file-attached-container .attachment {
  padding: 4px;
  display: flex;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
  border: solid 1px #cdd5df;
  transition: ease all 0.4s;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .file-attachment-container .file-attached-container .attachment {
    width: 49%;
    margin-right: 5px;
  }
}
.file-attachment-container .file-attached-container .attachment:hover {
  border: solid 1px #cdd5df;
  background-color: #f4f6f8;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .file-attachment-container .file-attached-container .attachment:nth-child(2n) {
    margin-right: 0;
  }
}
.file-attachment-container .file-attached-container .attachment .file-name {
  margin: 0 8px;
  color: var(--text-color);
  font-size: 12px;
  font-family: roboto-regular;
}
.file-attachment-container .file-attached-container .attachment .close-icon {
  width: 12px;
  opacity: 0.6;
  cursor: pointer;
  transition: ease all 0.4s;
}
.file-attachment-container .file-attached-container .attachment .close-icon:hover {
  opacity: 1;
}
.file-attachment-container .file-attached-container .more-files {
  font-size: 12px;
  color: #676E73;
  margin-left: 12px;
  margin-top: 8px;
  font-family: roboto-regular;
}
.file-attachment-container .file-attached-container .styled-checkbox-container {
  margin-top: 10px;
  margin-left: 10px;
}

.side-navigation-container {
  top: 0;
  left: 0;
  z-index: 2;
  z-index: 21;
  height: 100vh;
  position: fixed;
  background: var(--light-background);
  box-shadow: 0 4px 20px 0 rgba(18, 20, 26, 0.4);
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .side-navigation-container {
    display: none;
  }
}
.side-navigation-container.opened li {
  align-items: center;
}
.side-navigation-container.opened li .enable-icon {
  top: auto;
  right: auto;
  width: 24px;
  margin-left: 10px;
  position: relative;
}
.side-navigation-container .trigger-container {
  height: 65px;
  display: flex;
  padding: 0 20px;
  align-items: center;
  justify-content: flex-start;
}
.side-navigation-container .trigger-container .side-hamburger {
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: ease all 0.4s;
}
.side-navigation-container .trigger-container .side-hamburger:hover {
  background-color: var(--side-navigation-hover);
}
.side-navigation-container .trigger-container .side-hamburger img {
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .side-navigation-container .trigger-container .side-hamburger {
    display: none;
  }
}
.side-navigation-container .trigger-container .logo-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-navigation-container .trigger-container .logo-container img {
  height: 36px;
}
.side-navigation-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.side-navigation-container ul li {
  display: flex;
  cursor: pointer;
  padding: 18px 20px;
  position: relative;
  transition: ease all 0.4s;
}
.side-navigation-container ul li.active {
  background-color: var(--side-navigation-hover);
}
.side-navigation-container ul li.active p {
  color: var(--text-color);
}
.side-navigation-container ul li:hover {
  background-color: var(--side-navigation-hover);
}
.side-navigation-container ul li:hover p {
  color: #12141a;
}
.side-navigation-container ul li.common-tooltip.right:hover:after {
  left: 55px;
  bottom: 20px;
  right: inherit;
  font-size: 12px;
  border-radius: 4px;
  transform: translate(0);
  font-family: roboto-medium;
  background-color: #2e3f55;
  pointer-events: none;
}
.side-navigation-container ul li .enable-icon {
  top: 10px;
  right: 10px;
  width: 22px;
  position: absolute;
  transition: ease all 0.4s;
}
.side-navigation-container ul li p {
  flex: 1;
  margin: 0;
  font-size: 14px;
  margin-left: 8px;
  overflow: hidden;
  margin-right: 20px;
  white-space: nowrap;
  color: var(--text-light-80-color);
  font-family: roboto-medium;
}

.side-navigation-container {
  top: 0;
  left: 0;
  z-index: 2;
  z-index: 21;
  height: 100vh;
  position: fixed;
  background: var(--white-color);
  box-shadow: 0 4px 20px rgba(18, 20, 26, 0.4);
}

@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .side-navigation-container {
    display: none;
  }
}
.side-navigation-container.opened li {
  align-items: center;
}

.side-navigation-container.opened li .enable-icon {
  top: auto;
  right: auto;
  width: auto;
  margin-left: 10px;
  position: relative;
}

.side-navigation-container .trigger-container {
  height: 65px;
  display: flex;
  padding: 0 20px;
  align-items: center;
  justify-content: flex-start;
}

.side-navigation-container .trigger-container .side-hamburger {
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: ease all 0.4s;
}

.side-navigation-container .trigger-container .side-hamburger:hover {
  background-color: #edf0f4;
}

.side-navigation-container .trigger-container .side-hamburger img {
  width: 20px;
  height: 20px;
}

@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .side-navigation-container .trigger-container .side-hamburger {
    display: none;
  }
}
.side-navigation-container .trigger-container .logo-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.side-navigation-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.side-navigation-container ul.has-scroll {
  overflow-y: scroll;
  height: calc(100vh - 65px);
}

.side-navigation-container ul.has-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}

.side-navigation-container ul.has-scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

.side-navigation-container ul.has-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}

.side-navigation-container ul li {
  display: flex;
  cursor: pointer;
  padding: 18px 20px;
  position: relative;
  transition: ease all 0.4s;
}

.side-navigation-container ul li.active {
  background-color: #e5f6ff;
}

.side-navigation-container ul li.active p {
  color: var(--primary-color);
}

.side-navigation-container ul li:hover {
  background-color: #f4f6f8;
}

.side-navigation-container ul li:hover p {
  color: var(--primary-color);
}

.side-navigation-container ul li.common-tooltip.right:hover:after {
  bottom: 20px;
  left: 55px;
  right: inherit;
  transform: translate(0);
}

.side-navigation-container ul li .enable-icon {
  top: 10px;
  right: 10px;
  width: 22px;
  position: absolute;
  transition: ease all 0.4s;
}

.side-navigation-container ul li p {
  flex: 1;
  color: #353e45;
  font-size: 14px;
  margin: 0 20px 0 8px;
  overflow: hidden;
  white-space: nowrap;
  font-family: roboto-medium;
}

.side-navigation-parent {
  background-color: rgba(153, 220, 255, 0.3019607843);
}

.side-navigation-parent .side-navigation-mobile-wrapper {
  position: relative;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-mobile-container {
  padding: 8px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  border: solid 1px #bfe9ff;
  background-color: #f5fcff;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-mobile-container img {
  width: 16px;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-mobile-container p {
  flex: 1;
  color: var(--primary-color);
  font-size: 14px;
  margin: 0 0 0 8px;
  text-transform: initial;
  font-family: roboto-medium;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown {
  left: 0;
  top: 105%;
  margin: 0;
  padding: 0;
  z-index: 5;
  width: 100%;
  display: none;
  list-style: none;
  max-height: 350px;
  overflow-y: scroll;
  background-color: var(--white-color);
  box-shadow: 0 4px 4px rgba(112, 121, 130, 0.2509803922);
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown.active {
  display: block;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown li {
  display: flex;
  cursor: pointer;
  padding: 12px 8px;
  position: relative;
  transition: ease all 0.4s;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown li.active {
  background-color: #e5f6ff;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown li.active p {
  color: var(--primary-color);
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown li:hover {
  background-color: #f4f6f8;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown li:hover p {
  color: var(--primary-color);
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown li img {
  width: 16px;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown li img.enable-icon {
  width: 20px;
  height: 20px;
}

.side-navigation-parent .side-navigation-mobile-wrapper .side-navigation-dropdown li p {
  flex: 1;
  color: #414348;
  font-size: 14px;
  margin: 0 20px 0 8px;
  white-space: nowrap;
  text-transform: initial;
  font-family: roboto-medium;
}

.switch-checkbox-container {
  position: relative;
}
.switch-checkbox-container input[type=checkbox] {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
}
.switch-checkbox-container label {
  width: 36px;
  height: 20px;
  display: block;
  cursor: pointer;
  margin-bottom: 0;
  position: relative;
  background: var(--white-color);
  border-radius: 100px;
  text-indent: -9999px;
  transition: ease all 0.4s;
  border: 1px solid #cdd5df;
}
.switch-checkbox-container label:hover {
  background-color: #f4f6f8;
}
.switch-checkbox-container label:after {
  top: 1px;
  left: 2px;
  width: 16px;
  content: "";
  height: 16px;
  transition: 0.3s;
  position: absolute;
  border-radius: 90px;
  background: #cdd5df;
}
.switch-checkbox-container input:checked + label {
  background: #08a7a7;
  border: 1px solid #08a7a7;
}
.switch-checkbox-container input:checked + label:after {
  left: calc(100% - 2px);
  background-color: var(--white-color);
  transform: translateX(-100%);
}

.custom-alert-wrapper {
  top: 80px;
  left: 50%;
  z-index: 13;
  display: flex;
  position: fixed;
  flex-direction: column;
  transform: translateX(-50%);
}
.custom-alert-wrapper .alert-container {
  margin: auto;
}
.custom-alert-wrapper .alert-container {
  flex: 1;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 16px;
  align-items: right;
  box-shadow: 0 4px 8px 0 rgba(18, 20, 26, 0.2);
}
.custom-alert-wrapper .alert-container p {
  margin: 0 4px;
  line-height: 1;
  font-size: 14px;
  font-family: roboto-medium;
  align-self: center;
  max-width: 100%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .custom-alert-wrapper .alert-container p {
    font-size: 12px;
    padding: 0;
    margin: 0;
  }
}
.custom-alert-wrapper .alert-container.green {
  color: var(--white-color);
  background-color: #1d9a18;
  border: 1px solid #167412;
}
.custom-alert-wrapper .alert-container.blue {
  color: var(--white-color);
  background-color: rgba(179, 8, 153, 0.4235294118);
  border: 1px solid rgba(179, 8, 153, 0.4235294118);
}
.custom-alert-wrapper .alert-container.red {
  color: var(--white-color);
  background-color: #f81538;
  border: 1px solid #c6112d;
}
.custom-alert-wrapper .alert-container img {
  width: 16px;
}
.custom-alert-wrapper .alert-container img:first-child {
  margin-right: 8px;
}
.custom-alert-wrapper .alert-container img:last-child {
  margin-left: 8px;
}
.custom-alert-wrapper .alert-container .alert-close {
  width: 12px;
  cursor: pointer;
  opacity: 0.8;
}
.custom-alert-wrapper .alert-container .alert-close:hover {
  opacity: 1;
  transition: ease all 0.4s;
}

.bottom-alert-wrappers {
  position: fixed;
  bottom: 100px;
  left: 79px;
  z-index: 13;
  display: flex;
  flex-direction: row;
}

.bottom-alert-wrappers .alert-containers {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
  box-shadow: 0 4px 8px 0 rgba(18, 20, 26, 0.2);
}
.bottom-alert-wrappers .alert-containers p {
  margin: 0 4px;
  line-height: 1;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  align-self: center;
  max-width: 100%;
}
.bottom-alert-wrappers .alert-containers.left-bottom {
  background-color: #2E3F55;
  color: #fff;
}
.bottom-alert-wrappers .alert-containers img {
  width: 16px;
}
.bottom-alert-wrappers .alert-containers img:first-child {
  margin-right: 8px;
}
.bottom-alert-wrappers .alert-containers img:last-child {
  margin-left: 8px;
}
.bottom-alert-wrappers .alert-containers .alert-close {
  width: 12px;
  cursor: pointer;
  opacity: 0.8;
}
.bottom-alert-wrappers .alert-containers .alert-close:hover {
  opacity: 1;
  transition: ease all 0.4s;
}

.mid-alert-wrappers {
  position: fixed;
  bottom: 170px;
  left: 680px;
  z-index: 13;
  display: flex;
  flex-direction: row;
}

.mid-alert-wrappers .alert-containers {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
  box-shadow: 0 4px 8px 0 rgba(18, 20, 26, 0.2);
}
.mid-alert-wrappers .alert-containers p {
  margin: 0 4px;
  line-height: 1;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  align-self: center;
  max-width: 100%;
}
.mid-alert-wrappers .alert-containers.left-bottom {
  background-color: #EDF0F4;
  color: #4C698D;
}
.mid-alert-wrappers .alert-containers img {
  width: 16px;
}
.mid-alert-wrappers .alert-containers img:first-child {
  margin-right: 8px;
}
.mid-alert-wrappers .alert-containers img:last-child {
  margin-left: 8px;
}
.mid-alert-wrappers .alert-containers .alert-close {
  width: 12px;
  cursor: pointer;
  opacity: 0.8;
}
.mid-alert-wrappers .alert-containers .alert-close:hover {
  opacity: 1;
  transition: ease all 0.4s;
}

.toggle-container {
  width: max-content;
  font-size: 14px;
  border-radius: 60px;
  margin: 4px 0 18px 0;
  color: var(--text-light-80-color);
  border: 1px solid #cdd5df;
  font-family: roboto-medium;
}
.toggle-container .active {
  border-radius: 54px;
  color: var(--white-color) !important;
  background-color: #08a7a7;
}
.toggle-container .active:hover:not(:active) {
  background-color: #08a7a7;
}
.toggle-container .toggle-buttons {
  line-height: 1;
  cursor: pointer;
  padding: 9px 12px;
  border-radius: 54px;
  display: inline-block;
  color: var(--text-light-80-color);
  transition: ease all 0.4s;
}
.toggle-container .toggle-buttons:hover:not(.active) {
  color: #08a7a7;
  background-color: #e6f6f6;
}

.horizontal-tab-container {
  flex: 1;
  margin-top: 12px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .horizontal-tab-container {
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .horizontal-tab-container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.horizontal-tab-container.dark ul li {
  color: rgba(2, 14, 22, 0.7);
}
.horizontal-tab-container.dark ul li:hover {
  color: #020e16;
}
.horizontal-tab-container.dark ul li:hover:after {
  background-color: rgba(8, 167, 167, 0.5);
}
.horizontal-tab-container.dark ul li.active {
  color: #020e16;
}
.horizontal-tab-container.child ul li {
  padding: 8px;
  font-size: 12px;
}
.horizontal-tab-container ul {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #b7c3d1;
}
.horizontal-tab-container ul li {
  padding: 12px;
  font-size: 16px;
  cursor: pointer;
  list-style: none;
  position: relative;
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  transition: ease all 0.4s;
  font-family: roboto-medium;
}
.horizontal-tab-container ul li:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 5px;
  position: absolute;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.horizontal-tab-container ul li:hover {
  color: var(--white-color);
}
.horizontal-tab-container ul li:hover:after {
  background-color: rgba(8, 167, 167, 0.7);
}
.horizontal-tab-container ul li.active {
  color: var(--white-color);
}
.horizontal-tab-container ul li.active:after {
  background-color: #08a7a7;
}

.new-horizontal-tab-container {
  flex: 1;
  margin-top: 32px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-horizontal-tab-container {
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .new-horizontal-tab-container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.new-horizontal-tab-container ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.new-horizontal-tab-container ul li {
  font-size: 16px;
  cursor: pointer;
  list-style: none;
  padding: 12px 16px;
  border-radius: 8px;
  margin-right: 12px;
  line-height: normal;
  display: flex;
  color: rgba(255, 255, 255, 0.9);
  transition: ease all 0.4s;
  font-family: roboto-medium;
  background-color: rgba(255, 255, 255, 0.1);
}
.new-horizontal-tab-container ul li:last-child {
  margin-right: 0;
}
.new-horizontal-tab-container ul li:hover {
  color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 0 16px 0 rgba(3, 24, 59, 0.24);
}
.new-horizontal-tab-container ul li.active {
  color: var(--white-color);
  background-color: #08a7a7;
  box-shadow: 0 0 16px 0 rgba(3, 24, 59, 0.24);
}

.calendar-input-container {
  margin: 0 8px;
  line-height: 1;
  cursor: pointer;
  padding: 11px 11px;
  position: relative;
  border-radius: 30px;
  display: inline-block;
  transition: ease all 0.4s;
  font-family: roboto-regular;
  background-color: var(--light-background);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .calendar-input-container {
    display: none;
  }
}
.calendar-input-container.no-opacity {
  background-color: var(--light-background);
}
.calendar-input-container:hover {
  background-color: var(--light-background);
}
.calendar-input-container:hover .icon {
  opacity: 1;
}
.calendar-input-container .calendar-value {
  color: #707275;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.calendar-input-container .calendar-value span {
  color: var(--text-color);
  min-width: 61px;
  display: inline-block;
  margin-right: 10px;
}
.calendar-input-container .icon {
  opacity: 0.7;
  height: 16px;
  vertical-align: top;
  display: inline-block;
  transition: ease all 0.4s;
}
.calendar-input-container .calendar-input {
  width: 0;
  height: 0;
  bottom: 0;
  visibility: hidden;
  position: absolute;
}

.map-label-container {
  display: flex;
}
.map-label-container ul {
  flex: 1;
  margin: 0;
  padding: 0;
  z-index: 1;
  display: flex;
  list-style: none;
  justify-content: flex-end;
}
.map-label-container ul li {
  display: flex;
  margin-left: 12px;
}
.map-label-container ul li span {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid var(--white-color);
}
.map-label-container ul li span.low {
  background-color: #24c11e;
}
.map-label-container ul li span.medium {
  background-color: #ffc500;
}
.map-label-container ul li span.high {
  background-color: #ff5626;
}
.map-label-container ul li p {
  margin: 0;
  color: #020e16;
  font-size: 12px;
  display: inline-block;
  font-family: roboto-medium;
}

.card-wrapper {
  padding: 24px;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 16px;
  background-color: var(--white-color);
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .card-wrapper {
    padding: 16px;
  }
}
.card-wrapper.inner-spacing {
  padding: 0 !important;
}
.card-wrapper.inner-spacing .card-container {
  padding: 24px;
}
.card-wrapper .card-container {
  border-top: 2px solid #e8e8e9;
}
.card-wrapper .card-container:first-child {
  border: none !important;
}
.card-wrapper .card-container .card-header-text {
  margin: 0px;
}
.card-wrapper .card-container .card-header-text h6 {
  color: #12141a;
  font-size: 16px;
  margin-bottom: 0px;
  font-family: roboto-medium;
}
.card-wrapper .card-container .card-header-container {
  display: flex;
  align-items: center;
  margin: 24px 0 16px;
  justify-content: space-between;
}
.card-wrapper .card-container:first-child .card-header-container {
  margin-top: 0;
}

.new-horizontal-tab-container {
  flex: 1;
  margin-top: 32px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-horizontal-tab-container {
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .new-horizontal-tab-container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.new-horizontal-tab-container ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.new-horizontal-tab-container ul li {
  font-size: 16px;
  cursor: pointer;
  list-style: none;
  padding: 12px 16px;
  border-radius: 8px;
  margin-right: 12px;
  line-height: normal;
  display: flex;
  color: rgba(255, 255, 255, 0.9);
  transition: ease all 0.4s;
  font-family: roboto-medium;
  background-color: rgba(255, 255, 255, 0.1);
}
.new-horizontal-tab-container ul li:last-child {
  margin-right: 0;
}
.new-horizontal-tab-container ul li:hover {
  color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 0 16px 0 rgba(3, 24, 59, 0.24);
}
.new-horizontal-tab-container ul li.active {
  color: var(--white-color);
  background-color: #08a7a7;
  box-shadow: 0 0 16px 0 rgba(3, 24, 59, 0.24);
}

.tabs-container {
  flex: 1;
  margin-top: 32px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tabs-container {
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .tabs-container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.tabs-container ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.tabs-container ul li {
  font-size: 16px;
  cursor: pointer;
  list-style: none;
  padding: 12px 16px;
  border-radius: 8px;
  margin-right: 12px;
  line-height: normal;
  display: flex;
  color: rgba(255, 255, 255, 0.9);
  transition: ease all 0.4s;
  font-family: roboto-medium;
  background-color: rgba(116, 149, 190, 0.8);
}
.tabs-container ul li:last-child {
  margin-right: 0;
}
.tabs-container ul li:hover {
  color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 0 16px 0 rgba(3, 24, 59, 0.24);
}
.tabs-container ul li.active {
  color: var(--white-color);
  background-color: #08a7a7;
  box-shadow: 0 0 16px 0 rgba(3, 24, 59, 0.24);
}

.span-container {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.span-container span {
  padding: 0 10px;
}

:root {
  --text-color: #020e16;
  --white-color: #ffffff;
  --brand-color: #cd2d2f;
  --row-hover: #e6f6f6;
  --form-hover: #f4f6f8;
  --line-color: #edf0f4;
  --form-border: #cdd5df;
  --form-active: #f3fbfb;
  --form-default: #fbfcfc;
  --header-hover: #e6f6f6;
  --table-header: #7495be;
  --primary-color: #020E16;
  --dropdown-hover: #f0f0f0;
  --body-background: #f4f6f8;
  --light-background: #ffffff;
  --table-header-text: #ffffff;
  --page-header-color: #13316e;
  --input-placeholder: #9A9FA2;
  --dropdown-background: #ffffff;
  --text-light-80-color: #353E45;
  --text-light-60-color: #676e73;
  --side-navigation-hover: #e6f6f6;
  scrollbar-gutter: stable;
}

body.dark-theme {
  --text-color: #ffffff;
  --white-color: #ffffff;
  --row-hover: #25282d;
  --form-hover: #25272a;
  --line-color: #383a3c;
  --form-border: #2e3033;
  --form-active: #25272a;
  --form-default: #1d1f22;
  --header-hover: rgba(8, 167, 167, 0.2);
  --table-header: #36373a;
  --primary-color: #020E16;
  --dropdown-hover: #414345;
  --body-background: #121417;
  --light-background: #1e2023;
  --page-header-color: rgba(19, 49, 110, 0.3);
  --input-placeholder: #5e5f61;
  --table-header-text: #d0d0d1;
  --dropdown-background: #2a2b2e;
  --text-light-80-color: #D0D0D1;
  --text-light-60-color: #848586;
  --side-navigation-hover: #008def;
}

.my-input-group {
  text-align: left;
  position: relative;
  font-family: roboto-medium;
}
.my-input-group .right-link {
  float: right;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  color: #008def !important;
  font-family: roboto-bold;
}
.my-input-group label {
  display: block;
  line-height: 1;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
}
.my-input-group label.light {
  margin-bottom: 2px;
  color: rgba(32, 59, 78, 0.6);
}
.my-input-group .error-message {
  color: #f81538;
  line-height: 1;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-family: roboto-regular;
}
.my-input-group .error-message a {
  color: #cd2d2f;
  text-decoration: underline !important;
}
.my-input-group .simple-message {
  display: block;
  color: #717276;
  font-size: 12px;
  margin-top: -2px;
  font-family: roboto-medium;
}
.my-input-group .simple-message.blue {
  color: #08a7a7;
}
.my-input-group .default-message {
  font-size: 12px;
  color: #676e73;
  line-height: 1.17;
  font-style: normal;
  font-family: roboto-regular;
}
.my-input-group .success-message {
  display: flex;
  font-size: 12px;
  align-items: center;
  color: #1d9a18;
  line-height: 1.17;
  font-style: normal;
  font-family: roboto-regular;
}
.my-input-group .success-message img {
  margin-right: 4px;
}
.my-input-group .text-message {
  display: block;
  color: #676E73;
  font-size: 12px;
  margin-top: -2px;
  font-family: roboto-regular;
}
.my-input-group .text-message.blue {
  color: #00a7ff;
}
.my-input-group .info-message {
  color: #9A9FA2;
  margin-top: 8px;
  font-size: 12px;
  font-family: roboto-regular;
}
.my-input-group .input-value {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  font-family: roboto-medium;
  color: rgba(var(--text-color), 0.8);
}
.my-input-group .input-value .light {
  margin: 0 4px;
  display: inline-block;
  color: rgba(32, 59, 78, 0.4);
}
.my-input-group .input-value.normal {
  font-weight: 100;
  font-family: roboto-regular;
}
.my-input-group .input-value.dark {
  color: rgba(var(--text-color), 1);
}
.my-input-group.inline {
  margin-right: 14px;
  display: inline-block;
}
.my-input-group.big input {
  padding: 14px 12px;
}
.my-input-group.width75 {
  width: 75px;
}
.my-input-group.width105 {
  width: 105px;
}
.my-input-group .calendar-wrapper {
  position: relative;
}
.my-input-group .calendar-wrapper.inline {
  display: inline-block;
}
.my-input-group .calendar-wrapper.small .calendar-icon {
  right: 15px;
}
.my-input-group .calendar-wrapper .close-icon {
  top: 11px;
  right: 38px;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  cursor: pointer;
  position: absolute;
  transition: ease all 0.4s;
}
.my-input-group .calendar-wrapper .close-icon:hover {
  opacity: 1;
}
.my-input-group .calendar-wrapper .calendar-icon {
  top: 9px;
  right: 12px;
  width: 20px;
  bottom: 20px;
  height: 20px;
  opacity: 0.6;
  cursor: pointer;
  position: absolute;
  transition: ease all 0.4s;
}
.my-input-group.search-input {
  line-height: 1;
}
.my-input-group.search-input input {
  width: 220px;
  padding-right: 70px;
}
.my-input-group .icon-container {
  right: 15px;
  bottom: 17px;
  display: flex;
  cursor: pointer;
  position: absolute;
}
.my-input-group .icon-container .icon {
  opacity: 0.5;
  margin: 0 5px;
  position: relative;
  transition: ease all 0.4s;
}
.my-input-group .icon-container .icon.active {
  opacity: 1;
}
.my-input-group.disabled-group label {
  color: #CCCFD0;
}
.my-input-group.disabled-group img {
  opacity: 0.2;
  cursor: unset;
}
.my-input-group small {
  margin: 0;
  font-size: 11px;
  color: rgba(32, 59, 78, 0.3);
  font-family: roboto-light;
}
.my-input-group.small input {
  font-size: 12px;
  padding: 8px 6px;
  margin-bottom: 0;
}
.my-input-group.small .calendar-wrapper .calendar-icon {
  top: 6px;
  right: 6px;
}

input[type=text],
input[type=password],
input[type=number],
select,
textarea {
  width: 100%;
  outline: none;
  line-height: 1;
  font-size: 14px;
  position: relative;
  margin-bottom: 6px;
  border-radius: 4px;
  padding: 10px 12px;
  color: var(--text-color);
  transition: ease all 0.2s;
  font-family: roboto-medium;
  border: solid 1px var(--form-border);
  background-color: var(--form-default);
}
input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:hover,
input[type=password]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:active,
input[type=number]:-webkit-autofill,
input[type=number]:-webkit-autofill:hover,
input[type=number]:-webkit-autofill:focus,
input[type=number]:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  background-color: #fdfdfd;
  -webkit-background-clip: text;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  outline: none;
  background-color: var(--form-hover);
  border: 1px solid var(--form-border);
}
input[type=text]:hover:not(:focus):not(:disabled),
input[type=password]:hover:not(:focus):not(:disabled),
input[type=number]:hover:not(:focus):not(:disabled),
select:hover:not(:focus):not(:disabled),
textarea:hover:not(:focus):not(:disabled) {
  border: solid 1px var(--form-border);
  background-color: var(--form-hover);
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
select:disabled,
textarea:disabled {
  color: #676E73 !important;
  border: solid 1px var(--form-border) !important;
  background-color: var(--form-hover) !important;
}
input[type=text]:disabled::placeholder,
input[type=password]:disabled::placeholder,
input[type=number]:disabled::placeholder,
select:disabled::placeholder,
textarea:disabled::placeholder {
  color: #CCCFD0 !important;
}
input[type=text]:not(:placeholder-shown),
input[type=password]:not(:placeholder-shown),
input[type=number]:not(:placeholder-shown),
select:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
  background-color: var(--form-active);
  border: solid 1px var(--form-border);
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--input-placeholder);
}
input[type=text].has-error,
input[type=password].has-error,
input[type=number].has-error,
select.has-error,
textarea.has-error {
  border: solid 1px #f81538;
  background-color: var(--form-active);
}
input[type=text].has-error:hover,
input[type=password].has-error:hover,
input[type=number].has-error:hover,
select.has-error:hover,
textarea.has-error:hover {
  border: solid 1px #f81538 !important;
  background-color: #f3fbfb !important;
}

textarea {
  width: 100%;
  padding: 12px;
  outline: none;
  font-weight: 500;
  line-height: 1.64;
  position: relative;
  margin-bottom: 6px;
  border-radius: 4px;
  color: var(--text-color);
  font-size: 14px !important;
  font-family: roboto-medium;
  border: solid 1px var(--form-border);
}
textarea:focus {
  outline: none;
}
textarea:disabled {
  color: #676E73 !important;
  background-color: #f4f6f8 !important;
  border: solid 1px var(--form-border) !important;
}

select {
  color: var(--text-color);
  font-size: 14px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: solid 1px #b7c3d1;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-family: roboto-medium;
  background: #f4f6f8 url('select-drop-dark.svg') no-repeat;
  background-position: calc(100% - 10px), calc(100% - 20px), 100% 0;
}
select.small {
  width: 50px;
  padding: 8px;
  line-height: 1 !important;
  font-size: 14px !important;
}

input[type=button],
input[type=submit],
input[type=reset],
button {
  border: none;
  color: var(--white-color);
  outline: none;
  padding: 16px 0;
  font-size: 16px;
  cursor: pointer;
  line-height: 1.44;
  font-weight: bold;
  border-radius: 2px;
  text-transform: uppercase;
  background-color: #cd2d2f;
  font-family: roboto-bold;
}
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus,
button:focus {
  outline: none;
}
input[type=button].full-width,
input[type=submit].full-width,
input[type=reset].full-width,
button.full-width {
  width: 100%;
}
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
button:disabled {
  background-color: rgba(205, 45, 47, 0.4);
}

.ng-select.multiple .ng-select-container {
  padding: 5px 12px;
  justify-content: flex-start;
}
.ng-select.multiple .ng-select-container .ng-value-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ng-select.multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding: 6px 0 !important;
}
.ng-select.multiple .ng-select-container .ng-value-container .ng-value {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-right: 2px;
  border-radius: 2px;
  background-color: #ceeded;
  transition: ease all 0.4s;
  padding: 3px 6px !important;
}
.ng-select.multiple .ng-select-container .ng-value-container .ng-value:hover {
  background-color: #d5e8f2;
}
.ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  order: 1;
  flex-grow: 1;
}
.ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  order: 2;
  margin-left: 8px;
  opacity: 0.8;
  vertical-align: middle;
}
.ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  opacity: 1;
}
.ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: none;
}
.ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: none;
}
.ng-select.multiple .ng-select-container .ng-value-container input {
  padding: 0 !important;
  margin: 0 !important;
}
.ng-select.multiple .ng-value-icon {
  font-size: 15px;
}
.ng-select.multiple .ng-value-label {
  font-size: 14px;
}
.ng-select.small .ng-select-container {
  padding: 4px;
  min-height: auto;
}
.ng-select.small .ng-select-container .ng-value-container {
  flex: 0.95;
}
.ng-select.small .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 12px;
  padding: 5px 6px 4px !important;
}
.ng-select.small .ng-select-container .ng-value-container .ng-value {
  padding: 4px 3px !important;
}
.ng-select.small .ng-select-container .ng-value-container .ng-input input {
  font-size: 13px;
}
.ng-select.small .ng-select-container .ng-arrow-wrapper {
  width: 14px;
  height: 14px;
  margin: 2px 0 0 0;
}
.ng-select.small .ng-select-container .ng-arrow-wrapper::before {
  width: 14px;
  height: 14px;
  transform: rotate(0deg);
  content: url('dropdown-dark.svg');
}
.ng-select.small:not(.multiple) .ng-value {
  font-size: 13px;
}
.ng-select.small:not(.multiple) .ng-input input {
  width: 80% !important;
  padding: 7px 6px !important;
}
.ng-select.new-small .ng-select-container {
  padding: 8px;
  min-height: 32px;
  margin-bottom: 0;
}
.ng-select.new-small .ng-select-container .ng-value-label,
.ng-select.new-small .ng-select-container .ng-placeholder {
  font-size: 12px;
}
.ng-select.new-small .ng-select-container .ng-input input {
  width: 70%;
  padding: 11px 8px 8px !important;
}
.ng-select.is-invalid .ng-select-container {
  border-color: #dc3545 !important;
}
.ng-select .ng-arrow-wrapper {
  padding: 0;
  width: 16px;
  height: 16px;
}
.ng-select .ng-arrow-wrapper:before {
  width: 8px;
  height: 8px;
  display: inline-block;
  content: url('select-drop-icon.svg');
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  display: none !important;
}
.ng-select.ng-select-opened .ng-select-container {
  outline: none;
  border: 1px solid #afbbcb !important;
  background-color: var(--form-hover) !important;
}
.ng-select.ng-select-disabled .ng-select-container {
  background-color: var(--form-hover) !important;
  border: solid 1px var(--form-active) !important;
}
.ng-select.ng-select-disabled .ng-select-container:hover {
  background-color: var(--form-hover) !important;
  border: solid 1px var(--form-active) !important;
}
.ng-select.ng-select-disabled .ng-select-container .ng-value {
  color: #676E73 !important;
}
.ng-select.ng-select-disabled input {
  border: none !important;
  background: transparent !important;
}
.ng-select .ng-select-container {
  outline: none;
  line-height: 1;
  padding: 10px 12px;
  margin-bottom: 6px;
  height: 40px !important;
  transition: ease all 0.4s;
  box-shadow: none !important;
  border-radius: 4px !important;
  background-color: var(--form-default);
  border: solid 1px var(--form-border) !important;
}
.ng-select .ng-select-container:hover {
  background-color: var(--form-hover);
  border: solid 1px var(--form-border) !important;
}
.ng-select .ng-select-container:focus {
  outline: none;
  border: solid 1px var(--form-border);
  background-color: var(--form-hover);
}
.ng-select .ng-select-container:disabled {
  color: #676E73;
  border: solid 1px var(--form-border);
  background-color: var(--form-hover);
}
.ng-select .ng-select-container.ng-has-value {
  background-color: var(--form-active);
  border: solid 1px var(--form-border) !important;
}
.ng-select .ng-select-container .ng-value-container {
  padding: 0 !important;
}
.ng-select .ng-select-container .ng-value-container .ng-input {
  top: 0 !important;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--input-placeholder);
}
.ng-select .ng-select-container .ng-value-container .ng-value {
  color: var(--text-color);
}
.ng-select .ng-select-container .ng-value-container .ng-value .name-initial {
  width: 16px;
  height: 16px;
  color: var(--white-color);
  font-size: 12px;
  padding: 1px 4px;
  margin-right: 4px;
  border-radius: 100%;
}
.ng-select .ng-select-container .ng-value,
.ng-select .ng-select-container .ng-placeholder {
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  top: 0 !important;
  padding: 0 !important;
  font-family: roboto-medium;
  position: relative !important;
}
.ng-select .ng-select-container .ng-input {
  padding: 0 !important;
}
.ng-select .ng-select-container input {
  width: auto;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-color);
  font-family: roboto-medium;
  padding: 10px 12px !important;
}
.ng-select .ng-select-container .ng-option-label {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.64;
  font-family: roboto-medium;
}
.ng-select .ng-select-container .ng-value-container {
  padding: 0;
}
.ng-select.no-margin .ng-select-container {
  margin-bottom: 0;
}

.ng-dropdown-circle {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-right: 4px;
  border-radius: 20px;
  display: inline-block;
  background-color: #00ceff;
}

.ng-dropdown-panel {
  background-color: var(--dropdown-background);
}

.ng-dropdown-panel-items .ng-option {
  font-size: 12px;
  padding: 8px 7px !important;
  font-family: roboto-medium;
  color: var(--text-color) !important;
  background-color: var(--dropdown-background) !important;
}
.ng-dropdown-panel-items .ng-option:hover {
  background-color: var(--dropdown-hover) !important;
}
.ng-dropdown-panel-items .ng-option .add-po-text {
  color: #008def;
}

.primary-cta {
  outline: none;
  color: var(--white-color);
  line-height: 1;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: normal;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: #008def;
  font-family: trim-web-medium;
}
.primary-cta:focus {
  outline: none;
}
.primary-cta:hover {
  background-color: #0070ce;
}
.primary-cta:active {
  background-color: #0070ce;
}
.primary-cta img {
  width: 16px;
  margin-right: 8px;
  vertical-align: top;
}
.primary-cta.big {
  font-size: 16px;
  padding: 12px 20px;
}
.primary-cta.small {
  font-size: 12px;
  padding: 10px 12px;
}
.primary-cta.small img {
  width: 12px;
  margin-right: 4px;
  vertical-align: top;
}
.primary-cta.x-small-new {
  font-size: 12px;
  padding: 5px 8px;
}
.primary-cta.x-small-new img {
  width: 12px;
  margin-right: 4px;
  vertical-align: top;
}
.primary-cta.x-small {
  font-size: 10px;
  padding: 4px 8px;
  margin-right: 4px;
}
.primary-cta.x-small:last-child {
  margin-right: 0;
}
.primary-cta.x-small img {
  width: 12px;
  vertical-align: bottom;
}
.primary-cta:disabled {
  color: #cdd5df;
  border-radius: 4px;
  background-color: #f4f6f8;
}

.primary-cta-custom {
  outline: none;
  color: var(--white-color);
  line-height: 1;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: normal;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: #008def;
  font-family: trim-web-medium;
}
.primary-cta-custom:focus {
  outline: none;
}
.primary-cta-custom:hover {
  background-color: #0070ce;
}
.primary-cta-custom:active {
  background-color: #0070ce;
}
.primary-cta-custom img {
  width: 16px;
  margin-right: 8px;
  vertical-align: top;
}
.primary-cta-custom.big {
  font-size: 16px;
  padding: 12px 20px;
}
.primary-cta-custom.small {
  font-size: 12px;
  padding: 7px 12px;
}
.primary-cta-custom.small img {
  width: 12px;
  margin-right: 4px;
  vertical-align: top;
}
.primary-cta-custom.x-small-new {
  font-size: 12px;
  padding: 5px 8px;
}
.primary-cta-custom.x-small-new img {
  width: 12px;
  margin-right: 4px;
  vertical-align: top;
}
.primary-cta-custom.x-small {
  font-size: 10px;
  padding: 4px 8px;
  margin-right: 4px;
}
.primary-cta-custom.x-small:last-child {
  margin-right: 0;
}
.primary-cta-custom.x-small img {
  width: 12px;
  vertical-align: bottom;
}
.primary-cta-custom:disabled {
  color: #cdd5df;
  border-radius: 4px;
  background-color: #f4f6f8;
}

.secondary-cta {
  outline: none;
  color: #008def;
  line-height: 1;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: normal;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: #e5f4fd;
  font-family: trim-web-medium;
}
.secondary-cta:focus {
  outline: none;
}
.secondary-cta:hover {
  color: #0070ce;
  background-color: #d3e5ef;
}
.secondary-cta:active {
  color: #0070ce;
  background-color: #d3e5ef;
}
.secondary-cta img {
  width: 16px;
  margin-right: 8px;
  vertical-align: top;
}
.secondary-cta.big {
  font-size: 16px;
  padding: 12px 20px;
}
.secondary-cta.small {
  margin-bottom: 10px;
  font-size: 12px;
  padding: 10px 12px;
}
.secondary-cta.small img {
  width: 12px;
  margin-right: 4px;
  vertical-align: top;
}
.secondary-cta.x-small-new {
  font-size: 12px;
  margin-top: 8px;
  padding: 5px 8px;
}
.secondary-cta.x-small-new img {
  width: 12px;
  margin-right: 4px;
  vertical-align: top;
}
.secondary-cta.x-small {
  font-size: 10px;
  margin-right: 4px;
  padding: 7px 8px;
  border: 1px solid #e5f4fd;
}
.secondary-cta.x-small:last-child {
  margin-right: 0;
}
.secondary-cta.green {
  border: none;
  color: #56bc52;
  background-color: #e4f8e4;
}
.secondary-cta.green.no-cursor {
  cursor: inherit;
}
.secondary-cta.link {
  border: none;
  outline: none;
  background-color: transparent;
}
.secondary-cta.link:hover {
  color: #0070ce;
}
.secondary-cta.to-primary:hover {
  color: var(--white-color);
  background-color: #0070ce;
}
.secondary-cta:disabled {
  color: #cdd5df;
  border-radius: 4px;
  background-color: #f4f6f8;
}

.secondary-cta-custom {
  outline: none;
  color: #008def;
  line-height: 1;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: normal;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: #e5f4fd;
  font-family: trim-web-medium;
}
.secondary-cta-custom:focus {
  outline: none;
}
.secondary-cta-custom:hover {
  color: #0070ce;
  background-color: #d3e5ef;
}
.secondary-cta-custom:active {
  color: #0070ce;
  background-color: #d3e5ef;
}
.secondary-cta-custom img {
  width: 16px;
  margin-right: 8px;
  vertical-align: top;
}
.secondary-cta-custom.big {
  font-size: 16px;
  padding: 12px 20px;
}
.secondary-cta-custom.small {
  margin-bottom: 10px;
  font-size: 12px;
  padding: 7px 12px;
}
.secondary-cta-custom.small img {
  width: 12px;
  margin-right: 4px;
  vertical-align: top;
}
.secondary-cta-custom.x-small-new {
  font-size: 12px;
  margin-top: 8px;
  padding: 5px 8px;
}
.secondary-cta-custom.x-small-new img {
  width: 12px;
  margin-right: 4px;
  vertical-align: top;
}
.secondary-cta-custom.x-small {
  font-size: 10px;
  margin-right: 4px;
  padding: 7px 8px;
  border: 1px solid #e5f4fd;
}
.secondary-cta-custom.x-small:last-child {
  margin-right: 0;
}
.secondary-cta-custom.green {
  border: none;
  color: #56bc52;
  background-color: #e4f8e4;
}
.secondary-cta-custom.green.no-cursor {
  cursor: inherit;
}
.secondary-cta-custom.link {
  border: none;
  outline: none;
  background-color: transparent;
}
.secondary-cta-custom.link:hover {
  color: #0070ce;
}
.secondary-cta-custom.to-primary:hover {
  color: var(--white-color);
  background-color: #0070ce;
}
.secondary-cta-custom:disabled {
  color: #cdd5df;
  border-radius: 4px;
  background-color: #f4f6f8;
}

.tertiary-cta {
  outline: none;
  color: #008def;
  line-height: 1;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: normal;
  transition: ease all 0.4s;
  font-family: trim-web-medium;
  background-color: transparent;
}
.tertiary-cta:focus {
  outline: none;
}
.tertiary-cta:hover {
  color: #0070ce;
}
.tertiary-cta:active {
  color: #0070ce;
}
.tertiary-cta.small {
  font-size: 12px;
  padding: 10px 12px;
}
.tertiary-cta.small img {
  margin-right: 4px;
  vertical-align: sub;
}
.tertiary-cta:disabled {
  color: #cdd5df;
  border: solid 1px rgb(189, 210, 226);
}
.tertiary-cta .icon {
  color: #cd2d2f;
  padding: 3px 7px;
  font-style: 12px;
  margin-right: 6px;
  border-radius: 100%;
  display: inline-block;
  background-color: #fae9e9;
}
.tertiary-cta .icon img {
  width: 10px;
}

.category-cta {
  outline: none;
  line-height: 1;
  color: #8397af;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 4px;
  font-family: trim-web-medium;
  transition: ease all 0.4s;
  background-color: #f4f6f8;
}
.category-cta:focus {
  outline: none;
}
.category-cta:hover {
  background-color: #ecf0f3;
}
.category-cta:hover img {
  opacity: 1;
}
.category-cta:active {
  background-color: #e6eaef;
}
.category-cta.small {
  font-size: 12px;
  padding: 9px 12px;
}
.category-cta.small > span {
  display: none;
}
.category-cta:disabled {
  color: #95a3a9;
  border: solid 1px rgb(189, 210, 226);
  background-color: #f4f6f8;
}
.category-cta img {
  width: 14px;
  opacity: 0.7;
  vertical-align: bottom;
}
.category-cta > span {
  margin-left: 10px;
}

.styled-checkbox-container {
  position: relative;
}
.styled-checkbox-container.inline {
  display: inline-block;
}
.styled-checkbox-container .styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox-container .styled-checkbox + label {
  margin: 0;
  padding: 0;
  line-height: 1;
  color: var(--text-light-80-color);
  cursor: pointer;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
  font-family: roboto-medium;
}
.styled-checkbox-container .styled-checkbox + label.for-filter {
  color: #203b4e;
  font-size: 14px;
  font-family: roboto-medium;
}
.styled-checkbox-container .styled-checkbox + label.for-filter:before {
  margin-top: -2px;
}
.styled-checkbox-container .styled-checkbox + label:before {
  content: "";
  width: 18px;
  height: 18px;
  margin-top: -2px;
  margin-right: 8px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  transition: ease all 0.4s;
  border: solid 1px #cdd5df;
  background-color: #fbfcfc;
}
.styled-checkbox-container .styled-checkbox:hover + label:before {
  border: solid 1px #cdd5df;
  background-color: #edf0f4;
}
.styled-checkbox-container .styled-checkbox:hover + label:after {
  top: 20%;
  left: 4px;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-size: 10px 10px;
  background-image: url('light-hover-tick.svg');
}
.styled-checkbox-container .styled-checkbox:checked + label {
  color: var(--text-color);
}
.styled-checkbox-container .styled-checkbox:checked + label:before {
  border: solid 1px #08a7a7;
  background-color: #08a7a7;
}
.styled-checkbox-container .styled-checkbox:checked + label:after {
  left: 4px;
  top: 20%;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-size: 10px 10px;
  background-image: url('white-tick.svg');
}
.styled-checkbox-container .styled-checkbox:checked + label {
  color: var(--text-color);
}

.circle-checkbox {
  opacity: 0;
  position: absolute;
}
.circle-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 12px;
  line-height: 1.92;
  color: rgba(32, 59, 78, 0.4);
  font-family: roboto-regular;
}
.circle-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  margin-top: -4px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 2px;
  border: solid 0.5px #87a5bc;
}
.circle-checkbox:checked + .gender {
  background-color: #1dbc7d;
}

.gender {
  margin: 0;
  padding: 10px 13px;
  border-radius: 100%;
  display: inline-block;
  background-color: var(--white-color);
  border: solid 1px #bdd2e2;
}
.gender + label {
  margin-left: 10px;
  display: inline-block;
}
.gender img {
  width: 17px;
}

.styled-radio-container {
  padding-right: 10px;
  display: inline-block;
  transition: ease all 0.4s;
}
.styled-radio-container .styled-radio {
  position: absolute;
  opacity: 0;
}
.styled-radio-container .styled-radio + label {
  padding: 0;
  line-height: 1;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  font-family: roboto-medium;
  color: rgba(var(--text-color), 0.7);
}
.styled-radio-container .styled-radio + label:before {
  content: "";
  width: 22px;
  height: 22px;
  margin-top: -2px;
  margin-right: 8px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #fdfdfd;
  border: solid 1px #d7dde5;
}
.styled-radio-container .styled-radio:hover + label:before {
  background: #f8f9fb;
}
.styled-radio-container .styled-radio:hover + label:after {
  top: 5px;
  left: 6px;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-size: 10px 10px;
  background-image: url('light-hover-tick.svg');
}
.styled-radio-container .styled-radio:checked + label:before {
  background: #08a7a7;
  border: solid 1px #08a7a7;
}
.styled-radio-container .styled-radio:checked + label {
  color: var(--text-color);
}
.styled-radio-container .styled-radio:checked + label:after {
  top: 5px;
  left: 6px;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-size: 10px 9px;
  background-image: url('white-tick.svg');
}

ngb-datepicker {
  border-radius: 3px !important;
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
}
ngb-datepicker .ngb-dp-header {
  padding: 15px 0 10px !important;
  background-color: var(--white-color) !important;
}
ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-navigation-chevron {
  border: none;
  margin-left: 0;
  transform: none;
  position: relative;
}
ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-navigation-chevron:before {
  top: 0;
  left: 0;
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-size: 16px;
  transform: rotate(-90deg);
  background-image: url('cta-up-arrow-grey.svg');
}
ngb-datepicker .ngb-dp-header .ngb-dp-arrow.right .ngb-dp-navigation-chevron {
  border: none;
  position: relative;
}
ngb-datepicker .ngb-dp-header .ngb-dp-arrow.right .ngb-dp-navigation-chevron:before {
  top: 0;
  left: 0;
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-size: 16px;
  transform: rotate(90deg);
  background-image: url('cta-up-arrow-grey.svg');
}
ngb-datepicker .ngb-dp-header .custom-select {
  border-radius: 1px;
  border: solid 0.5px #cdd5df;
  background-color: var(--white-color) !important;
  background-color: rgba(255, 255, 255, 0.4);
}
ngb-datepicker .ngb-dp-header .custom-select:first-child {
  margin-right: 5px;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week {
  border: none;
  background-color: var(--white-color) !important;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-weekday {
  font-size: 10px;
  font-style: normal;
  color: var(--text-color) !important;
  text-transform: uppercase;
  font-family: roboto-regular;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day {
  outline: none;
  font-size: 12px;
  font-family: roboto-regular;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day.ngb-dp-today .btn-light {
  color: var(--text-color) !important;
  background-color: #ceeded !important;
  border: solid 1px rgba(0, 167, 255, 0.29);
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day.ngb-dp-today .btn-light:not(:disabled):not(.disabled).active, ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day.ngb-dp-today .btn-light:not(:disabled):not(.disabled):active {
  color: var(--text-color) !important;
  background-color: #ceeded !important;
  border: solid 1px rgba(0, 167, 255, 0.29);
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light {
  border-radius: 2px;
  color: var(--text-color) !important;
  border: solid 1px transparent;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light:hover {
  color: var(--text-color) !important;
  border: solid 1px #c3e6fa;
  background-color: #f2fbff !important;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light:not(:disabled):not(.disabled).active, ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light:not(:disabled):not(.disabled):active {
  color: var(--text-color) !important;
  border: solid 1px #c3e6fa;
  background-color: #f2fbff !important;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light.bg-primary {
  color: var(--white-color) !important;
  background-color: #00a7ff !important;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light.bg-primary:not(:disabled):not(.disabled).active, ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light.bg-primary:not(:disabled):not(.disabled):active {
  border: none;
  color: var(--white-color) !important;
  background-color: #00a7ff !important;
}
ngb-datepicker .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light.bg-primary:hover {
  border: solid 1px #00a7ff;
}

.custom-dropdown {
  position: relative;
  display: inline-block;
}
.custom-dropdown:hover .dropdown-list-container {
  display: block;
}
.custom-dropdown .selected-value {
  color: var(--text-color);
  display: block;
  font-size: 14px;
  cursor: pointer;
  margin-right: 4px;
  border-radius: 2px;
  position: relative;
  border: solid 1px #b7c3d1;
  background-color: #f4f6f8;
  padding: 8px 20px 7px 8px;
  font-family: roboto-medium;
}
.custom-dropdown .selected-value:after {
  top: 7px;
  right: 6px;
  position: absolute;
  content: url('select-drop-dark.svg');
}
.custom-dropdown .dropdown-list-container {
  left: 0;
  top: 105%;
  margin: 0;
  padding: 0;
  z-index: 5;
  display: none;
  min-width: 125px;
  text-align: left;
  list-style: none;
  position: absolute;
  border-radius: 1px;
  background-color: var(--white-color);
  border: solid 0.5px #cdd5df;
  box-shadow: 0 4px 5px 0 rgba(112, 121, 130, 0.3098039216);
}
.custom-dropdown .dropdown-list-container li {
  color: var(--text-color);
  font-size: 12px;
  cursor: pointer;
  padding: 8px 12px;
  font-family: roboto-medium;
}
.custom-dropdown .dropdown-list-container li:hover, .custom-dropdown .dropdown-list-container li.active {
  background-color: #f4f6f8;
}
.custom-dropdown .dropdown-list-container li span {
  color: #00a7ff;
}

.header-border {
  background-color: var(--light-background);
  border-bottom: solid 1px rgba(36, 66, 77, 0.1);
}
.header-border.sticky {
  position: sticky;
  top: 0;
  z-index: 20;
}

.header {
  padding: 12px 0;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .header {
    padding: 12px 20px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header {
    padding: 12px 16px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.header .column {
  width: 19.8140200286%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .column {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.header .column:first-child {
  padding-left: 0px;
}
.header .column:last-child {
  text-align: right;
  width: 78.8984263233%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .column:last-child {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.header .logo {
  height: 36px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .logo {
    width: 59px;
    height: 29px;
  }
}
.header .navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .header .navigation {
    display: none;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .navigation {
    display: none;
  }
}
.header .navigation li {
  position: relative;
  display: inline-block;
  transition: ease all 0.4s;
  color: var(--text-light-80-color);
}
.header .navigation li a {
  padding: 8px;
  margin: 0 2px;
  font-size: 14px;
  border-radius: 4px;
  letter-spacing: 0.44px;
  transition: ease all 0.4s;
  text-transform: capitalize;
  font-family: roboto-medium;
  color: var(--text-light-80-color);
}
.header .navigation li a.active {
  color: #08a7a7;
  background-color: var(--header-hover);
}
.header .navigation li a:hover {
  color: var(--text-light-80-color);
  background-color: var(--header-hover);
}
.header .navigation li a:active {
  color: #08a7a7;
  background-color: var(--header-hover);
}
.header .navigation li:hover .submenu {
  display: block;
}
.header .navigation li .more-menu-icon {
  transform: rotate(90deg);
}
.header .navigation-second {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 20px;
  vertical-align: top;
  display: inline-block;
}
.header .navigation-second li {
  padding: 8px;
  margin: 0 3px;
  line-height: 1;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  border-radius: 30px;
  display: inline-block;
  transition: ease all 0.4s;
}
.header .navigation-second li img {
  width: 22px;
  height: 22px;
  opacity: 0.7;
}
.header .navigation-second li img.active {
  opacity: 1;
}
.header .navigation-second li.last {
  margin-right: 0;
  padding: 4px 5px;
  margin-left: 30px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .header .navigation-second li.last {
    padding: 8px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .navigation-second li.last {
    margin-left: 20px;
  }
}
.header .navigation-second li.last:hover img {
  opacity: 1;
}
.header .navigation-second li.last:hover .submenu {
  display: block;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .header .navigation-second li.last:hover .submenu.device-hide {
    display: none !important;
  }
}
.header .navigation-second li .active {
  display: block;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .header .navigation-second li .active.device-hide {
    display: none !important;
  }
}
.header .navigation-second li:active {
  background-color: #e6eaef;
}
.header .navigation-second li:active img {
  opacity: 1;
}
.header .navigation-second .notification-count {
  top: 0;
  right: 0;
  color: var(--white-color);
  display: block;
  min-width: 19px;
  font-size: 10px;
  padding: 4px 4px;
  text-align: center;
  position: absolute;
  border-radius: 1px;
  font-family: roboto-bold;
  background-color: #08a7a7;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .navigation-second .notification-count {
    top: 2px;
    left: 20px;
  }
}
.header .navigation-second .user-info {
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .header .navigation-second .user-info {
    display: none;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .navigation-second .user-info {
    display: none;
  }
}
.header .navigation-second .user-info .user-thumb {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  border-radius: 30px;
  display: inline-block;
  vertical-align: middle;
}
.header .navigation-second .user-info .info-text {
  text-align: left;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.header .navigation-second .user-info .info-text .text {
  margin: 0;
  font-size: 11px;
  color: var(--text-color);
  font-family: roboto-medium;
}
.header .navigation-second .user-info .drop-icon {
  height: 7px;
  margin-left: 10px;
}
.header .navigation-second .hamburger {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .header .navigation-second .hamburger {
    display: block;
  }
}
.header .navigation-second .hamburger img {
  height: 16px;
}
.header .navigation-second .product-dropdown-wrapper {
  margin: 0;
  padding: 0;
  position: relative;
}
.header .navigation-second .product-dropdown-wrapper:hover {
  background-color: var(--white-color);
}
.header .navigation-second .product-dropdown-wrapper .ng-select-container {
  padding: 0 8px;
}
.header .navigation-second .product-dropdown-wrapper .ng-dropdown-panel-items .ng-option {
  text-align: left;
}
.header .navigation-second .product-dropdown-wrapper .logo-image {
  width: 60px;
  height: 30px;
  margin-right: 10px;
}
.header .navigation-second .product-dropdown-wrapper .selected-product {
  border-radius: 4px;
  position: relative;
  border: solid 1px #e9ebef;
  padding: 7px 32px 7px 12px;
}
.header .navigation-second .product-dropdown-wrapper .selected-product:after {
  top: 12px;
  right: 11px;
  position: absolute;
  content: url('cta-down-arrow-grey-light.svg');
}
.header .navigation-second .product-dropdown-wrapper .selected-product .logo {
  opacity: 1;
  width: auto;
  height: 24px;
}
.header .navigation-second .product-dropdown-wrapper .produc-dropdown-container {
  right: 0;
  top: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  min-width: 170px;
  list-style: none;
  position: absolute;
  border-radius: 3px;
  background-color: var(--white-color);
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
}
.header .navigation-second .product-dropdown-wrapper .produc-dropdown-container div {
  padding: 3px 12px;
}
.header .navigation-second .product-dropdown-wrapper .produc-dropdown-container div:hover {
  background-color: #f4f6f8;
}
.header .navigation-second .product-dropdown-wrapper .produc-dropdown-container div img {
  opacity: 1;
  width: auto;
  height: 30px;
}
.header .submenu {
  left: 0;
  top: 100%;
  margin: 0;
  z-index: 2;
  padding: 0;
  display: none;
  min-width: 200px;
  max-width: 300px;
  list-style: none;
  position: absolute;
  border-radius: 3px;
  width: max-content;
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.0784313725);
  background-color: var(--light-background);
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .header .submenu {
    right: 0;
    left: inherit;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header .submenu {
    top: 104%;
    width: 300px;
  }
}
.header .submenu.last-dropdown {
  left: auto;
  right: 0;
}
.header .submenu .accordion {
  display: none;
  margin-left: 10px;
}
.header .submenu .accordion.display {
  display: block;
}
.header .submenu .accordion li:last-child {
  border-bottom: none;
}
.header .submenu .accordion li a {
  margin: 0;
  font-size: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.mobile-hide {
    display: none;
  }
}
.header .submenu.submenu-notification {
  left: -115px;
}
.header .submenu.submenu-notification ul {
  max-height: 400px;
  overflow-y: scroll;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.submenu-notification {
    top: 68px;
    position: fixed;
    max-width: 360px;
  }
}
.header .submenu.submenu-navigation {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.header .submenu.submenu-navigation li {
  color: var(--text-light-80-color);
  font-style: normal;
  border-bottom: none;
  letter-spacing: 0.5px;
}
.header .submenu.submenu-navigation li:last-child {
  border-bottom: none;
}
.header .submenu.submenu-navigation li a {
  margin: 0;
  line-height: 1;
  padding: 12px 8px;
}
.header .submenu.submenu-navigation li a:hover {
  color: var(--text-color);
  background-color: var(--header-hover);
}
.header .submenu.submenu-navigation li a img {
  margin-left: 4px;
}
.header .submenu.level-three {
  top: 0;
  left: 100%;
  position: absolute;
  display: none !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .header .submenu.level-three {
    right: 100%;
    left: auto;
  }
}
.header .submenu.submenu-help {
  left: -200px;
  border: none;
  min-width: 428px;
  text-align: left;
  background-color: var(--light-background);
  box-shadow: 0 12px 16px 0 rgba(175, 187, 203, 0.4);
}
.header .submenu.submenu-help:hover {
  box-shadow: 0 12px 16px 0 rgba(175, 187, 203, 0.4);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.submenu-help {
    left: 0;
    top: 68px;
    position: fixed;
    margin: 0px 1vw;
    min-width: 98vw;
  }
}
.header .submenu.submenu-help .first-section {
  padding: 34px 34px 10px;
}
.header .submenu.submenu-help .title {
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.header .submenu.submenu-help .subtitle {
  color: #707275;
  font-size: 12px;
  margin-bottom: 14px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.submenu-help .subtitle {
    line-height: 1.4;
  }
}
.header .submenu.submenu-help .secondary-cta {
  margin-bottom: 34px;
}
.header .submenu.submenu-help .help-card {
  padding: 34px;
  position: relative;
  border-radius: 12px;
  background-image: url('world-map.png');
  background-image: url('world-map.png'), linear-gradient(140deg, #008def 12%, #0070ce 77%);
  background-size: cover;
}
.header .submenu.submenu-help .help-card:after {
  top: 15px;
  right: 10px;
  width: 86px;
  height: 44px;
  position: absolute;
  content: url('help-bg-1.svg');
}
.header .submenu.submenu-help .help-card .icon {
  width: 36px;
  height: 36px;
  margin-right: 14px;
  border-radius: 30px;
  vertical-align: top;
  display: inline-block;
}
.header .submenu.submenu-help .help-card .content {
  vertical-align: top;
  display: inline-block;
}
.header .submenu.submenu-help .help-card .content .card-title {
  color: var(--white-color);
  font-size: 16px;
  margin-bottom: 7px;
  font-family: roboto-bold;
}
.header .submenu.submenu-help .help-card .content .card-subtitle {
  font-size: 11px;
  margin-bottom: 39px;
  color: rgba(var(--white-color), 0.8);
  font-family: roboto-regular;
}
.header .submenu.submenu-help .help-card .content .card-contact-info {
  color: var(--white-color);
  font-size: 14px;
  margin-top: 10px;
  font-family: roboto-medium;
}
.header .submenu.submenu-help .support-list {
  padding: 25px 34px;
}
.header .submenu.submenu-help .support-list:hover {
  background-color: var(--form-hover);
}
.header .submenu.submenu-help .support-list .icon {
  padding: 9px;
  margin-right: 14px;
  border-radius: 30px;
  vertical-align: top;
  display: inline-block;
  background-color: #ecf0f3;
}
.header .submenu.submenu-help .support-list .content {
  vertical-align: top;
  display: inline-block;
}
.header .submenu.submenu-help .support-list .content .support-title {
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.header .submenu.submenu-help .support-list .content .support-title a {
  color: var(--text-color);
}
.header .submenu.submenu-help .support-list .content .support-subtitle {
  color: #707275;
  font-size: 12px;
  font-family: roboto-regular;
}
.header .submenu.submenu-help .separator {
  width: 80%;
  margin: 0 auto;
  border-top: 1px solid var(--line-color);
}
.header .submenu .submenu-head {
  margin: 0 1px;
  font-size: 12px;
  text-align: left;
  padding: 4px 10px;
  color: var(--text-color);
  background-color: var(--light-background);
  border-bottom: 1px solid var(--line-color);
}
.header .submenu .submenu-head .title {
  font-family: roboto-regular;
}
.header .submenu .submenu-head .mark-read {
  float: right;
  cursor: pointer;
  color: #1dbc7d !important;
}
.header .submenu .submenu-head .mark-read:hover {
  text-decoration: underline !important;
}
.header .submenu .submenu-footer {
  margin: 0 1px;
  font-size: 12px;
  text-align: left;
  padding: 4px 10px;
  color: var(--text-color);
  border-top: 1px solid var(--line-color);
  background-color: var(--light-background);
}
.header .submenu .submenu-footer p {
  margin: 0;
  text-align: center;
}
.header .submenu ul {
  padding: 0;
  margin: 0;
}
.header .submenu ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.header .submenu ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.header .submenu ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
.header .submenu ul li {
  padding: 0;
  display: block;
  font-size: 14px;
  margin-left: 1px;
  text-align: left;
  border-radius: 0;
  line-height: 1.2;
  margin-right: 1px;
  border-left: none;
  position: relative;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
}
.header .submenu ul li:first-child {
  margin-top: 1px;
}
.header .submenu ul li:last-child {
  margin-bottom: 1px;
}
.header .submenu ul li:hover {
  color: var(--text-light-80-color);
  background-color: rgba(76, 105, 141, 0.1);
}
.header .submenu ul li:hover .level-three {
  display: block !important;
}
.header .submenu ul li:hover a {
  text-decoration: none;
  color: var(--text-light-80-color);
}
.header .submenu ul li.seperator {
  border-top: 1px solid var(--line-color);
}
.header .submenu ul li.theme-heading {
  color: #676e73;
  font-size: 12px;
  cursor: initial;
  padding: 12px 16px;
  font-family: trim-web-medium;
}
.header .submenu ul li.theme-heading:hover {
  color: #676e73;
}
.header .submenu ul li.theme-control a {
  padding: 8px 16px 0;
}
.header .submenu ul li a {
  color: var(--text-light-80-color);
  padding: 12px 16px;
}
.header .submenu ul li a .theme-icon {
  width: 50px;
  display: block;
  margin-left: 31px;
}
.header .submenu ul li .icon {
  width: 16px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
.header .submenu.new-submenu-notification {
  left: -250px;
  border: none;
  cursor: normal;
  min-width: 430px;
  text-align: left;
  border-radius: 10px;
  transition: none !important;
  box-shadow: 0 14px 23px 0 rgba(169, 175, 181, 0.51);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.new-submenu-notification {
    left: 0;
    top: 68px;
    position: fixed;
    margin: 0px 1vw;
    min-width: 98vw;
  }
}
.header .submenu.new-submenu-notification .close-icon {
  width: 20px;
  display: none;
  margin-right: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.new-submenu-notification .close-icon {
    display: block;
  }
}
.header .submenu.new-submenu-notification .cta-dropdown {
  margin: 0 !important;
}
.header .submenu.new-submenu-notification .cta-dropdown li {
  display: flex;
  line-height: 1;
  padding: 8px 12px;
  align-items: center;
}
.header .submenu.new-submenu-notification .cta-dropdown li .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.header .submenu.new-submenu-notification .cta-dropdown li span {
  line-height: 1;
}
.header .submenu.new-submenu-notification .submenu-head {
  margin: 4px;
  border: none;
  padding: 11px 20px;
  background-color: #edf0f4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.new-submenu-notification .submenu-head {
    margin-right: 0;
    padding: 11px 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.header .submenu.new-submenu-notification .submenu-head .title-container {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .submenu.new-submenu-notification .submenu-head .title-container .title {
  font-size: 20px;
  font-family: roboto-medium;
}
.header .submenu.new-submenu-notification .submenu-head .title-container .dropdown-wrapper {
  display: flex;
  align-items: center;
}
.header .submenu.new-submenu-notification .submenu-head .title-container .dropdown-wrapper .filter-cta img {
  width: 16px;
  height: 16px;
}
.header .submenu.new-submenu-notification .submenu-head .mark-read {
  float: none;
  cursor: pointer;
  color: #00a7ff !important;
}
.header .submenu.new-submenu-notification .submenu-head .mark-read:hover {
  text-decoration: underline !important;
}
.header .submenu.new-submenu-notification .submenu-body {
  max-height: 500px;
  overflow-y: scroll;
  height: calc(100vh - 150px);
}
.header .submenu.new-submenu-notification .submenu-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.header .submenu.new-submenu-notification .submenu-body::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.header .submenu.new-submenu-notification .submenu-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
.header .submenu.new-submenu-notification .submenu-body ul {
  border-bottom: 1px solid #cdd5df;
}
.header .submenu.new-submenu-notification .submenu-body ul li {
  padding: 0 24px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.new-submenu-notification .submenu-body ul li {
    padding: 0 16px;
  }
}
.header .submenu.new-submenu-notification .submenu-body ul li:first-child {
  margin-top: 8px;
}
.header .submenu.new-submenu-notification .submenu-body ul li:last-child {
  margin-bottom: 8px;
}
.header .submenu.new-submenu-notification .submenu-body ul li:hover {
  background-color: #e5f6ff;
}
.header .submenu.new-submenu-notification .submenu-body ul li:hover .time {
  padding: 7px;
  border-radius: 100%;
  background-color: #ecf0f3;
  content: url('three-dots.svg');
}
.header .submenu.new-submenu-notification .submenu-body ul li .cta-dropdown {
  margin: 0 !important;
}
.header .submenu.new-submenu-notification .submenu-body ul li .cta-dropdown li {
  margin: 0;
  display: flex;
  line-height: 1;
  padding: 8px 12px;
  align-items: center;
}
.header .submenu.new-submenu-notification .submenu-body ul li .cta-dropdown li .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.header .submenu.new-submenu-notification .submenu-body ul li .cta-dropdown li span {
  line-height: 1;
}
.header .submenu.new-submenu-notification .submenu-body ul .notification-icon {
  width: 35px;
  height: 35px;
  margin-right: 12px;
}
.header .submenu.new-submenu-notification .submenu-body .day-count {
  color: #676e73;
  font-size: 14px;
  margin-left: 24px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.new-submenu-notification .submenu-body .day-count {
    margin-left: 16px;
  }
}
.header .submenu.new-submenu-notification .submenu-body .notification-tab {
  display: flex;
  margin: 12px 20px 4px;
}
.header .submenu.new-submenu-notification .submenu-body .notification-tab ul {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
.header .submenu.new-submenu-notification .submenu-body .notification-tab ul li {
  margin: 0;
  line-height: 1;
  color: #414348;
  font-size: 14px;
  margin-right: 2px;
  padding: 4px 12px;
  border-radius: 40px;
  display: inline-block;
  transition: ease all 0.4s !important;
}
.header .submenu.new-submenu-notification .submenu-body .notification-tab ul li.active {
  color: #00a7ff;
  background-color: rgba(0, 167, 255, 0.1);
}
.header .submenu.new-submenu-notification .submenu-body .notification-tab ul li:hover {
  background-color: rgba(0, 167, 255, 0.1);
}
.header .submenu.new-submenu-notification .submenu-body .notification-wrapper {
  padding-top: 12px;
}
.header .submenu.new-submenu-notification .submenu-body .notification-wrapper .no-data-text {
  margin: 0;
  color: #a0a1a3;
  font-size: 12px;
  margin: 12px 24px 8px;
}
.header .submenu.new-submenu-notification .submenu-body .notification-item {
  display: flex;
  padding: 8px 0;
  align-items: center;
  justify-content: space-between;
}
.header .submenu.new-submenu-notification .submenu-body .notification-item .item-body {
  flex: 1;
  display: flex;
  line-height: 1.3;
  font-style: normal;
  align-items: flex-start;
}
.header .submenu.new-submenu-notification .submenu-body .notification-item .item-body .green-dot {
  width: 8px;
  height: 8px;
  margin-top: 13px;
  margin-right: 12px;
  border-radius: 100%;
  background-color: #00a7ff;
}
.header .submenu.new-submenu-notification .submenu-body .notification-item .item-body .green-dot.empty {
  background-color: transparent;
}
.header .submenu.new-submenu-notification .submenu-body .notification-item .item-body .heading-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.header .submenu.new-submenu-notification .submenu-body .notification-item .item-body .heading {
  color: #12141a;
  font-size: 14px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.header .submenu.new-submenu-notification .submenu-body .notification-item .item-body .sub-heading {
  width: 70%;
  max-width: 70%;
  color: #676e73;
  font-size: 12px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .submenu.new-submenu-notification .submenu-body .notification-item .item-body .sub-heading {
    width: 92%;
    max-width: 92%;
  }
}
.header .submenu.new-submenu-notification .submenu-body .notification-item .time {
  color: #00a7ff;
  font-size: 12px;
  font-family: roboto-regular;
}
.header .submenu.new-submenu-notification .submenu-body .notification-item .task-time {
  color: #00a7ff;
  font-size: 12px;
  font-family: roboto-regular;
}

.dashboard-wrapper {
  position: relative;
  background: var(--body-background);
}
.dashboard-wrapper .dashboard-side-overlay {
  top: 0;
  position: absolute;
  width: 33.3333333333%;
  background-color: var(--white-color);
}
.dashboard-wrapper .dashboard-side-overlay.customer-dashboard {
  width: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-side-overlay {
    display: none;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-side-overlay {
    display: none;
  }
}
.dashboard-wrapper .dashboard-body {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .column {
  position: relative;
  padding: 0 38px 0 0;
  width: 40.9155937053%;
  float: left;
  margin-right: 1.2875536481%;
  background-color: var(--white-color);
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .dashboard-body .column {
    padding: 0 30px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .column {
    padding: 0 80px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .column {
    padding: 0 36px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .column:last-child {
  padding: 0;
  background: #f2f5fa;
  width: 57.7968526466%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .column:last-child {
    margin-top: 20px;
    margin-left: 1.6881258941%;
    width: 96.6237482117%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .column:last-child {
    margin-top: 24px;
    margin-left: 1.6881258941%;
    width: 96.6237482117%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.dashboard-wrapper .dashboard-body .column .widget-title {
  font-size: 18px;
  font-weight: 100;
  line-height: 1.28;
  color: var(--text-color);
  font-family: trim-web-medium;
}
.dashboard-wrapper .dashboard-body .column .widget-description {
  font-size: 12px;
  margin-top: 2px;
  line-height: 1.92;
  font-style: italic;
  margin-bottom: 25px;
  font-family: roboto-regular;
  color: rgba(var(--text-color), 0.6);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .column .widget-description {
    margin-top: 4px;
    line-height: 1.29;
  }
}
.dashboard-wrapper .dashboard-body .color-card-widget-container {
  margin-top: 37px;
  margin-bottom: 75px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .color-card-widget-container {
    text-align: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .color-card-widget-container {
    margin-bottom: 40px;
  }
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card {
  height: 160px;
  cursor: pointer;
  max-width: 160px;
  position: relative;
  margin-right: 10px;
  padding: 24px 26px;
  border-radius: 2px;
  margin-bottom: 10px;
  display: inline-block;
  transition: ease all 0.5s;
  background-color: #f4880b;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .dashboard-body .color-card-widget-container .color-card {
    max-width: 147px;
    padding: 20px 24px;
    vertical-align: top;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .color-card-widget-container .color-card {
    text-align: left;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .color-card-widget-container .color-card {
    height: auto;
    display: block;
    max-width: 100%;
    margin: 0 0 10px 0;
    padding: 22px 26px;
  }
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card:hover {
  background-color: #db7f07;
  box-shadow: 0 3px 20px 0 rgba(196, 117, 8, 0.5);
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card.blue {
  background-image: linear-gradient(312deg, #4880ff, #6392fd);
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card.blue:hover {
  box-shadow: 0 3px 14px 0 rgba(72, 128, 255, 0.5);
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card.green {
  background-image: none;
  background-color: #08b24b;
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card.green:hover {
  background-color: #049d40;
  box-shadow: 0 3px 14px 0 rgba(1, 206, 131, 0.5);
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card:last-child {
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card .icon {
  position: absolute;
  top: 17px;
  right: 17px;
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card .title {
  color: var(--white-color);
  font-size: 36px;
  margin-top: 20px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .color-card-widget-container .color-card .title {
    font-size: 54px;
    margin-top: 0;
    font-weight: 100;
    display: inline-block;
    vertical-align: middle;
    font-family: roboto-light;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .color-card-widget-container .color-card .color-card-info {
    max-width: 140px;
    margin: 0 0 0 12px;
    display: inline-block;
    vertical-align: text-bottom;
  }
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card .color-card-info .subtitle {
  margin: 0;
  color: var(--white-color);
  font-size: 14px;
  margin-top: 1px;
  line-height: 1.57;
  font-family: roboto-medium;
}
.dashboard-wrapper .dashboard-body .color-card-widget-container .color-card .color-card-info .description {
  margin: 0;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.27;
  font-style: italic;
  color: rgba(var(--white-color), 0.8);
  font-family: roboto-light;
}
.dashboard-wrapper .dashboard-body .graph-widget-container {
  position: relative;
  margin-bottom: 45px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container {
    margin-bottom: 67px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container.customer-dashboard-inline {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container.customer-dashboard-inline:last-child {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .graph-widget-container .days-picker {
  top: 0;
  right: 0;
  width: 86px;
  border: none;
  outline: none;
  padding: 8px;
  font-size: 11px !important;
  border-radius: 1px;
  position: absolute;
  color: var(--text-color);
  background-color: var(--white-color);
  font-family: roboto-regular;
  border: solid 1px rgba(219, 230, 234, 0.8);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .days-picker {
    position: relative;
    margin-bottom: 30px;
  }
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column {
  position: relative;
  width: 45.1359084406%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column.full-width {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column.full-width:last-child {
  padding: 0;
  border: none;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column:last-child {
  padding-left: 30px;
  width: 53.5765379113%;
  float: right;
  margin-right: 0;
  border-left: 1px solid rgba(147, 168, 204, 0.3);
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column:last-child {
    padding-left: 10px;
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column:last-child {
    padding: 0;
    border-left: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container {
    position: relative;
    padding: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container {
    position: relative;
    padding: 0;
  }
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container ul {
  margin: 0;
  list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container ul {
    padding: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container ul {
    padding: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container ul li {
    display: inline-block;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container ul li {
    display: inline-block;
    margin-right: 20px;
  }
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container ul li span {
  display: inline-block;
  font-family: roboto-medium;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container ul li .tile {
  width: 8px;
  height: 8px;
  border-radius: 1px;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .graph-column .legend-container ul li .text {
  font-size: 12px;
  margin-left: 14px;
  min-width: 35px;
  color: var(--text-color);
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .count {
  font-size: 37px;
  font-weight: 100;
  line-height: 1.32;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .text {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.64;
  color: var(--text-color);
  font-family: roboto-light;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container {
  margin-top: 23px;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.77;
  margin-bottom: 7px;
  color: var(--text-color);
  font-family: roboto-light;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar {
    padding: 0 40px;
  }
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar .info-container {
  min-width: 120px;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar .info-container {
    float: left;
    text-align: left;
  }
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar .info-container .number {
  font-family: roboto-regular;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar .color-bar {
  width: 50px;
  height: 8px;
  border-radius: 2px;
  margin-right: 12px;
  display: inline-block;
  background-color: rgba(168, 202, 230, 0.4);
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar .color-bar .color {
  width: 12px;
  height: 8px;
  display: block;
  border-radius: 2px;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar .color-bar .color.red {
  background-color: #e02e2e;
}
.dashboard-wrapper .dashboard-body .graph-widget-container .graph-container .bar-container .bar .color-bar .color.blue {
  background-color: #4880ff;
}
.dashboard-wrapper .dashboard-body .info-widget-container {
  position: relative;
  margin-bottom: 25px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .info-widget-container {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .info-widget-container {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .info-widget-container.customer-dashboard-inline {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .info-widget-container.customer-dashboard-inline:last-child {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .info-widget-container .widget-description {
  margin-bottom: 22px;
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column {
  font-size: 14px;
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
  color: rgba(var(--text-color), 0.8);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column {
    text-align: right;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column .info-title {
  font-size: 13px;
  line-height: 1.77;
  margin-bottom: 5px;
  color: var(--text-color);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column .info-title {
    float: left;
    font-size: 16px;
    text-align: left;
    min-width: 190px;
    display: inline-block;
  }
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column .number {
  position: relative;
  color: #02b44a;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.15;
  margin-right: 4px;
  letter-spacing: -0.1px;
  font-family: roboto-medium;
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column .number.red {
  color: #e02e2e;
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column .number.orange {
  color: #e87304;
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column .number.black {
  color: #000;
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column .number.up::after {
  content: "";
  top: 6px;
  width: 11px;
  height: 10px;
  right: -21px;
  position: absolute;
  background-size: contain;
  background-image: url('green-up.png');
}
.dashboard-wrapper .dashboard-body .info-widget-container .info-container .info-column .number.down::after {
  content: "";
  top: 6px;
  width: 11px;
  height: 10px;
  right: -21px;
  position: absolute;
  background-size: contain;
  background-image: url('red-down.png');
}
.dashboard-wrapper .dashboard-body .info-summery-container {
  position: relative;
  margin-bottom: 25px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .info-summery-container {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .info-summery-container p {
  font-size: 12px;
  position: relative;
  margin-right: 15px;
  display: inline-block;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .dashboard-body .info-summery-container p .number {
  position: relative;
  font-size: 12px;
  margin-left: 4px;
  font-family: roboto-medium;
}
.dashboard-wrapper .dashboard-body .info-summery-container p .number.green {
  color: #02b44a;
}
.dashboard-wrapper .dashboard-body .info-summery-container p .number.red {
  color: #e02e2e;
}
.dashboard-wrapper .dashboard-body .info-summery-container p .number.orange {
  color: #e87304;
}
.dashboard-wrapper .dashboard-body .info-summery-container p .number.black {
  color: #000;
}
.dashboard-wrapper .dashboard-body .info-summery-container p .number.up::after {
  content: "";
  top: 1px;
  left: 30px;
  width: 11px;
  height: 10px;
  position: absolute;
  background-size: contain;
  background-image: url('green-up.png');
}
.dashboard-wrapper .dashboard-body .info-summery-container p .number.down::after {
  content: "";
  top: 1px;
  left: 30px;
  width: 11px;
  height: 10px;
  position: absolute;
  background-size: contain;
  background-image: url('red-down.png');
}
.dashboard-wrapper .dashboard-body .status-widget-container {
  margin-bottom: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
  padding: 29px 34px 46px 34px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container {
    text-align: center;
    padding: 30px 14px;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container {
  margin-bottom: 40px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card {
  text-align: center;
  border-radius: 2px;
  margin-bottom: 10px;
  width: 15.5937052933%;
  float: left;
  margin-right: 1.2875536481%;
  padding: 16px 27px 18px;
  background-color: rgba(224, 46, 46, 0.05);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card {
    margin-bottom: 4px;
    text-align: left;
    width: 32.4749642346%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card:nth-child(3n) {
    width: 32.4749642346%;
    float: right;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card:nth-child(6n) {
  width: 15.5937052933%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card:nth-child(6n) {
    width: 32.4749642346%;
    float: right;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.received {
  background-color: rgba(166, 64, 221, 0.05);
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.received .text {
  color: #ae56de;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.confirmed {
  background-color: rgba(47, 214, 163, 0.07);
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.confirmed .text {
  color: #12b78b;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.cancelled {
  background-color: rgba(224, 46, 46, 0.05);
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.cancelled .text {
  color: #dd4242;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.validated {
  background-color: rgba(2, 180, 74, 0.07);
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.validated .text {
  color: #08b24b;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.postponed {
  background-color: rgba(232, 115, 4, 0.05);
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.postponed .text {
  color: #e37307;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.inspected {
  background-color: rgba(72, 128, 255, 0.07);
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card.inspected .text {
  color: #4b78dd;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card .number {
  font-size: 20px;
  line-height: 1.3;
  color: var(--text-color);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card .number {
    font-weight: 100;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-card-container .status-card .text {
  margin: 0;
  font-size: 9px;
  margin-top: 3px;
  font-weight: 500;
  font-family: roboto-medium;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column.tcf-column {
  width: 53.5765379113%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column.tcf-column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column.tcf-column:last-child {
  padding-left: 50px;
  width: 45.1359084406%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column.tcf-column:last-child {
    padding-left: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column:last-child {
  padding-left: 50px;
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column:last-child {
    padding: 0;
    margin-top: 50px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column:last-child .widget-title {
    margin-bottom: 30px;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column .widget-title {
  margin-bottom: 15px;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column .link {
  color: #008def;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.92;
  font-style: italic;
  font-family: roboto-regular;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .status-column .link:hover {
  color: #0070ce;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .customer-status-widget-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .customer-status-widget-container {
    margin-top: 22px;
    text-align: left;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .customer-status-widget-container .widget-column {
  width: 57.7968526466%;
  float: left;
  margin-right: 1.2875536481%;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .customer-status-widget-container .widget-column:last-child {
  width: 40.9155937053%;
  float: right;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .customer-status-widget-container .widget-data {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  list-style: none;
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .customer-status-widget-container .widget-data li {
  height: 30px;
  font-size: 11px;
  font-weight: 300;
  padding-top: 10px;
  line-height: 1.36;
  margin-bottom: 3px;
  letter-spacing: -0.1px;
  font-family: roboto-light;
  color: rgba(var(--text-color), 0.9);
}
.dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .quotation-status-widget-container {
  margin-left: 0 !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .quotation-status-widget-container {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto !important;
  }
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .quotation-status-widget-container:after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .status-two-column-container .quotation-status-widget-container .badge {
    text-align: left;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .error-state {
  padding: 85px 0 68px;
  text-align: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .status-widget-container .error-state {
    padding: 60px 0 68px;
  }
}
.dashboard-wrapper .dashboard-body .status-widget-container .error-state .error-icon {
  width: 131px;
  height: 137px;
}
.dashboard-wrapper .dashboard-body .status-widget-container .error-state .error-title {
  font-size: 18px;
  margin-top: 19px;
  font-weight: 500;
  line-height: 1.28;
  color: var(--text-color);
  font-family: roboto-medium;
}
.dashboard-wrapper .dashboard-body .status-widget-container .error-state .error-subtitle {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.92;
  font-style: italic;
  margin-bottom: 20px;
  font-family: roboto-light;
  color: rgba(var(--text-color), 0.4);
}
.dashboard-wrapper .dashboard-body .business-card-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card {
  min-height: 237px;
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
  background-color: var(--white-color);
  padding: 24px 27px 24px 34px;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card {
    width: 53.5765379113%;
    float: left;
    margin-right: 1.2875536481%;
    padding: 23px 24px 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card {
    min-height: inherit;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card {
    text-align: center;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 24px 24px 30px;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card:last-child {
    width: 45.1359084406%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card:last-child {
    margin-top: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card:last-child {
    margin-top: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .title {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.35;
  margin-bottom: 22px;
  color: var(--text-color);
  font-family: roboto-light;
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .primary-stats {
  display: block;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .primary-stats {
    margin-bottom: 21px;
    width: 24.0343347639%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .primary-stats .icon {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .primary-stats .icon {
    margin: auto;
    display: block;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .primary-stats .card-info {
  margin-left: 12px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .primary-stats .card-info {
    margin: auto;
    display: block;
    margin-top: 9px;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .primary-stats .card-info .number {
  margin: 0;
  font-size: 18px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .primary-stats .card-info .text {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.92;
  color: var(--text-color);
  font-family: roboto-light;
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats {
    width: 57.7968526466%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column {
  padding: 0 10px;
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
  border-right: 1px solid #f2f5fa;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column {
    width: auto;
    float: none;
    padding: 0 23px;
    display: inline-block;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column:first-child {
  padding-left: 0;
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column:last-child {
  border: none;
  padding-right: 0;
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column:last-child {
    width: auto;
    float: none;
    padding: 0 23px;
    vertical-align: top;
    display: inline-block;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column .stat {
  display: block;
  margin-bottom: 6px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column .stat {
    margin-bottom: 17px;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column .stat span {
  line-height: 1;
  font-size: 12px;
  font-family: roboto-light;
  color: rgba(var(--text-color), 1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column .stat span {
    margin: auto;
    display: block;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column .stat span.number {
  font-size: 13px;
  margin-right: 7px;
  font-family: roboto-regular;
  color: rgba(var(--text-color), 0.8);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .secondary-stats .stats-column .stat span.number {
    margin: 0 0 2px 0;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .document-update-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .document-update-container:after {
  content: " ";
  display: block;
  clear: both;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .document-update-container {
    max-width: 452px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 0;
  }
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .document-update-container:after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .document-update-container .badge {
    text-align: left;
  }
}
.dashboard-wrapper .dashboard-body .business-card-container .business-card .small-text {
  float: left;
  font-size: 12px;
  margin-top: 18px;
  line-height: 1;
  font-style: italic;
  font-family: roboto-light;
  color: rgba(var(--text-color), 0.4);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .business-card-container .business-card .double-badge {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .dashboard-body .applied-filter-container {
  margin: 8px 0;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .applied-filter-container {
    text-align: center;
    padding: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .applied-filter-container {
    text-align: center;
    padding: 0;
  }
}
.dashboard-wrapper .dashboard-body .applied-filter-container.customer-dashboard {
  margin: 0;
  z-index: 1;
  width: 110%;
  padding: 8px 0;
  position: absolute;
  padding-right: 10%;
  background-color: rgba(242, 245, 250, 0.7);
}
.dashboard-wrapper .dashboard-body .applied-filter-container.customer-dashboard .filter-opener {
  margin-top: 6px;
}
.dashboard-wrapper .dashboard-body .applied-filter-container.active {
  padding: 12px 18px;
  border-radius: 2px;
  border: solid 0.5px #b9c8dd;
  background-color: rgba(175, 209, 255, 0.2);
}
.dashboard-wrapper .dashboard-body .applied-filter-container .calendar-trigger {
  cursor: pointer;
  margin-left: 30px;
  padding: 7px 10px;
  position: relative;
  display: inline-block;
  background-color: var(--white-color);
  border: 1px solid #dbe6ea;
  transition: ease all 0.2s;
}
.dashboard-wrapper .dashboard-body .applied-filter-container .calendar-trigger:hover {
  border: 1px solid rgb(175, 194, 208);
}
.dashboard-wrapper .dashboard-body .applied-filter-container .calendar-trigger input {
  width: 0;
  height: 0;
  padding: 0;
  left: 0;
  top: 37px;
  position: absolute;
  visibility: hidden;
}
.dashboard-wrapper .dashboard-body .applied-filter-container .calendar-trigger p {
  margin: 0;
  font-size: 11px;
  display: inline-block;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .dashboard-body .applied-filter-container .calendar-trigger img {
  margin-left: 20px;
  display: inline-block;
}
.dashboard-wrapper .dashboard-body .applied-filter-container .filter-reset {
  display: inline-block;
}
.dashboard-wrapper .dashboard-body .applied-filter-container .filter-reset .icon {
  display: inline-block;
  vertical-align: middle;
}
.dashboard-wrapper .dashboard-body .applied-filter-container .filter-reset .text {
  color: #8192aa;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.92;
  font-style: italic;
  display: inline-block;
  vertical-align: middle;
  font-family: roboto-medium;
}
.dashboard-wrapper .dashboard-body .applied-filter-container .filter-reset .text.reset {
  margin-left: 8px;
  color: rgba(205, 45, 47, 0.8);
  font-family: roboto-regular;
}
.dashboard-wrapper .dashboard-body .applied-filter-container .filter-opener {
  margin: 0;
  float: right;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.92;
  font-style: italic;
  transition: ease all 0.3s;
  font-family: roboto-regular;
  color: rgba(var(--text-color), 0.7);
}
.dashboard-wrapper .dashboard-body .applied-filter-container .filter-opener:hover {
  color: rgba(var(--text-color), 1);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .applied-filter-container .filter-opener {
    float: none;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .applied-filter-container .filter-opener {
    float: none;
  }
}
.dashboard-wrapper .dashboard-body .applied-filter-container .filter-opener .filter-icon {
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
}
.dashboard-wrapper .customer-dashboard-body {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body {
    overflow-x: hidden;
    margin-left: 1.6881258941%;
    width: 96.6237482117%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body {
    overflow-x: hidden;
    margin-left: 1.6881258941%;
    width: 96.6237482117%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.dashboard-wrapper .customer-dashboard-body.overlapping {
  margin-top: -65px;
}
.dashboard-wrapper .customer-dashboard-body .column {
  top: 50px;
  position: sticky;
  padding: 0 38px 0 0;
  width: 29.1666666667%;
  float: left;
  margin: 0 !important;
  background-color: var(--white-color);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .column {
    padding: 0 80px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .column {
    padding: 0 36px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .column:last-child {
  padding: 0;
  background: #f2f5fa;
  width: 70.4577968526%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .column:last-child {
    margin-top: 20px;
    margin-left: 1.6881258941%;
    width: 96.6237482117%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .column:last-child {
    margin-top: 24px;
    margin-left: 1.6881258941%;
    width: 96.6237482117%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.dashboard-wrapper .customer-dashboard-body .column .widget-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 100;
  line-height: 1.28;
  color: var(--text-color);
  font-family: trim-web-medium;
}
.dashboard-wrapper .customer-dashboard-body .column .widget-description {
  font-size: 12px;
  margin-top: 3px;
  line-height: 1.92;
  font-style: italic;
  margin-bottom: 17px;
  font-family: roboto-regular;
  color: rgba(var(--text-color), 0.6);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .column .widget-description {
    margin-top: 4px;
    line-height: 1.29;
  }
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper {
  position: relative;
  margin-top: -320px;
  padding-top: 80px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper {
    height: auto;
    margin-top: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-top: 20px;
  }
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-column {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-column:last-child {
  margin-bottom: 50px;
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-column:last-child {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-column:last-child {
    margin-bottom: 0px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card {
  position: relative;
  padding: 26px 30px;
  border-radius: 4px;
  margin-bottom: 20px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
  box-shadow: 0 0 20px rgba(147, 168, 204, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card {
    padding: 18px 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card {
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 4px;
  }
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card.collapse-card {
  padding: 10px;
  overflow: hidden;
  max-height: 40px;
  margin-bottom: 180px;
  transition: ease all 0.2s;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card.collapse-card .card-toggle-switch {
  top: 7px;
  right: 10px;
  padding: 10px;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .business-card-title {
  font-size: 16px;
  margin-bottom: 8px;
  color: var(--text-color);
  font-weight: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .card-toggle-switch {
  top: 20px;
  right: 20px;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  transition: ease all 0.2s;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .primary-stats {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .primary-stats {
    margin-bottom: 10px;
  }
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .primary-stats .icon {
  width: 27px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .primary-stats .icon {
    margin: auto;
    display: inline-block;
  }
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .primary-stats .card-info {
  margin-left: 12px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .primary-stats .card-info {
    margin: auto;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
  }
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .primary-stats .card-info .number {
  margin: 0;
  font-size: 18px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .primary-stats .card-info .text {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.92;
  color: var(--text-color);
  font-family: roboto-light;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item .text {
  display: block;
  font-size: 13px;
  position: relative;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item .text.red {
  color: #e02e2e;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item .text.orange {
  color: #e87304;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item .text.black {
  color: #000;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item .text.green {
  color: #02b44a;
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item .text.up::after {
  content: "";
  top: 3px;
  left: 30px;
  width: 11px;
  height: 10px;
  position: absolute;
  background-size: contain;
  background-image: url('green-up.png');
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item .text.down::after {
  content: "";
  top: 3px;
  left: 30px;
  width: 11px;
  height: 10px;
  position: absolute;
  background-size: contain;
  background-image: url('red-down.png');
}
.dashboard-wrapper .customer-dashboard-body .business-overview-wrapper .business-overview-card .secondary-stats .stats-item:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper {
  padding-left: 20px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper {
    padding-left: 15px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .no-result-container {
  text-align: center;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .no-result-container img {
  width: 20%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .no-result-container img {
    width: 40%;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .no-result-container .title {
  color: var(--text-color);
  font-size: 18px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .no-result-container p {
  font-size: 12px;
  margin-bottom: 18px;
  color: rgba(var(--text-color), 0.4);
  font-family: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container {
  margin-top: 24px;
  margin-bottom: 11px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container {
    display: block;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-3 {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-3:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-3:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-2 {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-2 {
    min-height: 220px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-2:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container .result-column-2:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-container {
    margin-top: 10px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .big-result-container {
  padding: 26px;
  border-radius: 4px;
  margin-bottom: 11px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
  transition: ease all 0.3s;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .big-result-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .big-result-container .analytics-card-title {
  font-size: 16px;
  margin-bottom: 20px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 11px;
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container {
    display: block;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-column {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-column:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-column:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card {
  padding: 26px;
  min-height: 200px;
  border-radius: 4px;
  position: relative;
  background-color: var(--white-color);
  transition: ease all 0.3s;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card {
    padding: 18px 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card:last-child {
    margin-top: 10px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .product-card-title {
  margin: 0;
  font-size: 16px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .popup-link {
  top: 28px;
  right: 26px;
  color: #e02e2e;
  font-size: 12px;
  position: absolute;
  font-family: roboto-medium;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container {
  margin-top: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container.performance-container {
  margin-top: 40px;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
  margin-top: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats {
    padding: 0 10px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats:nth-child(3n) {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats.line-height {
  width: 28.2546494993%;
  float: left;
  margin-right: 1.2875536481%;
  line-height: 1.8;
  margin-right: 20px;
  border-right: 1px solid #f2f5fa;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats.line-height {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats.line-height {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats.line-height {
    width: 32.4749642346%;
    float: left;
    margin-right: 1.2875536481%;
    padding-left: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats .icon {
  height: 26px;
  margin-right: 16px;
  display: inline-block;
  vertical-align: middle;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats p {
  margin: 0;
  font-size: 13px;
  display: inline-block;
  color: var(--text-color);
  vertical-align: middle;
  font-family: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats p span {
  display: block;
  font-size: 12px;
  color: rgba(var(--text-color), 0.6);
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .stats-container .stats p span.big {
  display: inline;
  font-size: 16px;
  color: var(--text-color);
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container {
  margin-top: 28px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container .path-graph .path {
  height: 10px;
  display: inline-block;
  border-right: 1px solid var(--white-color);
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container .path-chart-lagend-container {
  margin-top: 20px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container .path-chart-lagend-container .legend-item {
  display: inline-block;
  margin: 0 10px 0 0;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container .path-chart-lagend-container .legend-item span {
  display: inline-block;
  font-family: roboto-medium;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container .path-chart-lagend-container .legend-item .tile {
  width: 8px;
  height: 8px;
  border-radius: 1px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container .path-chart-lagend-container .legend-item .tile {
    vertical-align: top;
    margin-top: 7px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container .path-chart-lagend-container .legend-item .text {
  font-size: 12px;
  margin-left: 10px;
  margin-right: 24px;
  color: var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .path-graph-container .path-chart-lagend-container .legend-item .text {
    margin-right: 0;
    vertical-align: middle;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .small {
  font-size: 12px;
  margin-top: 34px;
  margin-right: 6px;
  margin-bottom: 8px;
  display: inline-block;
  color: rgba(var(--text-color), 0.8);
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .product-overview-container .product-detail-card .small span {
  font-weight: bold;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card {
  padding: 26px;
  border-radius: 4px;
  background-color: var(--white-color);
  transition: ease all 0.3s;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card {
    padding: 18px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card {
    padding: 20px;
    text-align: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card {
    padding: 20px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card:last-child .analytics-card-title {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card:last-child .bar-chart-legend-container {
    order: 3;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card:last-child .bar-chart-legend-container li {
    display: inline-block;
    padding: 0 4px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .analytics-card-title {
  font-size: 16px;
  margin-bottom: 20px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .analytics-chart {
  display: inline-block;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .analytics-chart.gauge {
  margin-left: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .analytics-chart.gauge {
    margin-left: -50px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .analytics-chart.gauge {
    margin-left: 0px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .chart-legend-container {
  margin-left: 30px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .chart-legend-container {
    text-align: left;
    margin-left: 0px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .chart-legend-container .legend-item {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .chart-legend-container .legend-item {
    margin-bottom: 0;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .chart-legend-container .legend-item span {
  display: inline-block;
  font-family: roboto-medium;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .chart-legend-container .legend-item .tile {
  width: 8px;
  height: 8px;
  border-radius: 1px;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .chart-legend-container .legend-item .text {
  font-size: 12px;
  margin-left: 14px;
  min-width: 35px;
  color: var(--text-color);
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .chart-legend-container .legend-item .count {
  font-size: 12px;
  margin-left: 10px;
  color: var(--text-color);
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .bar-chart-legend-container {
  vertical-align: top;
  display: inline-block;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .bar-chart-legend-container ul {
  margin: 0;
  padding: 0;
  min-width: 80px;
  list-style: none;
  margin-right: 10px;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .bar-chart-legend-container ul li {
  font-size: 12px;
  padding-bottom: 14px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .bar-chart-legend-container ul li {
    padding-bottom: 8px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .bar-chart-legend-container ul li:first-child {
  padding-top: 12px;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .bar-chart-legend-container ul li:first-child {
    padding-top: 22px;
  }
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card .bar-chart-legend-container ul li:last-child {
  padding-bottom: 0;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card.no-data {
  background-color: rgba(var(--white-color), 0.6);
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card.no-data img {
  height: 90px;
}
.dashboard-wrapper .customer-dashboard-body .customer-content-space-wrapper .result-analytics-card.no-data h5 {
  font-size: 16px;
  margin-top: 10px;
  line-height: 1.38;
  color: rgba(36, 66, 77, 0.6);
  font-family: roboto-regular;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-wrapper .tcf-dashboard-body .column:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-wrapper .tcf-dashboard-body .column:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashboard-wrapper .tcf-dashboard-body .calendar-trigger {
  margin-left: 19px !important;
}
.dashboard-wrapper .tcf-dashboard-body .color-card .icon {
  width: 22px;
}
.dashboard-wrapper .tcf-dashboard-body .color-card-widget-container {
  margin-bottom: 57px;
}

.c3-axis-y text {
  fill: rgba(147, 168, 204, 0.6);
  font-size: 11px;
}

.c3-axis-x text {
  font-size: 11px;
  fill: rgba(147, 168, 204, 0.6);
}

.c3 path, .c3 line {
  stroke: rgba(147, 168, 204, 0.3);
}

.c3-line {
  stroke-width: 2px;
}

.c3-xgrid-focus {
  display: none;
}

#barChart .c3-chart-text .c3-text {
  font-size: 15px;
  transform: translate(5px, 0);
  font-family: roboto-regular;
  fill: rgba(var(--text-color), 0.8) !important;
}

.analytics-chart .c3-chart-arcs-title {
  font-size: 13px;
  color: var(--text-color);
  font-family: roboto-regular;
}

.product-detail-card.popup-graph .stats-container {
  margin-top: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.product-detail-card.popup-graph .stats-container.performance-container {
  margin-top: 40px;
}
.product-detail-card.popup-graph .stats-container .stats {
  width: 57.7968526466%;
  float: left;
  margin-right: 1.2875536481%;
  margin-top: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .product-detail-card.popup-graph .stats-container .stats {
    padding: 0 10px;
  }
}
.product-detail-card.popup-graph .stats-container .stats:nth-child(2n) {
  width: 40.9155937053%;
  float: right;
  margin-right: 0;
}
.product-detail-card.popup-graph .stats-container .stats .tile {
  width: 8px;
  height: 8px;
  border-radius: 1px;
  margin-right: 10px;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .product-detail-card.popup-graph .stats-container .stats .tile {
    vertical-align: top;
    margin-top: 7px;
  }
}
.product-detail-card.popup-graph .stats-container .stats .icon {
  height: 26px;
  margin-right: 16px;
  display: inline-block;
  vertical-align: middle;
}
.product-detail-card.popup-graph .stats-container .stats p {
  margin: 0;
  font-size: 13px;
  display: inline-block;
  color: var(--text-color);
  vertical-align: middle;
  font-family: roboto-regular;
}
.product-detail-card.popup-graph .stats-container .stats p span {
  display: block;
  font-size: 12px;
  color: rgba(var(--text-color), 0.6);
}
.product-detail-card.popup-graph .stats-container .stats p span.big {
  display: inline;
  font-size: 16px;
  color: var(--text-color);
}

.tcf-legend-wrapper {
  text-align: center;
}
.tcf-legend-wrapper .seperator {
  border-right: 1px solid #cdd5df;
}
.tcf-legend-wrapper p {
  margin: 0 !important;
}
.tcf-legend-wrapper .legend-title {
  color: #707275;
  font-size: 12px;
  padding-bottom: 7px;
  font-family: roboto-regular;
}
.tcf-legend-wrapper .legend-title.big {
  font-size: 14px;
}
.tcf-legend-wrapper .legend-title .left {
  height: 6px;
  transform: rotate(90deg);
}
.tcf-legend-wrapper .legend-title .right {
  height: 6px;
  transform: rotate(-90deg);
}
.tcf-legend-wrapper .legend-value {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;
  font-family: roboto-medium;
}
.tcf-legend-wrapper .legend-value.big {
  font-size: 20px;
}
.tcf-legend-wrapper .legend-value .percent {
  color: #24c11e;
  margin-left: 10px;
}

.tcf-first-section {
  background: var(--white-color);
  padding: 30px 0 40px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 2px 20px 0 rgba(12, 15, 20, 0.1019607843);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tcf-first-section {
    padding: 30px 30px 40px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section {
    padding: 30px 20px 40px;
  }
}
.tcf-first-section .my-dashboard-container {
  display: flex;
  flex-direction: column;
}
.tcf-first-section .page-title-container {
  display: flex;
  margin-bottom: 30px;
}
.tcf-first-section .page-title-container .page-title {
  flex: 1;
  font-size: 20px;
  color: var(--text-color);
  font-family: trim-web-medium;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tcf-first-section .page-title-container .page-title {
    text-align: center;
  }
}
.tcf-first-section .page-title-container .page-filter {
  flex: 1;
  text-align: right;
}
.tcf-first-section .page-body {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tcf-first-section .page-body {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .page-body {
    flex-direction: column;
  }
}
.tcf-first-section .column {
  flex: 0.8;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tcf-first-section .column:first-child {
    flex: none;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 40px;
  }
}
.tcf-first-section .column.big {
  display: flex;
  flex-direction: column;
  flex: 1.4;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .column.big {
    flex: 1;
    margin: 25px 0;
  }
}
.tcf-first-section .column:last-child {
  flex: 0.6;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tcf-first-section .column:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .tcf-first-section .column:last-child {
    flex: 1;
  }
}
.tcf-first-section .column .column-heading {
  margin: 0;
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 20px;
  font-family: roboto-regular;
}
.tcf-first-section .column .column-heading span {
  color: #707275;
  font-size: 12px;
  margin-left: 20px;
  font-family: roboto-regular;
}
.tcf-first-section .column .notification-card-container {
  top: 0;
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .column .notification-card-container {
    padding-top: 0;
  }
}
.tcf-first-section .column .notification-card-container .notification-card {
  text-align: left;
  padding-bottom: 34px;
}
.tcf-first-section .column .notification-card-container .notification-card .number, .tcf-first-section .column .notification-card-container .notification-card .heading {
  margin-bottom: 7px;
}
.tcf-first-section .stats-percent-container {
  display: flex;
  margin-top: 25px;
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .tcf-first-section .stats-percent-container {
    justify-content: center;
  }
}
.tcf-first-section .stats-percent-container .stats-column {
  display: flex;
  margin: 0 20px;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
.tcf-first-section .stats-percent-container .stats-column:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .stats-percent-container .stats-column:last-child {
    margin: 0 20px;
  }
}
.tcf-first-section .stats-percent-container .stats-column .percent {
  color: var(--white-color);
  line-height: 1;
  position: relative;
  padding: 10px 24px;
  border-radius: 3px;
  margin-bottom: 30px;
  font-family: roboto-medium;
}
.tcf-first-section .stats-percent-container .stats-column .percent.type-one {
  background-color: #8067dc;
}
.tcf-first-section .stats-percent-container .stats-column .percent.type-two {
  background-color: #a367dc;
}
.tcf-first-section .stats-percent-container .stats-column .percent:after {
  top: 100%;
  left: 50%;
  z-index: 1;
  content: "";
  height: 80px;
  position: absolute;
  border-left: 1px dashed #afbbcb;
}
.tcf-first-section .stats-percent-container .stats-column .icon-container {
  z-index: 2;
  padding: 13px;
  position: relative;
  border-radius: 100%;
  background-color: #f2f4f6;
}
.tcf-first-section .stats-percent-container .stats-column .icon-container.with-seperator:after {
  top: 50%;
  left: 100%;
  z-index: 1;
  content: "";
  width: 100px;
  position: absolute;
  border-bottom: 1px solid #afbbcb;
}
.tcf-first-section .stats-percent-container .stats-column .stats-text {
  color: var(--text-color);
  font-size: 13px;
  margin-top: 14px;
  margin-bottom: 0;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .stats-percent-container .stats-column .stats-text {
    min-width: 120px;
  }
}
.tcf-first-section .tcf-progress-container {
  flex: 1;
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .tcf-progress-container {
    min-height: 200px;
  }
}
.tcf-first-section .tcf-progress-container .progress-sidebar {
  padding: 20px;
  color: #9A9FA2;
  font-size: 12px;
  text-align: center;
  writing-mode: tb-rl;
  transform: rotate(180deg);
  background-color: rgba(225, 230, 236, 0.3);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .tcf-progress-container .progress-sidebar {
    padding: 9px;
    text-align: center;
  }
}
.tcf-first-section .tcf-progress-container .progress-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.tcf-first-section .tcf-progress-container .progress-header {
  display: flex;
}
.tcf-first-section .tcf-progress-container .progress-header .head {
  flex: 1;
  color: #9A9FA2;
  font-size: 12px;
  position: relative;
  text-align: center;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .tcf-progress-container .progress-header .head {
    padding: 0 10px;
    text-align: center;
  }
}
.tcf-first-section .tcf-progress-container .progress-header .head:after {
  top: 0;
  z-index: 1;
  left: 100%;
  content: "";
  height: 160px;
  position: absolute;
  border-right: 1px solid rgba(205, 213, 223, 0.4);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tcf-first-section .tcf-progress-container .progress-header .head:after {
    height: 215px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-first-section .tcf-progress-container .progress-header .head:after {
    height: 200px;
  }
}
.tcf-first-section .tcf-progress-container .progress-bar-container {
  flex: 1;
  z-index: 2;
}
.tcf-first-section .tcf-progress-container .progress-bar-container p {
  margin: 0;
  color: var(--white-color);
  font-size: 12px;
  font-family: roboto-medium;
}
.tcf-first-section .tcf-progress-container .progress-bar-container b {
  margin: 0;
  color: var(--white-color);
  font-size: 14px;
  font-family: roboto-medium;
}
.tcf-first-section .tcf-progress-container .progress-bar-container .bar {
  display: flex;
  border-radius: 8px;
  padding: 10px 15px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .tcf-first-section .tcf-progress-container .progress-bar-container .bar {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tcf-first-section .tcf-progress-container .progress-bar-container .bar1 {
  margin-bottom: 10px;
  background-color: #6771dc;
}
.tcf-first-section .tcf-progress-container .progress-bar-container .bar2 {
  background-color: #dc67ce;
}

.side-filter-wrapper {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 21;
  position: fixed;
  background-color: rgba(0, 24, 33, 0.8);
}
.side-filter-wrapper .side-filter-container {
  top: 0;
  right: 0;
  bottom: 0;
  width: 392px;
  overflow-y: scroll;
  position: absolute;
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .side-filter-wrapper .side-filter-container {
    width: 100%;
  }
}
.side-filter-wrapper .side-filter-container .head {
  padding: 30px 40px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .side-filter-wrapper .side-filter-container .head {
    padding: 30px 40px 30px 53px;
  }
}
.side-filter-wrapper .side-filter-container .head .icon {
  margin-right: 24px;
  display: inline-block;
  vertical-align: super;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .side-filter-wrapper .side-filter-container .head .icon {
    display: none;
  }
}
.side-filter-wrapper .side-filter-container .head .head-info {
  display: inline-block;
}
.side-filter-wrapper .side-filter-container .head .head-info .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.28;
  color: var(--text-color);
  font-family: roboto-medium;
}
.side-filter-wrapper .side-filter-container .head .head-info .subtitle {
  font-size: 12px;
  line-height: 1.92;
  font-style: italic;
  font-family: roboto-light;
  color: rgba(var(--text-color), 0.4);
}
.side-filter-wrapper .side-filter-container .clear-filter {
  padding: 12px 0 12px 88px;
  background-color: rgba(158, 185, 206, 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .side-filter-wrapper .side-filter-container .clear-filter {
    padding: 12px 0 12px 53px;
  }
}
.side-filter-wrapper .side-filter-container .clear-filter p {
  margin: 10px 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.92;
  font-style: italic;
  display: inline-block;
  font-family: roboto-medium;
}
.side-filter-wrapper .side-filter-container .clear-filter .text {
  color: rgba(var(--text-color), 0.4);
}
.side-filter-wrapper .side-filter-container .clear-filter .reset {
  font-style: normal;
  padding-left: 15px;
  transition: ease all 0.4s;
  color: rgba(0, 141, 239, 0.8);
  font-family: roboto-light;
}
.side-filter-wrapper .side-filter-container .clear-filter .reset .close-icon {
  width: 12px;
  opacity: 0.8;
  margin-right: 5px;
  vertical-align: text-top;
  transition: ease all 0.4s;
}
.side-filter-wrapper .side-filter-container .clear-filter .reset:hover {
  color: #008def;
}
.side-filter-wrapper .side-filter-container .clear-filter .reset:hover .close {
  opacity: 1;
}
.side-filter-wrapper .side-filter-container .body {
  padding: 30px 46px 30px 90px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .side-filter-wrapper .side-filter-container .body {
    padding: 30px 46px 30px 53px;
  }
}
.side-filter-wrapper .side-filter-container .body .filter-control {
  width: 100%;
  margin-bottom: 38px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .side-filter-wrapper .side-filter-container .body .filter-control {
    margin-bottom: 30px;
  }
}
.side-filter-wrapper .side-filter-container .body .filter-control label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.64;
  margin-bottom: 10px;
  color: #203b4e;
  font-family: roboto-medium;
}
.side-filter-wrapper .side-filter-container .body .filter-control .checkbox-container {
  width: 100%;
  margin-top: 10px;
}
.side-filter-wrapper .side-filter-container .body .filter-control .checkbox-container label {
  font-weight: normal;
  font-family: roboto-regular;
}
.side-filter-wrapper .side-filter-container .body .filter-control .checkbox-container label:after {
  top: 9px;
}
.side-filter-wrapper .side-filter-container .body .filter-control .checkbox-container .styled-checkbox-container {
  width: 49%;
  display: inline-block;
  margin-bottom: 10px;
}
.side-filter-wrapper .side-filter-container .body .filter-control.mobile-fixed-bar {
  right: 0;
  bottom: 0;
  margin: 0;
  width: 392px;
  position: fixed;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .side-filter-wrapper .side-filter-container .body .filter-control.mobile-fixed-bar {
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    position: fixed;
  }
}
.side-filter-wrapper .side-filter-container .body .filter-control.mobile-fixed-bar button {
  margin: 0;
  width: 50%;
  padding: 19px 28px;
}
.side-filter-wrapper .side-filter-container .body .filter-control.mobile-fixed-bar button.secondary-cta {
  border: none;
  background-color: #e5f4fd;
}

.main-wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: ease all 0.5s;
}
.main-wrapper:after {
  content: " ";
  display: block;
  clear: both;
}
.main-wrapper.drawer-active {
  transform: translate3d(-387px, 0, 0);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .main-wrapper.drawer-active {
    transform: translate3d(-269px, 0, 0);
  }
}

.drawer-menu-container {
  top: 0;
  left: 100%;
  width: 0;
  height: 100vh;
  margin-left: 8px;
  overflow-x: hidden;
  position: fixed;
  background-color: var(--white-color);
  transition: ease all 0.5s;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .drawer-menu-container {
    width: 0;
  }
}
.drawer-menu-container.active {
  width: 387px;
  transform: translate3d(-387px, 0, 0);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .drawer-menu-container.active {
    width: 269px;
    transform: translate3d(-269px, 0, 0);
  }
}
.drawer-menu-container .head {
  position: relative;
  padding: 18px 24px;
  background-color: #008def;
}
.drawer-menu-container .head .user-info img {
  width: 30px;
  height: 33px;
  border-radius: 4px;
  vertical-align: top;
  display: inline-block;
}
.drawer-menu-container .head .user-info .info-text {
  margin-left: 6px;
  text-align: left;
  vertical-align: top;
  display: inline-block;
}
.drawer-menu-container .head .user-info .info-text p {
  margin: 0;
}
.drawer-menu-container .head .user-info .info-text .small {
  font-size: 11px;
  font-weight: 300;
  color: rgba(var(--white-color), 0.6);
  font-family: roboto-light;
}
.drawer-menu-container .head .user-info .info-text .text {
  font-size: 11px;
  font-weight: 500;
  color: rgba(var(--white-color), 1);
  font-family: roboto-medium;
}
.drawer-menu-container .head .close-drawer {
  top: 18px;
  right: 25px;
  width: 25px;
  height: 25px;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .drawer-menu-container .head .close-drawer {
    top: 31px;
    width: 15px;
    height: 15px;
  }
}
.drawer-menu-container ul {
  margin: 0;
  padding: 0;
  overflow: scroll;
  list-style: none;
  height: calc(100% - 69px);
}
.drawer-menu-container ul li {
  color: var(--text-color);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: roboto-medium;
  border-bottom: 1px solid #f2f5fa;
}
.drawer-menu-container ul li a {
  color: inherit;
  padding: 15px 24px;
}
.drawer-menu-container ul li a.active {
  color: #008def;
}
.drawer-menu-container ul li a .arrow {
  margin-left: 5px;
  display: inline-block;
  vertical-align: initial;
  transition: ease all 0.4s;
}
.drawer-menu-container ul li a .arrow.active {
  transform: rotate(180deg);
}
.drawer-menu-container ul li .child-menu {
  margin: 0;
  height: 0;
  overflow: hidden;
  padding: 0 0 0 20px;
  transition: ease all 0.4s;
}
.drawer-menu-container ul li .child-menu.active {
  height: auto;
}
.drawer-menu-container ul li .child-menu.third-level a {
  text-transform: none;
  font-family: roboto-light;
}
.drawer-menu-container ul li .child-menu li {
  border: none;
  text-transform: none;
}
.drawer-menu-container ul li .child-menu li a {
  padding: 15px 20px;
}
.drawer-menu-container ul li.last {
  background-color: rgba(76, 105, 141, 0.1);
}
.drawer-menu-container ul li.last ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.drawer-menu-container ul li.last ul li {
  border: none;
  text-transform: capitalize;
}
.drawer-menu-container ul li.last ul li.theme-heading {
  color: #676e73;
  font-size: 12px;
  cursor: initial;
  padding: 21px 16px 0;
  font-family: trim-web-medium;
}
.drawer-menu-container ul li.last ul li.theme-heading:hover {
  color: #676e73;
  background-color: var(--white-color);
}
.drawer-menu-container ul li.last ul li.theme-control {
  padding: 8px 16px 0;
}
.drawer-menu-container ul li.last ul li.theme-control.last-control {
  padding: 8px 16px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b7c3d1;
}
.drawer-menu-container ul li.last ul li.theme-control .theme-icon {
  width: 50px;
  display: block;
  margin-left: 31px;
}
.drawer-menu-container ul li.last ul li.theme-control label {
  font-size: 12px;
  font-family: roboto-regular;
}
.drawer-menu-container ul li.last ul li.theme-control .styled-radio:hover + label:after {
  top: 8px;
}
.drawer-menu-container ul li.last ul li.theme-control .styled-radio:checked + label:after {
  top: 8.4px;
}
.drawer-menu-container ul li.last ul li a {
  color: #414348;
  padding: 12px 16px;
  font-family: roboto-regular;
}
.drawer-menu-container ul li.last ul li a .icon {
  margin-right: 12px;
}

.master-body {
  margin-top: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body {
    margin-left: 2.5321888412%;
    width: 94.9356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body {
    margin-left: 2.5321888412%;
    width: 94.9356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.master-body .title-container {
  position: relative;
  padding: 5px 0 24px 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
  .master-body .title-container {
    padding: 5px 0 24px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .title-container {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .title-container {
    padding: 5px 0 12px 0px;
  }
}
.master-body .title-container .header-back-button {
  cursor: pointer;
  margin-right: 24px;
  display: inline-block;
  padding: 5px 24px 5px 0;
  border-right: 1px solid #e0e1e2;
}
.master-body .title-container .header-back-button img {
  width: 24px;
}
.master-body .title-container .header-back-button:hover img {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: wobble;
}
.master-body .title-container .main-title {
  margin: 0;
  font-size: 20px;
  line-height: 0.96;
  display: inline-block;
  color: var(--text-color);
  letter-spacing: -0.1px;
  font-family: trim-web-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .title-container .main-title {
    font-size: 20px;
  }
}
.master-body .title-container small {
  margin-top: 4px;
  font-style: italic;
  font-family: roboto-regular;
}
.master-body .title-container .audit-rule-container {
  right: 0;
  top: 25px;
  cursor: pointer;
  position: absolute;
}
.master-body .title-container .audit-rule-container img {
  display: inline-block;
  vertical-align: middle;
}
.master-body .title-container .audit-rule-container p {
  margin: 0;
  font-size: 10px;
  margin-left: 10px;
  color: var(--text-color);
  display: inline-block;
  vertical-align: middle;
  font-family: roboto-regular;
}
.master-body .title-container .tcf-rule-container {
  cursor: pointer;
  position: absolute;
  margin-left: 25%;
}
.master-body .title-container .tcf-rule-container img {
  display: inline-block;
  vertical-align: middle;
}
.master-body .title-container .tcf-rule-container p {
  margin: 0;
  font-size: 10px;
  margin-left: 10px;
  color: var(--primary-color);
  display: inline-block;
  vertical-align: middle;
  font-family: roboto-regular;
}
.master-body .content-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
}
.master-body .content-container .container-head {
  margin: 2px;
  color: #143743;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.44;
  padding: 10px 38px 9px;
  font-family: roboto-medium;
  background-color: rgba(237, 228, 225, 0.6);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .container-head {
    padding: 10px 28px 9px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .container-head {
    padding: 10px 20px 9px;
  }
}
.master-body .content-container .container-head .head-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.master-body .content-container .tcf-container-head {
  margin: 2px;
  color: #143743;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.44;
  padding: 10px 38px 9px;
  font-family: roboto-medium;
  background-color: rgba(0, 165, 204, 0.6);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .tcf-container-head {
    padding: 10px 28px 9px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tcf-container-head {
    padding: 10px 20px 9px;
  }
}
.master-body .content-container .tcf-container-head .head-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.master-body .content-container .formPadding {
  padding: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .formPadding {
    padding: 30px 30px 40px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .formPadding {
    padding: 30px 20px;
  }
}
.master-body .content-container .searchFormPadding {
  padding: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .searchFormPadding {
    padding: 24px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .searchFormPadding {
    padding: 30px 20px 15px;
  }
}
.master-body .content-container .master-form-checkbox {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .master-form-checkbox {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .master-form-checkbox {
    margin-top: 10px;
  }
}
.master-body .content-container .master-form-checkbox label {
  color: var(--text-light-80-color);
  font-size: 12px;
  line-height: 1;
  font-family: trim-web-medium;
}
.master-body .content-container .master-search-cta-container {
  padding: 14px 38px;
  margin-bottom: 2px;
  width: 99.6623748212%;
  float: left;
  margin-right: 1.2875536481%;
  margin-left: 0.1688125894%;
  background-color: #f4f6f8;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .master-search-cta-container {
    padding: 14px 25px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .master-search-cta-container {
    padding: 14px 20px;
  }
}
.master-body .content-container .master-search-cta-container .column {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .master-search-cta-container .column {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .master-search-cta-container .column {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.master-body .content-container .master-search-cta-container .column:last-child {
  text-align: right;
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .master-search-cta-container .column:last-child {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .master-search-cta-container .column:last-child {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.master-body .content-container .master-search-cta-container .secondary-cta {
  margin-right: 10px;
  margin-bottom: 5px;
}
.master-body .content-container .result-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.master-body .content-container .no-result-container {
  margin: 12px 0;
  text-align: center;
  padding: 20px 0 40px;
  margin-left: 0.8440629471%;
  width: 98.3118741059%;
  float: left;
  margin-right: 1.2875536481%;
  background-color: rgba(225, 232, 245, 0.4);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .no-result-container {
    width: 96.6237482117%;
    float: left;
    margin-right: 1.2875536481%;
    margin-left: 1.6881258941%;
  }
}
.master-body .content-container .no-result-container .title {
  color: var(--text-color);
  font-size: 18px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.master-body .content-container .no-result-container p {
  font-size: 12px;
  margin-bottom: 18px;
  color: rgba(var(--text-color), 0.4);
  font-family: roboto-regular;
}
.master-body .content-container .form-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 30px 40px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .form-container {
    padding: 30px 30px 40px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .form-container {
    padding: 30px 20px 20px;
  }
}
.master-body .content-container .form-container .column {
  width: 19.8140200286%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .form-container .column {
    width: 32.4749642346%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .form-container .column {
    margin-bottom: 14px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.master-body .content-container .form-container .column:first-child {
  width: 36.69527897%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .form-container .column:first-child {
    margin-bottom: 25px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .form-container .column:first-child {
    margin-bottom: 25px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.master-body .content-container .form-container .column:last-child {
  width: 19.8140200286%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .form-container .column:last-child {
    width: 32.4749642346%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .form-container .column:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.master-body .content-container .tab-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.master-body .content-container .tab-container .tab-switch-container {
  margin: 0;
  padding: 0;
  padding: 0 40px;
  list-style: none;
  background-color: rgba(242, 242, 242, 0.4);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .tab-container .tab-switch-container {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-switch-container {
    padding: 0;
    overflow-x: scroll;
    white-space: nowrap;
  }
}
.master-body .content-container .tab-container .tab-switch-container li {
  color: #048de2;
  font-size: 13px;
  cursor: pointer;
  font-weight: 500;
  line-height: 1.77;
  padding: 11px 24px;
  display: inline-block;
  font-family: roboto-medium;
}
.master-body .content-container .tab-container .tab-switch-container li.active, .master-body .content-container .tab-container .tab-switch-container li:hover {
  color: var(--white-color);
  background-color: #048de2;
}
.master-body .content-container .tab-container .tab-content-container {
  padding: 21px 40px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .tab-container .tab-content-container {
    padding: 21px 30px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-content-container {
    padding: 20px;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content {
  display: none;
  position: relative;
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content {
    overflow: hidden;
    white-space: normal;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.master-body .content-container .tab-container .tab-content-container .tab-content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.master-body .content-container .tab-container .tab-content-container .tab-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content {
    overflow-x: scroll;
    white-space: nowrap;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content.active {
  display: block;
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table {
  min-width: 100%;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border: solid 0.5px rgba(189, 210, 226, 0.5);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content .info-table {
    border: none;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table thead {
  background-color: #f2f5fa;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content .info-table thead {
    display: none;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr {
  border: solid 0.5px #bdd2e2;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr {
    border: none;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr th {
  line-height: 1;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  padding: 8px 10px;
  color: rgba(32, 59, 78, 0.8);
  font-family: roboto-medium;
  border-right: solid 0.5px rgba(189, 210, 226, 0.5);
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr th small {
  margin: 0;
  font-size: 10px;
  line-height: 2.3;
  display: inline-block;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-light;
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td {
  padding: 8px 10px;
  border-right: solid 0.5px rgba(189, 210, 226, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td {
    min-width: 100px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td {
    padding: 0;
    border: none;
    display: block;
    margin-bottom: 14px;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td.double {
  width: 210px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td.double {
    min-width: 210px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td.double {
    width: auto;
    min-width: auto;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td .my-input-group label {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td .my-input-group label {
    display: inherit;
  }
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td .my-input-group label small {
  margin: 0;
  font-size: 10px;
  line-height: 2.3;
  display: inline-block;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-light;
}
.master-body .content-container .tab-container .tab-content-container .tab-content .info-table tr td input {
  margin: 0;
}
.master-body .content-container .tab-container .tab-content-container .tab-content .table-action {
  padding: 23px 0 0;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.master-body .content-container .tab-container .tab-content-container .tab-content .table-action.mobile-action {
  right: 0;
  padding: 0;
  z-index: 3;
  width: auto;
  position: absolute;
}
.master-body .content-container .tab-container .tab-content-container .tab-content .table-action span {
  color: #008def;
  padding: 0 12px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  font-family: roboto-bold;
}
.master-body .content-container .tab-container .tab-content-container .tab-content .table-action span:first-child {
  padding-left: 0;
  border-right: solid 0.5px rgba(189, 210, 226, 0.5);
}
.master-body .content-container .tab-container .tab-content-container .tab-content .table-action span img {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}
.master-body .content-container .vertical-tab-container {
  padding: 4px;
  display: table;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.master-body .content-container .vertical-tab-container .tab-switch-container {
  margin: 0;
  padding: 0;
  width: 140px;
  padding: 0px;
  list-style: none;
  display: table-cell;
  background-color: rgba(242, 242, 242, 0.4);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .vertical-tab-container .tab-switch-container {
    padding: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .vertical-tab-container .tab-switch-container {
    padding: 0;
    overflow-x: scroll;
    white-space: nowrap;
  }
}
.master-body .content-container .vertical-tab-container .tab-switch-container li {
  display: block;
  color: #048de2;
  font-size: 13px;
  cursor: pointer;
  font-weight: 500;
  line-height: 1.77;
  padding: 15px 20px;
  font-family: roboto-medium;
  border-bottom: solid 0.5px rgba(189, 210, 226, 0.5);
}
.master-body .content-container .vertical-tab-container .tab-switch-container li:last-child {
  border-bottom: none;
}
.master-body .content-container .vertical-tab-container .tab-switch-container li.active, .master-body .content-container .vertical-tab-container .tab-switch-container li:hover {
  color: var(--white-color);
  background-color: #048de2;
}
.master-body .content-container .vertical-tab-container .tab-content-container {
  width: 87%;
  padding: 15px 40px;
  vertical-align: top;
  display: table-cell;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .vertical-tab-container .tab-content-container {
    padding: 21px 30px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .vertical-tab-container .tab-content-container {
    padding: 20px;
  }
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content {
  display: none;
  position: relative;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content.active {
  display: block;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table {
  min-width: 100%;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border: solid 0.5px rgba(189, 210, 226, 0.5);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table {
    border: none;
  }
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table thead {
  background-color: #f2f5fa;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table thead {
    display: none;
  }
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr {
  border: solid 0.5px #bdd2e2;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr {
    border: none;
  }
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr th {
  line-height: 1;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  padding: 8px 10px;
  color: rgba(32, 59, 78, 0.8);
  font-family: roboto-medium;
  border-right: solid 0.5px rgba(189, 210, 226, 0.5);
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr th small {
  margin: 0;
  font-size: 10px;
  line-height: 2.3;
  display: inline-block;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-light;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td {
  padding: 8px 10px;
  border-right: solid 0.5px rgba(189, 210, 226, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td {
    min-width: 100px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td {
    padding: 0;
    border: none;
    display: block;
    margin-bottom: 14px;
  }
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td.double {
  width: 210px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td.double {
    min-width: 210px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td.double {
    width: auto;
    min-width: auto;
  }
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td .my-input-group label {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td .my-input-group label {
    display: inherit;
  }
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td .my-input-group label small {
  margin: 0;
  font-size: 10px;
  line-height: 2.3;
  display: inline-block;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-light;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .info-table tr td input {
  margin: 0;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .table-action {
  padding: 23px 0 0;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .table-action.mobile-action {
  right: 0;
  padding: 0;
  z-index: 3;
  width: auto;
  position: absolute;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .table-action span {
  color: #cd2d2f;
  padding: 0 12px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  font-family: roboto-bold;
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .table-action span:first-child {
  padding-left: 0;
  border-right: solid 0.5px rgba(189, 210, 226, 0.5);
}
.master-body .content-container .vertical-tab-container .tab-content-container .tab-content .table-action span img {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}
.master-body .content-container .form-action-container {
  text-align: right;
  padding: 0 40px 40px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .master-body .content-container .form-action-container {
    padding: 0 30px 40px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .content-container .form-action-container {
    padding: 0 20px 40px;
  }
}
.master-body .content-container .form-action-container .secondary-cta {
  margin-right: 14px;
}
.master-body .new-content-container {
  flex: 1;
  display: flex;
}

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

.common-form-padding {
  padding: 40px 40px 26px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .common-form-padding {
    padding: 40px 20px 26px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .common-form-padding {
    padding: 40px 20px 26px;
  }
}

.accordian-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.accordian-container .panel {
  padding: 30px 40px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel {
    padding: 20px;
  }
}
.accordian-container .panel.active {
  box-shadow: 0 0 10px 0 rgba(147, 168, 204, 0.1);
}
.accordian-container .panel .panel-body {
  cursor: pointer;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.accordian-container .panel .panel-body .col-sm-10:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-body .col-sm-10:first-child {
    padding-right: 0;
  }
}
.accordian-container .panel .panel-body .icon {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-body .icon {
    float: right;
  }
}
.accordian-container .panel .panel-body .panel-info {
  margin: 0 25px 0 20px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-body .panel-info {
    margin-left: 0;
  }
}
.accordian-container .panel .panel-body .panel-info .count {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  transition: ease all 0.4s;
  color: rgba(32, 59, 78, 0.4);
  font-family: roboto-bold;
}
.accordian-container .panel .panel-body .panel-info .panel-title {
  font-size: 18px;
  font-weight: normal;
  color: var(--text-color);
  font-family: roboto-regular;
}
.accordian-container .panel .panel-body .marginLeft100 {
  margin-left: 55px;
}
.accordian-container .panel .panel-body .marginLeft100.mobile-hide {
  display: block;
}
.accordian-container .panel .panel-body .my-input-group {
  padding: 0 25px;
  vertical-align: top;
  display: inline-block;
  border-right: 1px solid rgba(32, 59, 78, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .accordian-container .panel .panel-body .my-input-group {
    max-width: 260px;
  }
}
.accordian-container .panel .panel-body .my-input-group:first-child {
  padding-left: 0;
}
.accordian-container .panel .panel-body .my-input-group:last-child {
  border-right: 0;
  padding-right: 0;
}
.accordian-container .panel .panel-body .my-input-group.border-left {
  border-left: 1px solid rgba(32, 59, 78, 0.1) !important;
}
.accordian-container .panel .panel-body .float-right {
  float: right;
}
.accordian-container .panel .panel-body .mobile-hide {
  display: inline-block;
}
.accordian-container .panel .panel-content {
  height: 0;
  overflow: hidden;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  transition: ease all 0.4s;
}
.accordian-container .panel .panel-content .audit-step-form {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form {
    padding: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.accordian-container .panel .panel-content .audit-step-form .seperatorRow {
  margin-bottom: 40px;
  padding-bottom: 35px;
  border-bottom: 2px solid rgba(189, 210, 226, 0.2);
}
.accordian-container .panel .panel-content .audit-step-form .text {
  color: #203b4e;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.64;
  margin: 20px 0 10px;
  font-family: roboto-bold;
}
.accordian-container .panel .panel-content .audit-step-form .inline-input-container .block {
  display: block;
  margin-bottom: 14px;
}
.accordian-container .panel .panel-content .audit-step-form .inline-input-container.borderRight {
  border-right: 1px solid rgba(189, 210, 226, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .accordian-container .panel .panel-content .audit-step-form .inline-input-container.borderRight {
    border-right: 0;
  }
}
.accordian-container .panel .panel-content .audit-step-form .section-title {
  color: #143743;
  font-size: 18px;
  line-height: 1.28;
  margin: 0 0 24px 0;
  font-family: roboto-regular;
}
.accordian-container .panel .panel-content .audit-step-form .section-container {
  padding-bottom: 30px;
  background-color: rgba(243, 246, 251, 0.6);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form .section-container {
    padding: 0 10px;
  }
}
.accordian-container .panel .panel-content .audit-step-form .section-container .section-title {
  margin: 24px 0;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container {
  position: relative;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .title-container {
  cursor: pointer;
  padding: 10px 10px;
  background-color: rgba(237, 228, 225, 0.6);
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .title-container .title {
  margin: 0;
  color: #143743;
  font-size: 16px;
  line-height: 1.44;
  font-family: roboto-medium;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .title-container .icon {
  top: 10px;
  right: 20px;
  position: absolute;
  transition: ease all 0.4s;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .title-container .icon.rotate {
  transform: rotate(180deg);
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body {
  margin-top: 36px;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .add-po {
  margin-top: 34px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .add-po {
    margin-top: 10px;
  }
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container {
    overflow: hidden;
  }
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .title {
  color: #143743;
  font-size: 18px;
  margin-top: 30px;
  line-height: 1.28;
  display: inline-block;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .title {
    display: block;
    margin-top: 10px;
    margin-left: 20px;
  }
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container {
  margin-top: 30px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container {
    display: block;
    margin-top: 20px;
    float: none !important;
  }
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container .stat {
  margin-bottom: 10px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container .stat {
    margin-bottom: 20px;
    width: 49%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container .stat {
    width: 49%;
  }
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container span {
  font-size: 12px;
  line-height: 1.33;
  margin-left: 40px;
  display: inline-block;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-medium;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container span {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container span:not(.big) {
    max-width: 60px;
  }
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container span.big {
  color: var(--text-color);
  font-size: 36px;
  margin-left: 20px;
  line-height: 0.64;
  font-family: roboto-light;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .accordian-container .panel .panel-content .audit-step-form .po-search-result-container .result-body .booking-result .booking-title-container .stats-container span.big {
    font-size: 30px;
    margin-left: 10px;
  }
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .table-container.scrollable {
  max-height: 468px;
  overflow-y: scroll;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .table-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .table-container::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .table-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .table-container .pagination-table tbody tr:hover {
  outline: none;
  outline-offset: 0;
  background-color: var(--white-color);
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .table-container .pagination-table tbody tr:hover td {
  color: #203b4e;
  font-family: roboto-medium;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .table-container .pagination-table tbody tr td {
  font-size: 10px;
}
.accordian-container .panel .panel-content .audit-step-form .po-search-result-container .table-container .pagination-table tbody tr td .ng-option {
  font-size: 16px !important;
}

.booking-rule-container {
  max-height: 0;
  overflow: hidden;
  background-color: var(--white-color);
  margin: 0 0 10px 0 !important;
  box-shadow: 0 4px 10px 0 rgba(147, 168, 204, 0.4);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}
.booking-rule-container.active {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.booking-rule-container .office-info-container {
  position: relative;
  padding: 26px 47px;
  border-right: 1px solid rgba(var(--text-color), 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-rule-container .office-info-container {
    padding: 26px 20px;
    border: none;
  }
}
.booking-rule-container .office-info-container .office-info-icon {
  margin-right: 50px;
  display: inline-block;
  vertical-align: middle;
}
.booking-rule-container .office-info-container .office-info {
  display: inline-block;
  vertical-align: middle;
}
.booking-rule-container .office-info-container .office-info .title {
  font-size: 16px;
  margin-bottom: 11px;
  font-family: roboto-regular;
  color: rgba(var(--text-color), 0.4);
}
.booking-rule-container .office-info-container .office-info .text {
  color: var(--text-color);
  font-size: 12px;
  font-weight: 500;
  font-family: roboto-medium;
}
.booking-rule-container .office-info-container .office-info .contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.booking-rule-container .office-info-container .office-info .contact-list li {
  margin-right: 20px;
  display: inline-block;
}
.booking-rule-container .office-info-container .office-info .contact-list li img {
  display: inline-block;
  vertical-align: middle;
}
.booking-rule-container .office-info-container .office-info .contact-list li span {
  color: var(--text-color);
  font-size: 14px;
  margin-left: 9px;
  display: inline-block;
  vertical-align: middle;
  font-family: roboto-regular;
}
.booking-rule-container .office-info-container .office-info .contact-list li span.red {
  color: #cd2d2f;
}
.booking-rule-container .rules-container {
  padding: 26px 90px;
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-rule-container .rules-container {
    padding: 26px 20px;
  }
}
.booking-rule-container .rules-container .title {
  font-size: 16px;
  margin-bottom: 11px;
  font-family: roboto-regular;
  color: rgba(var(--text-color), 0.4);
}
.booking-rule-container .rules-container .text {
  margin: 0;
  font-size: 12px;
  color: var(--text-color);
  font-family: roboto-regular;
}

.border-block {
  height: 100px;
  border: 1px solid red;
}

.audit-confirmation-container {
  padding: 28px 46px;
  position: relative;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .audit-confirmation-container {
    padding: 20px;
  }
}
.audit-confirmation-container .confirmation-title-container {
  margin-bottom: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .audit-confirmation-container .confirmation-title-container {
    margin-bottom: 15px;
  }
}
.audit-confirmation-container .confirmation-title-container img {
  width: 34px;
  color: var(--text-color);
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}
.audit-confirmation-container .confirmation-title-container .title {
  font-size: 18px;
  margin-right: 8px;
  display: inline-block;
  font-family: roboto-regular;
  vertical-align: -webkit-baseline-middle;
}
.audit-confirmation-container .confirmation-title-container button {
  display: inline-block;
}
.audit-confirmation-container .audit-data-container {
  margin-left: 39px;
}
.audit-confirmation-container .audit-data-container .my-input-group {
  margin-bottom: 10px;
}
.audit-confirmation-container .audit-data-container .my-input-group.inline-group label {
  min-width: 55%;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .audit-confirmation-container .audit-data-container .my-input-group.inline-group label {
    display: block;
    min-width: auto;
    margin-top: 9px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .audit-confirmation-container .audit-data-container .my-input-group.inline-group label {
    display: block;
    min-width: auto;
    margin-top: 9px;
    margin-bottom: 0;
  }
}
.audit-confirmation-container .audit-data-container .my-input-group.inline-group .input-value {
  display: inline-block;
}
.audit-confirmation-container .audit-data-container .my-input-group label {
  margin-bottom: 2px;
  color: rgba(32, 59, 78, 0.6);
}
.audit-confirmation-container .audit-data-container .my-input-group .input-value {
  color: rgba(var(--text-color), 0.6);
  font-family: roboto-regular;
}
.audit-confirmation-container .audit-data-container .my-input-group .input-value strong {
  color: var(--text-color);
  font-family: roboto-bold;
}
.audit-confirmation-container .audit-data-container .padding-left {
  padding-left: 62px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .audit-confirmation-container .audit-data-container .padding-left {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .audit-confirmation-container .audit-data-container .padding-left {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .audit-confirmation-container .audit-data-container .tablet-padding-left {
    padding-left: 62px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .audit-confirmation-container .audit-data-container .last-column {
    margin-top: 20px;
  }
}
.audit-confirmation-container .audit-data-container .table-container .pagination-table tbody tr:hover {
  outline: none;
  outline-offset: 0;
  background-color: var(--white-color);
}
.audit-confirmation-container .audit-data-container .table-container .pagination-table tbody tr:hover td {
  color: #203b4e;
  font-family: roboto-medium;
}
.audit-confirmation-container .audit-data-container .table-container .pagination-table tbody tr td {
  font-size: 10px;
}
.audit-confirmation-container .border-right {
  border-right: 1px solid rgba(242, 245, 250, 0.6);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .audit-confirmation-container .border-right {
    border: none !important;
  }
}
.audit-confirmation-container .cta-container {
  padding: 26px 0;
  margin-top: 40px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.audit-confirmation-container .cta-container button {
  margin-left: 16px;
}
.audit-confirmation-container .document-count-container img {
  display: inline-block;
  vertical-align: middle;
}
.audit-confirmation-container .document-count-container .info {
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
}
.audit-confirmation-container .document-count-container .info h4 {
  margin: 0;
  color: var(--text-color);
  font-size: 18px;
  margin-bottom: 2px;
  font-family: roboto-regular;
}
.audit-confirmation-container .document-count-container .info p {
  margin: 0;
  color: var(--text-color);
  line-height: 1;
  font-size: 12px;
  font-family: roboto-medium;
}
.audit-confirmation-container .document-count-container .info span {
  font-size: 12px;
  color: rgba(var(--text-color), 0.4);
  font-family: roboto-medium;
}

.success-container {
  margin-top: 50px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .success-container {
    margin-top: 10px;
  }
}
.success-container .success-box {
  width: 600px;
  margin: auto;
  border-radius: 4px;
  background-color: #d4f6fa;
  border: 10px solid var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .success-container .success-box {
    width: 100%;
  }
}
.success-container .success-box .head {
  margin: auto;
  margin-top: 70px;
  text-align: center;
  margin-bottom: 70px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .success-container .success-box .head img {
    width: 87px;
  }
}
.success-container .success-box .body {
  padding-top: 25px;
  position: relative;
  text-align: center;
  background-color: var(--white-color);
}
.success-container .success-box .body .oval {
  top: -24px;
  width: 580px;
  height: 50px;
  position: absolute;
  background: var(--white-color);
  border-radius: 100%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .success-container .success-box .body .oval {
    width: 100%;
  }
}
.success-container .success-box .body .title {
  color: var(--text-color);
  font-size: 24px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .success-container .success-box .body .title {
    font-size: 20px;
  }
}
.success-container .success-box .body .text {
  font-size: 14px;
  color: rgba(32, 59, 78, 0.4);
  font-family: roboto-regular;
}
.success-container .success-box .body .text.share {
  margin-bottom: 0;
  padding-bottom: 30px;
}
.success-container .success-box .body .text.last {
  margin-bottom: 4px;
}
.success-container .success-box .body .text img {
  margin-right: 6px;
  vertical-align: middle;
}
.success-container .success-box .body .cta-container {
  padding: 40px 0;
}
.success-container .success-box .body .cta-container button {
  margin-right: 10px;
}

c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container {
  margin: 0 40px 30px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container {
    margin: 0 0 30px;
  }
}
c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container .card {
  border: none;
}
c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container .card .card-header {
  border: none;
  background-color: var(--white-color);
  margin-bottom: 0 !important;
  border-bottom: solid 1px rgba(189, 210, 226, 0.8);
}
c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container .card .card-header .btn-link {
  color: #143743;
  font-size: 18px;
  line-height: 1.28;
  text-decoration: none;
  font-family: roboto-light;
}
c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container .card .card-header .btn-link:hover {
  text-decoration: none;
}
c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container .profile-upload-thumb {
  width: 240px;
  margin: auto;
  padding: 40px;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
  background-color: #fbfbfb;
  box-shadow: 0 0 8px 0 rgba(189, 210, 226, 0.16);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container .profile-upload-thumb {
    width: 230px;
    padding: 30px 40px;
  }
}
c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container .profile-upload-thumb img {
  margin: auto;
  display: block;
  margin-bottom: 40px;
}
c:UsersÞll\d ownloadsû_saas_designû_saas_designsrcscss_settings.scss.accordion-container .profile-upload-thumb span {
  display: inline-block;
}

.head-arrow {
  position: absolute;
  left: 10px;
  top: 18px;
  transform: rotate(180deg);
}

.custom-file-uploader {
  display: block;
}
.custom-file-uploader img {
  vertical-align: top;
  display: inline-block;
}
.custom-file-uploader .text {
  margin-left: 14px;
  display: inline-block;
}
.custom-file-uploader .text .title {
  margin: 0;
  line-height: 1;
  color: #203b4e;
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.custom-file-uploader .text .small-title {
  margin: 0;
  line-height: 1;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 10px;
  color: rgba(32, 59, 78, 0.4);
  font-family: roboto-light;
}
.custom-file-uploader .text input[type=file] {
  display: none;
}

.small-model {
  text-align: center;
  padding: 40px 40px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .small-model {
    padding: 40px 20px;
  }
}
.small-model.new-padding {
  text-align: left;
  padding: 18px !important;
}
.small-model h2 {
  color: var(--text-color);
  font-size: 24px;
  line-height: 0.96;
  letter-spacing: -0.14px;
  font-family: roboto-medium;
}
.small-model p {
  font-size: 14px;
  line-height: 1.64;
  margin-bottom: 28px;
  letter-spacing: -0.08px;
  color: rgba(var(--text-color), 0.8);
  font-family: roboto-regular;
}
.small-model p.light {
  color: #9A9FA2;
}
.small-model p .invoice-number {
  display: block;
  color: #707275;
}
.small-model button {
  margin: 0 7px;
}

.custom-modal-header {
  border: none !important;
  padding: 30px 40px !important;
  background-color: rgba(237, 228, 225, 0.4);
}
.custom-modal-header h4 {
  color: var(--text-color);
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -0.12px;
  font-family: roboto-medium;
}

.custom-modal-body {
  padding: 30px 40px !important;
}
.custom-modal-body.noPadding {
  padding: 0 !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .custom-modal-body .table-container {
    overflow: scroll;
  }
}

.success-modal-body {
  text-align: center;
  background-color: #e9fae9;
  padding: 60px 0 !important;
}

.common-modal-body {
  padding: 24px 34px !important;
}

.custom-modal-footer {
  border: none !important;
  padding: 20px 40px;
  background-color: rgba(237, 228, 225, 0.2);
}

.modal .modal-content {
  border: none;
}

.smModelWidth .modal-dialog {
  max-width: 440px;
}

.md1ModelWidth .modal-dialog {
  max-width: 550px;
}

.mdModelWidth .modal-dialog {
  max-width: 896px;
}

.xsModelWidth .modal-dialog {
  max-width: 334px;
}
.xsModelWidth .modal-dialog .modal-content {
  box-shadow: 0 3px 56px rgba(0, 0, 0, 0.13);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .xsModelWidth .modal-dialog {
    margin: auto;
  }
}

.confirmModal .modal-dialog {
  max-width: 354px;
}
.confirmModal .modal-dialog .confirm-title {
  color: var(--text-color);
  font-size: 18px;
  margin-bottom: 8px;
  font-family: roboto-medium;
}
.confirmModal .modal-dialog .confirm-title img {
  margin-right: 10px;
  vertical-align: sub;
}

.qc-popup .modal-dialog {
  margin: -4rem auto;
}

.header-small-modal {
  padding: 0 !important;
}
.header-small-modal .small-model {
  padding: 0;
  text-align: left;
}
.header-small-modal .small-model .head {
  padding: 15px 22px;
  background-color: rgba(237, 228, 225, 0.4);
}
.header-small-modal .small-model .head h6 {
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.64;
  display: inline-block;
  letter-spacing: -0.08px;
  font-family: roboto-medium;
}
.header-small-modal .small-model .head .close {
  padding: 5px;
  cursor: pointer;
}
.header-small-modal .small-model .body {
  padding: 27px 26px;
}

.add-addmin-cantainer {
  padding: 32px !important;
  width: 74%;
  max-width: 74%;
}

.dashbaord-placeholder-container .width80 {
  width: 80%;
}
.dashbaord-placeholder-container .width50 {
  width: 60%;
}
.dashbaord-placeholder-container .width40 {
  width: 40%;
}
.dashbaord-placeholder-container .width30 {
  width: 30%;
}
.dashbaord-placeholder-container .width20 {
  width: 20%;
}
.dashbaord-placeholder-container .height20 {
  height: 20px;
}
.dashbaord-placeholder-container .height100 {
  height: 100px;
}
.dashbaord-placeholder-container .height16 {
  height: 16px;
}
.dashbaord-placeholder-container .height12 {
  height: 12px;
}
.dashbaord-placeholder-container .rect-title {
  width: 80%;
  height: 18px;
  margin-bottom: 25px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .color-card-widget-placeholder-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50px;
}
.dashbaord-placeholder-container .color-card-widget-placeholder-container .rect-card {
  height: 160px;
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
  background-color: #f2f5fa;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .color-card-widget-placeholder-container .rect-card {
    height: 100px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashbaord-placeholder-container .color-card-widget-placeholder-container .rect-card:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .color-card-widget-placeholder-container .rect-card:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashbaord-placeholder-container .color-card-widget-placeholder-container .rect-card.two-column {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
.dashbaord-placeholder-container .color-card-widget-placeholder-container .rect-card.two-column:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
.dashbaord-placeholder-container .graph-widget-placeholder-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 130px;
}
.dashbaord-placeholder-container .graph-widget-placeholder-container .graph-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashbaord-placeholder-container .graph-widget-placeholder-container .graph-container .thumbnail {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .graph-widget-placeholder-container .graph-container .thumbnail {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}
.dashbaord-placeholder-container .graph-widget-placeholder-container .graph-container .thumbnail .card {
  border: 0;
  width: 160px;
  height: 160px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .graph-widget-placeholder-container .graph-container .thumbnail .rect {
  height: 36px;
  margin-bottom: 16px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .graph-widget-placeholder-container .graph-container .content {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .graph-widget-placeholder-container .graph-container .content {
    margin-top: 20px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashbaord-placeholder-container .graph-widget-placeholder-container .graph-container .content .rect {
  height: 36px;
  margin-bottom: 16px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .info-widget-placeholder-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashbaord-placeholder-container .info-widget-placeholder-container {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .info-widget-placeholder-container {
    margin-bottom: 30px;
  }
}
.dashbaord-placeholder-container .info-widget-placeholder-container .item {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.dashbaord-placeholder-container .info-widget-placeholder-container .item:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
.dashbaord-placeholder-container .info-widget-placeholder-container .item .rect {
  height: 22px;
  margin-bottom: 12px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .status-widget-placeholder-container {
  padding: 53px 36px;
  margin: 40px 0 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
}
.dashbaord-placeholder-container .status-widget-placeholder-container .rect {
  height: 47px;
  margin-bottom: 14px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .rect.small {
  width: 260px;
  height: 18px;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container {
  margin-top: 100px;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container .label-container {
  vertical-align: top;
  display: inline-block;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container .label-container .rect {
  width: 50px;
  height: 8px;
  margin: 11px 0;
  display: table-caption;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container .chart {
  width: 200px;
  margin-left: 50px;
  display: inline-block;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container .chart .rect {
  height: 24px;
  margin-bottom: 6px;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container .chart .rect.width70 {
  width: 70%;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container .chart .rect.width50 {
  width: 50%;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container .chart .rect.width30 {
  width: 30%;
}
.dashbaord-placeholder-container .status-widget-placeholder-container .graph-container .chart .rect.width10 {
  width: 10%;
}
.dashbaord-placeholder-container .business-card-placeholder-container {
  height: 226px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
}
.dashbaord-placeholder-container .customer-map-placeholder-container {
  width: 110%;
  height: 320px;
  background-position: center;
  background-image: url('map-placeholder.png');
}
.dashbaord-placeholder-container .map-overlay-placeholder-container {
  position: absolute;
}
.dashbaord-placeholder-container .map-overlay-placeholder-container .notification-card {
  width: 160px;
  height: 160px;
  margin-right: 8px;
  border-radius: 2px;
  display: inline-block;
  background-color: #dbe0e8;
}
.dashbaord-placeholder-container .result-analytics-placeholder-container {
  margin-bottom: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashbaord-placeholder-container .result-card {
  padding: 28px;
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
  background-color: var(--white-color);
}
.dashbaord-placeholder-container .result-card.column-2 {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
.dashbaord-placeholder-container .result-card.column-2:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .result-card {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashbaord-placeholder-container .result-card:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .result-card:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashbaord-placeholder-container .result-card img {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
  width: 100px;
  display: inline-block;
}
.dashbaord-placeholder-container .result-card .content-container {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
  display: inline-block;
}
.dashbaord-placeholder-container .result-card .rect {
  height: 16px;
  margin-bottom: 14px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .common-graph-placeholder {
  padding-top: 40px;
}
.dashbaord-placeholder-container .common-graph-placeholder img {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
  width: 130px;
  display: inline-block;
}
.dashbaord-placeholder-container .common-graph-placeholder .content-container {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
  display: inline-block;
}
.dashbaord-placeholder-container .common-graph-placeholder .rect {
  height: 16px;
  margin-bottom: 14px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .product-overview-placeholder-container {
  display: flex;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashbaord-placeholder-container .product-overview-placeholder-container .product-card {
  height: 200px;
  border-radius: 4px;
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
  background-color: rgba(var(--white-color), 0.6);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .product-overview-placeholder-container .product-card {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashbaord-placeholder-container .product-overview-placeholder-container .product-card:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashbaord-placeholder-container .product-overview-placeholder-container .product-card:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.dashbaord-placeholder-container .product-overview-placeholder-container .product-card .content-container {
  padding: 30px 20px;
}
.dashbaord-placeholder-container .product-overview-placeholder-container .product-card .content-container .rect {
  height: 16px;
  margin-bottom: 14px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .customer-dashboard-product-card .content-container {
  padding: 30px 20px;
}
.dashbaord-placeholder-container .customer-dashboard-product-card .content-container .rect {
  height: 16px;
  margin-bottom: 14px;
  background-color: #f2f5fa;
}
.dashbaord-placeholder-container .big-result-placeholder-container {
  margin-top: 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashbaord-placeholder-container .big-result-placeholder-container .result-card {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.dashbaord-placeholder-container .landing-feature-container .rect {
  height: 18px;
  margin-bottom: 20px;
}
.dashbaord-placeholder-container .landing-feature-container .feature-card-placeholder {
  border: none;
  height: 300px;
  background-color: #f2f5fa !important;
}

.maydays-dashboard-placeholder-container .rect-title {
  width: 339px;
  height: 32px;
  margin-top: 30px;
  margin-bottom: 0;
  background-color: #dbe0e8;
}
.maydays-dashboard-placeholder-container .dashboard-stats-card img {
  width: 50px;
  height: 50px;
  display: inline-block;
}
.maydays-dashboard-placeholder-container .dashboard-stats-card .content-container {
  width: 50%;
  display: inline-block;
}
.maydays-dashboard-placeholder-container .dashboard-stats-card .content-container .rect {
  width: 124px;
  height: 16px;
  margin-top: 15px;
  background-color: #f2f5fa;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .graph-icon {
  height: 160px;
  width: 160px;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .legend-wrapper {
  margin-top: 0;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .legend-wrapper .content-container span {
  display: inline-block;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .legend-wrapper .content-container:first-of-type {
  margin-bottom: 30px;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .legend-wrapper .legend-item .rect {
  margin-bottom: 0;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .legend-wrapper .legend-item .tile {
  background-color: #f2f5fa;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .rect {
  margin-bottom: 10px;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .rect.width250 {
  height: 16px;
  width: 250px;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .rect.width80 {
  height: 16px;
  width: 80px;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .rect.width60 {
  height: 14px;
  width: 60px;
}
.maydays-dashboard-placeholder-container .dashboard-graph-container .rect.width100 {
  height: 14px;
  width: 100px;
}

.cs-catagory-placeholder-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #fbfcfd;
}
.cs-catagory-placeholder-container .cs-catagories {
  display: flex;
  padding: 24px 0 31px;
}
.cs-catagory-placeholder-container .cs-catagories .catagory-column {
  display: flex;
  align-items: center;
  flex: 1;
}
.cs-catagory-placeholder-container .cs-catagories .catagory-column .width30 {
  margin-right: 11px;
  margin-bottom: 0;
  width: 30px !important;
  height: 32px !important;
}
.cs-catagory-placeholder-container .cs-catagories .catagory-column .width50 {
  margin-bottom: 0;
  width: 60px !important;
  height: 10px !important;
}

.cs-main-stats-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
}
.cs-main-stats-container .cs-stats-container {
  display: flex;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block {
  display: flex;
  flex: 1;
  padding: 0 50px;
  flex-direction: column;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .width80 {
  height: 60px !important;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .width30 {
  margin-bottom: 10px;
  height: 16px !important;
}

.customer-decision-placeholder-container .rect-common {
  border-radius: 4px;
}
.customer-decision-placeholder-container .rect-common.width10 {
  width: 10%;
}
.customer-decision-placeholder-container .rect-common.width20 {
  width: 20%;
}
.customer-decision-placeholder-container .rect-common.width30 {
  width: 30%;
}
.customer-decision-placeholder-container .rect-common.width40 {
  width: 40%;
}
.customer-decision-placeholder-container .rect-common.width50 {
  width: 50%;
}
.customer-decision-placeholder-container .rect-common.width60 {
  width: 60%;
}
.customer-decision-placeholder-container .customer-decision-head .section-one .column:first-child .rect-common {
  height: 22px !important;
}
.customer-decision-placeholder-container .side-bar-container .list-head-container .column:last-child .rect-common:first-child {
  height: 11px !important;
}
.customer-decision-placeholder-container .side-bar-container .list-head-container .column:last-child .rect-common:last-child {
  height: 32px !important;
}
.customer-decision-placeholder-container .side-bar-container .list-body-container .list-item .checkbox-pl {
  width: 8%;
}
.customer-decision-placeholder-container .side-bar-container .list-body-container .list-item .rect-common:first-child {
  height: 26px !important;
}
.customer-decision-placeholder-container .side-bar-container .list-body-container .list-item .rect-common:nth-child(2) {
  height: 62px !important;
}
.customer-decision-placeholder-container .side-bar-container .list-body-container .list-item .list-items-pl {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.customer-decision-placeholder-container .side-bar-container .list-body-container .list-item .list-items-pl .id-pl {
  height: 16px !important;
}
.customer-decision-placeholder-container .side-bar-container .list-body-container .list-item .list-items-pl .items-pl {
  flex: 1;
  align-items: center;
}
.customer-decision-placeholder-container .side-bar-container .list-body-container .list-item .list-items-pl .items-pl .sub-item-pl {
  height: 10px !important;
}
.customer-decision-placeholder-container .side-bar-container .list-body-container .list-item .list-items-pl .items-pl .item-status-pl {
  height: 24px !important;
}
.customer-decision-placeholder-container .order-details-container .report-details-container .item-detail-id .rect-common {
  height: 24px !important;
}
.customer-decision-placeholder-container .order-details-container .report-details-container .download-report-container .rect-common {
  height: 36px !important;
}
.customer-decision-placeholder-container .order-details-container .item-container .item-image-container .rect-common {
  height: 310px !important;
}
.customer-decision-placeholder-container .order-details-container .item-container .item-details-container .rect-common {
  margin-bottom: 0;
}
.customer-decision-placeholder-container .order-details-container .item-container .item-details-container .detail-row .detail-row-pl-column {
  flex: 0.3;
}
.customer-decision-placeholder-container .order-details-container .item-container .item-details-container .detail-row .detail-row-pl-column:first-child .rect-common {
  height: 12px !important;
}
.customer-decision-placeholder-container .order-details-container .item-container .item-details-container .detail-row .detail-row-pl-column:last-child {
  flex: 1;
}
.customer-decision-placeholder-container .order-details-container .item-status-container .defect-details-container .defect-head .rect-common {
  margin-bottom: 0;
}
.customer-decision-placeholder-container .order-details-container .item-status-container .defect-details-container .defect-head .rect-common:first-child {
  width: 12%;
  height: 36px !important;
}
.customer-decision-placeholder-container .order-details-container .item-status-container .inspection-details-container .inspection-head .rect-common {
  margin-bottom: 0;
}
.customer-decision-placeholder-container .order-details-container .item-status-container .inspection-details-container .inspection-head .rect-common:first-child {
  width: 5.65%;
  height: 36px !important;
}
.customer-decision-placeholder-container .order-details-container .item-status-container .inspection-details-container .inspection-head .rect-common:last-child {
  width: 13%;
}
.customer-decision-placeholder-container .order-details-container .item-status-container .inspection-details-container .inspection-details .rect-common {
  margin-bottom: 0;
}
.customer-decision-placeholder-container .order-details-container .item-status-container .inspection-details-container .inspection-details .detail-column .column:nth-child(2) .detail-result .rect-common {
  height: 21px !important;
}
.customer-decision-placeholder-container .order-details-container .item-status-container .inspection-details-container .inspection-details .detail-column .column:last-child .rect-common {
  width: 35%;
}

.sample-placeholder-container .pagination-table thead {
  background-color: unset;
}
.sample-placeholder-container .pagination-table .head-placeholder .rect-common {
  height: 22px !important;
  margin-top: 0;
  margin-bottom: 0;
}
.sample-placeholder-container .rect-common {
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  height: 18px !important;
  background-color: #f2f5fa;
}
.sample-placeholder-container .rect-common.width10 {
  width: 10%;
}
.sample-placeholder-container .rect-common.width20 {
  width: 20%;
}
.sample-placeholder-container .rect-common.width30 {
  width: 30%;
}
.sample-placeholder-container .rect-common.width40 {
  width: 40%;
}
.sample-placeholder-container .rect-common.width50 {
  width: 50%;
}
.sample-placeholder-container .rect-common.width100 {
  width: 100%;
}

.booking-flow-placeholder-container .process-information-placeholder {
  display: flex;
}
.booking-flow-placeholder-container .rect-common.height36 {
  height: 36px !important;
}
.booking-flow-placeholder-container .rect-common.height66 {
  height: 66px !important;
}
.booking-flow-placeholder-container .rect-common.height84 {
  height: 84px !important;
}
.booking-flow-placeholder-container .rect-common.width20 {
  width: 20%;
}
.booking-flow-placeholder-container .rect-common.width100 {
  width: 100px;
}
.booking-flow-placeholder-container .rect-common.margin0 {
  margin: 0px;
}

.new-landing-placeholder-container .column .rect-common {
  height: 40px !important;
}
.new-landing-placeholder-container .column .rect-common.width20 {
  width: 20%;
}
.new-landing-placeholder-container .feature-card-container .placeholder-card {
  height: 280px;
}

.package-placeholder-container .row {
  align-items: center !important;
}
.package-placeholder-container .rect-common.width20 {
  width: 20%;
}
.package-placeholder-container .height-40 {
  height: 40px !important;
}

.api-saas-placeholder-container .fb-page-header-container {
  padding-bottom: 24px 0;
  background-color: rgba(76, 105, 141, 0.1);
}
.api-saas-placeholder-container .fb-page-header-container .rect {
  height: 20px;
  width: 160px;
}

.product-placeholder-container .detail-card-placeholder .detail-card-wrapper .detail-card {
  display: flex;
  max-width: none !important;
}
.product-placeholder-container .detail-card-placeholder .detail-card-wrapper .detail-card .thumbnail {
  width: 60px;
  height: 60px;
}
.product-placeholder-container .detail-card-placeholder .detail-card-wrapper .detail-card .card-info {
  flex: 1;
}

.rect-common {
  width: 100%;
  margin-bottom: 15px;
  height: 18px !important;
  background-color: #f2f5fa;
}
.rect-common.width50 {
  width: 50%;
}
.rect-common.width30 {
  width: 30%;
}
.rect-common.width80 {
  width: 80%;
}
.rect-common.width100 {
  width: 100%;
}

.animate {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderAnimation;
  animation-timing-function: linear;
  background: darkgray;
  background: linear-gradient(to right, #f2f5fa 10%, #eaecef 18%, #f2f5fa 40%);
  background-size: 800px 104px;
  height: 100px;
  position: relative;
}

.widht100 {
  width: 120px !important;
}

.height120 {
  height: 120px !important;
}

.height100 {
  height: 100px !important;
}

.hight50 {
  height: 50px !important;
}

.hight40 {
  height: 40px !important;
}

.bar-placeholder-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.bar-placeholder-container .bar {
  width: 35px;
  height: 200px;
  display: inline-block;
}
.bar-placeholder-container .bar.height-180 {
  height: 180px;
}
.bar-placeholder-container .bar.height-160 {
  height: 160px;
}
.bar-placeholder-container .bar.height-150 {
  height: 150px;
}
.bar-placeholder-container .bar.height-140 {
  height: 140px;
}
.bar-placeholder-container .bar.height-120 {
  height: 120px;
}
.bar-placeholder-container .bar.height-100 {
  height: 100px;
}

@keyframes placeHolderAnimation {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.landing-wrapper {
  background-color: var(--white-color);
}
.landing-wrapper .landing-map-container {
  width: 100%;
  height: 350px;
}
.landing-wrapper .landing-map-container #mapView {
  height: 100%;
  width: 100%;
}
.landing-wrapper .landing-feature-container {
  padding: 32px 0;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.landing-wrapper .landing-feature-container .feature-list {
  margin-top: 53px;
  width: 24.0343347639%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .landing-wrapper .landing-feature-container .feature-list {
    width: 24.0343347639%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-list {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-wrapper .landing-feature-container .feature-list {
    padding: 0 30px;
    margin-top: 20px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.landing-wrapper .landing-feature-container .feature-list .title {
  color: var(--text-color);
  font-size: 20px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-list .title {
    text-align: center;
  }
}
.landing-wrapper .landing-feature-container .feature-list ul {
  margin-top: 24px;
  padding-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-list ul {
    text-align: center;
  }
}
.landing-wrapper .landing-feature-container .feature-list ul li {
  color: #707275;
  font-size: 14px;
  list-style: none;
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-list ul li {
    margin-right: 10px;
    display: inline-block;
  }
}
.landing-wrapper .landing-feature-container .feature-list ul li:before {
  left: 0;
  top: 3px;
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-size: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-image: url('cta-tick-green.svg');
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-list ul li:before {
    width: 20px;
    margin-left: 10px;
  }
}
.landing-wrapper .landing-feature-container .feature-card-container {
  width: 74.678111588%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .landing-wrapper .landing-feature-container .feature-card-container {
    width: 74.678111588%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-card-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-wrapper .landing-feature-container .feature-card-container {
    padding: 0 30px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.landing-wrapper .landing-feature-container .feature-card-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul {
    padding: 0 20px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card {
  width: 220px;
  margin: 0 15px;
  position: relative;
  margin-bottom: 6px;
  text-align: center;
  border-radius: 9px;
  padding: 12px 14px;
  vertical-align: top;
  padding-bottom: 24px;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: rgba(242, 248, 255, 0.6);
  border: solid 1px rgba(207, 229, 241, 0.6);
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card:hover {
  background-color: #f2f8ff;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul .feature-card {
    margin: auto;
    width: 24.0343347639%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul .feature-card {
    margin: auto;
    width: 24.0343347639%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul .feature-card {
    padding: 30px 0;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul .feature-card:last-child {
    width: 24.0343347639%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul .feature-card:last-child {
    width: 24.0343347639%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul .feature-card img {
    width: 100%;
  }
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.active-card {
  border: none;
  cursor: pointer;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.active-card .card-title {
  color: var(--white-color);
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.active-card .text {
  color: var(--white-color);
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.active-card .feature-card-cta {
  color: var(--white-color);
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.active-card:hover .feature-card-cta {
  background-color: transparent;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.lab-test-card {
  background-color: #a367dc;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.lab-test-card:hover {
  background-color: #8b58bc;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.tcf-card {
  background-color: #dc67ce;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.tcf-card:hover {
  background-color: #bc58b0;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.inspection-card {
  background-color: #6771dc;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.inspection-card:hover {
  background-color: #5860bc;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.audit-card {
  background-color: #8067dc;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card.audit-card:hover {
  background-color: #6e58bc;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card .card-title {
  color: var(--text-color);
  font-size: 18px;
  margin-top: 20px;
  font-family: roboto-medium;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card .text {
  margin: auto;
  color: #707275;
  font-size: 12px;
  max-width: 170px;
  text-align: center;
  margin-bottom: 17px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul .feature-card .text {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-wrapper .landing-feature-container .feature-card-container ul .feature-card .text {
    min-height: 60px;
  }
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card .feature-card-cta {
  color: #cd2d2f;
  font-size: 12px;
  padding: 10px 14px;
  display: inline-block;
  transition: ease all 0.4s;
  font-family: roboto-bold;
  background-color: transparent;
}
.landing-wrapper .landing-feature-container .feature-card-container ul .feature-card .feature-card-cta:hover {
  background-color: #f8dfe0;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quote-rule {
    float: right;
    margin-top: 30px;
    top: 0 !important;
    margin-bottom: 10px;
    position: relative !important;
  }
}
.quote-rule img {
  width: 23px;
}
.quote-rule p {
  color: #cd2d2f !important;
}

.quotation-container {
  position: relative;
  margin-bottom: 12px;
}
.quotation-container:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display {
    display: flex;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order1 {
    order: 1;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order2 {
    order: 2;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order3 {
    order: 3;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order4 {
    order: 4;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order5 {
    order: 5;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order6 {
    order: 6;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order7 {
    order: 7;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order8 {
    order: 8;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order9 {
    order: 9;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .flex-display .order10 {
    order: 10;
  }
}
.quotation-container .head-toggler {
  top: 15px;
  right: 20px;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 5px;
  position: absolute;
  background-color: #ddd1cc;
  color: rgba(var(--text-color), 0.6) !important;
}
.quotation-container .absolute-button {
  position: absolute;
  right: 15px;
  top: -31px;
}
.quotation-container .quote-form-title {
  color: #798994;
  font-style: 16px;
  margin-bottom: 16px;
  font-family: roboto-medium;
}
.quotation-container .add-more {
  line-height: 1;
  color: #008def;
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  font-family: roboto-bold;
}
.quotation-container .form-action-container {
  padding: 40px 0 0 !important;
}
.quotation-container .labelMode .column {
  border-right: 2px solid #F4F5F6;
}
.quotation-container .labelMode .column:nth-child(3n) {
  border-right: none;
}
.quotation-container .labelMode .column .my-input-group {
  padding-left: 50px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .labelMode .column .my-input-group {
    padding-left: 0;
  }
}
.quotation-container .labelMode .column:first-child .my-input-group {
  padding-left: 0;
}
.quotation-container .stats {
  margin-right: 30px;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .stats {
    margin-bottom: 15px;
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .stats:nth-child(2n) {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.quotation-container .stats:last-child {
  margin-bottom: 45px;
}
.quotation-container .stats span {
  font-size: 12px;
  line-height: 1.33;
  display: inline-block;
  vertical-align: middle;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-medium;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quotation-container .stats span {
    display: block;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .stats span {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .stats span:not(.big) {
    max-width: 60px;
  }
}
.quotation-container .stats span.big {
  color: var(--text-color);
  font-size: 26px;
  margin-left: 10px;
  line-height: 0.64;
  font-family: roboto-light;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quotation-container .stats span.big {
    display: block;
    margin-left: 0;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .stats span.big {
    margin-left: 0;
    font-size: 30px;
  }
}
.quotation-container .quotation-table-container {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #f8f9fc;
}
.quotation-container .quotation-table-container .quotation-table-head {
  padding: 15px;
  position: relative;
  background-color: #e7ecf7;
}
.quotation-container .quotation-table-container .quotation-table-head h5 {
  margin: 0;
  font-size: 14px;
  color: rgba(32, 59, 78, 0.96);
  font-family: roboto-medium;
}
.quotation-container .quotation-table-container .quotation-table-head .add-more {
  top: 18px;
  right: 20px;
  position: absolute;
}
.quotation-container .quotation-table-container .quotation-table-head .add-more img {
  margin-right: 5px;
  vertical-align: top;
}
.quotation-container .quotation-table-container .table-input-container {
  padding: 26px 16px 16px;
}
.quotation-container .quotation-table-container .table-input-container .col-sm-2 {
  padding: 0 5px;
}
.quotation-container .quotation-table-container .table-input-container .col-sm-2:first-child {
  padding-left: 15px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .quotation-table-container .table-input-container .col-sm-2:first-child {
    padding-left: 5px;
  }
}
.quotation-container .quotation-table-container .table-input-container .col-sm-2:last-child {
  padding-right: 15px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .quotation-table-container .table-input-container .col-sm-2:last-child {
    padding-right: 5px;
  }
}
.quotation-container .quotation-table-container .table-toggle-container {
  padding: 0 15px 15px;
}
.quotation-container .quotation-table-container .table-toggle-container .add-more {
  font-weight: 100;
  font-family: roboto-regular;
}
.quotation-container .quotation-table-container .table-toggle-container .add-more img {
  width: 12px;
  margin-right: 8px;
  vertical-align: top;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .quotation-table-container .table-toggle-container .col-sm-6 {
    width: 50%;
  }
}
.quotation-container .quotation-table-container .table-toggle-container .table-toggler {
  font-size: 12px;
  color: rgba(32, 59, 78, 0.8);
  font-family: roboto-regular;
}
.quotation-container .quotation-table-container .table-toggle-container .table-toggler img {
  margin-left: 10px;
}
.quotation-container .quotation-table-container table th {
  font-family: roboto-regular;
}
.quotation-container .quotation-table-container table tbody tr.white {
  background-color: var(--white-color) !important;
}
.quotation-container .quotation-table-container table tbody tr.grey {
  background-color: #f3f6fb !important;
}
.quotation-container .quotation-table-container table tbody tr.merged {
  border-bottom: 1px dashed rgba(189, 210, 226, 0.6);
  border-left: 1px solid rgba(189, 210, 226, 0.2);
  border-right: 1px solid rgba(189, 210, 226, 0.2);
}
.quotation-container .quotation-table-container table tbody tr.merged td {
  border: 1px dashed rgba(189, 210, 226, 0.6);
}
.quotation-container .quotation-table-container table tbody tr.merged td:first-child {
  border-left: none;
}
.quotation-container .quotation-table-container table tbody tr.merged td:last-child {
  border-right: none;
}
.quotation-container .quotation-table-container table tbody td {
  border-right: 1px solid rgba(189, 210, 226, 0.2);
}
.quotation-container .quotation-table-container table .my-input-group {
  margin: 0;
}
.quotation-container .quotation-table-container table .my-input-group input {
  padding: 10px 12px;
  font-size: 11px !important;
}
.quotation-container .quotation-table-container table .row-action {
  width: 15px;
  display: inline-block;
  vertical-align: initial;
}
.quotation-container .quotation-table-container table .row-action:first-child {
  margin-right: 10px;
}
.quotation-container .cost-container {
  padding: 24px 25px;
  border-bottom: 2px solid #EFF0F1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .cost-container .col-sm-6 {
    width: 70%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .cost-container .col-sm-6:first-child {
    width: 30%;
  }
}
.quotation-container .cost-container p {
  margin: 0;
}
.quotation-container .cost-container .my-input-group {
  display: inline-block;
  border: 1px solid #bdd2e2;
}
.quotation-container .cost-container .my-input-group input {
  margin: 0;
  border: none;
  width: 113px;
  display: inline-block;
}
.quotation-container .cost-container .my-input-group span {
  width: 54px;
  padding: 12px;
  color: #7b8d93;
  font-size: 14px;
  display: inline-block;
  border-left: 1px solid #bdd2e2;
  background-color: rgba(220, 234, 245, 0.3);
}
.quotation-container .cost-title {
  font-size: 22px;
  margin-right: 80px;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .cost-title {
    margin-right: 40px;
  }
}
.quotation-container .cost-amount {
  color: #1dbc7d;
  font-size: 24px;
  display: inline-block;
  text-transform: uppercase;
  font-family: roboto-medium;
}
.quotation-container .animated-icon-container {
  padding: 14px;
}
.quotation-container .table-badge-container {
  display: inline-block;
}
.quotation-container .table-badge-container span {
  margin: 0 0 0 4px;
}

.quotation-placeholder-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.quotation-placeholder-container .column {
  height: 304px;
  padding: 24px 34px;
  margin-bottom: 16px;
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
  background-color: var(--white-color);
}
.quotation-placeholder-container .column:nth-child(2n) {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
.quotation-placeholder-container .column.opac {
  opacity: 0.5;
}

.quotation-search-container {
  margin-top: 24px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.quotation-search-container .quotation-card {
  padding: 24px 34px;
  margin-bottom: 16px;
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
  background-color: var(--white-color);
  border: solid 1px #dbe6ea;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .quotation-search-container .quotation-card {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-search-container .quotation-card {
    padding: 24px;
  }
}
.quotation-search-container .quotation-card:nth-child(2n) {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .quotation-search-container .quotation-card:nth-child(2n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.quotation-search-container .quotation-card .quotation-number {
  color: #ff5626;
  line-height: 1;
  font-size: 12px;
  padding: 8px 14px;
  border-radius: 2px;
  display: inline-block;
  font-family: roboto-bold;
  background-color: rgba(255, 86, 38, 0.1);
}
.quotation-search-container .quotation-card .quotation-number.disabled {
  color: #afbbcb;
  background-color: #f4f6f8;
}
.quotation-search-container .quotation-card .timestamp {
  float: right;
  color: #9A9FA2;
  font-size: 10px;
  text-align: right;
  margin-top: 9px;
  font-family: roboto-regular;
}
.quotation-search-container .quotation-card .dashed-border {
  border-left: 2px dashed rgba(205, 213, 223, 0.6);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-search-container .quotation-card .dashed-border {
    border: none;
    padding-top: 24px;
    border-top: 2px dashed rgba(205, 213, 223, 0.6);
  }
}
.quotation-search-container .quotation-card .info-list {
  line-height: 1;
  padding-bottom: 10px;
}
.quotation-search-container .quotation-card .info-list span {
  color: #9A9FA2;
  font-size: 12px;
  vertical-align: top;
  display: inline-block;
  text-transform: capitalize;
  font-family: roboto-regular;
}
.quotation-search-container .quotation-card .info-list span.dark {
  color: var(--text-color);
}
.quotation-search-container .quotation-card .info-list span img {
  margin-left: 10px;
}
.quotation-search-container .quotation-card .info-list.business:last-of-type {
  padding-bottom: 24px;
}
.quotation-search-container .quotation-card .info-list.business span:first-child {
  width: 40%;
}
.quotation-search-container .quotation-card .info-list.business span:last-child {
  width: 60%;
  line-height: 1.3;
  text-transform: capitalize;
}
.quotation-search-container .quotation-card .info-list.business span img {
  vertical-align: top;
}
.quotation-search-container .quotation-card .info-list.amount {
  margin-left: 34px;
  padding-bottom: 14px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-search-container .quotation-card .info-list.amount {
    margin-left: 0;
  }
}
.quotation-search-container .quotation-card .info-list.amount.marginBottom24 {
  margin-bottom: 0;
  padding-bottom: 24px;
}
.quotation-search-container .quotation-card .info-list.amount.other-cost {
  padding-bottom: 8px;
}
.quotation-search-container .quotation-card .info-list.amount.discount {
  padding-bottom: 20px;
  border-bottom: 1px solid #8397AF;
}
.quotation-search-container .quotation-card .info-list.amount.discount span {
  color: #00a7ff;
}
.quotation-search-container .quotation-card .info-list.amount.big {
  margin-top: 18px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-search-container .quotation-card .info-list.amount.big {
    padding-bottom: 24px;
  }
}
.quotation-search-container .quotation-card .info-list.amount.big span {
  font-size: 14px;
  font-family: roboto-medium;
}
.quotation-search-container .quotation-card .info-list.amount span:first-child {
  width: 50%;
}
.quotation-search-container .quotation-card .info-list.amount span:last-child {
  width: 50%;
}

.approve-modal-container {
  position: relative;
}
.approve-modal-container .animated-icon-container {
  top: 12px;
  right: 14px;
  position: absolute;
}
.approve-modal-container .modal-title {
  color: var(--text-color);
  font-size: 18px;
  margin-bottom: 8px;
  font-family: roboto-medium;
}
.approve-modal-container .message {
  color: #9A9FA2;
  font-size: 14px;
  margin-bottom: 24px;
  font-family: roboto-regular;
}
.approve-modal-container .details {
  line-height: 1;
  margin-bottom: 10px;
}
.approve-modal-container .details .label {
  color: #9A9FA2;
  font-size: 12px;
  min-width: 80px;
  display: inline-block;
  font-family: roboto-regular;
}
.approve-modal-container .details .value {
  color: #707275;
  font-size: 12px;
  display: inline-block;
  font-family: roboto-medium;
}
.approve-modal-container .input-group {
  margin-top: 14px;
}
.approve-modal-container .cta-container {
  margin-top: 24px;
  text-align: right;
}

.tracking-container {
  position: relative;
  margin-bottom: 12px;
}
.tracking-container .thumbnail-container {
  border-radius: 2px;
  text-align: center;
  padding: 50px 30px 30px;
  border: solid 1px #e7ecf7;
}
.tracking-container .thumbnail-container img {
  width: 100%;
  margin: auto;
}
.tracking-container .section-title {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 500;
  font-family: roboto-medium;
}
.tracking-container .result-border-right {
  border-right: solid 1px rgba(var(--text-color), 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .result-border-right {
    border-right: none !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .report-status {
    margin-top: 20px;
  }
}
.tracking-container .report-status .result-block {
  margin-right: 24px;
  vertical-align: top;
  padding-right: 34px;
  display: inline-block;
  border-right: solid 2px rgba(var(--text-color), 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .report-status .result-block {
    padding-right: 0;
    border-right: none;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.tracking-container .report-status .result-block:last-child {
  border: none;
  margin-right: 0;
}
.tracking-container .report-status .result-block .small {
  margin: 0;
  display: block;
  color: #7b8d94;
  font-size: 12px;
  line-height: 1.92;
  vertical-align: middle;
  font-family: roboto-regular;
}
.tracking-container .report-status .result-block .icon {
  width: 17px;
  margin-right: 8px;
  vertical-align: initial;
}
.tracking-container .report-status .result-block .result-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.28;
  margin-right: 8px;
  font-family: roboto-bold;
}
.tracking-container .report-status .result-block .result-title.green {
  color: #1dbb7d;
}
.tracking-container .report-status .result-block .result-title.blue {
  color: #4880ff;
}
.tracking-container .report-status .result-block .result-title.yellow {
  color: #f3900f;
}
.tracking-container .report-status .result-block .result-title.purple {
  color: #ae56de;
}
.tracking-container .report-status .result-block .result-title.green {
  color: #08b24b;
}
.tracking-container .report-status .result-block .result-title.red {
  color: #e02e2e;
}
.tracking-container .report-status .result-block .result-title.grey {
  color: #9eb9ce;
}
.tracking-container .report-status .result-block .result-title.blue {
  color: #4b78dd;
}
.tracking-container .my-input-group label {
  color: #7b8d94;
  font-size: 11px;
  font-family: roboto-regular;
}
.tracking-container .my-input-group .input-value {
  color: var(--text-color);
  font-size: 12px;
  font-weight: bold;
  font-family: roboto-bold;
}
.tracking-container .my-input-group .input-value.light {
  color: #7b8d94;
  margin-top: 3px;
  font-weight: 100;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .result-detail-container {
    margin-top: 20px;
  }
}
.tracking-container .result-detail-container .light {
  color: #7b8d94;
  font-size: 11px;
  padding-left: 80px;
  margin-bottom: 10px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tracking-container .result-detail-container .light {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .result-detail-container .light {
    padding-left: 15px;
  }
}
.tracking-container .result-detail-container .dark {
  color: var(--text-color);
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: roboto-bold;
}
.tracking-container .result-detail-container .blue {
  color: #4b78dd;
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
  line-height: 1.42;
  font-style: italic;
  padding-left: 80px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tracking-container .result-detail-container .blue {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .result-detail-container .blue {
    padding-left: 15px;
  }
}
.tracking-container .result-detail-container .my-input-group {
  margin-bottom: 10px;
}
.tracking-container .result-detail-container .my-input-group:nth-child(odd) {
  padding-left: 80px;
}
.tracking-container .result-card {
  width: 373px;
  padding: 0 50px 0;
  position: relative;
  vertical-align: top;
  margin-bottom: 40px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tracking-container .result-card {
    min-height: 108px;
    padding: 0 20px 0;
    margin-bottom: 20px;
    width: 32.4749642346%;
    float: left;
    margin-right: 1.2875536481%;
  }
  .tracking-container .result-card:nth-child(3n) {
    width: 32.4749642346%;
    float: right;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .result-card {
    padding: 0;
    margin-bottom: 20px;
    border: none !important;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.tracking-container .result-card:first-child {
  padding-left: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .result-card:first-child {
    padding: 0;
  }
}
.tracking-container .result-card.padding20 {
  padding-left: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .result-card.padding20 {
    padding: 0;
  }
}
.tracking-container .result-card:last-child {
  padding-right: 0;
}
.tracking-container .result-card .title {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.tracking-container .result-card .status {
  top: 0;
  right: 50px;
  color: #1dbb7d;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  font-family: roboto-bold;
}
.tracking-container .result-card .status.fail {
  color: #e02e2e;
}
.tracking-container .result-card .status.pending {
  color: #f3900f;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tracking-container .result-card .status {
    right: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .result-card .status {
    right: 10px;
  }
}
.tracking-container .result-card .status img {
  width: 14px;
  margin-right: 4px;
  display: inline-block;
}
.tracking-container .result-card p.small {
  font-size: 12px;
  margin-bottom: 5px;
  color: rgba(var(--text-color), 0.6);
  font-family: roboto-regular;
}
.tracking-container .result-card .count.light {
  opacity: 0.4;
}
.tracking-container .result-card .count .number {
  color: #cd2d2f;
  font-size: 14px;
  margin-left: 6px;
  font-family: roboto-regular;
}
.tracking-container .defect-card {
  width: 373px;
  padding: 0 50px 0;
  display: table-cell;
  border-right: solid 1px rgba(var(--text-color), 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .defect-card {
    padding: 0;
    border-right: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.tracking-container .defect-card:first-child {
  padding-left: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .defect-card:first-child {
    padding: 0;
    border-right: none;
    margin-bottom: 20px;
  }
}
.tracking-container .defect-card:last-child {
  border-right: none;
}
.tracking-container .defect-card .title {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 14px;
  font-family: roboto-medium;
}
.tracking-container .defect-card p.small {
  font-size: 12px;
  margin-bottom: 5px;
  margin-bottom: 10px;
  color: rgba(var(--text-color), 0.6);
  font-family: roboto-regular;
}
.tracking-container .product-info-card {
  padding-left: 40px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .product-info-card {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .product-info-card .my-input-group {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .product-info-card .my-input-group:nth-child(2n) {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.tracking-container .small-info-container {
  margin-top: 45px;
}
.tracking-container .small-info-container .small-info-block {
  display: inline-block;
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tracking-container .small-info-container .small-info-block {
    width: 32.4749642346%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .small-info-container .small-info-block {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .tracking-container .small-info-container .small-info-block:nth-child(2n) {
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
.tracking-container .small-info-container .small-info-block:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tracking-container .small-info-container .small-info-block:last-child {
    width: 32.4749642346%;
    float: right;
    margin-right: 0;
  }
}
.tracking-container .small-info-container .small-info-block.blue {
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tracking-container .small-info-container .small-info-block.blue {
    padding-left: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .small-info-container .small-info-block.blue {
    padding-left: 0;
  }
}
.tracking-container .small-info-container .small-info-block.blue small {
  color: #4b78dd;
}
.tracking-container .small-info-container .small-info-block.blue .big {
  color: #4b78dd;
}
.tracking-container .small-info-container .small-info-block.red small {
  color: #dd4242;
}
.tracking-container .small-info-container .small-info-block.red .big {
  color: #dd4242;
}
.tracking-container .small-info-container .small-info-block.orange small {
  color: #e87304;
}
.tracking-container .small-info-container .small-info-block.orange .big {
  color: #e87304;
}
.tracking-container .small-info-container .small-info-block small {
  margin: 0;
  display: block;
  font-size: 11px;
  font-style: normal;
  vertical-align: middle;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .small-info-container .small-info-block small {
    margin-top: 8px;
    width: 57.7968526466%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.tracking-container .small-info-container .small-info-block .big {
  display: block;
  color: var(--text-color);
  font-size: 20px;
  vertical-align: middle;
  font-family: roboto-light;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tracking-container .small-info-container .small-info-block .big {
    margin: 0;
    width: 40.9155937053%;
    float: right;
    margin-right: 0;
  }
}

.booking-status-container {
  padding: 24px 0;
  text-align: center;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.booking-status-container.placeholder .title {
  width: 80px;
  height: 10px;
  margin: 8px auto 0 !important;
  background-color: #f2f5fa;
}
.booking-status-container.placeholder span {
  width: 50px;
  height: 8px;
  display: inline-block;
  background-color: #f2f5fa;
}
.booking-status-container .status-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.booking-status-container .status-list li {
  width: 180px;
  padding: 0 40px;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-status-container .status-list li {
    width: 140px;
    padding: 0 20px;
  }
}
.booking-status-container .status-list li:after {
  top: 16px;
  left: 59%;
  z-index: 0;
  content: "";
  width: 148px;
  position: absolute;
  border-top: 2px solid #E5E7ED;
}
.booking-status-container .status-list li.processing:after {
  border-top: 2px dashed #E5E7ED;
}
.booking-status-container .status-list li:last-child:after {
  width: 0;
}
.booking-status-container .status-list li img {
  width: 34px;
  height: 34px;
}
.booking-status-container .status-list li .title {
  line-height: 1;
  color: #203b4e;
  font-size: 12px;
  font-weight: 500;
  margin: 8px 0 0 0;
  font-family: roboto-medium;
}
.booking-status-container .status-list li span {
  color: #a5b0b7;
  line-height: 1;
  margin-top: 4px;
  font-size: 10px;
  margin-top: 4px;
  font-weight: 500;
  font-family: roboto-medium;
}

.tcf-dashboard-wrapper {
  padding-left: 20px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .tcf-dashboard-wrapper {
    padding: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-dashboard-wrapper {
    padding: 0;
    margin-top: 20px;
  }
}
.tcf-dashboard-wrapper .status-widget-container {
  position: relative;
  padding: 38px 40px !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-dashboard-wrapper .status-widget-container {
    padding: 28px 30px !important;
  }
}
.tcf-dashboard-wrapper .status-widget-container .widget-title {
  color: var(--text-color) !important;
  font-size: 16px !important;
  font-family: trim-web-medium !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-dashboard-wrapper .status-widget-container .widget-title {
    text-align: left;
  }
}
.tcf-dashboard-wrapper .status-widget-container .days-picker {
  top: 26px;
  right: 40px;
  max-width: 120px;
  position: absolute;
  font-size: 11px !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-dashboard-wrapper .status-widget-container .days-picker {
    top: 25px;
    right: 20px;
  }
}
.tcf-dashboard-wrapper .status-column {
  border-right: 1px solid #f2f5fa;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-dashboard-wrapper .status-column {
    border-right: none;
  }
}
.tcf-dashboard-wrapper .status-column:last-child {
  border-right: 0;
}

.score-board {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.score-board .title {
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 500;
  font-family: roboto-medium;
}
.score-board .subtitle {
  margin: 0;
  margin-top: 3px;
  font-size: 12px;
  font-style: italic;
  font-family: roboto-regular;
  color: rgba(var(--text-color), 0.6);
}
.score-board .score-list {
  margin: 0;
  padding: 0;
  margin-top: 34px;
  list-style: none;
}
.score-board .score-list li {
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .score-board .score-list li {
    margin-right: 30px;
    margin-bottom: 40px;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .score-board .score-list li {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .score-board .score-list li:nth-child(2n) {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.score-board .score-list li:last-child {
  margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .score-board .score-list li:last-child {
    margin-bottom: 20px;
  }
}
.score-board .score-list li .icon {
  vertical-align: top;
  display: inline-block;
}
.score-board .score-list li .content {
  margin-left: 17px;
  display: inline-block;
}
.score-board .score-list li .content .title {
  margin: 0;
  font-size: 18px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.score-board .score-list li .content .subtitle {
  margin: 0;
  margin-top: 5px;
  font-size: 14px;
  font-style: normal;
  font-family: roboto-regular;
  color: rgba(var(--text-color), 0.6);
}

.status-two-column-container {
  padding: 30px 0 0;
}

.donut-chart-card {
  border-radius: 4px;
  background-color: var(--white-color);
}
.donut-chart-card.no-padding {
  padding: 0 !important;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .donut-chart-card {
    padding: 18px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .donut-chart-card {
    padding: 20px;
    min-height: 200px;
    text-align: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .donut-chart-card {
    padding: 0;
    margin-top: 10px;
  }
}
.donut-chart-card .donut-chart {
  display: inline-block;
}
.donut-chart-card .chart-legend-container {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .donut-chart-card .chart-legend-container {
    margin-top: 20px;
    text-align: left;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .donut-chart-card .chart-legend-container {
    margin-left: 0;
  }
}
.donut-chart-card .chart-legend-container .legend-item {
  margin-bottom: 10px;
}
.donut-chart-card .chart-legend-container .legend-item span {
  display: inline-block;
  font-family: roboto-medium;
}
.donut-chart-card .chart-legend-container .legend-item .tile {
  width: 8px;
  height: 8px;
  border-radius: 1px;
}
.donut-chart-card .chart-legend-container .legend-item .text {
  font-size: 12px;
  min-width: 95px;
  margin-left: 14px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.donut-chart-card .chart-legend-container .legend-item .count {
  font-size: 12px;
  min-width: 30px;
  margin-left: 10px;
  color: var(--text-color);
}
.donut-chart-card .chart-legend-container .legend-item .percent {
  font-size: 12px;
  margin-left: 10px;
  color: rgba(var(--text-color), 0.57);
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .donut-chart.big {
    width: 140px;
  }
}
.donut-chart.big .c3-chart-arcs-title {
  font-size: 23px;
  color: var(--text-color);
  font-family: roboto-light;
}
.donut-chart.big .c3-chart-arcs-title tspan {
  font-size: 11px;
  padding-top: 5px;
  margin-top: 10px;
  top: 10px;
  font-family: roboto-regular;
}

.document-detail-container {
  padding-top: 15px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .document-detail-container {
    padding-top: 0;
  }
}
.document-detail-container .title {
  margin: 0;
  color: var(--text-color);
  font-size: 20px;
  font-family: roboto-medium;
}
.document-detail-container .text {
  margin: 0;
  margin-top: 3px;
  font-size: 14px;
  color: rgba(var(--text-color), 0.8);
  font-family: roboto-regular;
}
.document-detail-container .count-column {
  margin-top: 18px;
  margin-right: 40px;
  display: inline-block;
}
.document-detail-container .count-column:last-child {
  margin-right: 0;
}
.document-detail-container .color-bar {
  width: 149px;
  height: 7px;
  border-radius: 6px;
  margin-right: 12px;
  display: inline-block;
  transition: ease all 0.4s;
  transform-origin: 0% 100%;
  background-color: rgba(168, 202, 230, 0.4);
}
.document-detail-container .color-bar:hover {
  transform: scale(1.2);
}
.document-detail-container .color-bar .color {
  height: 7px;
  display: block;
  border-radius: 6px;
}
.document-detail-container .color-bar .color.red {
  background-color: #e02e2e;
}

.tcf-overview-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.tcf-overview-container .overview-column {
  width: 28.2546494993%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-overview-container .overview-column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.tcf-overview-container .overview-column:last-child {
  background-color: var(--white-color);
  width: 70.4577968526%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-overview-container .overview-column:last-child {
    margin-top: 30px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.tcf-overview-container .overview-icon {
  margin-top: 40px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-overview-container .overview-icon {
    width: 50%;
    margin-top: 20px;
  }
}
.tcf-overview-container .overview-stats-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.tcf-overview-container .overview-stats-container .stats {
  width: 24.0343347639%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-overview-container .overview-stats-container .stats {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-overview-container .overview-stats-container .stats:nth-child(2n) {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.tcf-overview-container .overview-stats-container .stats:last-child {
  width: 24.0343347639%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-overview-container .overview-stats-container .stats:last-child {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}
.tcf-overview-container .overview-stats-container .stats .title {
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  font-family: roboto-medium;
}
.tcf-overview-container .overview-stats-container .stats p {
  margin: 0;
}
.tcf-overview-container .overview-stats-container .stats .subtitle {
  color: var(--text-color);
  margin-top: 5px;
  font-size: 12px;
  font-family: roboto-regular;
}
.tcf-overview-container .overview-stats-container .stats .subtitle img {
  display: inline;
  margin-right: 6px;
  vertical-align: unset;
}
.tcf-overview-container .overview-stats-container .stats .count {
  color: #08b44b;
  font-size: 14px;
  margin-top: 12px;
  font-family: roboto-medium;
}
.tcf-overview-container .overview-stats-container .stats .small {
  margin-top: 3px;
  font-size: 12px;
  color: rgba(var(--text-color), 0.8);
  font-family: roboto-regular;
}
.tcf-overview-container .overview-graph-container {
  margin-top: 40px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-left: -15px;
}

.tcf-page-container .tcf-table-text {
  font-size: 14px;
  margin: 10px 0 0 26px;
  color: rgba(32, 59, 78, 0.96);
  font-family: roboto-medium;
}
.tcf-page-container .master-search-cta-container.for-tcf {
  margin-bottom: 0;
  padding: 12px 14px;
  background-color: #FAFBFC;
}
.tcf-page-container .master-search-cta-container.for-tcf .secondary-cta {
  margin: 0;
}
.tcf-page-container .clock-icon {
  margin-right: 10px;
  vertical-align: sub;
}
.tcf-page-container .brand-text {
  color: #cd2d2f;
  font-size: 12px;
  font-family: roboto-medium;
}
.tcf-page-container .dark {
  color: #28384b;
}
.tcf-page-container .light {
  display: block;
  font-size: 10px;
  color: rgba(40, 56, 75, 0.6);
  font-family: roboto-regular;
}
.tcf-page-container .in-progress {
  color: #f3910e;
  font-size: 10px;
  font-family: roboto-medium;
}
.tcf-page-container .completed {
  color: #08b24b;
  font-size: 10px;
  font-family: roboto-medium;
}
.tcf-page-container .validated {
  color: #ae56de;
  font-size: 10px;
  font-family: roboto-medium;
}
.tcf-page-container .rejected {
  color: #cd2d2f;
  font-size: 10px;
  font-family: roboto-medium;
}
.tcf-page-container .tcf-booking-expand-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.tcf-page-container .tcf-booking-expand-container .column-1 {
  width: 15.5937052933%;
  float: left;
  margin-right: 1.2875536481%;
}
.tcf-page-container .tcf-booking-expand-container .column-2 {
  padding-left: 50px;
  width: 45.1359084406%;
  float: left;
  margin-right: 1.2875536481%;
}
.tcf-page-container .tcf-booking-expand-container .column-2 .block {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.tcf-page-container .tcf-booking-expand-container .column-2 .block:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
.tcf-page-container .tcf-booking-expand-container .column-3 {
  width: 36.69527897%;
  float: right;
  margin-right: 0;
}
.tcf-page-container .tcf-booking-expand-container .thumb-title {
  color: #28384b;
  font-size: 10px;
  font-family: roboto-medium;
}
.tcf-page-container .tcf-booking-expand-container .product-thumb-container {
  border-radius: 2px;
  padding: 17px 30px;
  border: solid 1px #e7ecf7;
  background-color: #ffffff;
}
.tcf-page-container .tcf-booking-expand-container .product-thumb-container img {
  width: 100%;
}

.lab-product-thumbnail {
  width: 232px !important;
  height: 180px;
}

.extra-action-container {
  right: 116px;
  padding: 12px;
  display: none;
  position: absolute;
  background-color: var(--white-color);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
}
.extra-action-container.open {
  display: block;
}
.extra-action-container button {
  margin-right: 12px;
  display: inline-block;
}
.extra-action-container button:last-child {
  margin-right: 0;
}

.tcf-page-progress-container .color-bar {
  width: 220px;
  height: 7px;
  border-radius: 6px;
  margin-right: 12px;
  display: inline-block;
  background-color: rgba(168, 202, 230, 0.4);
}
.tcf-page-progress-container .color-bar .color {
  height: 7px;
  display: block;
  border-radius: 6px;
}
.tcf-page-progress-container .color-bar .color.red {
  background-color: #e02e2e;
}
.tcf-page-progress-container .small {
  font-size: 10px;
  margin-top: 5px;
  color: rgba(var(--text-color), 0.6);
  font-family: roboto-regular;
}
.tcf-page-progress-container .small strong {
  font-weight: bold;
  color: rgba(var(--text-color), 1);
}

.schedule-allocation-container .booking-detail-container .icon {
  width: 22px;
  display: inline-block;
  margin-right: 20px;
}
.schedule-allocation-container .booking-detail-container .title {
  margin: 0;
  color: #203b4e;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  font-family: roboto-regular;
}
.schedule-allocation-container .detail-column-container {
  margin-left: 43px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .schedule-allocation-container .detail-column-container {
    margin-left: 15px;
  }
}
.schedule-allocation-container .detail-column-container .my-input-group {
  padding: 0 30px;
  vertical-align: top;
  display: inline-block;
  border-right: 1px solid #f2f5fa;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .schedule-allocation-container .detail-column-container .my-input-group {
    border: none;
    display: block;
    padding: 15px 0;
  }
}
.schedule-allocation-container .detail-column-container .my-input-group label {
  margin-bottom: 5px;
  font-family: roboto-regular;
}
.schedule-allocation-container .detail-column-container .my-input-group .input-value {
  font-size: 12px;
  font-weight: bold;
  color: var(--text-color);
  font-family: roboto-bold;
}
.schedule-allocation-container .detail-column-container .my-input-group .boxed {
  color: #203b4e;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 2px;
  display: inline-block;
  letter-spacing: -0.08px;
  font-family: roboto-medium;
  background-color: #e6f1fc;
  border: solid 1px rgba(10, 117, 222, 0.2);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .schedule-allocation-container .detail-column-container .my-input-group .boxed {
    margin-bottom: 0;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .schedule-allocation-container .detail-column-container .my-input-group .boxed {
    padding: 0 20px;
  }
}
.schedule-allocation-container .detail-column-container .my-input-group .boxed span {
  padding: 0 6px;
  color: #798994;
}
.schedule-allocation-container .detail-column-container .my-input-group:first-child {
  padding-left: 15px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .schedule-allocation-container .detail-column-container .my-input-group:first-child {
    padding: 0;
  }
}
.schedule-allocation-container .detail-column-container .my-input-group:last-child {
  border-right: none;
}
.schedule-allocation-container .allocation-container {
  background-color: #fafbfc;
  border-top: 2px solid #f2f4f6;
}
.schedule-allocation-container .allocation-container:nth-last-of-type(2) {
  border-bottom: 2px solid #f2f4f6;
}
.schedule-allocation-container .allocation-container .title {
  margin-top: 6px;
  font-size: 20px;
  line-height: 1.15;
  font-family: roboto-light;
  color: rgba(32, 59, 78, 0.96);
}
.schedule-allocation-container .allocation-container .allocation-details .detail-title {
  color: #768793;
  font-size: 14px;
  margin-bottom: 11px;
  font-family: roboto-medium;
}
.schedule-allocation-container .allocation-container .allocation-details .my-input-group {
  padding: 0 20px;
  vertical-align: top;
  display: inline-block;
  border-right: 1px solid #f2f5fa;
}
.schedule-allocation-container .allocation-container .allocation-details .my-input-group:first-of-type {
  padding-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .schedule-allocation-container .allocation-container .allocation-details .my-input-group:first-of-type {
    border-right: none;
  }
}
.schedule-allocation-container .allocation-container .allocation-details .my-input-group:nth-last-of-type(2) {
  border-right: none;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .schedule-allocation-container .allocation-container .allocation-details .my-input-group:nth-last-of-type(2) {
    border-right: 1px solid #f2f5fa;
  }
}
.schedule-allocation-container .allocation-container .allocation-details .my-input-group:last-child {
  border-right: none;
}
.schedule-allocation-container .allocation-container .allocation-details .my-input-group .light {
  color: #768793;
  font-size: 12px;
  font-family: roboto-regular;
}
.schedule-allocation-container .allocation-container .allocation-details .my-input-group .input-value {
  color: #203b4e;
  font-size: 20px;
  font-family: roboto-regular;
}
.schedule-allocation-container .allocation-container .allocation-details .my-input-group .input-value.common {
  margin-top: 5px;
  font-size: 14px;
}
.schedule-allocation-container .allocation-container .allocation-details .my-input-group .loading {
  margin-top: 8px;
}
.schedule-allocation-container .allocation-container .allocation-trigger-container {
  cursor: pointer;
  border-radius: 2px;
  transition: ease all 0.4s;
  padding: 50px 0 50px 34px;
  border: dashed 1px #a2adb5;
  background-color: rgba(0, 141, 239, 0.05);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .schedule-allocation-container .allocation-container .allocation-trigger-container {
    padding: 40px 0 40px 25px;
  }
}
.schedule-allocation-container .allocation-container .allocation-trigger-container:hover {
  background-color: rgba(0, 141, 239, 0.15);
}
.schedule-allocation-container .allocation-container .allocation-trigger-container.grey {
  background-color: #f2f4f6;
  border: dashed 1px #a2adb5;
}
.schedule-allocation-container .allocation-container .allocation-trigger-container.grey:hover {
  background-color: rgba(0, 141, 239, 0.15);
}
.schedule-allocation-container .allocation-container .allocation-trigger-container p {
  margin-bottom: 0;
}
.schedule-allocation-container .allocation-container .allocation-trigger-container .trigger-title {
  color: #203b4e;
  font-size: 14px;
  line-height: 1.64;
  margin-bottom: 3px;
  font-family: roboto-medium;
}
.schedule-allocation-container .allocation-container .allocation-trigger-container .trigger-subtitle {
  color: #008def;
  font-size: 12px;
  line-height: 1.92;
  font-family: roboto-regular;
}
.schedule-allocation-container .allocation-container .allocated-container .allocated-title {
  color: #768793;
  font-size: 12px;
  margin-bottom: 10px;
  font-family: roboto-medium;
}

.allocation-search {
  margin: 2px;
  position: relative;
  background-color: #eff2f7;
}
.allocation-search input {
  margin: 0;
  border: none;
  font-size: 12px;
  padding: 11px 20px;
  background-color: #eff2f7;
}
.allocation-search input:hover {
  border: none;
}
.allocation-search input::placeholder {
  color: rgba(var(--text-color), 0.4);
}
.allocation-search .search-icon {
  position: absolute;
  right: 15px;
  top: 9px;
}

.scrollable-area {
  max-height: 450px;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .scrollable-area {
    max-height: 470px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .scrollable-area {
    max-height: 440px;
  }
}
.scrollable-area::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.scrollable-area::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.scrollable-area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.scrollable-area .selected-container .allocation-user-card {
  background-color: #f3fcf8;
}

.allocation-user-card {
  padding: 10px;
  position: relative;
  margin-bottom: 6px;
  border-radius: 4px;
  background-color: var(--white-color);
  transition: ease all 0.4s;
  box-shadow: 0 2px 4px 0 rgba(32, 59, 78, 0.14);
}
.allocation-user-card:hover {
  box-shadow: 0 4px 4px 0 rgba(32, 59, 78, 0.14);
}
.allocation-user-card.for-list {
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 20px 22px;
  border-bottom: 2px solid #f2f5fa;
}
.allocation-user-card.select-all {
  padding: 10px 22px;
}
.allocation-user-card.select-all .styled-checkbox-container {
  top: 10px;
}
.allocation-user-card.placeholder .thumbnail {
  width: 34px;
  height: 34px;
  vertical-align: top;
  background-color: #f2f5fa;
}
.allocation-user-card.placeholder .box {
  width: 200px;
  height: 12px;
  margin-bottom: 5px;
  background-color: #f2f5fa;
}
.allocation-user-card.placeholder .box.small {
  width: 110px;
}
.allocation-user-card .close {
  top: 10px;
  width: 9px;
  right: 10px;
  cursor: pointer;
  position: absolute;
}
.allocation-user-card .thumbnail {
  width: 34px;
  height: 34px;
  border-radius: 5px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.allocation-user-card .info {
  display: inline-block;
  vertical-align: middle;
}
.allocation-user-card .info .title {
  margin: 0;
  color: #203b4e;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.allocation-user-card .info .title .verified {
  margin-left: 8px;
  vertical-align: middle;
}
.allocation-user-card .info .subtitle {
  color: #768793;
  font-size: 10px;
  margin-bottom: 2px;
  font-style: italic;
  font-family: roboto-medium;
}
.allocation-user-card .info .subtitle span {
  font-family: roboto-light;
}
.allocation-user-card .styled-checkbox-container {
  position: absolute;
  right: 18px;
  top: 25px;
}

.allocation-card {
  padding: 10px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 6px;
  background-color: var(--white-color);
  transition: ease all 0.4s;
  box-shadow: 0 2px 4px 0 rgba(175, 187, 203, 0.6);
}
.allocation-card .absolute-right {
  top: 10px;
  right: 10px;
  position: absolute;
}
.allocation-card .leader-tag {
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
}
.allocation-card .more-action {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  transition: ease all 0.4s;
}
.allocation-card .more-action:hover {
  background-color: #f4f6f8;
}
.allocation-card .more-action.has-dropdown {
  display: inline-block;
}
.allocation-card .more-action.has-dropdown:hover .cta-dropdown {
  display: block;
}
.allocation-card .thumbnail {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 100%;
  vertical-align: top;
  display: inline-block;
}
.allocation-card .info {
  vertical-align: top;
  display: inline-block;
}
.allocation-card .info .title {
  margin: 0;
  color: var(--text-color);
  line-height: 1;
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.allocation-card .info .title .verified {
  margin-left: 6px;
  vertical-align: middle;
}
.allocation-card .info .subtitle {
  color: #707275;
  font-size: 10px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: roboto-regular;
}
.allocation-card .info .subtitle span {
  font-family: roboto-light;
}
.allocation-card .info .assigned-text {
  margin: 0;
  color: #707275;
  font-size: 10px;
  font-family: roboto-regular;
}
.allocation-card .info .assigned-text .more {
  color: #008def;
  padding: 2px 4px;
  border-radius: 2px;
  position: relative;
  transition: ease all 0.4s;
}
.allocation-card .info .assigned-text .more:hover {
  background-color: #e5f4fd;
}
.allocation-card .info .assigned-text .more.has-dropdown:hover .cta-dropdown {
  display: block;
}

.allocation-location-container {
  background-color: transparent !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .allocation-location-container {
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .allocation-location-container {
    overflow-x: scroll;
  }
}
.allocation-location-container .content-body {
  display: flex;
  flex: 1;
}
.allocation-location-container .allocation-filter-container {
  margin: 10px 0 20px 0;
}
.allocation-location-container .allocation-filter-container .filter {
  cursor: pointer;
  margin-right: 20px;
  display: inline-block;
  transition: ease all 0.3s;
}
.allocation-location-container .allocation-filter-container .filter:hover .text {
  color: rgba(36, 66, 77, 0.8);
}
.allocation-location-container .allocation-filter-container .filter .box {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
}
.allocation-location-container .allocation-filter-container .filter .box.black {
  background-color: #203b4e;
}
.allocation-location-container .allocation-filter-container .filter .box.orange {
  background-color: #e87304;
}
.allocation-location-container .allocation-filter-container .filter .box.green {
  background-color: #1dbb7d;
}
.allocation-location-container .allocation-filter-container .filter .box.red {
  background-color: #cd2d2f;
}
.allocation-location-container .allocation-filter-container .filter .text {
  font-size: 10px;
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
  color: rgba(36, 66, 77, 0.4);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .allocation-location-container .allocation-filter-container .filter .text {
    font-size: 12px;
    margin-left: 6px;
  }
}
.allocation-location-container .header-1 {
  background-color: #203b4e;
}
.allocation-location-container .header-1 .head {
  color: var(--white-color);
  font-size: 14px;
  padding: 20px 10px;
  text-align: center;
  font-family: roboto-medium;
  border-right: solid 0.5px rgba(213, 218, 226, 0.2);
}
.allocation-location-container .header-1 .head:last-child {
  border-right: none;
}
.allocation-location-container .header-1 .head.first {
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .allocation-location-container .header-1 .head.first {
    height: 70.17px;
  }
}
.allocation-location-container .header-2 {
  padding: 12px 0;
  background-color: rgba(var(--white-color), 0.6);
  box-shadow: 0 2px 4px 0 rgba(147, 168, 204, 0.3);
}
.allocation-location-container .header-2 p.small {
  margin: 0;
  color: rgba(32, 59, 78, 0.6);
  font-size: 12px;
  font-family: roboto-medium;
}
.allocation-location-container .header-2 p.small span {
  font-family: roboto-light;
}
.allocation-location-container .days-row {
  margin-top: 5px;
  background-color: var(--white-color);
}
.allocation-location-container .days-row.week-start {
  margin-top: 10px;
}
.allocation-location-container .days-row .value-column {
  padding: 15px 25px;
  text-align: center;
  border-right: 1px solid #ecf0f5;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .allocation-location-container .days-row .value-column {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.allocation-location-container .days-row .value-column:last-child {
  border-right: none;
}
.allocation-location-container .days-row .value-column.first {
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .allocation-location-container .days-row .value-column.first .light {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .allocation-location-container .days-row .value-column.first .light {
    margin-left: 0;
  }
}
.allocation-location-container .days-row .value-column.first .value {
  font-size: 14px;
  font-family: roboto-medium;
}
.allocation-location-container .days-row .value-column.orange .value {
  color: #e87304;
}
.allocation-location-container .days-row .value-column.green .value {
  color: #16c691;
}
.allocation-location-container .days-row .value-column.red {
  background-color: #fdf4f4;
}
.allocation-location-container .days-row .value-column.red .value {
  color: #cd2d2f;
}
.allocation-location-container .days-row .value-column.grey {
  background-color: rgba(242, 244, 246, 0.4);
}
.allocation-location-container .days-row .value-column.grey .value {
  color: rgba(32, 59, 78, 0.4);
}
.allocation-location-container .days-row .value-column .value {
  margin: 0;
  color: #203b4e;
  font-size: 16px;
  font-family: roboto-regular;
}
.allocation-location-container .days-row .value-column span {
  font-family: roboto-light;
}
.allocation-location-container .days-row .value-column span.light {
  opacity: 0.4;
  font-size: 14px;
  margin-left: 10px;
  text-transform: uppercase;
  font-family: roboto-medium !important;
}

.date-range-selector {
  cursor: pointer;
  position: relative;
  background-color: transparent;
}
.date-range-selector .calendar-icon {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.date-range-selector .drop-icon {
  display: inline-block;
  vertical-align: middle;
}
.date-range-selector .text {
  line-height: 1;
  font-size: 14px;
  min-width: 90px;
  max-width: 90px;
  text-align: left;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  color: rgba(var(--white-color), 0.6);
  transition: ease all 0.3s;
  font-family: roboto-medium;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .date-range-selector .text {
    max-width: 80px;
    min-width: 80px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .date-range-selector .text {
    max-width: 80px;
    min-width: 80px;
  }
}
.date-range-selector .text:hover {
  color: rgba(var(--white-color), 0.8);
}
.date-range-selector input {
  width: 0;
  height: 0;
  padding: 0;
  left: 0;
  top: 37px;
  position: absolute;
  visibility: hidden;
}

.daterange-calendar-container {
  top: 13%;
  left: 15px;
  z-index: 1;
  color: #000;
  position: absolute;
  background-color: var(--white-color);
  border: solid 1px #707070;
}
.daterange-calendar-container .title {
  font-size: 16px;
  padding: 20px 10px 0 10px;
  font-family: roboto-regular;
}
.daterange-calendar-container .preset {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  list-style: none;
}
.daterange-calendar-container .preset li {
  margin: 10px;
  color: #203b4e;
  cursor: pointer;
  font-size: 16px;
  cursor: pointer;
  padding: 6px 15px;
  border-radius: 5px;
  display: inline-block;
  background-color: #f5f8fa;
  font-family: roboto-medium;
}
.daterange-calendar-container .preset li.active {
  color: var(--white-color);
  background-color: #203b4e;
}
.daterange-calendar-container .calendar-wrapper {
  padding: 20px 10px;
}

.allocation-fix-column {
  padding-right: 0 !important;
}
.allocation-fix-column .head {
  height: 61px;
  border-right: solid 0.5px rgba(213, 218, 226, 0.2) !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .allocation-fix-column .head {
    height: 71.8px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .allocation-fix-column .head {
    height: 82px;
  }
}
.allocation-fix-column .days-row {
  min-height: 54px;
}
.allocation-fix-column .days-row .value-column {
  border-right: 1px solid #ecf0f5 !important;
}

.allocation-scrollable-column {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0 !important;
}

.allocation-row {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .allocation-row {
    flex: 1;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .allocation-row {
    flex: 1;
  }
}
.allocation-row .allocation-column {
  flex-direction: column;
  min-width: 180px;
}

.qc-filter-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.qc-filter-container .qc-filter-block {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.qc-filter-container .qc-filter-block:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}

.mandays-dashboard-wrapper .dashboard-body {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mandays-dashboard-wrapper .dashboard-body {
    overflow-x: hidden;
    margin-left: 1.6881258941%;
    width: 96.6237482117%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-wrapper .dashboard-body {
    margin-left: 4.2203147353%;
    width: 91.5593705293%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
.mandays-dashboard-wrapper .dashboard-body .title-container {
  padding: 26px 0;
}
.mandays-dashboard-wrapper .dashboard-body .title-container .main-title {
  margin: 0;
  font-size: 20px;
  font-family: trim-web-medium;
}
.mandays-dashboard-wrapper .dashboard-body .title-container .secondary-cta {
  padding: 8px 14px 7px;
}

.reload-icon {
  width: 14px;
  cursor: pointer;
  margin-right: 24px;
  vertical-align: middle;
}

.filter-input-group {
  display: flex;
  vertical-align: top;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-input-group {
    display: block;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-input-group:first-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-input-group:first-child {
    margin-top: 10px;
    margin: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-input-group.for-title {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.filter-input-group.for-title .select-for-filter {
  display: block;
}
.filter-input-group.for-title .select-for-filter.x-small {
  width: 100%;
}
.filter-input-group .my-input-group {
  width: 130px;
  margin-right: 10px;
  display: inline-block;
}
.filter-input-group .my-input-group:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-input-group .my-input-group {
    width: 135px;
  }
  .filter-input-group .my-input-group:last-of-type {
    margin-right: 0;
  }
}
.filter-input-group .my-input-group .ng-select-container {
  margin-bottom: 0;
}
.filter-input-group .select-for-filter {
  width: 100%;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-input-group .select-for-filter {
    width: 100%;
  }
}
.filter-input-group .select-for-filter.x-small {
  width: 122px;
  vertical-align: top;
}
.filter-input-group .select-for-filter.x-small .ng-select-container {
  line-height: 1;
  min-height: auto;
  padding: 4px 12px;
  margin-bottom: 0px;
  background-color: rgba(var(--white-color), 0.4);
}
.filter-input-group .select-for-filter.x-small .ng-select-container input {
  font-size: 10px !important;
  padding: 6px 0 0 12px !important;
}
.filter-input-group .select-for-filter.x-small .ng-select-container .ng-placeholder {
  font-size: 10px;
}
.filter-input-group .select-for-filter.x-small .ng-select-container .ng-value {
  font-size: 10px;
}
.filter-input-group .select-for-filter.x-small .ng-select-container .ng-input {
  width: 70% !important;
}
.filter-input-group .select-for-filter.x-small .ng-option {
  font-size: 12px;
}
.filter-input-group .select-for-filter.x-small .ng-arrow-wrapper {
  width: auto;
  padding: 0;
  right: -4px;
  top: 0px;
}
.filter-input-group .select-for-filter .ng-select-container {
  padding: 8px 12px;
  margin-bottom: 0px;
  background-color: rgba(var(--white-color), 0.4);
}
.filter-input-group .select-for-filter .ng-select-container input {
  font-size: 12px;
}
.filter-input-group .select-for-filter .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 12px;
}
.filter-input-group .select-for-filter .ng-select-container .ng-value-container .ng-input {
  width: 70%;
}
.filter-input-group .select-for-filter .ng-select-container .ng-value-container .ng-input > input {
  width: 90px;
}
.filter-input-group .select-for-filter .multiple .ng-value {
  margin-bottom: 0 !important;
}
.filter-input-group .select-for-filter .multiple .ng-input > input {
  vertical-align: top;
  width: 100% !important;
}
.filter-input-group .select-for-filter .calendar-wrapper input {
  outline: none;
  margin-bottom: 0;
  padding: 7px 12px;
  background-color: #F7F9FC;
}
.filter-input-group .select-for-filter .calendar-wrapper input::placeholder {
  color: #999;
  font-size: 12px;
}
.filter-input-group .select-for-filter .calendar-wrapper .calendar-icon {
  bottom: 12px;
}
.filter-input-group button {
  text-transform: capitalize;
}

.secondary-cta {
  vertical-align: top;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-container {
    margin-bottom: 30px;
  }
}
.mandays-dashboard-container .dashboard-stats-card {
  padding: 18px 30px;
  background-color: var(--white-color);
  transition: ease all 0.4s;
  width: 24.7011952191%;
  float: left;
  margin-right: 0.3984063745%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mandays-dashboard-container .dashboard-stats-card {
    padding: 18px 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-container .dashboard-stats-card {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.mandays-dashboard-container .dashboard-stats-card:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
.mandays-dashboard-container .dashboard-stats-card:nth-child(4n) {
  width: 24.7011952191%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-container .dashboard-stats-card:nth-child(4n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.mandays-dashboard-container .dashboard-stats-card img {
  margin-right: 26px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mandays-dashboard-container .dashboard-stats-card img {
    margin-right: 10px;
  }
}
.mandays-dashboard-container .dashboard-stats-card .info {
  vertical-align: top;
  display: inline-block;
}
.mandays-dashboard-container .dashboard-stats-card .info p {
  margin: 0;
}
.mandays-dashboard-container .dashboard-stats-card .info .card-title {
  font-size: 13px;
  font-family: roboto-light;
  font-weight: 300;
  color: var(--text-color);
}
.mandays-dashboard-container .dashboard-stats-card .info .card-number {
  font-size: 18px;
  color: var(--text-color);
}
.mandays-dashboard-container .dashboard-stats-card .info .stats-font {
  margin-left: 12px;
}

.mandays-dashboard-graph-wrapper .grid-column:first-child {
  padding-right: 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-graph-wrapper .grid-column:first-child {
    padding-right: 15px;
  }
}
.mandays-dashboard-graph-wrapper .grid-column:last-child {
  padding-left: 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-graph-wrapper .grid-column:last-child {
    padding-left: 15px;
  }
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container {
  display: flex;
  margin-top: 17px;
  padding: 26px 34px;
  flex-direction: column;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
  transition: ease all 0.4s;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-graph-wrapper .dashboard-graph-container {
    padding: 26px 20px;
  }
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container.single-big {
  height: 98%;
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head {
    flex-direction: column;
  }
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head {
  display: flex;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head {
    display: inline-block;
  }
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head.type-two .graph-title-container {
  flex: 1;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head.type-two .graph-title-container {
    flex: none;
  }
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head.type-two .graph-filter {
  flex: 1;
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-title-container {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-title-container {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-filter {
  width: 66.2374821173%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-filter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-title-container .title, .mandays-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head .graph-title-container .title {
  color: var(--text-light-80-color);
  font-size: 14px;
  font-family: trim-web-medium;
}
.mandays-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-title-container label, .mandays-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head .graph-title-container label {
  color: var(--text-light-80-color);
  font-size: 14px;
  font-family: trim-web-medium;
}

.quatatitive-dashboard-container {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quatatitive-dashboard-container {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quatatitive-dashboard-container {
    flex-direction: column;
  }
}
.quatatitive-dashboard-container .dashboard-stats-card {
  flex: 1;
  margin-right: 12px;
  padding: 18px 30px;
  background-color: var(--white-color);
  transition: ease all 0.4s;
}
.quatatitive-dashboard-container .dashboard-stats-card:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quatatitive-dashboard-container .dashboard-stats-card:nth-child(3) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quatatitive-dashboard-container .dashboard-stats-card {
    padding: 18px 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quatatitive-dashboard-container .dashboard-stats-card {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.quatatitive-dashboard-container .dashboard-stats-card:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quatatitive-dashboard-container .dashboard-stats-card.row-one {
    margin-bottom: 10px;
  }
}
.quatatitive-dashboard-container .dashboard-stats-card img {
  margin-right: 26px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quatatitive-dashboard-container .dashboard-stats-card img {
    margin-right: 10px;
  }
}
.quatatitive-dashboard-container .dashboard-stats-card .info {
  vertical-align: top;
  display: inline-block;
}
.quatatitive-dashboard-container .dashboard-stats-card .info p {
  margin: 0;
}
.quatatitive-dashboard-container .dashboard-stats-card .info .card-title {
  font-size: 13px;
  font-weight: 300;
  color: var(--text-color);
}
.quatatitive-dashboard-container .dashboard-stats-card .info .card-number {
  font-size: 18px;
  color: var(--text-color);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quatatitive-dashboard-container .break {
    width: 0;
    flex-basis: 100%;
  }
}

.inline-dashboard-graph-wrapper {
  padding: 20px 0;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--white-color);
  transition: ease all 0.4s;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .inline-dashboard-graph-wrapper {
    padding: 0;
    background-color: unset;
  }
}
.inline-dashboard-graph-wrapper:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
.inline-dashboard-graph-wrapper .dashboard-graph-container {
  margin: 0;
}
.inline-dashboard-graph-wrapper .dashboard-graph-container:first-child {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .inline-dashboard-graph-wrapper .dashboard-graph-container:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.inline-dashboard-graph-wrapper .dashboard-graph-container:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
  border-left: 1px solid #ecedef;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .inline-dashboard-graph-wrapper .dashboard-graph-container:last-child {
    margin-top: 15px;
    border-left: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.inline-dashboard-graph-wrapper .dashboard-graph-container:hover {
  box-shadow: none !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .inline-dashboard-graph-wrapper .dashboard-graph-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .inline-dashboard-graph-wrapper .dashboard-graph-container .target-graphic {
    width: 320px;
  }
}
.inline-dashboard-graph-wrapper.three-column .dashboard-graph-container {
  margin: 0;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .inline-dashboard-graph-wrapper.three-column .dashboard-graph-container {
    padding-top: 26px;
  }
}
.inline-dashboard-graph-wrapper.three-column .dashboard-graph-container:first-child {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.inline-dashboard-graph-wrapper.three-column .dashboard-graph-container:last-child {
  width: 100%;
  float: right;
  margin-right: 0;
}
.inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .big-title {
  font-size: 17px;
  color: var(--text-color);
  font-family: roboto-medium;
}
.inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .custom-graph-spacing.first {
  padding-right: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .custom-graph-spacing.first {
    padding-right: 0px;
  }
}
.inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .custom-graph-spacing.second {
  padding: 0 20px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .custom-graph-spacing.second {
    padding: 0px;
  }
}
.inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .custom-graph-spacing.third {
  padding-left: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .custom-graph-spacing.third {
    padding-left: 0px;
  }
}
.inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .custom-border-right {
  border-right: 1px solid #ecf0f3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .inline-dashboard-graph-wrapper.three-column .dashboard-graph-container .custom-border-right {
    border-right: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ecf0f3;
  }
}

.quatatitive-product-overview-container {
  margin-top: 16px;
  padding: 26px 30px;
  background: var(--white-color);
}
.quatatitive-product-overview-container .product-overview-heading {
  color: var(--text-color);
  font-size: 16px;
  margin-bottom: 22px;
  font-family: roboto-medium;
}
.quatatitive-product-overview-container .product-card-container {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quatatitive-product-overview-container .product-card-container {
    flex-direction: column;
  }
}
.quatatitive-product-overview-container .product-card-container .product-card {
  flex: 1;
  display: flex;
  margin-right: 50px;
  align-items: flex-start;
  border-right: solid 1px #ecedef;
}
.quatatitive-product-overview-container .product-card-container .product-card:first-child {
  margin-left: 0;
}
.quatatitive-product-overview-container .product-card-container .product-card:last-child {
  border-right: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quatatitive-product-overview-container .product-card-container .product-card {
    border: none;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quatatitive-product-overview-container .product-card-container .product-card {
    margin-right: 0;
    margin-left: 20px;
  }
}
.quatatitive-product-overview-container .product-card-container .product-card img {
  margin-right: 13px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quatatitive-product-overview-container .product-card-container .product-card img {
    margin-right: 10px;
  }
}
.quatatitive-product-overview-container .product-card-container .product-card .info {
  vertical-align: top;
  display: inline-block;
}
.quatatitive-product-overview-container .product-card-container .product-card .info p {
  margin: 0;
}
.quatatitive-product-overview-container .product-card-container .product-card .info .card-title {
  color: #74797e;
  font-size: 12px;
}
.quatatitive-product-overview-container .product-card-container .product-card .info .card-number {
  color: #182029;
  font-size: 14px;
  font-weight: 600;
}

.graph-body {
  padding-top: 15px;
}
.graph-body .loadingChart {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .graph-body .loadingChart {
    width: 90%;
  }
}
.graph-body .loadingChart:after {
  top: 35%;
  left: 41%;
  position: absolute;
  content: url('loader.gif');
}
.graph-body.nogutter > [class*=col-]:first-child {
  padding-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .graph-body.nogutter > [class*=col-]:first-child {
    padding-right: 15px;
  }
}
.graph-body.nogutter > [class*=col-]:last-child {
  padding-left: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .graph-body.nogutter > [class*=col-]:last-child {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .graph-body.nogutter.nogutter-not-tablet {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.graph-body .legend-title {
  font-size: 11px;
  margin-left: 20px;
  margin-bottom: 20px;
  color: rgba(32, 59, 78, 0.6);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .graph-body .legend-title.for-qc {
    margin-left: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .graph-body .legend-title {
    margin: 0;
    margin-bottom: 20px;
  }
}
.graph-body .legend-title .count {
  color: var(--text-color);
  margin: 6px 0 0;
  font-size: 14px;
  font-family: roboto-medium;
}
.graph-body .legend-title .count.big {
  line-height: 1;
  color: #182029;
  font-size: 26px;
  font-family: roboto-light;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .graph-body .legend-title .count.big {
    text-align: center;
  }
}
.graph-body .legend-title .progress-percent {
  font-size: 14px;
  margin-left: 16px;
  vertical-align: middle;
  font-family: roboto-medium;
}
.graph-body .legend-title .progress-percent.down {
  color: #ff5626;
}
.graph-body .legend-title .progress-percent.down:after {
  margin-left: 4px;
  vertical-align: text-top;
  content: url('progress-down.svg');
}
.graph-body .legend-wrapper {
  flex: 1;
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .graph-body .legend-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .graph-body .legend-wrapper {
    margin-left: 0;
  }
}
.graph-body .legend-wrapper.no-left-spacing {
  margin-left: 0;
}
.graph-body .legend-wrapper.inline-legend {
  display: flex;
}
.graph-body .legend-wrapper.inline-legend .legend-item {
  flex: 1;
  display: flex;
  justify-content: center;
}
.graph-body .legend-wrapper.inline-legend .legend-item .label {
  width: 100%;
}
.graph-body .legend-wrapper.inline-legend .legend-item .label .text {
  width: 80%;
}
.graph-body .legend-wrapper.inline-legend .legend-item .label .text.inline {
  display: inline;
}
.graph-body .legend-wrapper.inline-legend .legend-item .label.flex-label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.graph-body .legend-wrapper.inline-legend .legend-item .label.flex-label .text {
  width: auto;
}
.graph-body .legend-wrapper.inline-label-container {
  display: flex;
}
.graph-body .legend-wrapper.inline-label-container .legend-item {
  flex: 1;
  display: flex;
  justify-content: center;
}
.graph-body .legend-wrapper.one-column .legend-item .label {
  width: auto;
}
.graph-body .legend-wrapper.two-column {
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .graph-body .legend-wrapper.two-column {
    margin-left: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .graph-body .legend-wrapper.two-column {
    margin-left: 0;
  }
}
.graph-body .legend-wrapper.two-column .legend-item .label {
  width: 77%;
}
.graph-body .legend-wrapper.two-column .legend-item .count {
  width: 23% !important;
}
.graph-body .legend-wrapper.five-column {
  margin-left: 20px;
  position: relative;
}
.graph-body .legend-wrapper.five-column .vertical-text {
  top: 40%;
  color: #74797e;
  font-size: 13px;
  position: absolute;
  transform: rotate(-90deg);
  font-family: roboto-regular;
}
.graph-body .legend-wrapper.five-column .vertical-text.one {
  right: 57%;
}
.graph-body .legend-wrapper.five-column .vertical-text.two {
  right: 24%;
}
.graph-body .legend-wrapper.five-column .legend-item .text {
  width: 30%;
  font-size: 13px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.graph-body .legend-wrapper.five-column .legend-item .label {
  width: 34%;
  padding-left: 40px;
}
.graph-body .legend-wrapper .horizontal-column {
  display: flex !important;
  flex-wrap: wrap;
}
.graph-body .legend-wrapper .horizontal-column .legend-item .text {
  font-size: 13px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.graph-body .legend-wrapper .horizontal-column .legend-item .label {
  width: 100%;
  padding-left: 15px;
}
.graph-body .legend-wrapper .primary-text {
  color: #008def;
  cursor: pointer;
  font-size: 12px;
  margin-top: 15px;
  font-weight: bold;
}
.graph-body .legend-wrapper .primary-text:hover {
  color: #0070ce;
}
.graph-body .legend-wrapper .legend-head {
  text-align: center;
  margin-bottom: 20px;
}
.graph-body .legend-wrapper .legend-head .title {
  display: block;
  color: #707275;
  font-size: 12px;
}
.graph-body .legend-wrapper .legend-head .count {
  display: block;
  color: var(--text-color);
  font-size: 14px;
  font-weight: bold;
}
.graph-body .legend-wrapper .legend-summary {
  margin-bottom: 17px;
}
.graph-body .legend-wrapper .legend-summary .title {
  color: var(--text-light-80-color);
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: roboto-medium;
}
.graph-body .legend-wrapper .legend-summary .count {
  color: var(--text-light-80-color);
  line-height: 1;
  font-size: 24px;
  font-family: trim-web-medium;
}
.graph-body .legend-wrapper .legend-summary .percent {
  font-size: 16px;
  margin-left: 12px;
  position: relative;
  vertical-align: middle;
  font-family: trim-web-medium;
}
.graph-body .legend-wrapper .legend-summary .percent.high {
  color: #24c11e;
}
.graph-body .legend-wrapper .legend-summary .percent.high:after {
  top: 0;
  position: absolute;
  content: url('green-up-arrow.svg');
}
.graph-body .legend-wrapper .legend-summary .percent.high.down:after {
  top: -1px !important;
  transform: rotate(180deg);
}
.graph-body .legend-wrapper .legend-summary .percent.low {
  color: #f81538;
}
.graph-body .legend-wrapper .legend-summary .percent.low:after {
  top: 2px;
  position: absolute;
  content: url('red-down-arrow.svg');
}
.graph-body .legend-wrapper .legend-summary .percent.low.up:after {
  top: -2px !important;
  transform: rotate(180deg);
}
.graph-body .legend-wrapper .legend-item {
  position: relative;
  margin-bottom: 10px;
}
.graph-body .legend-wrapper .legend-item.clickable {
  cursor: pointer;
}
.graph-body .legend-wrapper .legend-item.disabled .label .tile {
  opacity: 0.4;
}
.graph-body .legend-wrapper .legend-item.disabled .label .text {
  opacity: 0.4;
}
.graph-body .legend-wrapper .legend-item.disabled .count {
  opacity: 0.4;
}
.graph-body .legend-wrapper .legend-item.disabled .percent {
  opacity: 0.4;
}
.graph-body .legend-wrapper .legend-item span {
  display: inline-block;
  vertical-align: middle;
  font-family: roboto-medium;
}
.graph-body .legend-wrapper .legend-item .label1 {
  width: 50%;
  display: inline-block;
}
.graph-body .legend-wrapper .legend-item .label1 .tile {
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
.graph-body .legend-wrapper .legend-item .label1 .text {
  color: var(--text-light-80-color);
  font-size: 12px;
  margin-left: 8px;
  text-transform: capitalize;
  font-family: roboto-regular;
}
.graph-body .legend-wrapper .legend-item .label1 .link {
  color: #008def;
  font-size: 12px;
  cursor: pointer;
  font-family: roboto-medium;
}
.graph-body .legend-wrapper .legend-item .label1.has-dropdown:hover .cta-dropdown {
  display: block;
}
.graph-body .legend-wrapper .legend-item .label1 .cta-dropdown {
  width: 100%;
  padding: 14px 20px 4px;
}
.graph-body .legend-wrapper .legend-item .label {
  width: 91%;
  display: inline-block;
}
.graph-body .legend-wrapper .legend-item .label .tile {
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
.graph-body .legend-wrapper .legend-item .label .text {
  color: var(--text-light-80-color);
  font-size: 12px;
  margin-left: 8px;
  text-transform: capitalize;
  font-family: roboto-regular;
}
.graph-body .legend-wrapper .legend-item .label .text2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--text-light-80-color);
  text-transform: capitalize;
  font-family: roboto-regular;
  width: 62%;
  margin-left: 8px;
}
.graph-body .legend-wrapper .legend-item .label .link {
  color: #008def;
  font-size: 12px;
  cursor: pointer;
  font-family: roboto-medium;
}
.graph-body .legend-wrapper .legend-item .label.has-dropdown:hover .cta-dropdown {
  display: block;
}
.graph-body .legend-wrapper .legend-item .label .cta-dropdown {
  width: 100%;
  padding: 14px 20px 4px;
}
.graph-body .legend-wrapper .legend-item .count {
  width: 25%;
  color: var(--text-color);
  font-size: 12px;
  text-align: right;
}
.graph-body .legend-wrapper .legend-item .count.big {
  width: 50%;
}
.graph-body .legend-wrapper .legend-item .percent {
  width: 25%;
  font-size: 12px;
  text-align: right;
  color: var(--text-color);
}
.graph-body .legend-wrapper .legend-item .percent.high {
  color: #08b24b;
}
.graph-body .legend-wrapper .legend-item .percent.high::before {
  width: 5px;
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  content: url('high.svg');
}
.graph-body .legend-wrapper .legend-item .percent.low {
  color: #cd2d2f;
}
.graph-body .legend-wrapper .legend-item .percent.low::before {
  width: 5px;
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  content: url('low.svg');
}

.inspection-details .details-container.single {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .inspection-details .details-container.single {
    text-align: left;
  }
}
.inspection-details .details-container.single .title {
  font-size: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .inspection-details .details-container.single .icon {
    margin-bottom: 0;
    margin-right: 12px;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .inspection-details .details-container.single .info {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .inspection-details .details-container {
    text-align: center;
  }
}
.inspection-details .details-container .icon {
  margin-right: 22px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .inspection-details .details-container .icon {
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }
}
.inspection-details .details-container .info {
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .inspection-details .details-container .info {
    display: block;
  }
}
.inspection-details .details-container .info .title {
  color: var(--text-color);
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.inspection-details .details-container .info .title.big {
  font-size: 27px;
}
.inspection-details .details-container .info .title .percent {
  font-size: 18px;
}
.inspection-details .details-container .info .title .percent::before {
  width: 8px !important;
  height: 13px !important;
  background-size: 8px 13px !important;
}
.inspection-details .details-container .info .stats {
  padding: 0 26px;
  min-width: 70px;
  vertical-align: top;
  display: inline-block;
  border-right: 1px solid #CDD5DF;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .inspection-details .details-container .info .stats {
    width: 100px;
    padding: 0 6px;
  }
}
.inspection-details .details-container .info .stats:first-of-type {
  padding-left: 0;
}
.inspection-details .details-container .info .stats:last-child {
  padding-right: 0;
  border-right: none;
}
.inspection-details .details-container .info .stats.for-supplier {
  padding: 0 26px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .inspection-details .details-container .info .stats.for-supplier {
    width: 140px;
    padding: 0 26px;
  }
  .inspection-details .details-container .info .stats.for-supplier:first-of-type {
    padding-left: 0;
  }
  .inspection-details .details-container .info .stats.for-supplier:last-child {
    padding-right: 0;
    border-right: none;
  }
}
.inspection-details .details-container .info .stats.for-supplier:first-of-type {
  padding-left: 0;
}
.inspection-details .details-container .info .stats.for-supplier:last-child {
  padding-right: 0;
  border-right: none;
}
.inspection-details .details-container .info .stats p {
  color: #707275;
  font-size: 12px;
  margin-bottom: 6px;
  font-family: roboto-regular;
}
.inspection-details .details-container .info .stats p:last-child {
  margin-bottom: 0;
}
.inspection-details .details-container .info .stats p.green {
  color: #24c11e;
  font-size: 14px;
  font-weight: bold;
}
.inspection-details .details-container .info .stats p.red {
  color: #f81538;
  font-size: 14px;
  font-weight: bold;
}
.inspection-details .details-container .info .stats p.value {
  color: var(--text-color);
  font-family: roboto-medium;
}
.inspection-details .details-container .info .stats p.big {
  font-size: 14px;
  font-family: roboto-regular;
}
.inspection-details .details-container .info .percent {
  color: #14af56;
  font-size: 10px;
  vertical-align: middle;
  font-family: roboto-regular;
}
.inspection-details .details-container .info .percent.high {
  color: #08b24b;
}
.inspection-details .details-container .info .percent.high::before {
  width: 5px;
  content: "";
  height: 9px;
  margin-right: 4px;
  display: inline-block;
  background-size: 5px 11px;
  background-image: url('high.svg');
}
.inspection-details .details-container .info .percent.low {
  color: #cd2d2f;
}
.inspection-details .details-container .info .percent.low::before {
  width: 5px;
  content: "";
  height: 9px;
  margin-right: 4px;
  display: inline-block;
  background-size: 5px 11px;
  background-image: url('low.svg');
}
.inspection-details .details-container .other-info {
  color: #707275;
  font-size: 12px;
}
.inspection-details .details-container .other-info strong {
  margin-left: 6px;
  color: var(--text-color);
}

.modal-body .nogutter [class*=col-]:first-child {
  padding-right: 0;
}
.modal-body .nogutter [class*=col-]:last-child {
  padding-left: 0;
}
.modal-body .filter-text {
  color: #24424d;
  font-size: 14px;
}
.modal-body .filter-input-group {
  margin: 0;
}
.modal-body .new-padding {
  padding: 24px 34px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .nogutter [class*=col-] {
    padding: 0 5px;
  }
}

.utilisation-wrapper {
  background-color: white;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.utilisation-wrapper .dashboard-graph-container {
  margin-top: 0;
  padding-right: 0;
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.utilisation-wrapper .dashboard-graph-container:hover {
  box-shadow: none;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .utilisation-wrapper .dashboard-graph-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .utilisation-wrapper .dashboard-graph-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.utilisation-wrapper .utilisation-table-container {
  width: 66.2374821173%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .utilisation-wrapper .utilisation-table-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .utilisation-wrapper .utilisation-table-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-header {
  padding: 24px 10px;
  background-color: rgba(231, 236, 247, 0.2);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .utilisation-wrapper .utilisation-table-container .utilisation-table-header {
    padding: 20px 20px;
  }
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-header .utilisation-table-title {
  width: 50%;
  color: #24424d;
  font-size: 13px;
  margin-bottom: 0.3rem;
  display: inline-block;
  font-family: roboto-light;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .utilisation-wrapper .utilisation-table-container .utilisation-table-header .utilisation-table-title {
    width: 40%;
    white-space: normal;
  }
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-header .graph-filter {
  width: 50%;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .utilisation-wrapper .utilisation-table-container .utilisation-table-header .graph-filter {
    width: 60%;
    text-align: right;
  }
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-header .graph-filter .select-for-filter {
  margin-bottom: 0;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body {
  max-height: 273px;
  overflow-y: scroll;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .utilisation-wrapper .utilisation-table-container .utilisation-table-body {
    overflow-x: scroll;
    white-space: nowrap;
  }
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table {
  position: relative;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td {
  color: #203b4e;
  font-size: 10px;
  line-height: 1.2;
  padding: 6px 8px 7px 8px;
  font-family: roboto-regular;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.light, .utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td .light {
  color: rgba(32, 59, 78, 0.4);
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td .light {
  padding-left: 14px;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.red {
  background-color: #f9b7ba;
  border-bottom: solid 0.2px #f9b7ba;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.yellow {
  background-color: #fbf9b9;
  border-bottom: solid 0.2px #fbf9b9;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.orange {
  background-color: #ffe5b9;
  border-bottom: solid 0.2px #ffe5b9;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.green {
  background-color: #b4dec4;
  border-bottom: solid 0.2px #b4dec4;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.down {
  color: #cd2d2f !important;
  font-family: roboto-medium;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.down img {
  margin-right: 3px;
  display: inline-block;
  vertical-align: initial;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.up {
  color: #08b24b !important;
  font-family: roboto-medium;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr td.up img {
  margin-right: 3px;
  display: inline-block;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr.footer-row {
  background-color: #e5e8ef;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table.simple-table tbody tr.footer-row td {
  color: #203b4e;
  font-weight: bold;
  background-color: #e5e8ef;
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table thead {
  background-color: var(--table-header);
}
.utilisation-wrapper .utilisation-table-container .utilisation-table-body .pagination-table thead th {
  color: var(--white-color);
  font-size: 10px;
  line-height: 1.3;
  font-weight: 500;
  font-family: roboto-medium;
}

.full-height-column-wrapper .grid-column {
  display: flex;
  align-items: stretch;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .legend-for-defect-graph {
    flex: 1;
    display: flex;
    justify-content: space-evenly;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .legend-for-defect-graph {
    flex: 1;
    display: flex;
    margin-top: 20px;
    justify-content: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .legend-for-defect-graph .legend-title:first-child {
    margin-right: 20px;
  }
}

.management-dashboard .report {
  display: flex;
  margin-bottom: 20px;
}
.management-dashboard .report .icon-wrapper {
  margin-right: 20px;
}
.management-dashboard .report .icon-wrapper .icon {
  height: 120px;
  width: 120px;
  object-fit: cover;
}
.management-dashboard .time-status {
  display: flex;
}
.management-dashboard .time-status .time-count {
  margin-right: 12px;
}
.management-dashboard .new-graph-head {
  margin-bottom: 10px;
}
.management-dashboard .legend-wrapper {
  padding: 20px;
}
.management-dashboard .bold-font {
  font-size: 26px;
  font-weight: 500;
}
.management-dashboard .lite-font {
  font-size: 16px;
  color: #707275;
}
.management-dashboard .stats-font {
  font-size: 12px;
  color: #707275;
}
.management-dashboard .value {
  display: flex;
  align-items: baseline;
}
.management-dashboard .down {
  font-size: 14px;
  font-weight: 500;
}
.management-dashboard .down.color2 {
  color: #f81538;
}
.management-dashboard .down:after {
  margin-left: 4px;
  vertical-align: text-top;
  content: url('progress-down.svg');
}
.management-dashboard .up {
  font-size: 14px;
  font-weight: 500;
}
.management-dashboard .up.color1 {
  color: #24c11e;
}
.management-dashboard .up:after {
  margin-left: 4px;
  vertical-align: text-top;
  content: url('up-green.svg');
}
.management-dashboard .text-container .font1 {
  font-size: 22px;
  font-family: roboto-medium;
  color: #505052;
}
.management-dashboard .text-container .font2 {
  font-size: 20px;
  font-weight: 300;
  font-family: roboto-light;
  color: #707275;
}
.management-dashboard .border-bottom {
  padding-bottom: 24px;
  border-bottom: 1px solid #cdd5df;
}
.management-dashboard .legend-container {
  display: flex;
  flex: 1;
}
.management-dashboard .legend-container .padding-right {
  padding-right: 10px;
}
.management-dashboard .legend-container .padding-left {
  padding-left: 15px;
}
.management-dashboard .legend-container .br {
  border-right: 1px solid #cdd5df;
}
.management-dashboard .legend-container .legend-item {
  display: flex;
  flex: 1;
  border-right: solid 1px #cdd5df;
}
.management-dashboard .legend-container .legend-item img {
  margin-right: 10px;
}
.management-dashboard .legend-container .legend-item .item-value {
  line-height: 1;
}
.management-dashboard .legend-container .legend-item .item-value .text {
  font-size: 12px;
  font-family: roboto-regular;
  color: #707275;
}
.management-dashboard .legend-container .legend-item .item-value .values {
  margin-top: 4px;
}
.management-dashboard .legend-container .legend-item .item-value .values span {
  font-size: 18px;
  color: var(--text-color);
}
.management-dashboard .legend-container .legend-item .item-value .values .green {
  font-size: 14px;
  margin-right: 4px;
}
.management-dashboard .legend-container .legend-item .item-value .values .green.color1 {
  color: #24c11e;
}
.management-dashboard .legend-container .legend-item .item-value .values .green.color2 {
  color: #f81538;
}
.management-dashboard .legend-container .legend-item .item-value .details {
  color: #008def;
  font-size: 11px;
  margin-top: 6px;
  font-weight: 500;
  font-family: roboto-medium;
}
.management-dashboard .legend-container .legend-item .item-value .details:hover {
  color: #0070ce;
}

.average-timeline-management-container {
  flex: 1;
  display: flex;
  padding: 25px 34px;
  flex-direction: column;
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container {
    padding: 25px 15px;
  }
}
.average-timeline-management-container .average-timeline-head {
  flex: 1;
  margin-bottom: 20px;
}
.average-timeline-management-container .average-timeline-head h4 {
  font-size: 14px;
  color: var(--text-color);
}
.average-timeline-management-container .average-timeline-body {
  flex: 1;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container {
  display: flex;
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container {
    display: flex;
    flex-direction: column;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container p {
  margin: 0;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time {
  display: flex;
  padding-right: 50px;
  flex-direction: column;
  border-right: solid 1px #cdd5df;
  flex: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time {
    padding-right: 0 !important;
    border-right: 0 !important;
    border-bottom: solid 1px #cdd5df;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time {
    border-right: 0 !important;
    border-bottom: solid 1px #cdd5df;
    padding-right: 0 !important;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-head {
  display: flex;
  margin-bottom: 40px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-head {
    padding-right: 0 !important;
    margin-bottom: 30px !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-head {
    padding-right: 0 !important;
    align-items: baseline;
    margin-bottom: 20px !important;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-head h5 {
  font-family: roboto-light;
  font-size: 14px;
  flex: 1;
  font-weight: 300;
  color: #13151b;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-head p {
  color: #008def;
  font-size: 14px;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-head p span {
  font-family: roboto-medium;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body {
  display: flex;
  min-height: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body {
    margin-bottom: 40px;
    width: 675px;
    margin: 0 auto 40px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body {
    margin-bottom: 20px;
    align-items: center;
    flex-direction: column;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd {
  flex: 1.5;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd {
    flex: auto;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd {
    display: flex;
    margin: 5px 0;
    flex-direction: row;
    justify-content: flex-start;
    min-width: 200px;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd .icon-wrapper {
  z-index: 4;
  position: relative;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd .icon-wrapper img {
  z-index: 5;
  position: relative;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd .icon-wrapper:after {
  top: 50%;
  left: 80%;
  z-index: 1;
  content: "";
  width: 130px;
  position: absolute;
  border-bottom: 1px solid #afbbcb;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd .icon-wrapper:after {
    width: 250%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd .icon-wrapper:after {
    top: 80%;
    left: 50%;
    z-index: 1;
    content: "";
    width: 1px;
    height: 100px;
    position: absolute;
    border-left: 1px solid #afbbcb;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd .icon-wrapper.no-line:after {
  border: none;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd p {
  margin: 0;
  color: #707275;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .odd p {
    margin-left: 10px;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .even {
  text-align: center;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .even .day-count {
  display: inline-block;
  border-radius: 3px;
  padding: 8px 10px 9px;
  align-items: flex-start;
  background-color: #6771dc;
  position: relative;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .even .day-count.color {
  background-color: #a367dc;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .even .day-count {
    margin-left: 56px;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .even .day-count:after {
  top: 100%;
  left: 50%;
  z-index: 1;
  content: "";
  height: 55px;
  position: absolute;
  border-left: 1px dashed #afbbcb;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .even .day-count:after {
    top: 50%;
    left: unset;
    right: 100%;
    z-index: 1;
    content: "";
    height: 1px;
    width: 56px;
    position: absolute;
    border-bottom: 1px dashed #afbbcb;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-booking-time .booking-time-body .even .day-count p {
  margin: 0;
  color: var(--white-color);
  font-size: 14px;
  font-weight: bold;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time {
    padding-left: 0 !important;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time {
    padding-left: 0 !important;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time p {
  margin: 0;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-head {
  display: flex;
  margin-left: 50px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-head {
    margin-left: 0 !important;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-head {
    margin-left: 0;
    margin-bottom: 25px;
    margin-top: 20px;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-head h5 {
  font-family: roboto-light;
  font-size: 14px;
  font-weight: 300;
  color: #13151b;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body {
  display: flex;
  margin: 0 20px 0 50px;
  flex-direction: column;
}
@media only screen and (min-width: 1279px) and (max-width: 1399px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body {
    margin: 0 0 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body {
    width: 490px;
    margin: auto;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body {
    display: none;
  }
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container {
  display: flex;
  align-items: center;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container.center {
  justify-content: space-evenly;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container.time-cycle-days {
  margin-top: 12px;
  justify-content: space-between;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container.margin {
  margin-top: 40px;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p {
  font-size: 14px;
  color: #707275;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p.ml-8 {
  margin-left: 8px;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p.mr-8 {
  margin-right: 8px;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p.update-status {
  margin-left: 25px;
  position: relative;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p.update-status:before {
  content: url('left-doubleline-arrow.svg');
  position: absolute;
  right: 120%;
  top: 4px;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p.update-status:after {
  content: url('left-single-arrow.svg');
  position: absolute;
  left: 121%;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p.client-status {
  margin-right: 40px;
  position: relative;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p.client-status:before {
  content: url('right-single-arrow.svg');
  position: absolute;
  right: 107%;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container p.client-status:after {
  content: url('right-doubleline-arrow.svg');
  position: absolute;
  left: 120%;
  top: 4px;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .total-time {
  font-size: 12px;
  padding: 12px;
  background-color: rgba(225, 230, 236, 0.3);
  color: #707275;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container span {
  font-size: 14px;
  color: var(--text-color);
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .day-container {
  z-index: 1;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .day-container .days {
  display: inline-block;
  border-radius: 3px;
  padding: 8px 10px 9px;
  background-color: #6771dc;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .day-container .days.color {
  background-color: #a367dc;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .day-container .days p {
  margin: 0;
  color: var(--white-color);
  font-size: 14px;
  font-weight: bold;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .day-container.cycle-start-days {
  position: relative;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .day-container.cycle-start-days:after {
  content: url('left-single-arrow.svg');
  position: absolute;
  transform: rotate(-90deg);
  right: 9px;
  top: 50px;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .day-container.cycle-end-days {
  position: relative;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body .time-cycle-container .day-container.cycle-end-days:after {
  content: url('right-single-arrow.svg');
  position: absolute;
  transform: rotate(90deg);
  left: 10px;
  top: 52px;
}
.average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile {
    display: none;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile {
    display: flex;
    flex-direction: column;
  }
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile2 {
    flex-direction: row;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile2 .total-time {
    font-size: 12px;
    padding: 12px;
    transform: rotate(90deg);
    background-color: rgba(225, 230, 236, 0.3);
    color: #707275;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile2 .total-time {
    transform: rotate(0deg);
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile2 span {
    font-size: 14px;
    color: var(--text-color);
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 {
    align-items: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 p {
    font-size: 14px;
    color: #707275;
    margin-bottom: 53px;
    margin-top: 55px;
    font-family: roboto-medium;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 .day-container {
    z-index: 1;
  }
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 .day-container .days {
    min-width: 80px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    padding: 8px 10px 9px;
    background-color: #6771dc;
  }
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 .day-container .days.color {
    background-color: #a367dc;
  }
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 .day-container .days.colour {
    background-color: #8067dc;
  }
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 .day-container .days p {
    margin: 0;
    color: var(--white-color);
    font-size: 14px;
    font-weight: bold;
  }
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 .day-container.cycle-days {
    position: relative;
  }
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 .day-container.cycle-days:before {
    content: url('left-single-arrow.svg');
    position: absolute;
    transform: rotate(90deg);
    left: 15px;
    bottom: 49px;
  }
  .average-timeline-management-container .average-timeline-body .average-timeline-container .average-quotation-time .quotation-time-body-mobile .quotation-mobile1 .day-container.cycle-days:after {
    content: url('right-single-arrow.svg');
    position: absolute;
    transform: rotate(90deg);
    left: 13px;
    top: 51px;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .defect-dashboard-table-wrapper {
    overflow-x: scroll;
    white-space: nowrap;
  }
}
.defect-dashboard-table-wrapper .table-container {
  overflow-x: scroll;
  white-space: nowrap;
}
.defect-dashboard-table-wrapper .table-container .pagination-table th:first-child {
  padding-left: 34px;
}
.defect-dashboard-table-wrapper .table-container .pagination-table td:first-child {
  padding-left: 34px;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .Critical {
  background-color: #f81538;
  color: var(--white-color);
  text-align: center;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .Major {
  color: var(--white-color);
  text-align: center;
  background-color: rgba(248, 21, 56, 0.7);
}
.defect-dashboard-table-wrapper .table-container .pagination-table .Minor {
  color: var(--white-color);
  text-align: center;
  background-color: rgba(248, 21, 56, 0.5);
}
.defect-dashboard-table-wrapper .table-container .pagination-table .critical-light {
  line-height: 1;
  text-align: center;
  background-color: rgba(250, 223, 227, 0.6);
}
.defect-dashboard-table-wrapper .table-container .pagination-table .critical-light span {
  flex: 1;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .critical-light img {
  cursor: pointer;
  vertical-align: bottom;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .critical-light .margin {
  margin-left: 36px;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .critical-light.red {
  font-size: 14px;
  color: #f81538;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .major-light {
  line-height: 1;
  text-align: center;
  background-color: rgba(250, 223, 227, 0.4);
}
.defect-dashboard-table-wrapper .table-container .pagination-table .major-light span {
  flex: 1;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .major-light img {
  cursor: pointer;
  vertical-align: bottom;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .major-light .margin {
  margin-left: 36px;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .major-light.red {
  font-size: 14px;
  color: #f75772;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .minor-light {
  line-height: 1;
  text-align: center;
  background-color: rgba(250, 223, 227, 0.2);
}
.defect-dashboard-table-wrapper .table-container .pagination-table .minor-light span {
  flex: 1;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .minor-light img {
  cursor: pointer;
  vertical-align: bottom;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .minor-light .margin {
  margin-left: 36px;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .minor-light.red {
  font-size: 14px;
  color: #f68599;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .margin-right {
  margin-right: 8px;
}
.defect-dashboard-table-wrapper .table-container .pagination-table .light {
  color: rgba(32, 59, 78, 0.4);
}
.defect-dashboard-table-wrapper .defects-container {
  display: flex;
  flex: 1;
  align-items: flex-end;
  margin-bottom: 30px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .defect-dashboard-table-wrapper .defects-container {
    align-items: normal;
    flex-direction: column;
  }
}
.defect-dashboard-table-wrapper .defects-container .select-defect {
  display: flex;
  flex: 1.3;
  align-items: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect {
    margin-top: 20px;
    flex-direction: column;
    align-items: stretch;
  }
}
.defect-dashboard-table-wrapper .defects-container .select-defect .selection {
  display: flex;
  flex: 0.6;
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect .selection {
    flex: 0.5;
  }
}
.defect-dashboard-table-wrapper .defects-container .select-defect .selection p {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-color);
  font-family: roboto-medium;
  margin-bottom: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect .selection p {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect .selection p {
    text-align: left;
  }
}
.defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container {
  flex: 1;
  display: flex;
  margin-bottom: 6px;
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container {
    margin-top: 10px;
    flex-direction: column;
  }
}
.defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container .checkbox-button {
  display: flex;
  height: 44px;
  font-size: 14px;
  color: var(--text-color);
  padding: 9px 14px;
  border-radius: 4px;
  align-items: center;
  background-color: #ecf0f3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container .checkbox-button {
    justify-content: space-between;
  }
}
.defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container .checkbox-button .group {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container .checkbox-button .group {
    display: flex;
  }
}
.defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container .checkbox-button.active {
  border: solid 1px #cdd5df;
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container .checkbox-button.active {
    flex: 1;
    margin-bottom: 6px;
  }
}
.defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container .checkbox-button .quotation {
  margin-right: 10px;
}
.defect-dashboard-table-wrapper .defects-container .select-defect .checkbox-container .checkbox-button p {
  margin-bottom: 0 !important;
}
.defect-dashboard-table-wrapper .table-title {
  font-size: 14px;
  color: #707275;
}

.result-change-container {
  flex: 1;
  display: flex;
  margin: 24px 13px 0;
  flex-direction: column;
}
.result-change-container .result-change-column {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.result-change-container .result-change-column:last-child {
  margin-top: 20px;
}
.result-change-container .result-change-column:before {
  top: 23%;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  position: absolute;
  border-bottom: 1px solid #afbbcb;
}
.result-change-container .result-change-column .result-status {
  z-index: 2;
  text-align: center;
}
.result-change-container .result-change-column .result-status p {
  margin: 0;
  margin-top: 4px;
  font-size: 12px;
  color: #707275;
  font-family: roboto-regular;
}
.result-change-container .result-change-column .result-count {
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.result-change-container .result-change-column .result-count.type-two .counting {
  background-color: #a367dc;
}
.result-change-container .result-change-column .result-count .counting {
  padding: 9px 20px;
  border-radius: 3px;
  background-color: #6771dc;
}
.result-change-container .result-change-column .result-count .counting p {
  margin: 0;
  line-height: 1;
  color: var(--white-color);
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.result-change-container .result-change-column .result-count .text-dark {
  font-size: 12px;
  margin-top: 6px;
  font-family: roboto-medium;
  color: var(--text-color);
}

.rejection-table-container {
  padding: 0 4px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-table-container {
    overflow-x: scroll;
  }
}
.rejection-table-container tr:hover .defect-value {
  color: var(--white-color) !important;
}
.rejection-table-container .light {
  color: rgba(32, 59, 78, 0.4);
}
.rejection-table-container .defect-value {
  color: var(--white-color);
  cursor: pointer;
  text-align: center;
  border: solid 1px var(--white-color);
  transition: ease all 0.4s;
}
.rejection-table-container .defect-value:hover {
  box-shadow: 0 8px 12px #b40d26;
}
.rejection-table-container .defect-value.disabled:hover {
  box-shadow: none;
}

.rejection-detail-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(0, 24, 33, 0.4);
}
.rejection-detail-popup-wrapper .close {
  top: 30px;
  z-index: 1;
  width: 22px;
  right: 50px;
  cursor: pointer;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .close {
    top: 20px;
    right: 20px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container {
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  overflow: hidden;
  background: var(--white-color);
  position: absolute;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .rejection-detail-popup-wrapper .rejection-detail-container {
    width: 70%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container {
    top: 50px;
    width: 94%;
    right: auto;
    margin-left: 3%;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.rejection-detail-popup-wrapper .rejection-detail-container::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.rejection-detail-popup-wrapper .rejection-detail-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-info {
  padding: 74px 34px 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-info {
    padding: 50px 14px 20px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-info .title {
  margin: 0;
  color: var(--text-color);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 11px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-info .title {
    font-size: 16px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-info .subtitle {
  margin: 0;
  color: #707275;
  font-size: 16px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-info .subtitle {
    font-size: 14px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-info .subtitle span {
  color: #f9435f;
  font-size: 12px;
  margin-left: 16px;
  padding: 8px 14px;
  border-radius: 2px;
  background-color: #fee3e7;
  font-family: roboto-medium;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats {
  display: flex;
  padding: 10px 34px 30px;
  border-bottom: solid 1px #cdd5df;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats {
    flex-direction: column;
    padding: 10px 14px 20px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats .stat-container {
  flex: 1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats .stat-container {
    margin-bottom: 10px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats .stat-container img {
  width: 56px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats .stat-container .info {
  display: inline-block;
  vertical-align: middle;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats .stat-container .info h5 {
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 4px;
  font-family: roboto-light;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats .stat-container .info span {
  color: var(--text-color);
  font-size: 18px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-stats .stat-container .info span {
    font-size: 16px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-detail-filter-container {
  padding: 30px 34px;
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-detail-filter-container {
    padding: 20px 14px;
    flex-direction: column;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-detail-filter-container .my-input-group {
  flex: 1;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container {
  padding: 0 34px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container {
    padding: 0 14px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .critical-light {
  color: #f81538;
  font-size: 12px;
  text-align: center;
  position: relative;
  background-color: rgba(250, 223, 227, 0.6);
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .critical-light span {
  flex: 1;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .critical-light img {
  cursor: pointer;
  vertical-align: bottom;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .major-light {
  color: #f81538;
  font-size: 12px;
  position: relative;
  background-color: rgba(250, 223, 227, 0.4);
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .major-light span {
  flex: 1;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .major-light img {
  cursor: pointer;
  vertical-align: bottom;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .minor-light {
  color: #f81538;
  font-size: 12px;
  text-align: center;
  position: relative;
  background-color: rgba(250, 223, 227, 0.2);
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .minor-light span {
  flex: 1;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .minor-light img {
  cursor: pointer;
  vertical-align: bottom;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .report-image {
  cursor: pointer;
  position: relative;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-table-container .report-image:hover .cta-dropdown {
  display: block;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper {
  display: flex;
  padding: 30px 34px;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper {
    padding: 30px 14px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .title {
  color: var(--text-color);
  font-size: 18px;
  margin-bottom: 24px;
  font-family: roboto-medium;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container {
    flex-wrap: wrap;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container .thumbnail {
  width: 126px;
  margin-right: 24px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container .thumbnail {
    width: auto;
    flex: 1 50%;
    margin: auto;
    margin-bottom: 10px;
  }
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container .thumbnail:nth-child(even) {
    padding-left: 6px;
  }
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container .thumbnail:nth-child(odd) {
    padding-right: 6px;
  }
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container .thumbnail img {
  width: 100%;
  margin-bottom: 10px;
}
.rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container .thumbnail span {
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 6px;
  font-family: roboto-light;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .rejection-detail-popup-wrapper .rejection-detail-container .rejection-gallery-wrapper .gallery-container .thumbnail span {
    display: block;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .finance-dashboard-table-wrapper .table-container {
    white-space: nowrap;
    overflow: scroll;
  }
}
.finance-dashboard-table-wrapper .table-container .pagination-table {
  text-align: center;
}
.finance-dashboard-table-wrapper .table-container .pagination-table .yellow {
  background-color: rgba(255, 197, 0, 0.1);
}
.finance-dashboard-table-wrapper .table-container .pagination-table .pink {
  background-color: #fadfe3;
}
.finance-dashboard-table-wrapper .table-container .pagination-table .black {
  color: var(--text-color);
}
.finance-dashboard-table-wrapper .man-days-container {
  display: flex;
  flex: 1;
  align-items: flex-end;
  margin-bottom: 30px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .finance-dashboard-table-wrapper .man-days-container {
    align-items: normal;
    flex-direction: column;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .finance-dashboard-table-wrapper .man-days-container {
    align-items: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .kpi-alignment-tablet {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .total-rejection {
    display: flex;
    align-items: baseline;
    flex-direction: row !important;
  }
}

.quotation-container {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container {
    text-align: center;
  }
}
.quotation-container h5 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 16px;
}
.quotation-container .quotation-count {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .quotation-container .quotation-count {
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quotation-container .quotation-count {
    margin-right: 40px;
  }
}
.quotation-container .quotation-count .total-count {
  display: flex;
  flex-direction: column;
}
.quotation-container .quotation-count .total-count:first-child {
  padding-right: 32px;
  height: 40px;
  border-right: 1px solid #ecf0f3;
}
.quotation-container .quotation-count .total-count:last-child {
  padding-left: 32px;
}
.quotation-container .quotation-count .total-count p {
  font-size: 12px;
  color: #707275;
  margin-bottom: 6px;
  margin-top: 0 !important;
}
.quotation-container .quotation-count .total-count .bold {
  color: var(--text-color);
  font-weight: 600;
}
.quotation-container .quotation-count .total-count .value {
  font-size: 14px;
}
.quotation-container .rejection-percent {
  margin-left: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quotation-container .rejection-percent {
    margin-left: 40px;
  }
}
.quotation-container p {
  font-size: 12px;
  color: #707275;
  margin-top: 16px;
  margin-bottom: 6px;
}
.quotation-container p .percent {
  font-size: 14px;
  font-weight: 600;
  margin-left: 10px;
  color: #08b24b;
}
.quotation-container p .percent.high {
  color: #08b24b;
}
.quotation-container p .percent.high::after {
  width: 6px;
  content: "";
  height: 10px;
  margin-left: 4px;
  display: inline-block;
  background-size: 100%;
  background-image: url('high.svg');
}
.quotation-container p .percent.low {
  color: #cd2d2f;
}
.quotation-container p .percent.low::after {
  width: 6px;
  content: "";
  height: 9px;
  margin-left: 4px;
  display: inline-block;
  background-size: 100%;
  background-image: url('low.svg');
}

.user-guide .heading {
  font-size: 20px !important;
  color: #24424d !important;
  margin-bottom: 14px;
  margin-top: 24px;
}
.user-guide .user-manual {
  display: flex;
}
.user-guide .user-manual .manual-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .user-guide .user-manual .manual-list {
    flex: 1;
    flex-direction: column;
  }
}
.user-guide .user-manual .manual-list .list-items {
  flex: 1 0 21%;
  display: flex;
  margin-top: 16px;
  margin-right: 16px;
  padding: 20px 12px;
  border-radius: 2px;
  background-color: var(--white-color);
  transition: ease all 0.4s;
  border: 0.3px solid #cdd5df;
  max-width: calc(25% - 16px);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .user-guide .user-manual .manual-list .list-items {
    width: 100%;
    margin-top: 8px;
    max-width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .user-guide .user-manual .manual-list .list-items {
    width: 31.3%;
    flex: 1 0 30%;
    max-width: unset;
    margin-right: 2%;
  }
}
.user-guide .user-manual .manual-list .list-items:hover {
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
  outline: 3px solid rgba(175, 187, 203, 0.4);
}
.user-guide .user-manual .manual-list .list-items .first-image {
  width: 44px;
  margin-right: 15px;
}
.user-guide .user-manual .manual-list .list-items .title {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.user-guide .user-manual .manual-list .list-items .title .main-title {
  font-size: 16px;
  margin-bottom: 4px;
  color: var(--text-color);
  font-family: trim-web-medium;
}
.user-guide .user-manual .manual-list .list-items .title .sub-title {
  font-size: 12px;
  color: #9A9FA2;
  margin-bottom: 0px;
  font-family: roboto-regular;
}
.user-guide .user-manual .manual-list .list-items .title .sub-title span {
  margin-left: 8px;
}
.user-guide .user-manual .manual-list .list-items .action-image {
  cursor: pointer;
}
.user-guide .user-manual .manual-list .list-items .action-image.last {
  margin-right: 6px;
  margin-left: 13px;
}

.cs-filter-bar .filter-icon {
  float: right;
}

.cs-catagory-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 25px 0;
  background-color: #6771dc;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-catagory-container {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-catagory-container {
    padding: 24px 0;
  }
}
.cs-catagory-container .my-dashboard-container {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-catagory-container .my-dashboard-container {
    padding: 0 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-catagory-container .my-dashboard-container {
    padding: 0 20px;
  }
}
.cs-catagory-container .my-dashboard-container .cs-catagories {
  display: flex;
  color: var(--white-color);
  overflow-x: scroll;
}
.cs-catagory-container .my-dashboard-container .cs-catagories::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories {
    overflow: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories {
    overflow: auto;
  }
}
.cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column {
  display: flex;
  margin-right: 60px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column {
    margin-right: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column {
    margin-right: 30px;
  }
}
.cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column:last-child {
    min-width: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column:last-child {
    min-width: 220px;
  }
}
.cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column img {
  width: 40px;
  margin-right: 14px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column img {
    margin-right: 8px;
  }
}
.cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column .number {
  font-size: 30px;
  font-weight: 300;
  margin-right: 10px;
  font-family: roboto-light;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column .number {
    font-size: 30px;
    margin-right: 6px;
  }
}
.cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column span {
  display: flex;
  font-size: 12px;
  line-height: 1.3;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-catagory-container .my-dashboard-container .cs-catagories .catagory-column span {
    font-size: 12px;
  }
}

.cs-main-stats-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 34px 0;
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container {
    padding: 20px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container {
    padding: 30px 20px 0;
  }
}
.cs-main-stats-container .cs-stats-container {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container {
    flex-wrap: wrap;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block {
  display: flex;
  flex: 1;
  padding: 0 20px;
  flex-direction: column;
  border-right: 1px solid #ecf0f3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-right: 0;
    border-bottom: 1px solid #ecf0f3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block {
    flex: auto;
    width: 50%;
    padding: 0 32px;
    margin-bottom: 30px;
  }
  .cs-main-stats-container .cs-stats-container .cs-stats-block:nth-child(2) {
    padding-right: 0;
    border-right: 0;
  }
  .cs-main-stats-container .cs-stats-container .cs-stats-block:nth-child(3) {
    padding-left: 0;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block:first-child {
    padding-top: 0;
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid #ecf0f3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block:first-child {
    padding-left: 0px;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block:last-child {
  padding-right: 0;
  border-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.booking-color .stats-link-container {
  transition: ease all 0.4s;
  background-color: #8067dc;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.booking-color .stats-link-container:hover {
  background-color: #6e58bc;
  box-shadow: 0 3px 8px 0 rgba(19, 10, 47, 0.2039215686);
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.booking-color .custom-badge {
  background-color: #8067dc;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.quotation-color .stats-link-container {
  background-color: #dc67ce;
  transition: ease all 0.4s;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.quotation-color .stats-link-container:hover {
  background-color: #bc58b0;
  box-shadow: 0 3px 8px 0 rgba(19, 10, 47, 0.2039215686);
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.quotation-color .custom-badge {
  background-color: #dc67ce;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.allocation-color .stats-link-container {
  background-color: #a367dc;
  transition: ease all 0.4s;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.allocation-color .stats-link-container:hover {
  background-color: #8b58bc;
  box-shadow: 0 3px 8px 0 rgba(19, 10, 47, 0.2039215686);
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.allocation-color .custom-badge {
  background-color: #a367dc;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.report-color .stats-link-container {
  background-color: #6794dd;
  transition: ease all 0.4s;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.report-color .stats-link-container:hover {
  background-color: #487acc;
  box-shadow: 0 3px 8px 0 rgba(19, 10, 47, 0.2039215686);
}
.cs-main-stats-container .cs-stats-container .cs-stats-block.report-color .custom-badge {
  background-color: #6794dd;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .title {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
  margin-bottom: 20px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .title {
    font-size: 12px;
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .title {
    margin-bottom: 18px;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column {
  display: flex;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container {
  flex: 1;
  text-align: center;
  padding: 10px 15px;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container {
    flex-direction: row;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container:first-child {
  margin-right: 10px;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container span {
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container span {
    margin-right: 10px;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container .status {
  font-size: 12px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container .status {
    flex: initial;
    margin-right: 0;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper.two-column .stats-link-container img {
  display: none;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper .stats-link-container {
  display: flex;
  color: var(--white-color);
  cursor: pointer;
  min-height: 70px;
  padding: 14px 20px;
  border-radius: 6px;
  align-items: center;
  box-shadow: 0 3px 8px 0 rgba(19, 10, 47, 0.2039215686);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper .stats-link-container {
    align-items: center;
    padding: 14px 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper .stats-link-container {
    align-items: center;
    padding: 14px 18px;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper .stats-link-container .count {
  font-size: 24px;
  font-weight: 300;
  margin-right: 12px;
  font-family: roboto-light;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper .stats-link-container .status {
  flex: 1;
  font-size: 14px;
  margin-right: 36px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper .stats-link-container .status {
    margin-right: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper .stats-link-container .status {
    margin-right: 95px;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-link-wrapper .stats-link-container img {
  margin-top: 5px;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-icon {
  width: 64px;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list {
  display: flex;
  margin-top: 4px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list {
    margin-top: 2px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list {
    margin-top: 2px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list {
    margin-top: 2px;
  }
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list ul {
  flex: 1;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list ul .disable {
  color: #b7b8b9;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list ul li {
  display: flex;
  font-size: 14px;
  margin-top: 14px;
  color: #707275;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list ul li span {
  margin-right: 8px;
}
.cs-main-stats-container .cs-stats-container .cs-stats-block .stats-list ul li .custom-badge {
  font-size: 12px;
  color: var(--white-color);
  padding: 2px 8px;
  border-radius: 6px;
  margin-left: 8px;
}

.product-table-container .percent {
  font-size: 12px;
  margin-left: 12px;
  position: relative;
  vertical-align: middle;
  font-family: roboto-regular;
}
.product-table-container .percent.high {
  color: #24c11e;
}
.product-table-container .percent.high:after {
  width: 12px;
  height: 12px;
  content: " ";
  margin-left: 2px;
  display: inline-block;
  background-size: contain;
  vertical-align: text-top;
  background-image: url('green-up-arrow.svg');
}
.product-table-container .percent.high.down:after {
  transform: rotate(180deg);
}
.product-table-container .percent.low {
  color: #f81538;
}
.product-table-container .percent.low:after {
  width: 12px;
  height: 12px;
  content: " ";
  margin-left: 2px;
  display: inline-block;
  background-size: contain;
  vertical-align: text-top;
  background-image: url('red-down-arrow.svg');
}
.product-table-container .percent.low.up:after {
  transform: rotate(180deg);
}
.product-table-container .active {
  background-color: rgba(220, 103, 206, 0.02);
}
.product-table-container .table-row .table-value {
  font-size: 12px;
  text-align: center;
  font-family: roboto-bold;
  border-right: 1px solid var(--white-color);
}
.product-table-container .table-row .table-value.low {
  background-color: rgba(36, 193, 30, 0.2);
}
.product-table-container .table-row .table-value.low span {
  color: #24c11e;
}
.product-table-container .table-row .table-value.medium {
  background-color: rgba(255, 197, 0, 0.2);
}
.product-table-container .table-row .table-value.medium span {
  color: #ffc500;
}
.product-table-container .table-row .table-value.high {
  background-color: rgba(255, 86, 38, 0.2);
}
.product-table-container .table-row .table-value.high span {
  color: #ff5626;
}
.product-table-container .table-row .table-value.veryGood {
  background-color: #4ea94a;
}
.product-table-container .table-row .table-value.acceptable {
  background-color: #ADD8E6;
}
.product-table-container .table-row .table-value.nonCompliance {
  background-color: #FFD580;
}
.product-table-container .table-row .table-value.critical {
  background-color: #f96969;
}
.product-table-container .table-row .table-value.excellent {
  background-color: #90EE90;
}
.product-table-container .table-row:hover .table-value {
  transition: ease all 0.4s;
}
.product-table-container .table-row:hover .table-value.low {
  background-color: #24c11e;
}
.product-table-container .table-row:hover .table-value.medium {
  background-color: #ffc500;
}
.product-table-container .table-row:hover .table-value.high {
  background-color: #ff5626;
}
.product-table-container .table-row:hover .table-value span {
  color: var(--white-color);
}
.product-table-container .table-row:hover .table-value.veryGood {
  background-color: #24c11e;
}
.product-table-container .table-row:hover .table-value.acceptable {
  background-color: #0000FF;
}
.product-table-container .table-row:hover .table-value.nonCompliance {
  background-color: #FFA500;
}
.product-table-container .table-row:hover .table-value.critical {
  background-color: #f81538;
}
.product-table-container .table-row:hover .table-value.excellent {
  background-color: #00FF00;
}

.filter-container {
  padding: 14px 0;
  overflow: hidden;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 6px 10px 0 var(--text-color);
}
.filter-container.mobile-ad-container {
  padding: 0;
  background: #fbfcfc;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  background-image: url('mobile-ad-bg.svg');
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container.mobile-ad-container {
    background-image: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-container.mobile-ad-container {
    top: 0;
    z-index: 20;
    height: auto;
    position: relative;
    background-image: none;
  }
}
.filter-container.style-2 {
  background-color: #ecf0f3;
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.3);
}
.filter-container.style-3 {
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .filter-container.style-3 .my-container {
    padding: 0 20px;
  }
}
.filter-container.style-3 .filter-cta-container {
  margin-top: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container {
    top: 0;
    z-index: 20;
    height: 100%;
    position: fixed;
    background-color: var(--white-color);
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .grid-column.first {
    padding-right: 8px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .grid-column.last {
    padding-left: 8px;
  }
}
.filter-container .my-dashboard-container .filter-cta-container {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .filter-cta-container {
    right: 0;
    bottom: 30px;
    display: block;
    position: absolute;
  }
}
.filter-container .my-dashboard-container .mobile-ad {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .mobile-ad {
    flex-direction: column;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction {
    justify-content: center;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .image {
  display: block;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .image {
    display: none;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .close {
  cursor: pointer;
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .mobile-close {
  top: 10px;
  right: 10px;
  display: none;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .mobile-close {
    display: block;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list {
  display: flex;
  margin-left: 26px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list {
    margin-left: 0;
    margin-top: 20px;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list h5 {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list h5 {
    text-align: center;
    margin-bottom: 10px;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .primary-cta {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .primary-cta {
    display: block;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper {
  display: flex;
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .mobile-ad-image {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .mobile-ad-image {
    width: 140px;
    display: block;
    margin-right: 20px;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list {
  display: flex;
  margin-top: 13px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list {
    margin: 0;
    flex-direction: column;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list .point {
  display: flex;
  align-items: baseline;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list .point {
    margin: 5px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list .point {
    flex: 1;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list .point img {
  margin-right: 11px;
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list .point p {
  font-size: 12px;
  color: #2c2c2c;
  margin-bottom: 0px;
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list .margin {
  margin-left: 24px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .mobile-wrapper .list-container .list .margin {
    margin: 0;
  }
}
.filter-container .my-dashboard-container .mobile-ad .app-introduction .introduction-list .primary-cta {
  margin: 10px 0;
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container {
  flex: 1.5;
  display: flex;
  margin-left: 21px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-container .my-dashboard-container .mobile-ad .download-app-container {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .download-app-container {
    align-items: center;
  }
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container {
  flex: 1;
  display: flex;
  position: relative;
  align-items: flex-end;
  padding: 35px 0px 25px 86px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container {
    padding-left: 35px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container .heading {
  font-size: 16px;
  margin-bottom: 15px;
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container .my-input-group {
  min-width: 340px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container .my-input-group {
    min-width: 270px;
  }
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container .inline-group {
  display: flex;
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container .inline-group .ng-select-container {
  margin: 0;
  border-radius: 0;
  border-right: 0px !important;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container .inline-group .search {
  margin-bottom: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container button {
  height: 41px;
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container button {
    margin-top: 20px;
    margin-left: 0;
  }
}
.filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container .close {
  right: 0;
  top: 24px;
  cursor: pointer;
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-container .my-dashboard-container .mobile-ad .download-app-container .download-app-form-container .close {
    display: none;
  }
}
.filter-container .my-dashboard-container .mobile-ad .image {
  width: 177px;
}

.filter-bar-container {
  flex: 1;
  padding: 0;
  background-color: #e6f6ff;
}
.filter-bar-container.cs-filter-bar {
  padding: 5px 0;
  background-color: #e6f6ff;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-bar-container.cs-filter-bar {
    padding: 10px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-bar-container.cs-filter-bar {
    padding: 10px 20px;
  }
}
.filter-bar-container .heading {
  margin: 0;
  color: #0096e5;
  font-size: 12px;
  padding-right: 16px;
  display: inline-block;
  margin: 9px 15px 9px 0;
  font-family: roboto-medium;
  border-right: 1px solid #cdd5df;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-bar-container .heading {
    margin-left: 20px;
    padding: 13ppx 16px 10px 0;
  }
}
.filter-bar-container .heading img {
  margin-right: 8px;
  vertical-align: sub;
}
.filter-bar-container .applied-filter-list {
  padding: 0;
  margin: 8px 0;
  line-height: 1;
  list-style: none;
  padding-right: 16px;
  display: inline-block;
  border-right: 1px solid #cdd5df;
}
.filter-bar-container .applied-filter-list li {
  color: #006499;
  font-size: 12px;
  margin-right: 34px;
  display: inline-block;
  font-family: roboto-medium;
}
.filter-bar-container .applied-filter-list li:last-child {
  margin-right: 0;
}
.filter-bar-container .filter-reset-cta {
  float: right;
  color: var(--white-color);
  font-size: 12px;
  cursor: pointer;
  border-radius: 2px;
  padding: 8px 15px;
  display: inline-block;
  font-family: roboto-bold;
  transition: ease all 0.4s;
}
.filter-bar-container .filter-reset-cta:hover {
  background-color: #9aaabe;
}
.filter-bar-container .filter-reset-cta img {
  width: 14px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: text-top;
}
.filter-bar-container .reset-link {
  color: #008def;
  font-size: 12px;
  cursor: pointer;
  margin-left: 15px;
  display: inline-block;
  font-family: roboto-medium;
  transition: ease all 0.4s;
}
.filter-bar-container .reset-link:hover {
  color: #881d1e;
}

.mobile-search-container {
  width: 100vw;
  display: none;
  background-color: #f3f4f6;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .mobile-search-container {
    top: 0;
    z-index: 30;
    height: 100%;
    position: fixed;
  }
}
.mobile-search-container.active {
  display: block;
}
.mobile-search-container .search-box {
  background-color: var(--white-color);
  padding: 30px 0 15px 15px;
}
.mobile-search-container .search-box input {
  margin: 0;
  width: 75%;
  border: none;
  outline: none;
  line-height: 1;
  padding: 7px 0;
  display: inline-block;
}
.mobile-search-container .search-box .secondary-cta {
  border: none;
  display: inline-block;
  background-color: white;
}
.mobile-search-container .search-suggestion-container {
  width: 100%;
}
.mobile-search-container .search-suggestion-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-search-container .search-suggestion-container ul li {
  color: var(--text-color);
  font-size: 12px;
  cursor: pointer;
  padding: 12px 14px;
  font-family: roboto-regular;
}
.mobile-search-container .search-suggestion-container ul li:hover {
  background-color: #cdd5df;
}

.map-overlay-container {
  position: relative;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.map-overlay-container .mobile-ad-trigger {
  top: 14px;
  z-index: 1;
  right: 24px;
  cursor: pointer;
  position: absolute;
}
.map-overlay-container .my-dashboard-container {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .map-overlay-container .my-dashboard-container {
    padding: 0 20px;
  }
}

.map-container {
  height: 380px;
  outline: none;
  width: 100% !important;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.filter-control-container {
  top: 13px;
  z-index: 2;
  right: 20px;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-control-container {
    top: 0;
    right: 50px;
    padding: 14px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-control-container {
    right: 60px;
  }
}
.filter-control-container .search-input-container {
  max-width: 0;
  padding: 7px 4px;
  position: relative;
  visibility: hidden;
  border-radius: 30px;
  display: inline-block;
  background-color: var(--white-color);
  transition: ease all 0.4s;
}
.filter-control-container .search-input-container.has-dropdown:hover .cta-dropdown {
  display: block;
}
.filter-control-container .search-input-container.active {
  border-radius: 0;
  max-width: 210px;
  padding: 7px 11px;
  visibility: visible;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.filter-control-container .search-input-container input {
  margin: 0;
  border: none;
  outline: none;
  color: var(--text-color);
  padding: 0 4px;
  font-size: 12px;
  background-color: var(--white-color);
  font-family: roboto-regular;
}
.filter-control-container .search-input-container input:hover, .filter-control-container .search-input-container input:active, .filter-control-container .search-input-container input:focus {
  border: none !important;
  outline: none !important;
  background: transparent !important;
}
.filter-control-container .search-input-container input::placeholder {
  color: #8397af;
}
.filter-control-container .search-suggestion-container {
  left: 0;
  top: 102%;
  width: 247px;
  position: absolute;
  border-radius: 3px;
  background-color: var(--white-color);
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
}
.filter-control-container .search-suggestion-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 220px;
  overflow-y: scroll;
}
.filter-control-container .search-suggestion-container ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.filter-control-container .search-suggestion-container ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.filter-control-container .search-suggestion-container ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
.filter-control-container .search-suggestion-container ul li {
  color: var(--text-color);
  font-size: 12px;
  cursor: pointer;
  padding: 12px 14px;
  font-family: roboto-regular;
}
.filter-control-container .search-suggestion-container ul li:hover {
  background-color: #f4f6f8;
}

.filter-cta {
  padding: 11px;
  margin: 0 4px;
  line-height: 1;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  border-radius: 100%;
  vertical-align: top;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: var(--light-background);
}
.filter-cta:last-child {
  margin-right: 0;
}
.filter-cta:hover {
  background-color: var(--light-background);
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
}
.filter-cta:hover img {
  opacity: 1;
}
.filter-cta.active {
  background-color: var(--light-background);
}
.filter-cta.active img {
  opacity: 1;
}
.filter-cta.search-cta.active {
  border-radius: 0;
  background-color: var(--white-color);
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.filter-cta.filter-active {
  background-color: #008def;
}
.filter-cta.filter-active img {
  opacity: 1;
}
.filter-cta.style-2 {
  background-color: #ecf0f3;
}
.filter-cta.style-2:hover {
  box-shadow: none;
  background-color: #ecf0f3;
}
.filter-cta.style-2:active {
  background-color: #e6eaef;
}
.filter-cta.style-3 {
  background-color: #e5f4fd;
}
.filter-cta.style-3:hover {
  box-shadow: none;
  background-color: #d3e5ef;
}
.filter-cta.style-3:active {
  background-color: #d3e5ef;
}
.filter-cta.style-4 {
  border: solid 1px var(--form-border);
  background: var(--light-background);
}
.filter-cta.style-4:hover {
  box-shadow: none;
  background-color: var(--form-hover);
}
.filter-cta.style-4.active {
  background-color: #08a7a7;
}
.filter-cta.style-4.active:hover {
  box-shadow: none;
  background-color: #067e7e;
}
.filter-cta.style-5 {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
}
.filter-cta.style-5:hover {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.3);
}
.filter-cta.style-5.active {
  box-shadow: none;
  background-color: #f4f6f8;
}
.filter-cta.common-tooltip:after {
  bottom: 3.8em !important;
}
.filter-cta img {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  transition: ease all 0.4s;
}
.filter-cta .count {
  width: 26px;
  height: 26px;
  padding: 4px;
  font-size: 14px;
  color: var(--white-color);
  text-align: center;
  position: absolute;
  border-radius: 100%;
  transition: ease all 0.4s;
  border: solid 1px var(--white-color);
  background-color: #08a7a7;
  transform: translate(-5px, -15px);
  box-shadow: 0 4px 4px 0 rgba(2, 30, 30, 0.32);
}

.notification-card-container {
  top: 109px;
  z-index: 1;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .notification-card-container {
    top: 0;
    padding: 14px 0 0;
    position: relative;
    text-align: center;
  }
}
.notification-card-container .notification-card {
  width: 160px;
  cursor: pointer;
  margin-right: 8px;
  border-radius: 2px;
  display: inline-block;
  transition: ease all 0.4s;
  padding: 14px 14px 22px 24px;
  box-shadow: 0 0 10px 0 rgba(201, 0, 31, 0.1);
}
.notification-card-container .notification-card:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .notification-card-container .notification-card {
    width: 48%;
    text-align: left;
  }
}
.notification-card-container .notification-card.type-one {
  background-color: #ff5626;
}
.notification-card-container .notification-card.type-one:hover {
  background-color: #e54d22;
}
.notification-card-container .notification-card.type-two {
  background-color: #008def;
}
.notification-card-container .notification-card.type-two:hover {
  background-color: #0070ce;
}
.notification-card-container .notification-card.type-three {
  background-color: #24c11e;
}
.notification-card-container .notification-card.type-three:hover {
  background-color: #20ba1a;
}
.notification-card-container .notification-card .icon {
  float: right;
  padding: 6px 10px;
  text-align: right;
  border-radius: 30px;
  background-color: rgba(var(--white-color), 0.1);
}
.notification-card-container .notification-card .icon img {
  width: 16px;
  height: 16px;
}
.notification-card-container .notification-card .number {
  color: var(--white-color);
  font-size: 30px;
  margin-top: 28px;
  margin-bottom: 4px;
  font-family: roboto-bold;
}
.notification-card-container .notification-card .heading {
  color: var(--white-color);
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
  font-family: roboto-bold;
}
.notification-card-container .notification-card .description {
  margin: 0;
  font-size: 12px;
  color: rgba(var(--white-color), 0.8);
  font-family: roboto-regular;
}

.factory-detail-container {
  right: 0;
  top: 60px;
  z-index: 1;
  width: 373px;
  position: absolute;
  background-color: var(--white-color);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .factory-detail-container {
    right: 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .factory-detail-container {
    top: 0;
    width: 100vw;
    position: relative;
  }
}
.factory-detail-container .head {
  margin: 2px;
  background-color: #008def;
}
.factory-detail-container .head .title {
  color: var(--white-color);
  font-size: 14px;
  line-height: 1.57;
  padding: 24px 22px;
  font-family: roboto-bold;
}
.factory-detail-container .head .icon {
  float: right;
  line-height: 1;
  cursor: pointer;
  margin-top: -20px;
  padding: 10px 10px;
  border-radius: 30px;
  transition: ease all 0.4s;
}
.factory-detail-container .head .icon:hover {
  background-color: rgba(62, 35, 35, 0.1);
}
.factory-detail-container .head .icon img {
  width: 16px;
  height: 16px;
}
.factory-detail-container .content {
  padding: 14px 24px;
}
.factory-detail-container .content p {
  color: #707275;
  font-size: 12px;
  font-family: roboto-regular;
}
.factory-detail-container .content > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.factory-detail-container .content > ul li {
  padding: 5px 0;
  color: #707275;
  font-size: 12px;
  font-family: roboto-regular;
}
.factory-detail-container .content > ul li.list-head {
  color: var(--text-color);
  padding: 9px 0;
}
.factory-detail-container .content > ul li span {
  float: right;
  font-family: roboto-medium;
}
.factory-detail-container .inspection-detail {
  margin-bottom: 5px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #f4f6f8;
}
.factory-detail-container .inspection-detail .inspection-column {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.factory-detail-container .inspection-detail .inspection-column:last-child {
  text-align: right;
  width: 66.2374821173%;
  float: right;
  margin-right: 0;
}
.factory-detail-container .inspection-detail .inspection-column span {
  color: #707275;
  font-size: 12px;
  font-family: roboto-medium;
}
.factory-detail-container .inspection-detail .inspection-column span.count {
  color: var(--text-color);
  margin-right: 8px;
}
.factory-detail-container .inspection-detail .inspection-column .result {
  position: relative;
  margin-right: 30px;
  display: inline-block;
}
.factory-detail-container .inspection-detail .inspection-column .result:last-child {
  margin-right: 0;
}
.factory-detail-container .inspection-detail .inspection-column .pass span {
  color: #24c11e;
}
.factory-detail-container .inspection-detail .inspection-column .fail span {
  color: #ff5626;
}
.factory-detail-container .inspection-detail .inspection-column .more > span {
  color: #008def;
}

.business-overview-card {
  right: 0;
  top: 80px;
  z-index: 1;
  width: 312px;
  display: none;
  position: absolute;
  padding: 26px 30px;
  border-radius: 4px;
  background-color: var(--white-color);
  box-shadow: 0 0 20px rgba(147, 168, 204, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .business-overview-card {
    right: 20px;
    padding: 18px 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .business-overview-card {
    right: 10vw;
    width: 80vw;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 4px;
  }
}
.business-overview-card.active {
  display: block;
}
.business-overview-card .business-card-title {
  font-size: 16px;
  margin-bottom: 8px;
  color: var(--text-color);
  font-weight: roboto-regular;
}
.business-overview-card .card-toggle-switch {
  top: 20px;
  right: 40px;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  transition: ease all 0.4s;
}
.business-overview-card .card-toggle-switch:hover {
  background: #ecf0f3;
  border-radius: 100%;
}
.business-overview-card .primary-stats {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .business-overview-card .primary-stats {
    margin-bottom: 10px;
  }
}
.business-overview-card .primary-stats .icon {
  width: 27px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .business-overview-card .primary-stats .icon {
    margin: auto;
    display: inline-block;
  }
}
.business-overview-card .primary-stats .card-info {
  margin-left: 12px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .business-overview-card .primary-stats .card-info {
    margin: auto;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
  }
}
.business-overview-card .primary-stats .card-info .number {
  margin: 0;
  font-size: 18px;
  color: var(--text-color);
  font-family: roboto-regular;
}
.business-overview-card .primary-stats .card-info .text {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.92;
  color: var(--text-color);
  font-family: roboto-light;
}
.business-overview-card .secondary-stats {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.business-overview-card .secondary-stats .stats-item {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.business-overview-card .secondary-stats .stats-item .text {
  display: block;
  font-size: 13px;
  position: relative;
  color: var(--text-color);
  font-family: roboto-regular;
}
.business-overview-card .secondary-stats .stats-item .text.red {
  color: #e02e2e;
}
.business-overview-card .secondary-stats .stats-item .text.orange {
  color: #e87304;
}
.business-overview-card .secondary-stats .stats-item .text.black {
  color: #000;
}
.business-overview-card .secondary-stats .stats-item .text.green {
  color: #02b44a;
}
.business-overview-card .secondary-stats .stats-item .text.up::after {
  content: "";
  top: 3px;
  left: 30px;
  width: 11px;
  height: 10px;
  position: absolute;
  background-size: contain;
  background-image: url('green-up.png');
}
.business-overview-card .secondary-stats .stats-item .text.down::after {
  content: "";
  top: 3px;
  left: 30px;
  width: 11px;
  height: 10px;
  position: absolute;
  background-size: contain;
  background-image: url('red-down.png');
}
.business-overview-card .secondary-stats .stats-item:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}

.customer-dashboard-graph-wrapper {
  margin-top: 17px;
}
.customer-dashboard-graph-wrapper .grid-column {
  display: inherit;
}
.customer-dashboard-graph-wrapper .grid-column:first-child {
  padding-right: 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .grid-column:first-child {
    padding-right: 15px;
  }
}
.customer-dashboard-graph-wrapper .grid-column:last-child {
  padding-left: 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .grid-column:last-child {
    padding-left: 15px;
  }
}
.customer-dashboard-graph-wrapper .grid-column:not(:first-child):not(:last-child) {
  padding: 0 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .grid-column:not(:first-child):not(:last-child) {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper .grid-column.grid-column-not-tablet {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container {
  padding: 24px 34px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  transition: ease all 0.4s;
  background-color: var(--light-background);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container {
    padding: 24px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container {
    padding: 26px 20px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container.last-child {
    padding: 24px 14px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container.single-big {
  height: 98%;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container.type-two {
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0 8px 32px 0 rgba(156, 163, 180, 0.2);
}
.customer-dashboard-graph-wrapper .dashboard-graph-container.type-two.no-shadow {
  box-shadow: none;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container.type-two .graph-title-container .title {
  font-size: 16px !important;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container.type-two.side-card {
  padding-bottom: 56px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container.div-table-cell {
  display: table-cell;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head {
    flex-direction: column;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head {
  display: flex;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head {
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head.two-column .graph-title-container {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head.two-column .graph-title-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head.head-flex {
  align-items: center;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head.head-flex .graph-title-container {
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head.head-flex .graph-title-container {
    flex: 0.7;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head.head-flex .graph-filter {
  flex: 1;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head.head-flex .graph-filter .my-input-group {
  width: auto;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-title-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-filter {
  width: 66.2374821173%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-filter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-title-container .title, .customer-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head .graph-title-container .title {
  font-size: 14px;
  margin-bottom: 0;
  color: var(--text-light-80-color);
  font-family: trim-web-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-title-container .title, .customer-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head .graph-title-container .title {
    margin-bottom: 0.5rem;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-title-container label, .customer-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head .graph-title-container label {
  color: var(--text-color);
  font-size: 14px;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-filter .select-for-filter.last, .customer-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head .graph-filter .select-for-filter.last {
  margin-right: 0;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-head .graph-filter .secondary-cta, .customer-dashboard-graph-wrapper .dashboard-graph-container .new-graph-head .graph-filter .secondary-cta {
  text-transform: capitalize;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-subheading {
  margin: 0;
  color: var(--text-light-80-color);
  font-size: 14px;
  margin-top: 10px;
  font-family: trim-web-medium;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body {
  padding-top: 16px;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body.type-two {
  padding-top: 12px;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .legend-wrapper {
  margin-left: 0;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label {
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label {
    margin-bottom: 10px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .icon {
  padding: 8px;
  margin-right: 16px;
  vertical-align: top;
  border-radius: 100%;
  display: inline-block;
  background-color: #f4f6f8;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .icon img {
  width: 22px;
  height: 22px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .icon {
    vertical-align: middle;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .product-info {
  max-width: 122px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .product-info {
    width: 80%;
    max-width: inherit;
    vertical-align: middle;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .product-info .label {
  color: #707275;
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .product-info .label {
    width: 70%;
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .product-info .value {
  margin: 0;
  color: #707275;
  font-size: 14px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .product-info .value {
    width: 30%;
    text-align: right;
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .link {
  color: #008def;
  font-size: 11px;
  cursor: pointer;
  margin-top: 15px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .link {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label.has-dropdown {
    margin-bottom: 0;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label.has-dropdown:hover .cta-dropdown {
  display: block;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown {
  width: 240px;
  padding: 14px 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown {
    width: 310px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown .product-overview-label {
  margin-bottom: 10px;
}
.customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown .product-overview-label .product-info {
  width: auto;
  max-width: inherit;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown .product-overview-label .product-info {
    width: 70%;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult {
  padding: 24px 34px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  transition: ease all 0.4s;
  background-color: var(--light-background);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult {
    padding: 24px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult {
    padding: 26px 20px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult.last-child {
    padding: 24px 14px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult.single-big {
  height: 98%;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult.type-two {
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0 8px 32px 0 rgba(156, 163, 180, 0.2);
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult.type-two.no-shadow {
  box-shadow: none;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult.type-two .graph-title-container .title {
  font-size: 16px !important;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult.type-two.side-card {
  padding-bottom: 56px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult.div-table-cell {
  display: table-cell;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .new-graph-head {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .new-graph-head {
    flex-direction: column;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head {
  display: flex;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head {
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head.two-column .graph-title-container {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head.two-column .graph-title-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head.head-flex {
  align-items: center;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head.head-flex .graph-title-container {
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head.head-flex .graph-title-container {
    flex: 0.7;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head.head-flex .graph-filter {
  flex: 1;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head.head-flex .graph-filter .my-input-group {
  width: auto;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head .graph-title-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head .graph-filter {
  width: 66.2374821173%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head .graph-filter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head .graph-title-container .title, .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .new-graph-head .graph-title-container .title {
  font-size: 14px;
  margin-bottom: 0;
  color: var(--text-light-80-color);
  font-family: trim-web-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head .graph-title-container .title, .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .new-graph-head .graph-title-container .title {
    margin-bottom: 0.5rem;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head .graph-title-container label, .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .new-graph-head .graph-title-container label {
  color: var(--text-color);
  font-size: 14px;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head .graph-filter .select-for-filter.last, .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .new-graph-head .graph-filter .select-for-filter.last {
  margin-right: 0;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-head .graph-filter .secondary-cta, .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .new-graph-head .graph-filter .secondary-cta {
  text-transform: capitalize;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-subheading {
  margin: 0;
  color: var(--text-light-80-color);
  font-size: 14px;
  margin-top: 10px;
  font-family: trim-web-medium;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body {
  padding-top: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  transition: max-height 0.3s ease-in-out;
  /* Custom Scrollbar Styling */
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #e0e0e0; /* Light grey background */
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5; /* Scrollbar track color */
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body::-webkit-scrollbar-thumb:hover {
  background-color: #b7c3d1;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body.type-two {
  padding-top: 12px;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .legend-wrapper {
  margin-left: 0;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label {
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label {
    margin-bottom: 10px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .icon {
  padding: 8px;
  margin-right: 16px;
  vertical-align: top;
  border-radius: 100%;
  display: inline-block;
  background-color: #f4f6f8;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .icon img {
  width: 22px;
  height: 22px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .icon {
    vertical-align: middle;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .product-info {
  max-width: 122px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .product-info {
    width: 80%;
    max-width: inherit;
    vertical-align: middle;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .product-info .label {
  color: #707275;
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .product-info .label {
    width: 70%;
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .product-info .value {
  margin: 0;
  color: #707275;
  font-size: 14px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .product-info .value {
    width: 30%;
    text-align: right;
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .link {
  color: #008def;
  font-size: 11px;
  cursor: pointer;
  margin-top: 15px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .link {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label.has-dropdown {
    margin-bottom: 0;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label.has-dropdown:hover .cta-dropdown {
  display: block;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .cta-dropdown {
  width: 240px;
  padding: 14px 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .cta-dropdown {
    width: 310px;
  }
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .cta-dropdown .product-overview-label {
  margin-bottom: 10px;
}
.customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .cta-dropdown .product-overview-label .product-info {
  width: auto;
  max-width: inherit;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper .dashboard-graph-containerrresult .graph-body .product-overview-label .cta-dropdown .product-overview-label .product-info {
    width: 70%;
  }
}
.customer-dashboard-graph-wrapper::-webkit-scrollbar {
  height: 8px;
  background-color: #F5F5F5;
}
.customer-dashboard-graph-wrapper::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}
.customer-dashboard-graph-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #F5F5F5;
}
.customer-dashboard-graph-wrapper::-webkit-scrollbar-thumb:hover {
  background: #357ABD;
  background-color: #F5F5F5;
}

.customer-dashboard-graph-wrapper1 {
  margin-top: 17px;
}
.customer-dashboard-graph-wrapper1 .grid-column {
  display: inherit;
}
.customer-dashboard-graph-wrapper1 .grid-column:first-child {
  padding-right: 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .grid-column:first-child {
    padding-right: 15px;
  }
}
.customer-dashboard-graph-wrapper1 .grid-column:last-child {
  padding-left: 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .grid-column:last-child {
    padding-left: 15px;
  }
}
.customer-dashboard-graph-wrapper1 .grid-column:not(:first-child):not(:last-child) {
  padding: 0 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .grid-column:not(:first-child):not(:last-child) {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper1 .grid-column.grid-column-not-tablet {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container {
  padding: 24px 34px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  transition: ease all 0.4s;
  background-color: var(--light-background);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container {
    padding: 24px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container {
    padding: 26px 20px;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container.last-child {
    padding: 24px 14px;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container.single-big {
  height: 98%;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container.type-two {
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0 8px 32px 0 rgba(156, 163, 180, 0.2);
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container.type-two.no-shadow {
  box-shadow: none;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container.type-two .graph-title-container .title {
  font-size: 16px !important;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container.type-two.side-card {
  padding-bottom: 56px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .new-graph-head {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .new-graph-head {
    flex-direction: column;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head {
  display: flex;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head {
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head.two-column .graph-title-container {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head.two-column .graph-title-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head.head-flex {
  align-items: center;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head.head-flex .graph-title-container {
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head.head-flex .graph-title-container {
    flex: 0.7;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head.head-flex .graph-filter {
  flex: 1;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head.head-flex .graph-filter .my-input-group {
  width: auto;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head .graph-title-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head .graph-filter {
  width: 66.2374821173%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head .graph-filter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head .graph-title-container .title, .customer-dashboard-graph-wrapper1 .dashboard-graph-container .new-graph-head .graph-title-container .title {
  font-size: 14px;
  margin-bottom: 0;
  color: var(--text-light-80-color);
  font-family: trim-web-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head .graph-title-container .title, .customer-dashboard-graph-wrapper1 .dashboard-graph-container .new-graph-head .graph-title-container .title {
    margin-bottom: 0.5rem;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head .graph-title-container label, .customer-dashboard-graph-wrapper1 .dashboard-graph-container .new-graph-head .graph-title-container label {
  color: var(--text-color);
  font-size: 14px;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head .graph-filter .select-for-filter.last, .customer-dashboard-graph-wrapper1 .dashboard-graph-container .new-graph-head .graph-filter .select-for-filter.last {
  margin-right: 0;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-head .graph-filter .secondary-cta, .customer-dashboard-graph-wrapper1 .dashboard-graph-container .new-graph-head .graph-filter .secondary-cta {
  text-transform: capitalize;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-subheading {
  margin: 0;
  color: var(--text-light-80-color);
  font-size: 14px;
  margin-top: 10px;
  font-family: trim-web-medium;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body {
  padding-top: 16px;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body.type-two {
  padding-top: 12px;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .legend-wrapper {
  margin-left: 0;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label {
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label {
    margin-bottom: 10px;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .icon {
  padding: 8px;
  margin-right: 16px;
  vertical-align: top;
  border-radius: 100%;
  display: inline-block;
  background-color: #f4f6f8;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .icon img {
  width: 22px;
  height: 22px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .icon {
    vertical-align: middle;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .product-info {
  max-width: 122px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .product-info {
    width: 80%;
    max-width: inherit;
    vertical-align: middle;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .product-info .label {
  color: #707275;
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .product-info .label {
    width: 70%;
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .product-info .value {
  margin: 0;
  color: #707275;
  font-size: 14px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .product-info .value {
    width: 30%;
    text-align: right;
    display: inline-block;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .link {
  color: #008def;
  font-size: 11px;
  cursor: pointer;
  margin-top: 15px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .link {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label.has-dropdown {
    margin-bottom: 0;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label.has-dropdown:hover .cta-dropdown {
  display: block;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown {
  width: 240px;
  padding: 14px 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown {
    width: 310px;
  }
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown .product-overview-label {
  margin-bottom: 10px;
}
.customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown .product-overview-label .product-info {
  width: auto;
  max-width: inherit;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-dashboard-graph-wrapper1 .dashboard-graph-container .graph-body .product-overview-label .cta-dropdown .product-overview-label .product-info {
    width: 70%;
  }
}

.dashboard-table-wrapper {
  margin-top: 17px;
}
.dashboard-table-wrapper .table-head {
  background: var(--white-color);
  padding: 26px 34px;
}
.dashboard-table-wrapper .table-head .title {
  margin: 0;
  color: var(--text-color);
  font-size: 14px;
  font-family: roboto-regular;
}
.dashboard-table-wrapper .table-container {
  max-height: 280px;
  overflow: hidden;
  overflow-y: scroll;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-table-wrapper .table-container {
    overflow: scroll;
  }
}
.dashboard-table-wrapper .table-container table th {
  line-height: 2.5;
}
.dashboard-table-wrapper .table-container table td:first-child, .dashboard-table-wrapper .table-container table th:first-child {
  padding-left: 34px;
}
.dashboard-table-wrapper .table-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.dashboard-table-wrapper .table-container::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.dashboard-table-wrapper .table-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}

.customer-decision-general-details-container {
  margin-top: 24px;
  border-top: 1px solid var(--line-color);
}
.customer-decision-general-details-container.for-inspection-dashboard {
  margin-top: 0;
  border-top: 0;
}
.customer-decision-general-details-container.for-inspection-dashboard .detail-card-wrapper {
  margin: 0;
}
.customer-decision-general-details-container.for-inspection-dashboard .detail-card-wrapper .detail-card {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  padding-left: 39px;
  border-left: 1px solid #b7c3d1;
}
.customer-decision-general-details-container.for-inspection-dashboard .detail-card-wrapper .detail-card:first-child {
  border-left: 0;
  padding-left: 0;
}
.customer-decision-general-details-container.for-inspection-dashboard .detail-card-wrapper .detail-card .title {
  font-size: 16px;
  color: var(--text-light-60-color);
}
.customer-decision-general-details-container .section-title {
  margin: 0;
  font-size: 16px;
  margin-top: 24px;
  color: var(--text-light-80-color);
  font-family: trim-web-medium;
}
.customer-decision-general-details-container .detail-card-wrapper {
  display: flex;
  margin-top: 16px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-general-details-container .detail-card-wrapper {
    flex-direction: column;
  }
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card {
  flex: 1;
  margin-right: 10px;
  padding: 24px 12px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 10px;
  border: solid 1px var(--line-color);
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card img {
  display: inline-block;
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info {
  line-height: 1;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info.mobile-margin {
    margin: 10px 0 10px 77px !important;
  }
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .title {
  margin: 0;
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--text-light-80-color);
  font-family: roboto-medium;
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .count {
  margin: 0;
  line-height: 1;
  font-size: 24px;
  color: var(--text-color);
  font-family: trim-web-medium;
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .stats {
  margin: 0;
  display: block;
  font-size: 12px;
  margin-top: 12px;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .stats .percent {
  font-size: 16px;
  margin-right: 18px;
  position: relative;
  vertical-align: middle;
  font-family: trim-web-medium;
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .stats .percent.high {
  color: #24c11e;
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .stats .percent.high:after {
  top: 0;
  position: absolute;
  content: url('green-up-arrow.svg');
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .stats .percent.low {
  color: #f81538;
}
.customer-decision-general-details-container .detail-card-wrapper .detail-card .stats .percent.low:after {
  top: 0;
  position: absolute;
  content: url('red-down-arrow.svg');
}

.product-dashboard-container .comparison-text {
  font-size: 14px;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .product-dashboard-container .comparison-text {
    display: none;
  }
}
.product-dashboard-container .filter-badge {
  padding: 6px 8px;
  border-radius: 4px;
  margin: 0 16px 0 8px;
  display: inline-block;
  background-color: rgba(76, 105, 141, 0.1);
}
.product-dashboard-container .dashboard-graph-container .graph-subheading {
  font-size: 16px;
}
.product-dashboard-container .customer-decision-general-details-container {
  margin-top: 0;
  border-top: none;
  margin-bottom: 24px;
}
.product-dashboard-container .customer-decision-general-details-container .detail-card-wrapper {
  margin-top: 0;
}
.product-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card {
  padding: 0;
  border: none;
}
.product-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .title {
  font-size: 16px;
  color: var(--text-light-60-color);
}
.product-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .stats {
  margin-top: 0;
}
.product-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .stats .percent.high.down:after {
  top: -4px !important;
  transform: rotate(180deg);
}
.product-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .stats .percent.low.up:after {
  top: -4px !important;
  transform: rotate(180deg);
}

.factory-dashboard-container .map-container {
  border-radius: 10px;
}
.factory-dashboard-container .comparison-text {
  font-size: 14px;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .factory-dashboard-container .comparison-text {
    display: none;
  }
}
.factory-dashboard-container .filter-badge {
  padding: 8px 10px;
  border-radius: 4px;
  margin: 0 16px 0 8px;
  display: inline-block;
  background-color: rgba(76, 105, 141, 0.1);
}
.factory-dashboard-container .dashboard-graph-container .graph-subheading {
  font-size: 16px;
}
.factory-dashboard-container .customer-decision-general-details-container {
  margin-top: 0;
  border-top: none;
  margin-bottom: 24px;
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper {
  margin-top: 0;
  align-items: baseline;
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card {
  padding: 0;
  border: none;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card.right-border {
  border-radius: 0;
  margin-right: 24px;
  padding-right: 24px;
  border-right: 1px solid #b7c3d1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card.right-border {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #b7c3d1;
  }
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info {
  margin-left: 16px;
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .title {
  font-size: 16px;
  color: var(--text-light-60-color);
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .in-line {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .in-line {
    display: block;
  }
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .in-line .stats {
  margin-top: 0;
  margin-left: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .in-line .stats {
    margin-left: 0;
    margin-top: 10px;
  }
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .in-line .stats .percent.high.down:after {
  top: 0 !important;
  transform: rotate(180deg);
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .in-line .stats .percent.low:after {
  top: 2px;
}
.factory-dashboard-container .customer-decision-general-details-container .detail-card-wrapper .detail-card .card-info .in-line .stats .percent.low.up:after {
  top: -1px !important;
  transform: rotate(180deg);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .factory-dashboard-container .factory-map-overlay .filter-control-container {
    right: 0;
    padding: 8px 14px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .factory-dashboard-container .factory-map-overlay .filter-control-container .my-input-group {
    width: calc(54% - 25px);
  }
}
.factory-dashboard-container .factory-map-overlay .map-label-container {
  right: 20px;
  bottom: 10px;
  position: absolute;
}

.defect-analytics .detail-card img {
  display: inline-block;
}
.defect-analytics .detail-card .card-info {
  line-height: 1;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.defect-analytics .detail-card .card-info .title {
  margin: 0;
  font-size: 14px;
  margin-bottom: 4px;
  color: rgba(var(--text-color), 0.8);
  font-family: roboto-medium;
}
.defect-analytics .detail-card .card-info .count {
  margin: 0;
  color: var(--text-color);
  font-size: 24px;
  font-family: trim-web-medium;
}
.defect-analytics .detail-card .inline-wrapper {
  vertical-align: bottom;
  margin-top: 0 !important;
  margin-left: 16px !important;
  display: inline-block !important;
}
.defect-analytics .detail-card .inline-wrapper .legend-summary {
  margin: 0;
}
.defect-analytics .detail-card .legend-wrapper {
  display: flex;
  margin-top: 24px;
}
.defect-analytics .detail-card .legend-wrapper .legend-item {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.defect-analytics .detail-card .legend-wrapper .legend-item .label {
  line-height: 1;
}
.defect-analytics .detail-card .legend-wrapper .legend-item .label .tile {
  width: 12px;
  height: 12px;
  border-radius: 1px;
}
.defect-analytics .detail-card .legend-wrapper .legend-item .label .text {
  color: var(--text-color);
  display: block;
  margin-left: 0;
  line-height: 1;
  font-size: 14px;
  margin-top: 8px;
  font-family: roboto-regular;
}
.defect-analytics .detail-card .legend-wrapper .legend-item .count {
  display: flex;
  color: var(--text-light-80-color);
  line-height: 1;
  font-size: 16px;
  margin-top: 8px;
  text-align: left;
  position: relative;
  font-family: roboto-medium;
}
.defect-analytics .detail-card .count {
  position: relative;
}
.defect-analytics .detail-card .count.high:after {
  margin-top: -2px;
  margin-left: 5px;
  content: url('green-up-arrow.svg');
}
.defect-analytics .detail-card .count.high.down:after {
  transform: rotate(180deg);
}
.defect-analytics .detail-card .count.low:after {
  margin-top: -2px;
  margin-left: 5px;
  content: url('red-down-arrow.svg');
}
.defect-analytics .detail-card .count.low.up:after {
  margin-top: -3px !important;
  transform: rotate(180deg);
}

.category-wrapper {
  display: flex;
  align-items: center;
}
.category-wrapper .category-count-container {
  display: flex;
  margin-right: 6px;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: #f4f6f8;
  justify-content: space-between;
}
.category-wrapper .category-count-container:last-child {
  margin-right: 0;
}
.category-wrapper .category-count-container .category-name {
  font-size: 14px;
  color: #5a606d;
  margin-right: 16px;
  line-height: normal;
  font-family: roboto-regular;
}
.category-wrapper .category-count-container .category-name:last-child {
  margin-right: 0;
}
.category-wrapper .active {
  background-color: #13316e;
  box-shadow: 0 4px 4px 0 rgba(117, 121, 154, 0.3);
}
.category-wrapper .active .category-name {
  color: var(--white-color);
}

.report-wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .report-wrapper {
    align-items: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .report-wrapper {
    padding-left: 0;
    margin-top: 16px;
    margin-bottom: 20px;
  }
}
.report-wrapper .text {
  color: #020e16;
  line-height: normal;
  font-family: roboto-regular;
}
.report-wrapper .large-text {
  font-size: 16px;
  font-family: trim-web-medium !important;
}
.report-wrapper .medium-text {
  font-size: 14px;
  color: #676e73 !important;
  font-family: roboto-medium;
}
.report-wrapper .small-text {
  font-size: 14px;
  color: rgba(2, 14, 22, 0.8);
}
.report-wrapper .report-text-column {
  display: flex;
  margin-bottom: 12px;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .report-wrapper .report-text-column {
    margin-bottom: 24px;
  }
}
.report-wrapper .report-column-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .report-wrapper .report-column-container {
    flex: 1;
    flex-direction: column;
  }
}
.report-wrapper .report-column-container .report-column {
  flex: 1;
  margin-bottom: 8px;
  padding-bottom: 7px;
  border-bottom: solid 1px #b7c3d1;
}
.report-wrapper .report-column-container .report-column .sub-column {
  display: flex;
  padding: 4px 12px;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .report-wrapper .report-column-container .report-column {
    width: 100%;
    margin-right: 0;
    padding: 17px 12px;
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .report-wrapper .report-column-container .report-column {
    padding: 12px 8px;
    margin-right: 8px;
    flex-direction: column;
  }
}
.report-wrapper .report-column-container .report-column:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .report-wrapper .report-column-container .report-column:last-child {
    margin-bottom: 0px;
  }
}
.report-wrapper .report-column-container .report-column img {
  width: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .report-wrapper .report-column-container .report-column img {
    width: 40px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .report-wrapper .report-column-container .report-column img {
    width: 40px;
    margin-bottom: 8px;
  }
}
.report-wrapper .report-column-container .report-column .report-status-container {
  display: flex;
  margin-left: 12px;
  padding-left: 11px;
  flex-direction: column;
  border-left: solid 1px #cdd5df;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .report-wrapper .report-column-container .report-column .report-status-container {
    margin-left: 12px;
    padding-left: 11px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .report-wrapper .report-column-container .report-column .report-status-container {
    border: none;
    margin-left: 0;
    padding-left: 0;
  }
}

.lab-graph-container {
  border-left: solid 1px #b7c3d1;
  border-right: solid 1px #b7c3d1;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lab-graph-container {
    border-radius: 10px;
    border: solid 1px #cdd5df;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .lab-graph-container {
    border-right: none;
    border-bottom: solid 1px #b7c3d1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lab-graph-container .report-status-count {
    padding-top: 10px;
    border-top: solid 1px #cdd5df;
  }
}

.lab-report-container {
  border-radius: 10px;
  margin: 20px 0px 0px 0px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lab-report-container {
    border: none;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .report-card-container {
    display: flex;
    align-items: center;
  }
}

.lab-header-card {
  display: flex;
  padding-bottom: 15px;
  margin-bottom: 16px;
  align-items: center;
  border-bottom: solid 1px #b7c3d1;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lab-header-card {
    padding-bottom: 29px;
    margin-bottom: 51px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .lab-header-card {
    flex: 1;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-right: 19px;
    padding-right: 20px;
    border-bottom: none;
    flex-direction: column;
    align-items: flex-start;
    border-right: solid 1px #b7c3d1;
  }
}
.lab-header-card:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .lab-header-card:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
}
.lab-header-card .card-icon {
  width: 60px;
  margin-right: 12px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .lab-header-card .card-icon {
    width: 40px;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.lab-header-card .card-title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .lab-header-card .card-title {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.lab-header-card .card-count {
  font-size: 24px;
  color: #020e16;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}

.landing-backgound {
  background-size: 100%;
  background-position: right;
  background-color: var(--page-header-color) !important;
  background-image: url('lab-bg-texture.svg');
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-category-wrapper {
    display: flex !important;
  }
}
.product-category-wrapper .category-sub-wrapper {
  flex-grow: 1 !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-category-wrapper .category-sub-wrapper {
    display: inline-flex !important;
    justify-content: flex-end !important;
  }
}
.product-category-wrapper .category-sub-wrapper .category-label {
  display: inline !important;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-dashboard-wrapper {
    padding: 0 20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-dashboard-wrapper .landing-dashboard-container {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-dashboard-wrapper .landing-dashboard-container {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mobile-dashboard-wrapper {
    display: none !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-dashboard-wrapper {
    display: none !important;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header-column {
    justify-content: space-between !important;
  }
}

.qc-dashboard .stats-header {
  margin-top: 14px;
  position: relative;
  background: var(--white-color);
  padding: 14px 34px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .stats-header {
    padding: 10px 12px;
  }
}
.qc-dashboard .stats-header .nagivate-reset {
  color: #6771dc;
  line-height: 1;
  font-size: 11px;
  cursor: pointer;
  padding: 9px 12px;
  margin-right: 20px;
  border-radius: 30px;
  display: inline-block;
  transition: ease all 0.4s;
  font-family: roboto-bold;
  background-color: rgba(103, 113, 220, 0.1);
}
.qc-dashboard .stats-header .nagivate-reset:hover {
  background-color: rgba(103, 113, 220, 0.2);
}
.qc-dashboard .stats-header .nagivate-reset:active {
  color: var(--white-color);
  background-color: #6771dc;
}
.qc-dashboard .stats-header .qc-stats-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .stats-header .qc-stats-list {
    margin-top: 10px;
  }
}
.qc-dashboard .stats-header .qc-stats-list li {
  color: #707275;
  font-size: 12px;
  padding: 0 14px;
  display: inline-block;
  font-family: roboto-regular;
  border-right: solid 1px #cdd5df;
}
.qc-dashboard .stats-header .qc-stats-list li:first-child {
  padding-left: 0;
}
.qc-dashboard .stats-header .qc-stats-list li:last-child {
  border: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .stats-header .qc-stats-list li:last-child {
    padding-right: 0;
  }
}
.qc-dashboard .stats-header .qc-stats-list li span {
  color: var(--text-color);
  margin-left: 10px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .stats-header .qc-stats-list li span {
    margin-left: 0;
    display: block;
  }
}
.qc-dashboard .stats-header .document-link {
  float: right;
  cursor: pointer;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .stats-header .document-link {
    top: 10px;
    right: 12px;
    position: absolute;
  }
}
.qc-dashboard .stats-header .document-link img {
  display: inline-block;
}
.qc-dashboard .stats-header .document-link span {
  color: #008def;
  font-size: 12px;
  margin-left: 8px;
  display: inline-block;
  transition: ease all 0.4s;
  font-family: roboto-regular;
}
.qc-dashboard .stats-header .document-link span:hover {
  color: #0070ce;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .stats-header .document-link span {
    display: none;
  }
}
.qc-dashboard .qc-calendar-wrapper {
  display: flex;
  padding-bottom: 20px;
  align-items: flex-start;
  background-image: url('qc-calendar-bg.svg');
}
.qc-dashboard .navigate {
  line-height: 1;
  cursor: pointer;
  padding: 17px 13px;
  background-color: #eaeef2;
  transition: ease all 0.4s;
}
.qc-dashboard .navigate img {
  opacity: 0.7;
}
.qc-dashboard .navigate:hover {
  background-color: #ecf0f3;
}
.qc-dashboard .navigate:hover img {
  opacity: 1;
}
.qc-dashboard .navigate:active {
  background-color: #e6eaef;
}
.qc-dashboard .navigate.navigate-backward {
  margin-right: 2px;
}
.qc-dashboard .navigate.navigate-backward img {
  transform: rotate(-90deg);
}
.qc-dashboard .navigate.navigate-forward {
  margin-left: 2px;
}
.qc-dashboard .navigate.navigate-forward img {
  transform: rotate(90deg);
}
.qc-dashboard .qc-calendar-body {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide {
  width: 242px;
  margin: 0 2px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide {
    width: 214px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide {
    width: 239px;
  }
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.previous-day .slide-head {
  background-color: #e59fc9;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.previous-day .slide-head:hover {
  background-color: #e291c2;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.previous-day .slide-body .qc-card {
  background-color: #f9e9f2;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.previous-day .slide-body .qc-card:hover {
  background-color: #ffddf0;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.previous-day .slide-body .booking-number {
  color: #24424d;
  background-color: #f2c7e0;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.current-day .slide-head {
  background-color: #6771dc;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.current-day .slide-head:hover {
  background-color: #5b67e5;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.current-day .slide-body .qc-card {
  background-color: #6771dc;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.current-day .slide-body .qc-card:hover {
  background-color: #5b67e5;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.current-day .slide-body .booking-number {
  color: var(--white-color);
  background-color: #5760c1;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.current-day .slide-body .heading-one {
  color: var(--white-color) !important;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.current-day .slide-body .heading-two {
  color: var(--white-color) !important;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.current-day .slide-body .heading-three {
  color: var(--white-color) !important;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.next-day .slide-head {
  background-color: #c39fe7;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.next-day .slide-head:hover {
  background-color: #ba91e4;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.next-day .slide-body .qc-card {
  background-color: #e8d9f7;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.next-day .slide-body .qc-card:hover {
  background-color: #e8d3fd;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide.next-day .slide-body .booking-number {
  color: #24424d;
  background-color: rgba(163, 103, 220, 0.4);
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-head {
  padding: 15px 0;
  text-align: center;
  transition: ease all 0.4s;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-head p {
  margin: 0;
  color: var(--white-color);
  font-size: 14px;
  font-family: roboto-medium;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-head span {
  margin-left: 10px;
  font-family: roboto-regular;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body {
  padding: 6px;
  border-radius: 6px;
  background: var(--white-color);
  margin: 10px 3px 0 3px;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body.no-data {
  background: transparent;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body.no-data .qc-card {
  padding: 20px;
  text-align: center;
  background-color: #f4f6f8;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body.no-data .qc-card:hover {
  background-color: #f4f6f8;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body.no-data .qc-card .heading-one {
  color: #9A9FA2;
  font-family: roboto-medium;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card {
  padding: 13px;
  margin-bottom: 6px;
  border-radius: 6px;
  white-space: initial;
  border-color: var(--white-color);
  transition: ease all 0.4s;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card:last-child {
  margin-bottom: 0;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card .qc-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card .booking-number {
  line-height: 1;
  font-size: 12px;
  padding: 8px 6px;
  border-radius: 4px;
  display: inline-block;
  font-family: roboto-regular;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card .booking-file {
  padding: 11px;
  border-radius: 100%;
  background: transparent;
  transition: ease all 0.4s;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card .booking-file:hover {
  background-color: rgba(0, 5, 52, 0.05);
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card .heading-one {
  margin: 0;
  color: #24424d;
  font-size: 12px;
  margin-top: 12px;
  font-family: roboto-light;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card .heading-two {
  margin: 0;
  color: #24424d;
  margin-top: 4px;
  font-size: 12px;
  font-family: roboto-medium;
}
.qc-dashboard .qc-calendar-body .qc-calendar-slider-container .slide .slide-body .qc-card .heading-three {
  margin: 0;
  color: #24424d;
  margin-top: 8px;
  font-size: 12px;
  font-family: roboto-regular;
}
.qc-dashboard .qc-filter-container {
  margin: 20px 0 10px;
}
.qc-dashboard .qc-filter-dropdown {
  width: 151px;
  display: inline-block;
}
.qc-dashboard .qc-stats-container {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .qc-stats-container {
    flex-direction: column;
  }
}
.qc-dashboard .qc-stats-container .stats-card {
  flex: 1;
  display: flex;
  margin-right: 6px;
  padding: 18px 30px;
  background: var(--white-color);
  transition: ease all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .qc-dashboard .qc-stats-container .stats-card {
    padding: 18px 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .qc-stats-container .stats-card {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.qc-dashboard .qc-stats-container .stats-card:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .qc-dashboard .qc-stats-container .stats-card:first-child {
    flex: 2;
  }
}
.qc-dashboard .qc-stats-container .stats-card:last-child {
  margin: 0;
}
.qc-dashboard .qc-stats-container .stats-card .icon {
  flex: 1;
}
.qc-dashboard .qc-stats-container .stats-card .stats-info {
  flex: 4;
  padding-left: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .qc-dashboard .qc-stats-container .stats-card .stats-info {
    padding-left: 10px;
  }
}
.qc-dashboard .qc-stats-container .stats-card .stats-info p {
  margin: 0;
}
.qc-dashboard .qc-stats-container .stats-card .stats-info p.title {
  line-height: 1;
  color: #24424d;
  font-size: 13px;
  font-family: roboto-light;
}
.qc-dashboard .qc-stats-container .stats-card .stats-info p.count {
  color: #24424d;
  margin-top: 1px;
  font-size: 18px;
  font-family: roboto-regular;
}
.qc-dashboard .qc-stats-container .stats-card .stats-info p.count .link {
  color: #008def;
  cursor: pointer;
  font-size: 12px;
  margin-left: 10px;
  transition: ease all 0.4s;
  vertical-align: text-bottom;
  font-family: roboto-regular;
}
.qc-dashboard .qc-stats-container .stats-card .stats-info p.count .link:hover {
  color: #0070ce;
}
.qc-dashboard .qc-graph-wrapper {
  display: flex;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .qc-dashboard .qc-graph-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .qc-graph-wrapper {
    margin-top: 26px;
    flex-direction: column;
  }
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container {
  flex: 1;
  display: flex;
  padding: 24px 34px;
  background: var(--white-color);
  margin-right: 15px;
  flex-direction: column;
  transition: ease all 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .qc-dashboard .qc-graph-wrapper .qc-graph-container {
    margin-top: 16px;
    padding: 12px 16px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .qc-graph-wrapper .qc-graph-container {
    margin-right: 0;
    padding: 12px 12px;
    margin-bottom: 12px;
  }
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .qc-dashboard .qc-graph-wrapper .qc-graph-container:first-child {
    flex: none;
    width: 100%;
    margin-top: 0;
  }
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container:last-child {
  margin-right: 0;
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-head .graph-title-container .title {
  margin: 0;
  font-size: 14px;
  color: var(--text-color);
  font-family: trim-web-medium;
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body {
  flex: 1;
  display: flex;
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .graph-container {
  flex: 1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .graph-container {
    flex: 0.9;
  }
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .legend-container {
  flex: 1;
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .inspection-details {
  width: 100%;
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .download-file-container {
  padding: 25px 0;
  margin-top: 24px;
  position: relative;
  border-top: dashed 1px #cdd5df;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .download-file-container {
    padding: 25px 0 14px;
  }
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .download-file-container img {
  display: inline-block;
  vertical-align: middle;
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .download-file-container span {
  color: var(--text-color);
  font-size: 12px;
  margin-left: 16px;
  display: inline-block;
  vertical-align: middle;
  font-family: roboto-regular;
}
.qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .download-file-container .filter-cta {
  right: 0;
  top: 19px;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .qc-dashboard .qc-graph-wrapper .qc-graph-container .graph-body .download-file-container .filter-cta {
    top: 19px;
  }
}

.mailer-popup .modal-dialog {
  width: 96%;
  max-width: 96%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mailer-popup .modal-dialog {
    width: 94%;
    max-width: 90%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .modal-dialog {
    width: 94%;
    max-width: 100%;
  }
}
.mailer-popup .mail-container {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container {
    flex-direction: column;
  }
}
.mailer-popup .mail-container .column {
  flex: 1;
  display: flex;
  cursor: pointer;
  position: relative;
  flex-direction: column;
}
.mailer-popup .mail-container .column:first-child {
  flex: 0.4;
  height: 90vh;
  max-height: 100vh;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mailer-popup .mail-container .column:first-child {
    width: 42%;
    height: 70vh;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column:first-child {
    max-height: 260px;
  }
}
.mailer-popup .mail-container .column .close-btn {
  top: 20px;
  right: 20px;
  position: absolute;
}
.mailer-popup .mail-container .column .mail-popup-title {
  font-size: 24px;
  color: var(--text-color);
  font-family: roboto-medium;
  margin: 34px 34px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mailer-popup .mail-container .column .mail-popup-title {
    margin: 34px 14px 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column .mail-popup-title {
    font-size: 16px;
    margin: 20px 14px 11px;
  }
}
.mailer-popup .mail-container .column:last-child {
  padding: 60px 34px 34px;
  background-color: #fbfbfc;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mailer-popup .mail-container .column:last-child {
    padding: 60px 14px 14px;
    width: 58%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column:last-child {
    padding: 19px 18px 25px;
  }
}
.mailer-popup .mail-container .column .mail-list-container {
  display: flex;
  overflow-y: scroll;
  flex-direction: column;
}
.mailer-popup .mail-container .column .mail-list-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.mailer-popup .mail-container .column .mail-list-container::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.mailer-popup .mail-container .column .mail-list-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.mailer-popup .mail-container .column .mail-list-container .mail-item {
  display: flex;
  padding: 15px 34px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mailer-popup .mail-container .column .mail-list-container .mail-item {
    padding: 15px 14px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column .mail-list-container .mail-item {
    padding: 10px 15px;
  }
}
.mailer-popup .mail-container .column .mail-list-container .mail-item.active {
  background-color: #edf0f4;
}
.mailer-popup .mail-container .column .mail-list-container .mail-item.error {
  background-color: #fbebeb;
}
.mailer-popup .mail-container .column .mail-list-container .mail-item .checkbox-container {
  margin-right: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column .mail-list-container .mail-item .checkbox-container {
    margin-right: 6px;
  }
}
.mailer-popup .mail-container .column .mail-list-container .mail-item .mail-content {
  display: flex;
  flex-direction: column;
}
.mailer-popup .mail-container .column .mail-list-container .mail-item .mail-content .mail-head {
  font-size: 16px;
  color: var(--text-color);
  margin-bottom: 12px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column .mail-list-container .mail-item .mail-content .mail-head {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.mailer-popup .mail-container .column .mail-list-container .mail-item .mail-content .mail-body {
  margin: 0;
  font-size: 14px;
  color: #707275;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column .mail-list-container .mail-item .mail-content .mail-body {
    font-size: 12px;
  }
}
.mailer-popup .mail-container .column .submission {
  display: flex;
}
.mailer-popup .mail-container .column .submission a {
  font-size: 14px;
  color: #cd2d2f;
  font-weight: bold;
  text-decoration: none;
}
.mailer-popup .mail-container .column .attachment-count {
  font-size: 12px;
  font-weight: 500;
  color: #9A9FA2;
  margin-top: 14px;
  margin-bottom: 10px;
  font-family: roboto-medium;
}
.mailer-popup .mail-container .column .mailer-attachment-container {
  display: flex;
  height: 150px;
  overflow-y: scroll;
  flex-direction: column;
}
.mailer-popup .mail-container .column .mailer-attachment-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.mailer-popup .mail-container .column .mailer-attachment-container::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.mailer-popup .mail-container .column .mailer-attachment-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.mailer-popup .mail-container .column .mailer-attachment-container .attachment-container {
  display: flex;
  margin-bottom: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column .mailer-attachment-container .attachment-container {
    margin-bottom: 4px;
  }
}
.mailer-popup .mail-container .column .mailer-attachment-container .attachment-container:last-child {
  margin-bottom: 0px;
}
.mailer-popup .mail-container .column .mailer-attachment-container .attachment-container .attachment {
  display: flex;
  flex: 1;
  border-radius: 2px;
  align-items: center;
  justify-content: space-between;
  background-color: #eceff4;
  padding: 12px 20px;
  margin-right: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column .mailer-attachment-container .attachment-container .attachment {
    margin-top: 2px;
    margin-right: 6px;
    padding: 6px 20px;
  }
}
.mailer-popup .mail-container .column .mailer-attachment-container .attachment-container .attachment .attached-file {
  display: flex;
  align-items: center;
}
.mailer-popup .mail-container .column .mailer-attachment-container .attachment-container .attachment .attached-file .icon {
  height: 22px;
  margin-right: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mailer-popup .mail-container .column .mailer-attachment-container .attachment-container .attachment .attached-file .icon {
    width: 19px;
    height: 19px;
    margin-right: 13px;
  }
}
.mailer-popup .mail-container .column .mailer-attachment-container .attachment-container .attachment .attached-file .name {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-color);
  margin-bottom: 0;
  font-family: roboto-medium;
}
.mailer-popup .mail-container .column .mailer-attachment-container .attachment-container .attachment .attached-file span {
  color: #9A9FA2;
}
.mailer-popup .mail-container .column .mailer-attachment-container .attachment-container .attachment a img {
  width: 11px;
}
.mailer-popup .mail-container .column .cta-container {
  display: flex;
  margin-top: 34px;
  justify-content: flex-end;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-popup-container {
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white-color);
    position: fixed !important;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
.customer-decision-popup-container .small-model .customer-head {
  display: flex;
  flex-direction: column;
  padding: 32px 50px 16px 32px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-popup-container .small-model .customer-head {
    padding: 32px 32px 16px;
  }
}
.customer-decision-popup-container .small-model .customer-head .sub-head {
  display: flex;
  align-items: center;
}
.customer-decision-popup-container .small-model .customer-head .sub-head .title {
  color: var(--text-color);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 8px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-popup-container .small-model .customer-head .sub-head .title {
    font-size: 16px;
  }
}
.customer-decision-popup-container .small-model .customer-head .sub-head .customer-id {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #0085cc;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 24px;
  font-family: roboto-medium;
  background-color: #e5f6ff;
}
.customer-decision-popup-container .small-model .customer-head .subheading {
  font-size: 14px;
  color: #676E73;
  margin-top: 4px;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.customer-decision-popup-container .customer-decision-popup ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.customer-decision-popup-container .customer-decision-popup ul li {
  display: flex;
  cursor: pointer;
  margin-top: 1px;
  padding: 6px 32px;
  align-items: center;
  justify-content: space-between;
}
.customer-decision-popup-container .customer-decision-popup ul li:first-child {
  margin-top: 0;
}
.customer-decision-popup-container .customer-decision-popup ul li.active {
  background-color: #e5f6ff;
}
.customer-decision-popup-container .customer-decision-popup ul li .styled-radio-container {
  padding: 0;
}
.customer-decision-popup-container .customer-decision-popup ul li .styled-radio-container label {
  margin: 0;
}
.customer-decision-popup-container .customer-decision-popup ul li .styled-radio-container label:before {
  margin: 0;
}
.customer-decision-popup-container .customer-decision-popup .decision-input-container {
  padding: 16px 34px 32px;
}
.customer-decision-popup-container .customer-decision-popup .comment {
  margin-bottom: 0;
}
.customer-decision-popup-container .customer-decision-popup .text-section {
  margin-top: 4px;
}
.customer-decision-popup-container .customer-decision-popup .check-email-container {
  display: flex;
  align-items: center;
}
.customer-decision-popup-container .customer-decision-popup .check-email-container .email-text {
  font-size: 12px;
  color: var(--text-light-80-color);
  font-weight: 500;
  margin-left: 8px;
  font-family: roboto-medium;
}
.customer-decision-popup-container .customer-decision-popup .submit {
  display: flex;
  margin-top: 12px;
  justify-content: flex-end;
}

.defect-image-popup-container {
  display: flex;
  padding: 24px !important;
  align-items: center;
  flex-direction: column;
}
.defect-image-popup-container .close-icon {
  top: 0;
  width: 24px;
  right: -40px;
  cursor: pointer;
  position: absolute;
}
.defect-image-popup-container .left-slide {
  top: 48%;
  width: 32px;
  left: -52px;
  cursor: pointer;
  position: absolute;
}
.defect-image-popup-container .right-slide {
  top: 48%;
  width: 32px;
  right: -52px;
  cursor: pointer;
  position: absolute;
}
.defect-image-popup-container .small-model {
  width: 100%;
  max-width: 100%;
}
.defect-image-popup-container .small-model .image-title {
  color: var(--text-color);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .defect-image-popup-container .small-model .image-title {
    font-size: 16px;
  }
}
.defect-image-popup-container .small-model .image-info .info-container {
  display: flex;
  align-items: center;
}
.defect-image-popup-container .small-model .image-info .info-container .column {
  margin-right: 23px;
  padding-right: 24px;
  border-right: solid 1px #b7c3d1;
}
.defect-image-popup-container .small-model .image-info .info-container .column:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: none;
}
.defect-image-popup-container .small-model .image-info .info-container .column .light {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 6px;
  line-height: normal;
  font-family: roboto-regular;
}
.defect-image-popup-container .small-model .image-info .info-container .column .tile {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 2px;
}
.defect-image-popup-container .small-model .image-info .info-container .column .tile.major {
  background-color: #ff5626;
}
.defect-image-popup-container .small-model .image-info .info-container .column .dark {
  font-size: 14px;
  color: var(--text-color);
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}
.defect-image-popup-container .small-model .image {
  margin: auto;
  height: 585px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.defect-image-popup-container .small-model .text {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}

.defect-image-wrapper .modal-dialog {
  width: 76%;
  max-width: 76%;
}

.order-tracking-wrapper .modal-dialog {
  width: 390px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .order-tracking-wrapper .modal-dialog {
    width: 100%;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .stick-to-bottom .modal-dialog {
    bottom: 0;
    margin: 0;
    width: 100%;
    position: absolute;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .stick-to-bottom .modal-dialog .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.product-detail-wrapper .modal-dialog {
  max-width: 810px;
}
.product-detail-wrapper .record-count {
  padding-left: 0 !important;
}

.qr-code-popup-wrapper {
  padding: 32px;
  text-align: center;
}
.qr-code-popup-wrapper .modal-dialog {
  width: 22%;
  max-width: 22%;
}
.qr-code-popup-wrapper .close-icon {
  top: 12px !important;
  right: 12px !important;
  width: 20px !important;
}
.qr-code-popup-wrapper .code-image {
  width: 226px;
  border-radius: 4px;
  border: solid 1px #cccfd0;
}

.order-tracking-popup-container {
  padding: 32px;
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .order-tracking-popup-container {
    padding: 16px;
  }
}
.order-tracking-popup-container .po-details-container {
  display: flex;
  flex-direction: column;
}
.order-tracking-popup-container .po-details-container .back-container {
  margin-right: 12px;
}
.order-tracking-popup-container .po-details-container .back-container img {
  cursor: pointer;
}
.order-tracking-popup-container .po-details-container .info-container {
  flex: 1;
}
.order-tracking-popup-container .table-container {
  margin-bottom: 32px;
  overflow-x: auto;
  /* Ensure horizontal scroll on small devices */
}
.order-tracking-popup-container .close {
  top: 32px;
  width: 16px;
  right: 32px;
  cursor: pointer;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .order-tracking-popup-container .close {
    top: 20px;
    right: 20px;
  }
}
.order-tracking-popup-container .title {
  color: var(--text-color);
  font-size: 20px;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .order-tracking-popup-container .title {
    font-size: 18px;
  }
}
.order-tracking-popup-container .title span {
  margin-left: 8px;
}
.order-tracking-popup-container .subtitle {
  margin: 0;
  color: #676E73;
  font-size: 14px;
  font-family: roboto-regular;
}
.order-tracking-popup-container .record-count .count {
  color: var(--text-color);
}
.order-tracking-popup-container .order-timeline {
  display: flex;
  margin-top: 24px;
  position: relative;
  flex-direction: column;
}
.order-tracking-popup-container .order-timeline:before {
  top: 6px;
  left: 5px;
  z-index: 1;
  width: 1px;
  content: "";
  height: 89%;
  position: absolute;
  border-left: 1px dashed #b7c3d1;
}
.order-tracking-popup-container .order-timeline .timeline-block {
  z-index: 10;
  display: flex;
  margin-bottom: 24px;
  align-items: baseline;
}
.order-tracking-popup-container .order-timeline .timeline-block.inactive .status-title {
  color: #9A9FA2 !important;
}
.order-tracking-popup-container .order-timeline .timeline-block.inactive .light {
  color: #CCCFD0;
}
.order-tracking-popup-container .order-timeline .timeline-block:last-child {
  position: relative;
}
.order-tracking-popup-container .order-timeline .timeline-block:last-child:before {
  top: 6px;
  left: 4px;
  width: 1px;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  border-left: 2px solid var(--white-color);
}
.order-tracking-popup-container .order-timeline .timeline-block .status {
  flex: 0.1;
}
.order-tracking-popup-container .order-timeline .timeline-block .status span {
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 100%;
}
.order-tracking-popup-container .order-timeline .timeline-block .status .complete {
  background-color: #24c11e;
}
.order-tracking-popup-container .order-timeline .timeline-block .status .pending {
  background-color: #00a7ff;
}
.order-tracking-popup-container .order-timeline .timeline-block .status .inactive {
  background-color: #edf0f4;
}
.order-tracking-popup-container .order-timeline .timeline-block .status .inprogress {
  background-color: #ff5626;
}
.order-tracking-popup-container .order-timeline .timeline-block .info {
  flex: 1;
}
.order-tracking-popup-container .order-timeline .timeline-block .info .status-title {
  color: var(--text-color);
  font-size: 16px;
  margin-bottom: 8px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .order-tracking-popup-container .order-timeline .timeline-block .info .status-title {
    font-size: 14px;
  }
}
.order-tracking-popup-container .order-timeline .timeline-block .info .light {
  color: #9A9FA2;
  font-size: 14px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .order-tracking-popup-container .order-timeline .timeline-block .info .light {
    font-size: 12px;
  }
}
.order-tracking-popup-container .order-timeline .timeline-block .info .highlight-badge {
  font-size: 14px;
}
.order-tracking-popup-container .order-timeline .timeline-block .missing {
  color: #0089ff;
}

.delete-popup-container {
  padding: 32px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .delete-popup-container {
    padding: 16px;
  }
}
.delete-popup-container .content {
  display: flex;
  margin-bottom: 24px;
}
.delete-popup-container .content .title-container {
  flex: 1;
  display: flex;
  margin-left: 16px;
  flex-direction: column;
}
.delete-popup-container .content .title-container h3 {
  color: var(--text-color);
  font-size: 20px;
  margin-bottom: 8px;
  font-family: roboto-medium;
}
.delete-popup-container .content .title-container p {
  margin: 0;
  color: #676E73;
  font-size: 14px;
  font-family: roboto-regular;
}

.remove-product-container {
  padding: 32px !important;
}
.remove-product-container .modal-dialog {
  width: 25.7%;
  max-width: 25.7%;
}

.add-booking-product-wrapper .modal-dialog {
  width: 70%;
  max-width: 70%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .add-booking-product-wrapper .modal-dialog {
    width: 90%;
    max-width: 90%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .add-booking-product-wrapper .modal-dialog {
    width: auto;
    max-width: inherit;
  }
}
.add-booking-product-wrapper .common-popup-container {
  padding: 32px;
}
.add-booking-product-wrapper .add-attachment-container {
  margin-top: 4px;
  cursor: pointer;
  display: inline-block;
}
.add-booking-product-wrapper .add-attachment-container .add-file {
  color: #676E73;
  font-size: 14px;
  margin-left: 8px;
  font-family: roboto-medium;
}
.add-booking-product-wrapper .cta-container {
  display: flex;
  margin-top: 25px;
  justify-content: flex-end;
}

.upload-image-wrapper .modal-dialog {
  width: 40%;
  max-width: 40%;
}
.upload-image-wrapper .common-popup-container {
  padding: 32px;
}
.upload-image-wrapper .image-upload-container {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.upload-image-wrapper .image-upload-container .uploading-process {
  margin-left: 13px;
  margin-right: 20px;
}
.upload-image-wrapper .image-upload-container .uploading-process .upload-text {
  font-size: 12px;
  color: var(--text-color);
  margin-bottom: 0;
  font-family: roboto-regular;
}
.upload-image-wrapper .image-upload-container .uploading-process .progress-bar {
  width: 100%;
  height: 6px;
  margin-top: 2px;
  border-radius: 3px;
  background-color: rgba(0, 167, 255, 0.1);
}
.upload-image-wrapper .image-upload-container .uploading-process .progress-bar .complete {
  height: 6px;
  border-radius: 3px;
  background-color: #00a7ff;
}
.upload-image-wrapper .cta-container {
  display: flex;
  margin-top: 16px;
  justify-content: flex-end;
}

.common-popup-container .close {
  top: 32px;
  width: 16px;
  right: 32px;
  cursor: pointer;
  position: absolute;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .common-popup-container .close {
    top: 20px;
    right: 20px;
  }
}
.common-popup-container .title {
  color: var(--text-color);
  font-size: 19px;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .common-popup-container .title {
    font-size: 18px;
  }
}
.common-popup-container .title span {
  margin-left: 8px;
}
.common-popup-container .subtitle {
  margin: 0;
  color: #676E73;
  font-size: 14px;
  font-family: roboto-regular;
}

.add-user-wrapper .modal-dialog {
  width: 70%;
  max-width: 70%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .add-user-wrapper .modal-dialog {
    width: 90%;
    max-width: 90%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .add-user-wrapper .modal-dialog {
    width: auto;
    max-width: inherit;
  }
}
.add-user-wrapper .add-user-popup-container {
  padding: 32px;
}
.add-user-wrapper .add-user-popup-container .add-user-popup-title {
  color: var(--text-color);
  font-size: 20px;
  font-family: trim-web-medium;
}

.add-user-account-popup {
  padding: 32px;
}
.add-user-account-popup .modal-dialog {
  width: 73.5%;
  max-width: 73.5%;
}
.add-user-account-popup .input-error {
  color: #08a7a7 !important;
  font-family: roboto-medium !important;
}
.add-user-account-popup .email-detail-message {
  font-size: 12px !important;
}
.add-user-account-popup .product-group-container {
  border-radius: 4px;
  padding: 16px 20px 18px;
  background-color: #f4f6f8;
}
.add-user-account-popup .product-group-container .product-group-title {
  font-size: 16px !important;
}

.confirm-plan-wrapper .modal-dialog {
  width: 398px;
  max-width: 398px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .confirm-plan-wrapper .modal-dialog {
    width: 398px;
    max-width: 398px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .confirm-plan-wrapper .modal-dialog {
    width: auto;
    max-width: inherit;
  }
}
.confirm-plan-wrapper .confirm-plan-container {
  padding: 32px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .confirm-plan-wrapper .confirm-plan-container {
    padding: 20px 16px;
  }
}
.confirm-plan-wrapper .confirm-plan-container .confirm-plan-header {
  display: flex;
}
.confirm-plan-wrapper .confirm-plan-container .confirm-plan-header img {
  margin-right: 12px;
}
.confirm-plan-wrapper .confirm-plan-container .confirm-plan-header .header-details .title {
  color: var(--text-color);
  font-size: 20px;
  margin-bottom: 2px;
  font-family: roboto-medium;
}
.confirm-plan-wrapper .confirm-plan-container .confirm-plan-header .header-details .subtitle {
  color: #676e73;
  font-size: 14px;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container {
  display: flex;
  margin-top: 24px;
  border-radius: 4px;
  flex-direction: column;
  border: dashed 1px #8296af;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header {
  padding: 16px 20px;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header.standard-card {
  background-image: linear-gradient(125deg, #b544a7 21%, #8344b5 59%);
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header.professional-card {
  background-image: linear-gradient(125deg, #5662e1 21%, #8e55d7 59%);
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header.enterprise-card {
  background-image: linear-gradient(125deg, #29a3d7 21%, #4363d3 59%);
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header.package-4-card {
  background-image: linear-gradient(145deg, #37bdbd 24%, #127d9f 73%);
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header.package-5-card {
  background-image: linear-gradient(145deg, #71889e 24%, #496580 73%);
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header .plan-title {
  margin: 0;
  color: var(--white-color);
  font-size: 20px;
  font-family: trim-web-medium;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header .plan-title img {
  width: 24px;
  margin-right: 8px;
  vertical-align: sub;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header .detail-list {
  margin: 0;
  padding: 0;
  margin-top: 12px;
  list-style: none;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header .detail-list li .label {
  color: var(--white-color);
  display: block;
  font-size: 14px;
  margin-right: 4px;
  display: inline-block;
  font-family: roboto-regular;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-header .detail-list li .value {
  color: var(--white-color);
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
  display: inline-block;
  font-family: roboto-medium;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-body {
  padding: 20px 20px 16px;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-body .price-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-body .price-list li {
  display: flex;
  margin-bottom: 12px;
  justify-content: space-between;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-body .price-list li.total-price {
  padding-top: 12px;
  margin-bottom: 0px;
  border-top: 1px solid #cdd5df;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-body .price-list li.total-price p {
  font-size: 16px;
  font-family: roboto-medium;
}
.confirm-plan-wrapper .confirm-plan-container .plan-details-container .details-body .price-list li p {
  margin: 0;
  color: var(--text-color);
  font-size: 14px;
  font-family: roboto-regular;
}
.confirm-plan-wrapper .confirm-plan-container .confirmation-success-container {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
.confirm-plan-wrapper .confirm-plan-container .confirmation-success-container img {
  margin-bottom: 24px;
}
.confirm-plan-wrapper .confirm-plan-container .confirmation-success-container .title {
  color: var(--text-color);
  font-size: 20px;
  margin-bottom: 8px;
  font-family: trim-web-medium;
}
.confirm-plan-wrapper .confirm-plan-container .confirmation-success-container .subtitle {
  color: #676e73;
  font-size: 16px;
  margin-bottom: 24px;
  font-family: roboto-regular;
}

.calendar-report-detail-wrapper .modal-dialog {
  width: 400px;
  max-width: 400px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .calendar-report-detail-wrapper .modal-dialog {
    width: 400px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .calendar-report-detail-wrapper .modal-dialog {
    width: auto;
    max-width: inherit;
  }
}

.score-card-wrapper .modal-dialog {
  width: 966px;
  max-width: 966px;
}
.score-card-wrapper .modal-content {
  border-radius: 10px;
}
.score-card-wrapper .score-card-container .score-card-header {
  margin: 2px;
  display: flex;
  padding: 12px 22px;
  align-items: center;
  background-color: #6771dc;
  justify-content: space-between;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.score-card-wrapper .score-card-container .score-card-header .logo {
  width: 86px;
}
.score-card-wrapper .score-card-container .score-card-header .popup-title {
  margin: 0;
  color: var(--white-color);
  font-size: 24px;
  font-family: trim-web-medium;
}
.score-card-wrapper .score-card-container .score-card-header .export-button {
  padding: 8px;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  background-color: #e5f4fd;
  transition: ease all 0.4s;
}
.score-card-wrapper .score-card-container .score-card-header .export-button:hover {
  background-color: #d3e5ef;
}
.score-card-wrapper .score-card-container .score-card-header .export-button img {
  width: 24px;
}
.score-card-wrapper .score-card-container .score-card-header .close-icon {
  width: 32px;
  padding: 5px;
  height: 32px;
  opacity: 0.6;
  cursor: pointer;
  margin-left: 24px;
  transition: ease all 0.4s;
}
.score-card-wrapper .score-card-container .score-card-header .close-icon:hover {
  opacity: 1;
}
.score-card-wrapper .score-card-container .score-card-section {
  display: flex;
  margin: 0 24px;
  padding: 20px 0;
  align-items: flex-start;
  border-bottom: 1px solid #7495be;
}
.score-card-wrapper .score-card-container .score-card-section:last-child {
  border-bottom: none;
}
.score-card-wrapper .score-card-container .score-card-section .section-title {
  color: #020e16;
  font-size: 20px;
  margin-bottom: 16px;
  font-family: trim-web-medium;
}
.score-card-wrapper .score-card-container .score-card-section .user-thumb {
  width: 140px;
  margin-right: 32px;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .user-name {
  color: #0070ce;
  font-size: 28px;
  margin-bottom: 12px;
  font-family: trim-web-medium;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .info-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .info-list li {
  color: #020e16;
  font-size: 20px;
  margin-right: 24px;
  padding-right: 24px;
  display: inline-block;
  font-family: roboto-medium;
  border-right: 1px solid #020e16;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .info-list li:last-child {
  margin: 0;
  padding: 0;
  border-right: none;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .info-list li span {
  color: #676e73;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .contact-list li {
  color: #353e45;
  font-size: 20px;
  margin-right: 32px;
  display: inline-block;
  font-family: roboto-regular;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .contact-list li img {
  margin-right: 12px;
  vertical-align: sub;
}
.score-card-wrapper .score-card-container .score-card-section .user-info-container .highlight-badge {
  color: #020e16;
  font-size: 20px;
  padding: 12px 20px;
  background-color: rgba(103, 113, 220, 0.1);
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container {
  display: flex;
  margin-bottom: 16px;
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container:last-child {
  margin-bottom: 0;
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container .metrix-column {
  flex: 1;
  margin: 8px;
  display: flex;
  padding: 8px 12px;
  align-items: center;
  border-radius: 10px;
  background-color: #edf0f4;
  justify-content: space-between;
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container .metrix-column:first-child {
  margin-left: 0;
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container .metrix-column:last-child {
  margin-right: 0;
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container .metrix-column img {
  margin-right: 12px;
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container .metrix-column p {
  margin: 0;
  color: #353e45;
  font-size: 16px;
  font-family: roboto-medium;
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container .metrix-column .value {
  flex: 1;
  margin: 0;
  color: #020e16;
  font-size: 18px;
  text-align: right;
  font-family: trim-web-medium;
}
.score-card-wrapper .score-card-container .score-card-section .metrix-container .metrix-column .value span {
  color: #676e73;
}
.score-card-wrapper .score-card-container .score-card-section .map-container {
  border-radius: 10px;
}
.score-card-wrapper .score-card-container .score-card-section .comparison-text {
  font-size: 14px;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .score-card-wrapper .score-card-container .score-card-section .comparison-text {
    display: none;
  }
}
.score-card-wrapper .score-card-container .score-card-section .filter-badge {
  padding: 8px 10px;
  border-radius: 4px;
  margin: 0 16px 0 8px;
  display: inline-block;
  background-color: rgba(76, 105, 141, 0.1);
}
.score-card-wrapper .score-card-container .score-card-section .block-column {
  flex: 1;
  display: flex;
  margin: 0 16px 0 16px;
  flex-direction: column;
}
.score-card-wrapper .score-card-container .score-card-section .block-column .block-container {
  flex: 1;
  border-radius: 10px;
  border: solid 1px #7495be;
}
.score-card-wrapper .score-card-container .score-card-section .block-column:first-child {
  margin-left: 0;
}
.score-card-wrapper .score-card-container .score-card-section .block-column:last-child {
  margin-right: 0;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li {
  display: flex;
  padding: 15px 20px;
  border-bottom: 1px solid #b7c3d1;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li:last-child {
  border-bottom: none;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li div {
  flex: 0.6;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li div:first-child {
  flex: 1;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li div:last-child {
  flex: 0.8;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li .performance-title {
  margin: 0;
  color: #353e45;
  font-size: 20px;
  font-family: roboto-medium;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li p {
  margin: 0;
  color: #020e16;
  font-size: 20px;
  font-family: roboto-regular;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li .highlight-badge {
  color: var(--white-color);
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li .highlight-badge.dark {
  margin-right: 8px;
  background-color: #4c698d;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li .highlight-badge.low {
  padding: 4px;
  background-color: #24c11e;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li .highlight-badge.low img {
  height: 12px;
  margin-right: 0;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li .highlight-badge.high {
  padding: 4px;
  background-color: #f81538;
}
.score-card-wrapper .score-card-container .score-card-section .performance-list li .highlight-badge.high img {
  height: 12px;
  margin-right: 0;
}

.lab-filter-popup-container .modal-dialog {
  width: 73%;
  max-width: 73%;
}
.lab-filter-popup-container .filter-head {
  display: flex;
  align-items: center;
  flex-direction: row !important;
  padding: 32px 32px 16px !important;
}
.lab-filter-popup-container .filter-head .close {
  width: 20px !important;
}
.lab-filter-popup-container .lab-landing-filter-wrapper {
  padding: 8px 32px 32px;
}

.test-details-popup-wrapper .modal-dialog {
  width: 73%;
  max-width: 73%;
}
.test-details-popup-wrapper .close {
  top: 24px;
  right: 24px;
  position: absolute;
  width: 20px !important;
}
.test-details-popup-wrapper .test-detail-head {
  padding: 32px 24px 24px 32px !important;
}
.test-details-popup-wrapper .test-detail-popup-container {
  padding: 0 32px 32px;
}
.test-details-popup-wrapper .test-detail-popup-container .general-details-container .item_details {
  width: 20% !important;
}
.test-details-popup-wrapper .test-detail-popup-container .result-container .result-title {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}

.test-details-popup-wrapper .modal-dialog {
  width: 73%;
  max-width: 73%;
}
.test-details-popup-wrapper .close {
  top: 24px;
  right: 24px;
  position: absolute;
  width: 20px !important;
}
.test-details-popup-wrapper .test-detail-head {
  padding: 32px 24px 24px 32px !important;
}
.test-details-popup-wrapper .test-detail-popup-container {
  padding: 0 32px 32px;
}
.test-details-popup-wrapper .test-detail-popup-container .general-details-container .item_details {
  width: 40% !important;
}
.test-details-popup-wrapper .test-detail-popup-container .result-container .result-title {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}

.new-test-details-popup {
  padding: 32px !important;
}
.new-test-details-popup .modal-dialog {
  width: 92.5%;
  max-width: 92.5%;
}
.new-test-details-popup .main-title {
  font-family: trim-web-medium !important;
}
.new-test-details-popup .details-info .item_details {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.new-test-details-popup .details-info .list-item {
  display: flex !important;
  width: initial !important;
  align-items: center !important;
}
.new-test-details-popup .details-info .list-item:last-child {
  margin-left: 24px;
}
.new-test-details-popup .numerical-result-container {
  margin-top: 24px;
}
.new-test-details-popup .numerical-result-container .result-subtitle {
  font-size: 16px;
  color: #353e45;
  font-family: trim-web-medium;
}
.new-test-details-popup .add-result {
  padding: 5px 8px;
  border-radius: 4px;
  align-items: center;
  display: inline-flex;
  background-color: #e5f4fd;
}

.test-standard-popup-wrapper {
  padding: 32px 35px 32px 32px !important;
}
.test-standard-popup-wrapper .modal-dialog {
  width: 37%;
  max-width: 37%;
}
.test-standard-popup-wrapper .title {
  margin-bottom: 8px !important;
}
.test-standard-popup-wrapper .subtitle {
  font-size: 16px !important;
}
.test-standard-popup-wrapper .user-testing-wrapper {
  flex-direction: column;
  flex-wrap: nowrap !important;
  align-items: initial !important;
}
.test-standard-popup-wrapper .user-testing-wrapper .testing-container {
  width: 100% !important;
}
.test-standard-popup-wrapper .user-testing-wrapper .testing-container.selected-test-container {
  margin: 24px 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
}
.test-standard-popup-wrapper .user-testing-wrapper .testing-container.selected-test-container:hover {
  background-color: transparent !important;
  box-shadow: none !important;
}
.test-standard-popup-wrapper .user-testing-wrapper .testing-container.selected-test-container .testing-container-body li {
  color: #020e16 !important;
  margin-bottom: 12px !important;
}

.doc-upload-popup-wrapper {
  padding: 32px 29px 32px 32px !important;
}
.doc-upload-popup-wrapper .doc-uploading-container {
  margin-top: 0;
  margin-bottom: 32px;
  padding: 16px 0 !important;
}
.doc-upload-popup-wrapper .doc-uploading-container .uploading-icon {
  width: 36px !important;
}
.doc-upload-popup-wrapper .doc-uploading-container .upload-here {
  margin-left: 12px !important;
}
.doc-upload-popup-wrapper .doc-uploading-container .upload-here .upload-title {
  font-size: 14px !important;
  color: #12141a !important;
}

.doc-submission-popup-wrapper {
  padding: 32px !important;
}
.doc-submission-popup-wrapper .modal-dialog {
  width: 54.5%;
  max-width: 54.5%;
}

.document-popup-wrapper {
  position: relative;
}
.document-popup-wrapper .modal-dialog {
  width: 83.5%;
  max-width: 83.5%;
}
.document-popup-wrapper .close-doc {
  opacity: 1 !important;
  top: -14px !important;
  width: 30px !important;
  right: -46px !important;
  color: #fff !important;
  text-shadow: none !important;
  position: absolute !important;
}
.document-popup-wrapper .doc-pdf-container {
  display: flex;
  flex-direction: column;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container {
  display: flex;
  flex: 1;
  padding: 2px 24px 20px 24px;
  align-items: center;
  background-color: #fff;
  justify-content: space-between;
  border-bottom: solid 2px #959BA7;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column {
  display: flex;
  flex: 1;
  align-items: center;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column:last-child {
  position: relative;
  justify-content: flex-end;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .more-dots-icon {
  width: 32px;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .more-list {
  top: -16px !important;
  right: 0 !important;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .more-downloads {
  top: 3px !important;
  right: 0 !important;
  display: contents !important;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .rejected-cta {
  display: flex !important;
  font-size: 16px !important;
  color: #f81538 !important;
  align-items: center !important;
  background-color: #fee8eb !important;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .approve-cta {
  font-size: 16px !important;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .signed-date-container {
  display: flex !important;
  align-items: flex-start !important;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .signed-date-container:after {
  transform: rotate(-66.59deg) !important;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .signed-date-container .supplier-signed {
  margin: 0 4px;
  font-size: 14px;
  color: #2e3f55;
  line-height: normal;
  font-family: roboto-medium;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .signed-date-container .supplier-signed.date-text {
  margin-top: 2px !important;
  font-size: 12px !important;
}
.document-popup-wrapper .doc-pdf-container .doc-header-container .column .signature-preview-container .preview-container:after {
  transform: rotate(180deg) !important;
}
.document-popup-wrapper .doc-pdf-container .doc-body-container {
  padding: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
}
.document-popup-wrapper .doc-pdf-container .doc-body-container .pdf-doc {
  max-height: 70vh;
}

.add-new-test-popup-wrapper {
  padding: 32px 31px 0 32px !important;
}
.add-new-test-popup-wrapper .modal-dialog {
  width: 73%;
  max-width: 73%;
}
.add-new-test-popup-wrapper .title {
  margin-bottom: 8px !important;
}
.add-new-test-popup-wrapper .subtitle {
  margin-bottom: 20px !important;
}

.popup-cta-container {
  background-color: #fff;
  padding: 24px 30px 24px !important;
  box-shadow: 0 -2px 14px 0 rgba(8, 42, 67, 0.25);
}

.add-comment-popup-wrapper {
  padding: 32px !important;
}

.add-filter-wrapper {
  padding: 24px !important;
}
.add-filter-wrapper .modal-dialog {
  width: 24.7%;
  max-width: 24.7%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .add-filter-wrapper .modal-dialog {
    width: 100%;
    max-width: 100%;
  }
}

.add-material-popup-wrapper {
  padding: 32px !important;
}
.add-material-popup-wrapper .modal-dialog {
  width: 74%;
  max-width: 74%;
}

.view-bom-popup-wrapper {
  padding: 32px !important;
  overflow-y: scroll;
}
.view-bom-popup-wrapper .modal-dialog {
  width: 80%;
  max-width: 80%;
}
.view-bom-popup-wrapper .product-details {
  display: flex;
  margin: 20px 0;
  align-items: center;
}
.view-bom-popup-wrapper .product-details img {
  width: 32px;
}
.view-bom-popup-wrapper .product-details .details {
  margin-left: 12px;
}
.view-bom-popup-wrapper .product-details .details .id {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-medium;
}
.view-bom-popup-wrapper .product-details .details .name {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}

.approve-popup-wrapper {
  padding: 32px !important;
}
.approve-popup-wrapper .modal-dialog {
  width: 22.5%;
  max-width: 22.5%;
}
.approve-popup-wrapper .approval-text {
  font-size: 14px;
  color: #717276;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}

.reject-popup-wrapper {
  padding: 32px !important;
}
.reject-popup-wrapper .modal-dialog {
  width: 50%;
  max-width: 50%;
}
.reject-popup-wrapper .reject-text {
  font-size: 14px;
  color: #717276;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.reject-popup-wrapper .reject-text span {
  color: #020e16 !important;
}
.reject-popup-wrapper .doc-reject-text {
  color: #676e73 !important;
}

.delete-test-popup-wrapper .modal-dialog {
  width: 27% !important;
  max-width: 27% !important;
}
.delete-test-popup-wrapper .content {
  align-items: flex-start !important;
}
.delete-test-popup-wrapper .content img {
  width: 44px;
}
.delete-test-popup-wrapper .content .title-container p {
  color: #717276 !important;
}
.delete-test-popup-wrapper .content .title-container p span {
  color: #020e16;
}

.delete-wordings-popup-wrapper .modal-dialog {
  width: 25.5% !important;
  max-width: 25.5% !important;
}

.add-product-test .modal-dialog {
  width: 47.7% !important;
  max-width: 47.7% !important;
}

.booking-popup-wrapper {
  padding: 32px !important;
}
.booking-popup-wrapper .modal-dialog {
  width: 38% !important;
  max-width: 38% !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container {
  display: flex;
  padding: 4px 8px;
  margin-bottom: 4px;
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(76, 105, 141, 0.1);
}
.booking-popup-wrapper .products-test-wrapper .product-container:last-child {
  margin-bottom: 0;
}
.booking-popup-wrapper .products-test-wrapper .product-container .id {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-medium;
}
.booking-popup-wrapper .products-test-wrapper .product-container .name {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}
.booking-popup-wrapper .products-test-wrapper .product-container .remove-product {
  padding: 4px;
  cursor: pointer;
}
.booking-popup-wrapper .products-test-wrapper .product-container .add-product {
  display: none;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added {
  background-color: rgba(76, 105, 141, 0.06) !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added .id {
  color: #9a9fa2 !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added .name {
  color: #9a9fa2 !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added .add-product {
  display: block !important;
  padding: 4px;
  cursor: pointer;
  color: #008def !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added .remove-product {
  display: none;
}

.add-organization-popup-wrapper {
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .add-organization-popup-wrapper {
    padding: 32px 42px 32px 32px;
  }
}
.add-organization-popup-wrapper .modal-dialog {
  width: 59%;
  max-width: 59%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .add-organization-popup-wrapper .modal-dialog {
    width: 93%;
    max-width: 93%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .add-organization-popup-wrapper .modal-dialog {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .add-organization-popup-wrapper .title {
    font-size: 24px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .add-organization-popup-wrapper .subtitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .add-organization-popup-wrapper .org-input-container label {
    font-size: 14px;
    margin-bottom: 6px;
  }
}
.add-organization-popup-wrapper .org-image-container {
  display: block !important;
  margin-left: 12px;
}
.add-organization-popup-wrapper .org-image-container .active {
  color: #12141a !important;
}
.add-organization-popup-wrapper .upload-image {
  outline: none;
  font-size: 12px;
  cursor: pointer;
  color: #9a9fa2;
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 10px;
  line-height: normal;
  font-family: roboto-medium;
  border: solid 1px #cdd5df;
  background-color: #fbfcfc;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-app-popup-wrapper {
    padding: 20px 20px 20px 18px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-app-popup-wrapper {
    padding: 20px 20px 20px 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-app-popup-wrapper .modal-dialog {
    width: 37.4%;
    max-width: 37.4%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-app-popup-wrapper .modal-dialog {
    width: 77.6%;
    max-width: 77.6%;
  }
}
.edit-app-popup-wrapper .icon {
  width: 24px;
  margin-right: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-app-popup-wrapper .active-app-container {
    margin-top: 29px;
    padding: 0 !important;
    flex-direction: column;
    border: none !important;
    align-items: flex-start !important;
    background-color: transparent !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-app-popup-wrapper .active-app-container {
    margin-top: 29px;
    padding: 0 !important;
    flex-direction: column;
    border: none !important;
    align-items: flex-start !important;
    background-color: transparent !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-app-popup-wrapper .active-app-container .app-column {
    width: 100% !important;
    flex-direction: column;
    align-items: flex-start !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-app-popup-wrapper .active-app-container .app-column {
    width: 100% !important;
    flex-direction: column;
    align-items: flex-start !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-app-popup-wrapper .active-app-container .app-column .controlled-number-input {
    margin-bottom: 20px;
    width: 100% !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-app-popup-wrapper .active-app-container .app-column .controlled-number-input {
    margin-bottom: 20px;
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-app-popup-wrapper .active-app-container .app-column .result-status-container {
    width: 100% !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-app-popup-wrapper .active-app-container .app-column .result-status-container {
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-app-popup-wrapper .active-app-container .app-column .result-status-container .pass-text {
    flex: 1;
    font-size: 16px;
    margin-left: 8px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-app-popup-wrapper .active-app-container .app-column .result-status-container .pass-text {
    flex: 1;
    font-size: 16px;
    margin-left: 8px;
  }
}

.certificate-popup-wrapper {
  padding: 32px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.certificate-popup-wrapper .modal-dialog {
  width: 30% !important;
  max-width: 30% !important;
}
.certificate-popup-wrapper .sub-text {
  font-size: 14px !important;
}

.pending-request-popup-wrapper {
  padding: 24px 32px 32px 24px;
}
.pending-request-popup-wrapper .modal-dialog {
  width: 65.5% !important;
  max-width: 65.5% !important;
}
.pending-request-popup-wrapper .user-detail-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.pending-request-popup-wrapper .request-wrapper {
  display: flex;
  align-items: flex-start;
}
.pending-request-popup-wrapper .request-wrapper .request-container .title {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.pending-request-popup-wrapper .request-wrapper .request-container .id {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.pending-request-popup-wrapper .request-wrapper .request-container .active-container {
  display: flex;
  margin-left: 12px;
  padding-left: 11px;
  align-items: center;
  border-left: solid 1px #a3adc3;
}
.pending-request-popup-wrapper .request-wrapper .request-container .active-container .active-icon {
  width: 16px;
  margin-right: 4px;
}
.pending-request-popup-wrapper .request-wrapper .request-container .active-container .active-text {
  font-size: 14px;
  color: #12141a;
  line-height: normal;
  font-family: roboto-medium;
}
.pending-request-popup-wrapper .details-container {
  display: flex;
  margin-top: 22px;
  align-items: center;
}
.pending-request-popup-wrapper .details-container .detail-list {
  flex: 0.5;
  margin-right: 39px;
  padding-right: 40px;
  border-right: solid 1px #a3adc3;
}
.pending-request-popup-wrapper .details-container .detail-list:nth-child(3) {
  flex: 1.5;
}
.pending-request-popup-wrapper .details-container .detail-list:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.add-plm-material-wrapper .modal-dialog {
  width: 80% !important;
  max-width: 80% !important;
}
.add-plm-material-wrapper .search-box {
  width: 372px;
}
.add-plm-material-wrapper .plm-material-container {
  padding: 20px 24px 0 32px;
}
.add-plm-material-wrapper .material-list {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 380px;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  list-style: none;
  max-height: 500px;
  overflow-y: scroll;
  align-items: center;
}
.add-plm-material-wrapper .material-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #edf0f4;
}
.add-plm-material-wrapper .material-list::-webkit-scrollbar {
  width: 8px;
  background-color: #edf0f4;
}
.add-plm-material-wrapper .material-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.add-plm-material-wrapper .material-list li {
  width: 18.5%;
  margin-right: 12px;
  margin-bottom: 16px;
}
.add-plm-material-wrapper .cta-wrapper {
  padding: 24px 32px;
  box-shadow: 0 -2px 14px 0 rgba(8, 42, 67, 0.25);
}

.create-supplier-popup-container {
  padding: 32px;
}
.create-supplier-popup-container .modal-dialog {
  width: 35% !important;
  max-width: 35% !important;
}
.create-supplier-popup-container .supplier-id-container {
  display: flex;
  padding: 16px;
  border-radius: 4px;
  align-items: center;
  background-color: rgba(232, 234, 240, 0.6);
}
.create-supplier-popup-container .supplier-id-container .profile {
  width: 44px;
  height: 44px;
}
.create-supplier-popup-container .supplier-id-container .text {
  font-size: 16px;
  color: #676e73;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.create-supplier-popup-container .supplier-id-container .id {
  font-size: 18px;
  color: #12141a;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}
.create-supplier-popup-container .supplier-id-container.sub-container {
  margin-bottom: 60px;
  display: block !important;
}
.create-supplier-popup-container .disabled-cta {
  color: #cdd5df !important;
  background-color: #f4f6f8 !important;
}
.create-supplier-popup-container .supplier-wrapper {
  height: 294px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container {
  flex: 1;
  margin-top: 0 !important;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .main-title {
  margin-bottom: 12px;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group {
  width: 100%;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group input {
  width: 100%;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .icon-container {
  bottom: 15px;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .icon-container .icon {
  width: 20px;
  height: 20px;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .generic-search-suggestion-container {
  left: 0;
  top: 100%;
  z-index: 9;
  width: 100%;
  position: absolute;
  border-radius: 3px;
  background-color: var(--white-color);
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .generic-search-suggestion-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 180px;
  overflow-y: scroll;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .generic-search-suggestion-container ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .generic-search-suggestion-container ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .generic-search-suggestion-container ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .generic-search-suggestion-container ul li {
  color: var(--text-color);
  font-size: 12px;
  cursor: pointer;
  padding: 12px 14px;
  font-family: roboto-regular;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .my-input-group .generic-search-suggestion-container ul li:hover {
  background-color: #f4f6f8;
}
.create-supplier-popup-container .supplier-wrapper .search-supplier-container .id-container {
  margin-top: 12px !important;
}
.create-supplier-popup-container .supplier-wrapper.model-code-wrapper {
  height: initial !important;
}
.create-supplier-popup-container .create-code-cta {
  width: 100%;
}
.create-supplier-popup-container .success-animation {
  margin: 100px 0;
}
.create-supplier-popup-container .contact-details {
  display: flex;
  font-size: 14px;
  cursor: pointer;
  color: #353e45;
  margin-right: 4px;
  align-items: center;
  line-height: normal;
  font-family: roboto-medium;
}
.create-supplier-popup-container .contact-details.active img {
  transform: rotate(90deg);
}
.create-supplier-popup-container .contact-details img {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.create-supplier-popup-container .id-items {
  margin-right: 6px !important;
}
.create-supplier-popup-container .contact-details-container {
  margin-top: 8px;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}
.create-supplier-popup-container .contact-details-container .profile-icon {
  width: 32px !important;
  height: 32px !important;
  margin-right: 10px !important;
}
.create-supplier-popup-container .contact-details-container .contact-info {
  margin-bottom: 0 !important;
}
.create-supplier-popup-container .contact-details-container .contact-info .title {
  font-size: 14px !important;
  margin-bottom: 2px !important;
}
.create-supplier-popup-container .contact-details-container .contact-info .info-wrapper {
  border-right: 0 !important;
  padding-right: 0 !important;
  margin-right: 12px !important;
}
.create-supplier-popup-container .contact-details-container .contact-info .info-wrapper:last-child {
  margin-right: 0 !important;
}
.create-supplier-popup-container .contact-details-container .contact-info .info-wrapper .info-text {
  color: #020e16 !important;
  margin-right: 8px !important;
  font-family: roboto-regular !important;
}
.create-supplier-popup-container .custom-user-profile {
  width: 45px !important;
  padding: 2px !important;
  margin-right: 10px !important;
  margin-left: -3px !important;
}
.create-supplier-popup-container .existing-code-text {
  cursor: default !important;
}
.create-supplier-popup-container .code-generated-container {
  padding: 6px 12px !important;
  background-color: #f4f6f8 !important;
}
.create-supplier-popup-container .existing-code-container {
  display: flex;
  border-radius: 4px;
  flex-direction: column;
  padding: 8px 12px 8px 11px;
  background-color: rgba(255, 197, 0, 0.1);
}
.create-supplier-popup-container .existing-code-container .code-count-text {
  padding-bottom: 2px;
  color: #997600 !important;
  margin-right: 0 !important;
}
.create-supplier-popup-container .existing-code-container .commission-rate-text {
  margin-top: 4px;
  font-size: 12px !important;
  margin-right: 0 !important;
  color: #676e73 !important;
}
.create-supplier-popup-container .no-code-result {
  margin-top: 43px !important;
  margin-bottom: 160px;
}
.create-supplier-popup-container .no-code-result .no-result-details {
  width: 71% !important;
  max-width: 71% !important;
}
.create-supplier-popup-container .no-code-result .no-result-details .add-cta {
  width: 12px !important;
  height: 12px !important;
}

.pending-task-popup-wrapper {
  padding: 24px 24px 32px 32px;
}
.pending-task-popup-wrapper .modal-dialog {
  width: 63% !important;
  max-width: 63% !important;
}
.pending-task-popup-wrapper .pending-task-wrapper ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  max-width: 100%;
}

.view-bom-popup-wrapper {
  padding: 32px !important;
  overflow-y: scroll;
}
.view-bom-popup-wrapper .modal-dialog {
  width: 80%;
  max-width: 80%;
}
.view-bom-popup-wrapper .product-details {
  display: flex;
  margin: 20px 0;
  align-items: center;
}
.view-bom-popup-wrapper .product-details img {
  width: 32px;
}
.view-bom-popup-wrapper .product-details .details {
  margin-left: 12px;
}
.view-bom-popup-wrapper .product-details .details .id {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-medium;
}
.view-bom-popup-wrapper .product-details .details .name {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}
.view-bom-popup-wrapper .selected-bom-container {
  margin-bottom: 32px;
}
.view-bom-popup-wrapper .selected-bom-container .selected-count {
  font-size: 14px;
  margin-bottom: 4px;
  font-family: roboto-regular;
  color: rgba(2, 14, 22, 0.8);
}
.view-bom-popup-wrapper .sub-title {
  font-size: 14px;
  color: #000;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.view-bom-popup-wrapper .no-result-found {
  display: flex;
  padding-top: 92px;
  align-items: center;
  padding-bottom: 150px;
  flex-direction: column;
  justify-content: center;
  background-color: #f4f6f8;
}
.view-bom-popup-wrapper .no-result-found div {
  width: 28.5% !important;
  max-width: 28.5% !important;
}

.booking-popup-wrapper {
  padding: 32px !important;
}
.booking-popup-wrapper .modal-dialog {
  width: 38% !important;
  max-width: 38% !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container {
  display: flex;
  padding: 4px 8px;
  margin-bottom: 4px;
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(76, 105, 141, 0.1);
}
.booking-popup-wrapper .products-test-wrapper .product-container:last-child {
  margin-bottom: 0;
}
.booking-popup-wrapper .products-test-wrapper .product-container .id {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-medium;
}
.booking-popup-wrapper .products-test-wrapper .product-container .name {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}
.booking-popup-wrapper .products-test-wrapper .product-container .product-thumbnail {
  width: 32px;
  height: 32px;
  border-radius: 10%;
}
.booking-popup-wrapper .products-test-wrapper .product-container .remove-product {
  padding: 4px;
  cursor: pointer;
}
.booking-popup-wrapper .products-test-wrapper .product-container .add-product {
  display: none;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added {
  background-color: rgba(76, 105, 141, 0.06) !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added .id {
  color: rgb(53, 62, 69) !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added .name {
  color: #9a9fa2 !important;
}
.booking-popup-wrapper .products-test-wrapper .product-container.to-be-added .add-product {
  display: block !important;
  padding: 4px;
  cursor: pointer;
  color: #008def !important;
}

.add-product-container {
  padding: 32px !important;
}
.add-product-container .modal-dialog {
  width: 48%;
  max-width: 48%;
}
.add-product-container .test-detail-popup {
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
  border-bottom: none !important;
}
.add-product-container .add-product-to-test .selected-product {
  color: #676e73 !important;
}
.add-product-container .add-product-to-test .id {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 2px;
  font-family: roboto-medium;
}
.add-product-container .add-product-to-test .name {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0px;
  font-family: roboto-medium;
}
.add-product-container .add-product-to-test .product-table td {
  padding: 8px !important;
}
.add-product-container .disabled {
  opacity: 0.2;
}

.popup-entry-animation {
  animation-name: popupEntry;
  animation-duration: 0.3s;
  flex-wrap: wrap;
  list-style: none;
}

.new-customer-decision-popup {
  padding: 32px !important;
}
.new-customer-decision-popup .modal-dialog {
  width: 55%;
  max-width: 55%;
}
.new-customer-decision-popup .main-title {
  font-family: trim-web-medium !important;
}
.new-customer-decision-popup .details-info .item_details {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.new-customer-decision-popup .details-info .list-item {
  display: flex !important;
  width: initial !important;
  align-items: center !important;
}
.new-customer-decision-popup .details-info .list-item:last-child {
  margin-left: 24px;
}

.landing-info-modal-wrapper .modal-dialog {
  margin: 0;
  transition: none;
  transform: initial;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-modal-wrapper .modal-dialog {
    margin: 5%;
  }
}
.landing-info-modal-wrapper .landing-info-container {
  transform: translate(0);
  animation: sideEntryAnimation 0.3s;
  -moz-animation: sideEntryAnimation 0.3s;
  -webkit-animation: sideEntryAnimation 0.3s;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-modal-wrapper .landing-info-container {
    animation: none;
  }
}
@keyframes sideEntryAnimation {
  0% {
    opacity: 0;
    transform: translate(100%);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

.landing-info-container {
  right: 0;
  width: 680px;
  height: 100vh;
  position: fixed;
  overflow: scroll;
  background: white;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-info-container {
    width: 90%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container {
    width: auto;
    height: auto;
    right: inherit;
    position: relative;
    border-radius: 8px;
    padding: 0 !important;
  }
}
.landing-info-container .popup-header {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 8px 32px 8px 16px;
  border-bottom: solid 1px rgba(116, 149, 190, 0.5);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .popup-header {
    padding: 16px 32px 8px 16px;
  }
}
.landing-info-container .popup-header .popup-column {
  flex: 1;
}
.landing-info-container .popup-header .popup-column:last-child {
  display: flex;
  justify-content: flex-end;
}
.landing-info-container .popup-header .popup-column .logo-icon {
  width: 121px;
  height: 46px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .popup-header .popup-column .logo-icon {
    width: 77px;
    height: 36px;
  }
}
.landing-info-container .popup-header .popup-column .cancel-icon {
  width: 20px;
  cursor: pointer;
}
.landing-info-container .section-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 63px);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .section-wrapper {
    height: auto;
  }
}
.landing-info-container .downloading-wrapper {
  flex: 1;
  display: flex;
  padding: 0 0 60px;
  align-items: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-info-container .downloading-wrapper {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .downloading-wrapper {
    flex-direction: column;
    padding: 0px 0px 24px;
    align-items: flex-start;
  }
}
.landing-info-container .downloading-wrapper .download-container {
  flex: 1;
}
.landing-info-container .downloading-wrapper .download-container:first-child {
  margin-right: 20px;
  padding: 40px 0 0 32px;
  background-repeat: no-repeat;
  background-image: url('blue-gradient.svg');
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .downloading-wrapper .download-container:first-child {
    width: 100%;
    display: flex;
    margin-right: 0;
    align-items: center;
    flex-direction: column;
    padding: 20px 13px 0 11px;
  }
}
.landing-info-container .downloading-wrapper .download-container:last-child {
  padding-right: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-info-container .downloading-wrapper .download-container:last-child {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .downloading-wrapper .download-container:last-child {
    padding: 0 12px;
  }
}
.landing-info-container .downloading-wrapper .download-container .main-title {
  font-size: 32px;
  color: #13316e;
  margin-bottom: 0;
  text-transform: capitalize;
  font-family: trim-web-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .downloading-wrapper .download-container .main-title {
    font-size: 20px;
  }
}
.landing-info-container .downloading-wrapper .download-container .file-process-icon {
  margin-top: 40px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .downloading-wrapper .download-container .file-process-icon {
    display: none;
  }
}
.landing-info-container .downloading-wrapper .download-container .download-import {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .downloading-wrapper .download-container .download-import {
    display: block;
    margin: 20px 0;
  }
}
.landing-info-container .downloading-wrapper .download-container ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.landing-info-container .downloading-wrapper .download-container ul li {
  display: flex;
  margin-bottom: 20px;
  align-items: flex-start;
}
.landing-info-container .downloading-wrapper .download-container ul li:last-child {
  margin-bottom: 0;
}
.landing-info-container .downloading-wrapper .download-container ul li img {
  margin-top: 4px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .downloading-wrapper .download-container ul li img {
    width: 12px;
  }
}
.landing-info-container .downloading-wrapper .download-container ul li .details-container {
  margin-left: 16px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .downloading-wrapper .download-container ul li .details-container {
    margin-left: 12px;
  }
}
.landing-info-container .downloading-wrapper .download-container ul li .details-container .title {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 4px;
  font-family: trim-web-medium;
}
.landing-info-container .downloading-wrapper .download-container ul li .details-container .sub-title {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.landing-info-container .latest-updates-wrapper {
  padding: 32px 0 46px 35px;
  background-image: linear-gradient(to top, #13316e 28%, #1b4089 100%);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-info-container .latest-updates-wrapper {
    display: none !important;
  }
}
.landing-info-container .latest-updates-wrapper .updates-wrapper {
  align-items: initial !important;
}
.landing-info-container .latest-updates-wrapper .updates-wrapper .popup-update-title {
  color: #fff !important;
}
.landing-info-container .latest-updates-wrapper .updates-wrapper .popup-update-title span {
  color: #a7e6a5 !important;
}
.landing-info-container .latest-updates-wrapper .slider-arrow {
  padding: 4px !important;
  backdrop-filter: blur(80px);
  border-radius: 100px !important;
  -webkit-backdrop-filter: blur(80px);
  background-color: rgba(82, 103, 144, 0.27) !important;
}
.landing-info-container .latest-updates-wrapper .slider-arrow:last-child {
  margin-left: 6px !important;
}
.landing-info-container .latest-updates-wrapper .slider-arrow img {
  width: 16px !important;
}
.landing-info-container .latest-updates-wrapper .latest-updates-container {
  overflow-x: scroll;
  white-space: nowrap;
  margin-bottom: 14px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-wrap: nowrap !important;
}
.landing-info-container .latest-updates-wrapper .latest-updates-container .update-item {
  cursor: pointer;
  width: 100% !important;
  transition: ease all 0.4s;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.landing-info-container .latest-updates-wrapper .latest-updates-container .update-item:hover {
  box-shadow: 0 4px 12px 0 #122854 !important;
}
.landing-info-container .latest-updates-wrapper .latest-updates-container .update-item:nth-child(2n) {
  margin-right: 12px !important;
}
.landing-info-container .latest-updates-wrapper .slides-process {
  width: 59px;
  height: 4px;
  margin: auto;
  position: relative;
  border-radius: 50px;
  border: solid 0.6px rgba(255, 255, 255, 0.6);
}
.landing-info-container .latest-updates-wrapper .slides-process .slides {
  height: 4px;
  position: absolute;
  border-radius: 50px;
  background-color: #fff;
}

.scroll-wrapper {
  position: relative;
}
.scroll-wrapper .arrow-wrapper {
  display: flex;
  top: 0px;
  right: 32px;
  margin-bottom: 8px;
  position: absolute;
  align-items: center;
}
.scroll-wrapper .arrow-wrapper .arrow-container {
  display: flex;
  padding: 6.5px;
  cursor: pointer;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  background-color: rgba(243, 251, 251, 0.4);
}
.scroll-wrapper .arrow-wrapper .arrow-container.active {
  background-color: rgba(243, 251, 251, 0.8);
}
.scroll-wrapper .arrow-wrapper .arrow-container:first-child img {
  transform: rotate(-180deg);
}
.scroll-wrapper .arrow-wrapper .arrow-container:last-child {
  margin-left: 8px;
}
.scroll-wrapper .arrow-wrapper .arrow-container img {
  width: 11px;
}

.task-container {
  width: 23.5%;
  display: flex;
  padding: 12px 16px;
  border-radius: 12px;
  align-items: center;
  margin: 0 12px 12px 0;
}
.task-container .task-count {
  font-size: 34px;
  color: #fff;
  margin-right: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.task-container .task-title {
  font-size: 14px;
  color: #fff;
  line-height: normal;
  font-family: roboto-regular;
}

.unanswered-ques {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(150deg, #3ac3ab 16%, #6b52e9 113%);
}
.unanswered-ques:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.unresolved-ques {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(166deg, #63d3fe 12%, #6b52e9 91%);
}
.unresolved-ques:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.bill-of-material {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(150deg, #ffae81 4%, #2b6dcf 110%);
}
.bill-of-material:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.design-brief {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(166deg, #c8d62d 12%, #688df3 91%);
}
.design-brief:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.pending-request {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(150deg, #f8a77a 16%, #6b52e9 113%);
}
.pending-request:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.intital-testing {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(166deg, #a4b4ac 12%, #5b7ed9 91%);
}
.intital-testing:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.black-seals {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(162deg, #39aefb 16%, #5b7ed9 88%);
}
.black-seals:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.febric-spec {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(162deg, #39e4fb 16%, #5b9cd9 88%);
}
.febric-spec:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.material-packaging {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(150deg, #66d785 16%, #6b52e9 113%);
}
.material-packaging:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.technical-drawing {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(166deg, #b4a4ad 12%, #925bd9 91%);
}
.technical-drawing:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.risk-assessments {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(162deg, #a9ab9b 16%, #28a3ab 88%);
}
.risk-assessments:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.product-developments {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(162deg, #f39af4 16%, #5b7ed9 88%);
}
.product-developments:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.seals-accept {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(166deg, #a4b4ac 12%, #5b7ed9 91%);
}
.seals-accept:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.gold-seals {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(162deg, #3987fb 16%, #5bc2d9 88%);
}
.gold-seals:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.digi-eye {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(162deg, #ff85a2 16%, #5b7ed9 88%);
}
.digi-eye:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.care-wording {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(150deg, #38cdc4 16%, #a55b99 113%);
}
.care-wording:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.unanswered-questions {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(150deg, #e4bb50 16%, #6b52e9 113%);
}
.unanswered-questions:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.unresolved-questions {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(166deg, #d098ce 12%, #5b8dd9 91%);
}
.unresolved-questions:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 12px;
  background: url('pending-card-mask.svg');
}

.popup-entry-animation {
  animation-name: popupEntry;
  animation-duration: 0.3s;
}

@keyframes popupEntry {
  0% {
    transform: translateY(60px);
  }
  100% {
    transform: translateY(0);
  }
}
.add-doc-popup-wrapper .modal-dialog {
  width: 31%;
  max-width: 31%;
}
.add-doc-popup-wrapper .main-title {
  font-family: trim-web-medium !important;
}
.add-doc-popup-wrapper .browse-file-container {
  margin-top: 0 !important;
  padding: 20px 0px !important;
  border-radius: 4px !important;
  text-align: center !important;
  margin-bottom: 16px !important;
  border: dashed 1px #cdd5df !important;
  background-color: #fbfcfc !important;
}
.add-doc-popup-wrapper .upper-container {
  padding: 32px 32px 0;
}
.add-doc-popup-wrapper .doc-count {
  color: #353e45 !important;
}
.add-doc-popup-wrapper .uploading-files {
  height: 132px;
  max-height: 200px;
  overflow-y: scroll;
  padding-right: 10px;
  margin-top: 8px !important;
  flex-wrap: nowrap !important;
  flex-direction: column !important;
}
.add-doc-popup-wrapper .uploading-files::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #edf0f4;
}
.add-doc-popup-wrapper .uploading-files::-webkit-scrollbar {
  width: 8px;
  background-color: #edf0f4;
}
.add-doc-popup-wrapper .uploading-files::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.add-doc-popup-wrapper .uploading-files .uploading-attahment {
  margin-right: 0 !important;
  margin-bottom: 4px !important;
  padding: 6px 8px 6px 4px !important;
  justify-content: space-between !important;
}
.add-doc-popup-wrapper .uploading-files .uploading-attahment .status-bar {
  background-color: #D7DDE5 !important;
}
.add-doc-popup-wrapper .uploading-files .uploading-attahment .status-bar .status-percent {
  background-color: #08A6A7 !important;
}
.add-doc-popup-wrapper .uploading-files .uploading-attahment .name {
  margin: 0 0 0 4px !important;
  font-family: roboto-medium !important;
}
.add-doc-popup-wrapper .uploading-files .uploading-attahment .close-doc {
  width: 16px !important;
}
.add-doc-popup-wrapper .bottom-container {
  padding: 20px 32px 32px;
  box-shadow: 0 -2px 14px 0 rgba(8, 42, 67, 0.25);
}

.add-design-material-wrapper .modal-dialog {
  width: 77.5% !important;
  max-width: 77.5% !important;
}
.add-design-material-wrapper .title {
  font-family: trim-web-medium !important;
}
.add-design-material-wrapper .selected-materials-container {
  display: flex;
  padding: 12px 4px;
  align-items: center;
  background-image: linear-gradient(to right, #fbfafa, #dfe7f1 54%, #fbfafa);
}
.add-design-material-wrapper .selected-materials-container.transparent {
  background-image: none;
}
.add-design-material-wrapper .selected-materials-container .selected-materials-list {
  width: 85%;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  align-items: center;
  list-style-type: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}
.add-design-material-wrapper .selected-materials-container .selected-materials-list::-webkit-scrollbar {
  display: none;
}
.add-design-material-wrapper .selected-materials-container .selected-materials-list .list-item {
  display: flex;
  padding: 5px 8px;
  margin-right: 4px;
  border-radius: 4px;
  align-items: center;
  background-color: #e6f6f6;
  justify-content: space-between;
}
.add-design-material-wrapper .selected-materials-container .selected-materials-list .list-item span {
  font-size: 12px;
  color: #08a7a7;
  margin-right: 4px;
  font-family: roboto-medium;
}
.add-design-material-wrapper .design-material-list li {
  width: 19% !important;
  margin-right: 8px !important;
}
.add-design-material-wrapper .design-material-list li label {
  font-size: 12px !important;
}
.add-design-material-wrapper .section-title {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}

.uploaded-doc-wrapper {
  padding: 32px;
}
.uploaded-doc-wrapper .modal-dialog {
  width: 84% !important;
  max-width: 84% !important;
}

.send-for-approval-wrapper {
  padding: 32px;
}
.send-for-approval-wrapper .modal-dialog {
  width: 32% !important;
  max-width: 84% !important;
}

.import-design-wrapper {
  padding: 32px !important;
}
.import-design-wrapper .main-heading {
  font-family: trim-web-medium !important;
}
.import-design-wrapper .modal-dialog {
  width: 50%;
  max-width: 50%;
}
.import-design-wrapper .design-radio-wrapper {
  margin-bottom: 20px;
}
.import-design-wrapper .search-design-wrapper {
  padding: 60px 0;
  text-align: center;
}
.import-design-wrapper .search-design-wrapper img {
  width: 100px;
  opacity: 0.5;
  margin-bottom: 12px;
}
.import-design-wrapper .search-design-wrapper .search-title {
  font-size: 18px;
  color: #676e73;
  font-family: trim-web-medium;
}
.import-design-wrapper .search-design-wrapper .search-subtitle {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.import-design-wrapper .search-design-wrapper .doc-title {
  color: #9a9fa2 !important;
}
.import-design-wrapper .search-result-wrapper {
  margin-top: 16px;
  border-radius: 8px;
  border: dashed 1px #7495be;
  padding: 13px 8px 20px 20px;
}
.import-design-wrapper .search-result-wrapper .design-icon {
  width: 44px;
}
.import-design-wrapper .search-result-wrapper .design-id {
  font-family: trim-web-medium;
}
.import-design-wrapper .search-result-wrapper .product-detail-container {
  margin-top: 20px;
}
.import-design-wrapper .search-result-wrapper .product-detail-container .product-icon {
  width: 60px;
  border-radius: 8px;
}
.import-design-wrapper .search-result-wrapper .product-detail-container .product-details .detail-item {
  width: 33% !important;
}
.import-design-wrapper .no-search-result {
  padding: 50px 0;
}
.import-design-wrapper .no-search-result div {
  width: 57% !important;
  max-width: 57% !important;
}
.import-design-wrapper .no-search-result img {
  width: 80px;
  height: 80px;
}
.import-design-wrapper .no-search-result .heading {
  margin-top: 12px !important;
  font-family: trim-web-medium !important;
}
.import-design-wrapper .no-search-result span {
  font-family: roboto-medium !important;
}
.import-design-wrapper .risk-assessment-wrapper {
  margin-top: 16px;
}
.import-design-wrapper .risk-assessment-wrapper .doc-count {
  color: #676e73 !important;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin-top: 8px;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item {
  width: 48.8%;
  display: flex;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 4px;
  align-items: center;
  margin: 0 12px 12px 0;
  transition: ease all 0.4s;
  border: solid 1px #b7c3d1;
  justify-content: space-between;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item.sub-doc:hover {
  background-color: #f3fbfb !important;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item:nth-child(2n) {
  margin-right: 0;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item .doc-icon {
  width: 32px;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item .doc-title {
  font-size: 12px;
  color: #020e16;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item .detail-icon {
  width: 12px;
  margin-right: 4px;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item .details_text {
  display: flex;
  align-items: center;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item .details_text.date {
  margin-left: 6px;
}
.import-design-wrapper .risk-assessment-wrapper .doc-wrapper .doc-item .details_text span {
  font-size: 12px;
  color: #676e73;
  line-height: normal;
  font-family: roboto-regular;
}

.reject-popup-wrapper {
  padding: 32px !important;
}
.reject-popup-wrapper .modal-dialog {
  width: 50%;
  max-width: 50%;
}
.reject-popup-wrapper .main-heading {
  font-family: trim-web-medium !important;
}
.reject-popup-wrapper .reject-text {
  font-size: 14px;
  color: #717276;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.reject-popup-wrapper .reject-text span {
  color: #020e16;
}
.reject-popup-wrapper .doc-reject-text {
  color: #676e73 !important;
}

.accept-design-wrapper .accepted-icon {
  width: 48px;
}
.accept-design-wrapper .dark-font {
  color: #717276 !important;
  font-family: roboto-medium !important;
}

.image-comparison-wrapper .modal-dialog {
  width: 59%;
  max-width: 59%;
}
.image-comparison-wrapper .popup-header {
  display: flex;
  align-items: center;
  padding: 20px 32px 23px;
  border-bottom: 1px solid var(--line-color);
}
.image-comparison-wrapper .popup-header .column {
  flex: 1;
}
.image-comparison-wrapper .popup-header .column:last-child {
  display: flex;
  justify-content: flex-end;
}
.image-comparison-wrapper .popup-header .column img {
  width: 16px;
}
.image-comparison-wrapper .image-compare-table {
  max-height: 500px;
  overflow-y: scroll;
}
.image-comparison-wrapper .image-compare-table .heading-container {
  font-size: 14px !important;
  background-color: transparent !important;
  border-bottom: 1px solid var(--line-color) !important;
}
.image-comparison-wrapper .image-compare-table .heading-container th {
  color: #020e16 !important;
  text-align: center !important;
  background-color: transparent !important;
  font-family: trim-web-medium !important;
}
.image-comparison-wrapper .image-compare-table .heading-container th span {
  color: #9a9fa2;
  margin-left: 4px;
}
.image-comparison-wrapper .image-compare-table tr td {
  font-size: 14px !important;
}
.image-comparison-wrapper .image-compare-table .image-comparison-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.image-comparison-wrapper .image-compare-table .image-comparison-container::-webkit-scrollbar {
  width: 6px;
  background-color: #edf0f4;
}
.image-comparison-wrapper .image-compare-table .image-comparison-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.image-comparison-wrapper .image-compare-table .image-comparison-container .no-image {
  width: 212px;
  height: 212px;
  border-radius: 4px;
  border: dashed 1px #cdd5df;
  background-color: #f4f6f8;
}

.dimensions-wrapper .modal-dialog {
  width: 61%;
  max-width: 61%;
}
.dimensions-wrapper .upper-container {
  padding: 32px 32px 0;
}
.dimensions-wrapper .main-title {
  font-size: 18px !important;
  color: #353e45 !important;
  font-family: trim-web-medium !important;
}
.dimensions-wrapper .packed-part-container {
  display: flex;
  align-items: center;
}
.dimensions-wrapper .packed-part-container .status {
  font-size: 14px;
  font-family: roboto-regular;
}
.dimensions-wrapper .packed-part-container .status.number {
  color: #676e73;
}
.dimensions-wrapper .packed-part-container .status.column {
  margin: 0 8px;
  color: #020e16;
}
.dimensions-wrapper .packed-part-container .status.count {
  color: #020e16;
  font-family: roboto-medium !important;
}
.dimensions-wrapper .dimensions-edit-table {
  height: auto;
  max-height: 600px;
  overflow-y: scroll;
}
.dimensions-wrapper .dimensions-edit-table::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.dimensions-wrapper .dimensions-edit-table::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.dimensions-wrapper .dimensions-edit-table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.dimensions-wrapper .dimensions-edit-table table {
  margin-bottom: 12px;
  border-bottom: solid 1px rgba(183, 195, 209, 0.6);
}
.dimensions-wrapper .dimensions-edit-table table:last-child {
  margin-bottom: 0;
}
.dimensions-wrapper .dimensions-edit-table table td .row-title {
  font-size: 14px;
  font-family: trim-web-medium;
}
.dimensions-wrapper .dimensions-view-table table {
  margin-bottom: 12px;
  border-bottom: solid 1px rgba(183, 195, 209, 0.6);
}
.dimensions-wrapper .dimensions-view-table table:last-child {
  border-bottom: none;
}
.dimensions-wrapper .dimensions-view-table table td .row-title {
  font-size: 14px;
  font-family: trim-web-medium;
}
.dimensions-wrapper .bottom-container {
  padding: 24px 32px;
  box-shadow: 0 -2px 14px 0 rgba(8, 42, 67, 0.25);
}

.image-view-wrapper .modal-dialog {
  width: 82%;
  max-width: 82%;
}
.image-view-wrapper .version-wrapper {
  margin-top: 12px;
}
.image-view-wrapper .version-wrapper .version-container {
  padding: 4px 8px;
  background-color: #edf0f4;
}
.image-view-wrapper .version-wrapper .version-container .product-id {
  margin-right: 0;
  text-transform: initial;
}
.image-view-wrapper .version-wrapper .version-container .icon {
  width: 12px;
}
.image-view-wrapper .version-wrapper .version-container.active {
  background-color: #08a7a7;
}
.image-view-wrapper .version-wrapper .version-container.active .product-id {
  color: #fff;
}
.image-view-wrapper .supplier-wrapper {
  display: flex;
  margin-top: 12px;
  align-items: center;
}
.image-view-wrapper .supplier-wrapper .sub-container {
  margin-right: 32px;
}
.image-view-wrapper .supplier-wrapper .sub-container:last-child {
  margin-right: 0;
}
.image-view-wrapper .supplier-wrapper .sub-container .date-text {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.image-view-wrapper .supplier-wrapper .sub-container .date-text.rejected {
  color: #f81538 !important;
}
.image-view-wrapper .supplier-wrapper .sub-container .date-text.accepted {
  color: #1d9a18 !important;
}
.image-view-wrapper .supplier-wrapper .sub-container .design-container {
  display: flex;
  align-items: center;
}
.image-view-wrapper .supplier-wrapper .sub-container .design-container .inner-list-title {
  margin: 0 4px;
  font-size: 14px;
  color: #020e16;
  line-height: normal;
  font-family: roboto-medium;
}
.image-view-wrapper .supplier-wrapper .sub-container .design-container .inner-list-subtitle {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.image-view-wrapper .letter-thumbnail {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  justify-content: center;
  background-image: linear-gradient(to bottom, #1ae6d8 0%, #5a80ea 100%);
}
.image-view-wrapper .letter-thumbnail span {
  font-size: 12px;
  color: #fff;
  font-family: trim-web-medium;
}
.image-view-wrapper .image-view-container {
  display: flex;
  padding: 20px 25px 24px 24px;
}
.image-view-wrapper .image-view-container .all-images-container {
  display: flex;
  margin-right: 20px;
  flex-direction: column;
}
.image-view-wrapper .image-view-container .all-images-container .thumbnail {
  border-radius: 4px;
  margin-bottom: 12px;
  border: solid 1px #fff;
}
.image-view-wrapper .image-view-container .all-images-container .thumbnail.active {
  border: solid 1px #08a7a7 !important;
}
.image-view-wrapper .image-view-container .all-images-container .thumbnail:last-child {
  margin-bottom: 0;
}
.image-view-wrapper .image-view-container .view-section {
  display: flex;
  flex: 1;
  border-radius: 8px;
  border: solid 1px #b7c3d1;
}
.image-view-wrapper .image-view-container .view-section .column {
  flex: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
}
.image-view-wrapper .image-view-container .view-section .column .upper-container {
  display: flex;
  padding: 12px;
  overflow-y: auto;
  max-height: 417px;
  flex-direction: column;
}
.image-view-wrapper .image-view-container .view-section .column .upper-container .comment-section {
  display: flex;
  margin-bottom: 16px;
  align-items: flex-start;
}
.image-view-wrapper .image-view-container .view-section .column .upper-container .comment-section .reply-text {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
  cursor: pointer;
}
.image-view-wrapper .image-view-container .view-section .column .upper-container .comment-section .reply-text:hover {
  color: #008DEF;
}
.image-view-wrapper .image-view-container .view-section .column .upper-container .comment-section .reply-text.view-reply {
  margin-top: 8px;
  cursor: pointer;
}
.image-view-wrapper .image-view-container .view-section .column .upper-container .comment-section .reply-text.view-reply:hover {
  color: #008DEF;
}
.image-view-wrapper .image-view-container .view-section .column .upper-container .comment-section .reply-text.view-reply:before {
  content: "";
  width: 40px;
  height: 1px;
  margin-bottom: 3px;
  margin-right: 10px;
  display: inline-block;
  background-color: #9A9FA2;
}
.image-view-wrapper .image-view-container .view-section .column .upper-container .comment-section:last-child {
  margin-bottom: 0;
}
.image-view-wrapper .image-view-container .view-section .column .comment-details {
  display: flex;
  align-items: center;
}
.image-view-wrapper .image-view-container .view-section .column .comment-details .supplier-details {
  color: #676e73;
  font-size: 12px !important;
  font-family: roboto-medium;
}
.image-view-wrapper .image-view-container .view-section .column .comment-details .supplier-details.date {
  font-family: roboto-regular !important;
}
.image-view-wrapper .image-view-container .view-section .column .comment-details span {
  font-size: 14px;
}
.image-view-wrapper .image-view-container .view-section .column .bottom-container {
  padding: 16px 12px 16px 20px;
  box-shadow: 0 -1px 11px 0 rgba(133, 131, 131, 0.25);
}

.common-doc-view-popup .modal-dialog {
  width: 60%;
  max-width: 80%;
}
.common-doc-view-popup .image-view-container {
  display: flex;
  padding: 20px 25px 24px 24px;
}
.common-doc-view-popup .image-view-container .all-images-container {
  display: flex;
  margin-right: 20px;
  flex-direction: column;
  max-height: 571px;
  overflow: auto;
  scrollbar-width: none;
}
.common-doc-view-popup .image-view-container .all-images-container .thumbnail {
  border-radius: 4px;
  margin-bottom: 12px;
  border: solid 1px #fff;
}
.common-doc-view-popup .image-view-container .all-images-container .thumbnail.active {
  border: solid 1px #08a7a7 !important;
}
.common-doc-view-popup .image-view-container .all-images-container .thumbnail:last-child {
  margin-bottom: 0;
}
.common-doc-view-popup .image-view-container .view-section {
  display: flex;
  flex: 1;
  border-radius: 8px;
  border: solid 1px #b7c3d1;
}
.common-doc-view-popup .image-view-container .view-section .column {
  flex: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
}
.common-doc-view-popup .image-view-container .view-section .column .upper-container {
  display: flex;
  padding: 12px;
  overflow: scroll;
  max-height: 417px;
  flex-direction: column;
}
.common-doc-view-popup .image-view-container .view-section .column .upper-container .comment-section {
  display: flex;
  margin-bottom: 16px;
  align-items: flex-start;
}
.common-doc-view-popup .image-view-container .view-section .column .upper-container .comment-section:last-child {
  margin-bottom: 0;
}
.common-doc-view-popup .image-view-container .view-section .column .comment-details {
  display: flex;
  align-items: center;
}
.common-doc-view-popup .image-view-container .view-section .column .comment-details span {
  font-size: 14px;
}
.common-doc-view-popup .image-view-container .view-section .column .bottom-container {
  padding: 16px 12px 16px 20px;
  box-shadow: 0 -1px 11px 0 rgba(133, 131, 131, 0.25);
}

.request-material-popup {
  display: flex;
  align-items: flex-start;
  padding: 32px !important;
}
.request-material-popup .modal-dialog {
  width: 37.5%;
  max-width: 37.5%;
}
.request-material-popup .title {
  font-family: trim-web-medium !important;
}

.upload-certificate-popup {
  display: flex;
  align-items: flex-start;
}
.upload-certificate-popup .modal-dialog {
  width: 70%;
  max-width: 70%;
}
.upload-certificate-popup .sub-heading {
  color: #08a7a7 !important;
  font-family: roboto-medium !important;
}
.upload-certificate-popup .material-detail .medium {
  color: #020e16 !important;
  font-family: trim-web-medium !important;
}
.upload-certificate-popup .material-detail .light {
  color: #676e73 !important;
}

.fabric-popup-container .close-icon {
  width: 20px;
}
.fabric-popup-container .add-cta {
  font-size: 14px !important;
}
.fabric-popup-container .add-cta img {
  width: 16px !important;
}
.fabric-popup-container .popup-breadcrumb-container ul {
  padding: 0 !important;
  background-color: #f4f6f8 !important;
}
.fabric-popup-container .popup-breadcrumb-container ul li {
  color: #676e73 !important;
  padding: 8px 12px !important;
  border-radius: 24px !important;
  font-family: roboto-medium !important;
}
.fabric-popup-container .popup-breadcrumb-container ul li .passed-icon {
  width: 16px;
  height: 16px;
}
.fabric-popup-container .popup-breadcrumb-container ul li.active {
  color: #fff !important;
  box-shadow: none !important;
  background-color: #08a7a7 !important;
}
.fabric-popup-container .popup-breadcrumb-container ul li:after {
  content: url('thin-right-gray-arrow.svg') !important;
}
.fabric-popup-container .address-text {
  font-size: 12px;
  color: #676e73;
  font-family: roboto-regular;
}
.fabric-popup-container .address-text.more-details {
  cursor: pointer;
}
.fabric-popup-container .supplier-text {
  font-size: 12px !important;
}
.fabric-popup-container .supplier-details-wrapper {
  padding: 4px;
  border-radius: 4px;
  width: 41% !important;
  background-color: #fff;
  box-shadow: 0 1px 16px 0 rgba(18, 20, 26, 0.16);
  position: absolute;
  z-index: 1;
}
.fabric-popup-container .supplier-details-wrapper .supplier-container {
  margin: 0 !important;
  width: 100% !important;
}
.fabric-popup-container .details-wrapper {
  margin-bottom: 20px;
  padding-bottom: 19px;
  border-bottom: solid 1px #d1d6e1;
}
.fabric-popup-container .details-wrapper:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.fabric-popup-container .details-wrapper .main-title {
  font-size: 16px;
  color: #353e45;
  line-height: normal;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.fabric-popup-container .details-wrapper .fabric-details-container {
  display: flex;
  flex: 1;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.fabric-popup-container .details-wrapper .fabric-details-container:first-child {
  margin-top: 0 !important;
}
.fabric-popup-container .details-wrapper .fabric-details-container:last-child {
  margin-bottom: 0 !important;
}
.fabric-popup-container .details-wrapper .fabric-details-container .font_light {
  flex: 1 !important;
  margin-bottom: 0 !important;
}
.fabric-popup-container .details-wrapper .fabric-details-container .font_medium {
  font-size: 14px;
  color: #020e16;
  line-height: normal;
  flex: 0.1 !important;
  font-family: roboto-regular;
}
.fabric-popup-container .details-wrapper .fabric-details-container .font_dark {
  flex: 1 !important;
  color: #020e16 !important;
  margin-bottom: 0 !important;
}

.upload-certificate-wrapper {
  display: flex;
  margin-top: 8px;
  padding: 4px 12px;
  justify-content: center;
  background-color: #e5f4fd;
}
.upload-certificate-wrapper.upload-more {
  justify-content: flex-start !important;
}
.upload-certificate-wrapper .certificate-container {
  display: flex;
  align-items: center;
}
.upload-certificate-wrapper .certificate-container.sub-container {
  flex: 1;
  justify-content: space-between;
}
.upload-certificate-wrapper .certificate-container .upload-text {
  font-size: 14px;
  margin: 0 16px;
  color: #353e45;
  font-family: roboto-regular;
}
.upload-certificate-wrapper .certificate-container .upload-text span {
  font-family: roboto-medium;
}
.upload-certificate-wrapper .certificate-container .upload-text .required {
  color: #f81538;
}
.upload-certificate-wrapper .status-bar .status-percent {
  background-color: #08A6A7 !important;
}
.upload-certificate-wrapper .cancel-icon {
  opacity: 0.8;
}
.upload-certificate-wrapper .upload-more-cta {
  padding: 6px 12px !important;
}
.upload-certificate-wrapper .upload-more-cta img {
  width: 20px !important;
}

.add-inspection-booking-wrapper {
  padding: 32px !important;
}
.add-inspection-booking-wrapper .main-heading {
  font-family: trim-web-medium !important;
}
.add-inspection-booking-wrapper .modal-dialog {
  width: 50%;
  max-width: 50%;
}
.add-inspection-booking-wrapper .new-label {
  color: #9a9fa2 !important;
}
.add-inspection-booking-wrapper .delete-cta {
  color: #676e73 !important;
}
.add-inspection-booking-wrapper .delete-cta .delete-icon {
  width: 12px;
  height: 12px;
}

.supplier-request-wrapper {
  display: flex;
  flex-direction: column;
}
.supplier-request-wrapper .border-bottom {
  margin-bottom: 16px;
  padding-bottom: 15px;
  border-bottom: solid 1px rgba(183, 195, 209, 0.6);
}
.supplier-request-wrapper .supplier-operations-list {
  height: initial !important;
  max-height: initial !important;
  overflow-y: initial !important;
}
.supplier-request-wrapper .supplier-operations-list li {
  width: calc(25% - 5px) !important;
  margin-right: 5px !important;
  margin-bottom: 8px !important;
}
.supplier-request-wrapper .supplier-operations-list li label {
  font-size: 12px !important;
  color: #020e16 !important;
}
.supplier-request-wrapper .contact-title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.supplier-request-wrapper .supplier-container {
  height: 470px;
  max-height: 700px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.supplier-request-wrapper .supplier-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
.supplier-request-wrapper .supplier-container::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.supplier-request-wrapper .supplier-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}

body {
  font-family: "Roboto", sans-serif;
}
body .landing-wrapper {
  display: flex;
  padding: 0 80px;
  padding-top: 42px;
  flex-direction: column;
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper {
    padding: 32px 24px 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper {
    padding: 38px 58px 25px 52px;
  }
}
body .landing-wrapper .feature-container {
  display: flex;
  margin-bottom: 68px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container {
    flex-direction: column;
    margin-bottom: 0;
  }
}
body .landing-wrapper .feature-container .column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
body .landing-wrapper .feature-container .column.sgt-card-container .visit-blog-link:hover img {
  opacity: 1;
}
body .landing-wrapper .feature-container .column.sgt-card-container .visit-blog-link:hover .cta-content {
  color: #d00354;
}
body .landing-wrapper .feature-container .column.aqf-card-container .visit-blog-link:hover img {
  opacity: 1;
}
body .landing-wrapper .feature-container .column.aqf-card-container .visit-blog-link:hover .cta-content {
  color: #ed2139;
}
body .landing-wrapper .feature-container .column.api-card-container .visit-blog-link:hover img {
  opacity: 1;
}
body .landing-wrapper .feature-container .column.api-card-container .visit-blog-link:hover .cta-content {
  color: #008def;
}
body .landing-wrapper .feature-container .column .logo {
  width: 129px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .column .logo {
    width: 155px;
  }
}
body .landing-wrapper .feature-container .column .logo-icon {
  width: 212px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .column .logo-icon {
    width: 152px;
  }
}
body .landing-wrapper .feature-container .column .api-logo {
  width: 155px;
}
body .landing-wrapper .feature-container .column .title {
  color: var(--text-color);
  font-size: 32px;
  margin-bottom: 0;
  margin-top: 92px;
  font-family: roboto-bold;
}
@media only screen and (min-width: 1280px) and (max-width: 1320px) {
  body .landing-wrapper .feature-container .column .title {
    margin-top: 36px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .column .title {
    font-size: 22px;
    color: var(--text-color);
    margin-top: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .column .title {
    font-size: 28px;
    color: var(--text-color);
    margin-top: 42px;
    line-height: 1.46;
  }
}
body .landing-wrapper .feature-container .column .feature-list {
  padding: 0;
  display: flex;
  margin: 37px 0 0;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .column .feature-list {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .column .feature-list {
    margin-top: 27px;
  }
}
body .landing-wrapper .feature-container .column .feature-list .feature-list-item {
  display: flex;
  margin-top: 23px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .column .feature-list .feature-list-item {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .column .feature-list .feature-list-item {
    margin-top: 18px;
  }
}
body .landing-wrapper .feature-container .column .feature-list .feature-list-item:first-child {
  margin-top: 0;
}
body .landing-wrapper .feature-container .column .feature-list .feature-list-item .feature-icon {
  width: 24px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .column .feature-list .feature-list-item .feature-icon {
    width: 16px;
  }
}
body .landing-wrapper .feature-container .column .feature-list .feature-list-item .feature-content {
  font-size: 16px;
  color: #6c7080;
  margin-left: 12px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .column .feature-list .feature-list-item .feature-content {
    color: #707275;
    font-size: 14px;
    margin-left: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .column .feature-list .feature-list-item .feature-content {
    font-size: 16px;
    color: #707275;
  }
}
body .landing-wrapper .feature-container .column .cta-feature-container {
  display: flex;
  margin-top: 92px;
}
@media only screen and (min-width: 1280px) and (max-width: 1320px) {
  body .landing-wrapper .feature-container .column .cta-feature-container {
    width: 70%;
    margin-top: 34px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .column .cta-feature-container {
    display: none;
  }
}
body .landing-wrapper .feature-container .column .cta-feature-container .column {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 1280px) and (max-width: 1320px) {
  body .landing-wrapper .feature-container .column .cta-feature-container .column {
    padding: 0 !important;
    margin-top: 20px;
    align-items: flex-start;
  }
}
body .landing-wrapper .feature-container .column .cta-feature-container .column:first-child {
  flex: 0.7;
  padding-right: 30px;
  align-items: center;
  border-right: solid 1px rgba(112, 112, 112, 0.1);
}
@media only screen and (min-width: 1280px) and (max-width: 1320px) {
  body .landing-wrapper .feature-container .column .cta-feature-container .column:first-child {
    border: none;
    padding-bottom: 20px !important;
    border-bottom: solid 1px rgba(112, 112, 112, 0.1);
  }
  body .landing-wrapper .feature-container .column .cta-feature-container .column:first-child .cta-content {
    width: 50%;
    transition: ease all 0.4s;
  }
}
body .landing-wrapper .feature-container .column .cta-feature-container .column:last-child {
  flex: 1;
  padding-left: 30px;
  flex-direction: column;
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .visit-blog-link {
  cursor: pointer;
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .visit-blog-link .blog-icon {
  opacity: 0.9;
  cursor: pointer;
  transition: ease all 0.4s;
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .visit-blog-link .cta-content {
  cursor: pointer;
  transition: ease all 0.4s;
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .blog-icon {
  width: 32px;
  opacity: 0.9;
  margin-right: 16px;
  transition: ease all 0.4s;
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .cta-content {
  font-size: 14px;
  color: #0a122c;
  margin-bottom: 0;
  font-family: roboto-regular;
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .get-app {
  display: flex;
  margin-top: 10px;
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .get-app .google-app {
  width: 84px;
  cursor: pointer;
  transition: ease all 0.4s;
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .get-app .google-app:hover {
  transform: scale(1.1);
}
body .landing-wrapper .feature-container .column .cta-feature-container .column .get-app .google-app:first-child {
  margin-right: 8px;
}
body .landing-wrapper .feature-container .feature-card-container {
  flex: 1;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .feature-card-container {
    margin-top: 52px;
    overflow-x: scroll;
    padding-bottom: 8px;
    flex-direction: row;
  }
}
body .landing-wrapper .feature-container .feature-card-container.sgt-card-container .feature-card {
  background-color: rgba(237, 245, 253, 0.8);
}
body .landing-wrapper .feature-container .feature-card-container.sgt-card-container .feature-card:hover {
  background-color: #edf5fd !important;
}
body .landing-wrapper .feature-container .feature-card-container.sgt-card-container .feature-card:hover .secondary-cta {
  color: var(--white-color);
  background-color: #d00354 !important;
}
body .landing-wrapper .feature-container .feature-card-container.sgt-card-container .feature-card.active {
  background-color: #d00354;
}
body .landing-wrapper .feature-container .feature-card-container.sgt-card-container .feature-card.active:hover {
  background-color: #bc0b50 !important;
}
body .landing-wrapper .feature-container .feature-card-container.sgt-card-container .feature-card.active:hover .secondary-cta {
  color: #0070ce;
  box-shadow: 0 4px 8px 0 rgba(49, 52, 56, 0.2);
  background-color: var(--white-color) !important;
}
body .landing-wrapper .feature-container .feature-card-container.sgt-card-container .feature-card .card-title {
  color: #d00354;
}
body .landing-wrapper .feature-container .feature-card-container.aqf-card-container .feature-card {
  background-color: rgba(237, 245, 253, 0.8);
}
body .landing-wrapper .feature-container .feature-card-container.aqf-card-container .feature-card:hover {
  background-color: #edf5fd !important;
}
body .landing-wrapper .feature-container .feature-card-container.aqf-card-container .feature-card:hover .secondary-cta {
  color: var(--white-color);
  background-color: #ed2139 !important;
}
body .landing-wrapper .feature-container .feature-card-container.aqf-card-container .feature-card.active {
  background-color: #ed2139;
}
body .landing-wrapper .feature-container .feature-card-container.aqf-card-container .feature-card.active:hover {
  background-color: #e21129 !important;
}
body .landing-wrapper .feature-container .feature-card-container.aqf-card-container .feature-card.active:hover .secondary-cta {
  color: #0070ce;
  box-shadow: 0 4px 8px 0 rgba(49, 52, 56, 0.2);
  background-color: var(--white-color) !important;
}
body .landing-wrapper .feature-container .feature-card-container.aqf-card-container .feature-card .card-title {
  color: #ed2139;
}
body .landing-wrapper .feature-container .feature-card-container.api-card-container .feature-card {
  background-color: rgba(237, 245, 253, 0.8);
}
body .landing-wrapper .feature-container .feature-card-container.api-card-container .feature-card:hover {
  background-color: #edf5fd !important;
}
body .landing-wrapper .feature-container .feature-card-container.api-card-container .feature-card:hover .secondary-cta {
  color: var(--white-color);
  background-color: #008def !important;
}
body .landing-wrapper .feature-container .feature-card-container.api-card-container .feature-card.active {
  background-color: #008def;
}
body .landing-wrapper .feature-container .feature-card-container.api-card-container .feature-card.active:hover {
  background-color: #0070ce !important;
}
body .landing-wrapper .feature-container .feature-card-container.api-card-container .feature-card.active:hover .secondary-cta {
  color: #0070ce;
  box-shadow: 0 4px 8px 0 rgba(49, 52, 56, 0.2);
  background-color: var(--white-color) !important;
}
body .landing-wrapper .feature-container .feature-card-container.api-card-container .feature-card .card-title {
  color: #008def;
}
body .landing-wrapper .feature-container .feature-card-container .card-row {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row:first-child {
    margin-right: 16px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row:first-child .feature-card:first-child {
    margin-left: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row:last-child .feature-card:last-child {
    margin-right: 0;
  }
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card {
  width: 272px;
  padding: 34px;
  margin: 0 13px;
  cursor: pointer;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  border-radius: 16px;
  vertical-align: top;
  padding-bottom: 34px;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: rgba(242, 248, 255, 0.6);
  border: solid 1px rgba(207, 229, 241, 0.6);
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card:first-child {
  margin-left: 0;
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card {
    width: 230px;
    margin: 0 8px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card {
    margin: 0 8px;
    margin-bottom: 0;
  }
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card.active {
  border: none;
  cursor: pointer;
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card.active .card-title {
  color: var(--white-color);
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card.active .text {
  color: var(--white-color);
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card.active .feature-card-cta {
  color: var(--white-color);
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card.active:hover .feature-card-cta {
  background-color: transparent;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card .card-icon {
    width: 92px;
  }
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card .card-title {
  font-size: 22px;
  margin-top: 24px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card .card-title {
    font-size: 20px;
  }
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card .text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 32px;
  color: #3b4156;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card .text {
    font-size: 12px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card .text {
    min-height: 60px;
  }
}
body .landing-wrapper .feature-container .feature-card-container .card-row .feature-card .secondary-cta {
  background-color: var(--white-color);
  text-transform: uppercase;
}
body .landing-wrapper .feature-container .cta-feature-container {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container {
    display: flex;
    margin-top: 44px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container {
    display: flex;
    margin-top: 52px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container .column {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container .column {
    display: flex;
    flex-direction: row;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container .column:first-child {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container .column:first-child {
    flex: 0.7;
    padding-right: 40px;
    align-items: center;
    border-right: solid 1px rgba(112, 112, 112, 0.1);
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container .column:last-child {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container .column:last-child {
    flex: 1;
    padding-left: 40px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .blog-icon {
    width: 32px;
    margin-bottom: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .blog-icon {
    width: 32px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .cta-content {
    font-size: 16px;
    color: var(--text-color);
    margin-bottom: 0;
    font-family: roboto-regular;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .cta-content {
    font-size: 13px;
    width: 71%;
    color: var(--text-color);
    margin-bottom: 0;
    font-family: roboto-regular;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .get-app {
    display: flex;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .get-app .google-app {
    width: 103px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .get-app .google-app {
    width: 84px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .get-app .google-app:first-child {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .landing-wrapper .feature-container .cta-feature-container .column .get-app .google-app:first-child {
    margin-right: 8px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .landing-wrapper .feature-container .cta-feature-container hr {
    margin-top: 0;
    margin-bottom: 0;
    width: -webkit-fill-available;
  }
}
body .main-footer-container {
  display: flex;
  padding: 17px 100px;
  align-items: center;
  background-color: var(--white-color);
  border: solid 1px #f4f5f7;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .main-footer-container {
    border: none;
    flex-direction: column;
    padding: 20px 16px 20px 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .main-footer-container {
    padding: 0;
    border: none;
    flex-direction: column;
  }
}
body .main-footer-container .footer-column {
  flex: 1;
  display: flex;
  align-items: center;
}
body .main-footer-container .footer-column p {
  font-size: 12px;
  margin-bottom: 0;
  color: #9A9FA2;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .main-footer-container .footer-column p {
    color: #9A9FA2;
    margin-bottom: 12px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .main-footer-container .footer-column p {
    font-size: 14px;
    color: #9A9FA2;
    margin-bottom: 20px;
    text-align: center;
  }
}
body .main-footer-container .footer-column div {
  padding: 0 14px;
  border-right: solid 1px rgba(108, 112, 128, 0.5);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .main-footer-container .footer-column div {
    padding: 0 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .main-footer-container .footer-column div {
    padding: 0 12px 0 16px;
  }
}
body .main-footer-container .footer-column div:first-child {
  padding-left: 0;
}
body .main-footer-container .footer-column div:last-child {
  padding-right: 0;
  border-right: 0;
}
body .main-footer-container .footer-column div a {
  color: #9A9FA2;
  font-size: 11px;
  text-decoration: none;
  transition: ease all 0.4s;
  font-family: roboto-regular;
}
body .main-footer-container .footer-column div a:hover {
  color: var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .main-footer-container .footer-column div a {
    font-size: 12px;
    color: #9A9FA2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .main-footer-container .footer-column div a {
    font-size: 14px;
    color: #9A9FA2;
  }
}
body .main-footer-container .footer-column:first-child {
  flex: 1.2;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .main-footer-container .footer-column:first-child {
    order: 2;
    justify-content: end;
  }
}
body .main-footer-container .footer-column:nth-child(2) {
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .main-footer-container .footer-column:nth-child(2) {
    order: 3;
  }
}
body .main-footer-container .footer-column:last-child {
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  body .main-footer-container .footer-column:last-child {
    order: 1;
  }
}
body .main-footer-container .footer-column img {
  width: 100px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  body .main-footer-container .footer-column img {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body .main-footer-container .footer-column img {
    margin-bottom: 9px;
  }
}

powerbi-report > div > iframe > html {
  background-color: #0070ce;
}

powerbi-report > div {
  height: 100%;
}

.new-login-container {
  height: 100vh;
  display: flex;
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .new-login-container {
    flex-direction: column;
  }
}
.new-login-container .logo-container {
  flex: 1;
  display: flex;
  align-items: center;
  background-size: cover;
  justify-content: center;
  background-repeat: no-repeat;
  background-image: url('new-login-bg.svg');
}
.new-login-container .logo-container .logo {
  width: 293px;
  margin-top: -110px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .logo-container .logo {
    width: 138px;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .new-login-container .logo-container .logo {
    width: 238px;
    margin: 0;
  }
}
.new-login-container .login-block-container {
  background-color: var(--white-color);
  padding: 80px 80px 20px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .new-login-container .login-block-container {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .new-login-container .login-block-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.new-login-container .login-block-container .login-block {
  width: 404px;
  position: relative;
  border-radius: 10px;
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .login-block-container .login-block {
    width: 100%;
    padding: 24px 36px 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .new-login-container .login-block-container .login-block {
    padding: 40px 0 32px;
  }
}
.new-login-container .login-block-container .login-block .title {
  font-size: 36px;
  margin-bottom: 0;
  font-weight: 500;
  color: var(--primary-color);
  font-family: trim-web-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .login-block-container .login-block .title {
    font-size: 24px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .new-login-container .login-block-container .login-block .title {
    font-size: 32px;
  }
}
.new-login-container .login-block-container .login-block small {
  color: #353e45;
  font-size: 18px;
  margin: 32px 0;
  font-weight: 300;
  font-style: normal;
  font-family: roboto-light;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .login-block-container .login-block small {
    font-size: 14px;
    margin: 8px 0 20px;
    text-align: center;
  }
}
.new-login-container .login-block-container .login-block .login-form {
  margin-top: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .login-block-container .login-block .login-form {
    margin-top: 19px;
  }
}
.new-login-container .login-block-container .login-block .full-width {
  color: var(--white-color);
  font-size: 16px;
  padding: 16px 0;
  margin-top: 32px;
  font-weight: 500;
  transition: ease all 0.4s;
  background-color: #008def;
  font-family: trim-web-medium;
  border: none;
  border-radius: 4px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .login-block-container .login-block .full-width {
    margin-top: 20px;
  }
}
.new-login-container .login-block-container .login-block .full-width:focus {
  outline: none;
}
.new-login-container .login-block-container .login-block .full-width:hover {
  background-color: #0070ce;
}
.new-login-container .login-block-container .login-block .full-width:active {
  background-color: #0070ce;
}
.new-login-container .login-block-container .login-block .full-width:disabled {
  color: #cdd5df !important;
  background-color: #f4f6f8 !important;
}
.new-login-container .login-block-container .login-block .my-input-group label {
  margin-top: 18px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .login-block-container .login-block .my-input-group label {
    margin-top: 16px;
  }
}
.new-login-container .login-block-container .login-block .my-input-group input {
  padding: 16px 12px;
}
.new-login-container .login-block-container .login-block .password-container {
  display: flex;
  margin-top: 12px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .login-block-container .login-block .password-container {
    margin-top: 8px;
  }
}
.new-login-container .login-block-container .login-block .password-container .password-column {
  display: flex;
  flex: 1;
  font-size: 12px;
  font-weight: 500;
  color: #002d72;
  font-family: roboto-light;
}
.new-login-container .login-block-container .login-block .password-container .password-column:first-child {
  align-items: center;
}
.new-login-container .login-block-container .login-block .password-container .password-column:first-child span {
  color: #353E45;
  margin-left: 8px;
}
.new-login-container .login-block-container .login-block .password-container .password-column:last-child {
  align-items: center;
  justify-content: flex-end;
}
.new-login-container .login-block-container .login-block .password-container .password-column .forgot-link {
  color: #008def;
  font-size: 12px;
  transition: ease all 0.4s;
  font-family: trim-web-medium;
}
.new-login-container .login-block-container .login-block .password-container .password-column .forgot-link:hover {
  color: #0070ce;
}
.new-login-container .footer-container {
  display: flex;
  padding: 40px 0 35px;
  align-items: baseline;
  justify-content: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .footer-container {
    padding: 0 0 65px;
    text-align: center;
    align-items: center;
    flex-direction: column;
  }
  .new-login-container .footer-container .language-dropdown {
    order: 1;
  }
  .new-login-container .footer-container .link-list {
    order: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .new-login-container .footer-container {
    padding: 0 0 115px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .footer-container .language-dropdown {
    margin-bottom: 15px;
  }
}
.new-login-container .footer-container .language-dropdown.has-dropdown {
  display: inline-block;
}
.new-login-container .footer-container .language-dropdown.has-dropdown:hover .cta-dropdown {
  display: block;
  cursor: pointer;
}
.new-login-container .footer-container .language-dropdown .language-label {
  cursor: pointer;
  font-size: 12px;
  position: relative;
  margin-right: 20px;
  color: rgba(var(--primary-color), 0.6);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .new-login-container .footer-container .language-dropdown .language-label {
    color: rgba(103, 110, 115, 0.6);
  }
}
.new-login-container .footer-container .language-dropdown .language-label:hover {
  color: var(--primary-color);
  transition: ease all 0.4s;
}
.new-login-container .footer-container .language-dropdown .language-label:hover:after {
  opacity: 1;
}
.new-login-container .footer-container .language-dropdown .language-label:after {
  top: -1px;
  width: 20px;
  height: 20px;
  right: -22px;
  opacity: 0.6;
  position: absolute;
  content: url('dropdown-dark.svg');
}
.new-login-container .footer-container .link-list ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.new-login-container .footer-container .link-list ul li {
  margin-right: 12px;
  padding-right: 12px;
  list-style-type: none;
  border-right: 1px solid rgba(var(--primary-color), 0.4);
}
.new-login-container .footer-container .link-list ul li:last-child {
  border: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-login-container .footer-container .link-list ul li:last-child {
    margin-right: 0;
    padding-right: 0;
  }
}
.new-login-container .footer-container .link-list ul li a {
  font-size: 12px;
  line-height: 1.17;
  text-decoration: none;
  color: rgba(var(--primary-color), 0.6);
}
.new-login-container .footer-container .link-list ul li a:hover {
  color: var(--primary-color);
  transition: ease all 0.4s;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .new-login-container .footer-container .link-list ul li a:hover {
    color: #676e73;
  }
}

.password-icon {
  top: 33px;
  right: 15px;
  width: 16px;
  opacity: 0.6;
  cursor: pointer;
  position: absolute;
  transition: ease all 0.4s;
}
.password-icon:hover {
  opacity: 1;
}

.overlapping-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .overlapping-footer {
    right: auto;
    width: 100vw;
  }
}

.customer-decision-head {
  margin-bottom: 1px;
}
.customer-decision-head .my-container {
  padding: 0;
}
.customer-decision-head .my-container .section-one {
  display: flex;
  padding: 20px;
  flex-direction: column;
  border: 1px solid rgba(76, 105, 141, 0.0980392157);
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-head .my-container .section-one {
    padding: 16px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-head .my-container .section-one {
    padding: 20px;
  }
}
.customer-decision-head .my-container .section-one .column {
  display: flex;
}
.customer-decision-head .my-container .section-one .column:first-child {
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-head .my-container .section-one .column:first-child {
    margin-bottom: 16px;
  }
}
.customer-decision-head .my-container .section-one .column:first-child .back-icon {
  opacity: 0.6;
  cursor: pointer;
  transition: ease all 0.4s;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-head .my-container .section-one .column:first-child .back-icon {
    height: 20px;
  }
}
.customer-decision-head .my-container .section-one .column:first-child .back-icon:hover {
  opacity: 1;
}
.customer-decision-head .my-container .section-one .column:last-child {
  padding-left: 40px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-head .my-container .section-one .column:last-child {
    padding-left: 28px;
    flex-direction: column;
  }
}
.customer-decision-head .my-container .section-one .column .title {
  font-size: 20px;
  font-weight: 500;
  margin-right: 4px;
  margin-bottom: 0;
  margin-left: 20px;
  color: var(--text-color);
  font-family: trim-web-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-head .my-container .section-one .column .title {
    font-size: 16px;
    margin-left: 8px;
  }
}
.customer-decision-head .my-container .section-one .column .customer-id {
  font-size: 12px;
  color: #0085cc;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 24px;
  font-family: roboto-medium;
  background-color: #e5f6ff;
}
.customer-decision-head .my-container .section-one .column .customer-detail {
  display: flex;
  width: auto;
  padding-right: 24px;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-head .my-container .section-one .column .customer-detail {
    padding-right: 0;
    margin-bottom: 16px;
  }
}
.customer-decision-head .my-container .section-one .column .customer-detail:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-head .my-container .section-one .column .customer-detail:last-child {
    margin-bottom: 0;
  }
}
.customer-decision-head .my-container .section-one .column .customer-detail .detail-title {
  color: var(--text-light-80-color);
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-head .my-container .section-one .column .customer-detail .detail-title {
    line-height: 1;
  }
}
.customer-decision-head .my-container .section-one .column .customer-detail .detail-content {
  margin: 0;
  color: #414348;
  font-size: 12px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-head .my-container .section-one .column .customer-detail .detail-content {
    font-size: 12px;
  }
}
.customer-decision-head .my-container .section-one .column .customer-detail .detail-content span {
  margin-left: 8px;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-trigger {
  cursor: pointer;
  position: relative;
  transition: ease all 0.4s;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-trigger img {
  opacity: 0.6;
  transition: ease all 0.4s;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-trigger:hover img {
  opacity: 1;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-trigger:hover .address-popup-container {
  display: flex;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-container {
  left: 0;
  z-index: 5;
  width: 398px;
  display: flex;
  padding: 16px;
  display: none;
  position: absolute;
  border-radius: 4px;
  align-items: baseline;
  background-color: #2e3f55;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-container .address-container {
  padding-left: 8px;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-container .address-container .address {
  font-size: 14px;
  color: var(--white-color);
  margin-top: 4px;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-container .address-container .address:first-child {
  margin-top: 0;
}
.customer-decision-head .my-container .section-one .column .customer-detail .address-popup-container .address-container .address:nth-child(2) {
  margin-bottom: 8px;
}

.customer-decision-body {
  padding: 0;
  background-color: rgba(var(--white-color), 0.7);
}
.customer-decision-body .my-container {
  padding: 0;
}
.customer-decision-body .my-container .customer-decision-container {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container {
    flex-direction: column;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container {
  width: 380px;
  display: flex;
  flex-direction: column;
  background-color: var(--white-color);
  height: calc(100vh - 192px);
  box-shadow: 0 3px 8px 0 var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container {
    width: 100%;
    height: auto;
    box-shadow: none;
    background: #f4f6f8;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-head-container {
  display: flex;
  align-items: flex-end;
  padding: 16px 0px 15px 20px;
  border-bottom: 1px solid #ecf0f3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-head-container {
    padding: 16px 0 16px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-head-container {
    padding: 20px 0 20px 20px;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-head-container .column {
  display: flex;
  margin-right: 4px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-head-container .column {
    margin-right: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-head-container .column {
    margin-right: 12px;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-head-container .column:nth-child(2) {
  flex: 1;
  flex-direction: row;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-body-container {
  display: flex;
  overflow-y: scroll;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-body-container {
    overflow-y: auto;
    margin: 0 0 12px 4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-body-container {
    padding: 0px 20px 12px 20px;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-body-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-body-container::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-body-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item {
  display: flex;
  position: relative;
  align-items: center;
  transition: ease all 0.4s;
  padding: 24px 24px 24px 13px;
  border-left: solid 7px #fbfcfc;
  border-bottom: solid 1px #edf0f4;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item:hover {
  background-color: rgba(230, 246, 246, 0.8);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item {
    border-left: none;
    background-color: var(--white-color);
    padding: 24px 12px 24px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item {
    border-left: none;
    background-color: var(--white-color);
    padding: 24px 36px 24px 13px;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item.active {
  background-color: #e6f6f6;
  border-left: solid 7px #08a7a7;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item:first-child {
  margin-top: 0;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item:last-child {
  border-bottom: 0;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item:last-child {
    margin-right: 0;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container {
  display: flex;
  margin-left: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container {
    flex: 1;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container {
    margin-left: 8px;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .item-icon {
  width: 62px;
  height: 62px;
  margin-right: 12px;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details {
  display: flex;
  line-height: 1.3;
  flex-direction: column;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-number {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-light-80-color);
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-status {
  display: flex;
  align-items: center;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-status .api-status {
  display: flex;
  align-items: center;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-status .api-status:first-child {
  margin-right: 12px;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-status .api-status:last-child {
  flex: 0.9;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-status .api-status:last-child {
    flex: none;
  }
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-status .api-status .check-status {
  font-size: 12px;
  color: #9A9FA2;
  margin-right: 4px;
  font-family: roboto-regular;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-status .api-status .add-status {
  color: #9A9FA2;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 0;
  transition: ease all 0.4s;
  font-family: roboto-regular;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .po-details .po-status .api-status .add-status:hover {
  color: var(--text-color);
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .customer-decision {
  display: flex;
  margin-top: 12px;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .customer-decision p {
  color: #8397af;
  margin-bottom: 0;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .customer-decision .status {
  display: flex;
  margin-left: 8px;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .customer-decision .status p {
  margin-bottom: 0;
  margin-left: 4px;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .po-details-container .customer-decision .status .pass {
  color: #24c11e;
}
.customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .next-arrow {
  display: none;
  align-self: center;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .customer-decision-container .side-bar-container .list-item .next-arrow {
    display: inherit;
  }
}
.customer-decision-body .my-container .order-details-container {
  flex: 1;
  display: flex;
  overflow-y: scroll;
  flex-direction: column;
  background-color: #f4f6f8;
  height: calc(100vh - 192px);
  padding: 29px 20px 20px 26px;
}
.customer-decision-body .my-container .order-details-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
.customer-decision-body .my-container .order-details-container::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.customer-decision-body .my-container .order-details-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container {
    padding: 0;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container {
    padding: 0 0 20px 0;
  }
}
.customer-decision-body .my-container .order-details-container.responsive-layout {
  width: 0;
  left: 100%;
  top: -63px;
  z-index: 99;
  overflow: hidden;
  position: absolute;
  background: #f4f6f8;
}
.customer-decision-body .my-container .order-details-container.responsive-layout.show {
  left: 0;
  width: 100vw;
}
.customer-decision-body .my-container .order-details-container .report-details-container {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .report-details-container {
    padding: 14px;
    background-color: var(--white-color);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container .report-details-container {
    padding: 14px 20px;
    background-color: var(--white-color);
  }
}
.customer-decision-body .my-container .order-details-container .report-details-container .item-detail-id {
  flex: 1;
  display: flex;
  align-items: center;
}
.customer-decision-body .my-container .order-details-container .report-details-container .item-detail-id .product-id {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
  margin-right: 12px;
  font-family: roboto-medium;
}
.customer-decision-body .my-container .order-details-container .report-details-container .item-detail-id .highlight-badge {
  font-size: 14px;
}
.customer-decision-body .my-container .order-details-container .report-details-container .download-report-container {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .report-details-container .download-report-container {
    z-index: 9;
    right: 20px;
    bottom: 20px;
    position: fixed;
  }
  .customer-decision-body .my-container .order-details-container .report-details-container .download-report-container button {
    box-shadow: 0 7px 16px 0 var(--text-color);
  }
}
.customer-decision-body .my-container .order-details-container .item-container {
  display: flex;
  margin-top: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container .item-container {
    margin-top: 0;
    flex-direction: column;
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-image-container {
  width: 380px;
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-image-container {
    width: 360px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-image-container {
    width: 768px;
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-image-container .thumbnail {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 6px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-image-container .thumbnail {
    width: 100%;
    height: auto;
    border-radius: 0;
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-image-container .view-photos {
  bottom: 14px;
  color: var(--white-color);
  font-size: 12px;
  cursor: pointer;
  padding: 4px 8px;
  position: absolute;
  border-radius: 4px;
  left: calc(50% - 50px);
  transition: ease all 0.4s;
  background-color: #00a7ff;
  font-family: roboto-medium;
}
.customer-decision-body .my-container .order-details-container .item-container .item-image-container .view-photos:hover {
  background-color: #0085cc;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-image-container .view-photos {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-image-container .view-photos {
    font-size: 16px;
    bottom: 24px;
    padding: 10px 17px;
    left: calc(50% - 82px);
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container {
  flex: 1;
  display: flex;
  margin-left: 16px;
  position: relative;
  border-radius: 4px;
  padding: 24px 20px;
  flex-direction: column;
  background-color: var(--white-color);
  box-shadow: 0 2px 3px 0 var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container {
    margin-left: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 16px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container {
    padding: 20px;
    margin-top: 16px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 {
  display: flex;
  margin-top: 12px;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1:nth-child(5) .column:nth-child(2) {
    flex-wrap: wrap;
    line-height: 1.2;
  }
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1:last-child .column:nth-child(2) {
    line-height: 1.2;
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1:first-child {
  margin-top: 0;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1:nth-child(2) {
  margin-top: 4px !important;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1:nth-child(2) .column:last-child {
  display: flex;
  align-self: center;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column {
  display: flex;
  color: #676E73;
  font-size: 14px;
  font-family: roboto-regular;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column.dark-text {
  font-family: roboto-medium;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column.comment {
  margin-bottom: 8px;
  flex-direction: column;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column.color {
  color: var(--text-color);
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column.country {
  line-height: 1;
  align-items: center;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column em {
  font-style: normal;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column em {
    display: flex;
    margin-bottom: 2px;
  }
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column em span {
    flex: 1;
  }
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column em span:first-child {
    min-width: 70px;
  }
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column em span:nth-child(2n) {
    text-align: center;
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column .country-icon {
  width: 24px;
  margin-right: 4px;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column:first-child {
  flex: 0.3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column:first-child {
    flex: 0.6;
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column:last-child {
  flex: 0.7;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column:last-child .primary-cta {
  display: flex;
  align-items: center;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column:last-child .primary-cta img {
  margin-right: 4px;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column:last-child .in-progress {
  color: var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column.mobile-display-initial {
    display: initial;
  }
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column .count-dark {
  margin-left: 6px;
  margin-right: 6px;
  color: var(--text-color);
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column .customer-info {
  display: flex;
  align-items: center;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .detail-row1 .column .comment-text {
  color: #676E73;
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.customer-decision-body .my-container .order-details-container .item-container .item-details-container .cta-btn {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .cta-btn {
    display: block;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .item-container .item-details-container .cta-btn img {
    margin-right: 9px;
  }
}
.customer-decision-body .my-container .order-details-container .product-list-container {
  display: flex;
  padding: 20px;
  margin-top: 16px;
  flex-direction: column;
  box-shadow: 0 2px 3px 0 var(--text-color);
  background-color: var(--white-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .order-details-container .product-list-container {
    margin-top: 4px;
    box-shadow: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .order-details-container .product-list-container {
    margin-left: 20px;
    margin-right: 20px;
    box-shadow: none;
  }
}
.customer-decision-body .my-container .order-details-container .product-list-container .product-list-head {
  display: flex;
  align-items: center;
}
.customer-decision-body .my-container .order-details-container .product-list-container .product-list-head .details-icon {
  padding: 8px;
  margin-right: 12px;
  border-radius: 4px;
  background-color: #edf0f4;
}
.customer-decision-body .my-container .order-details-container .product-list-container .product-list-head .title {
  font-size: 16px;
  font-weight: 500;
  color: #676E73;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container {
  margin-top: 16px;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container .pagination-table .critical {
  color: var(--white-color);
  background-color: #c6112d;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container .pagination-table .critical:hover {
  background-color: #950d22;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container .pagination-table .major {
  color: var(--white-color);
  background-color: #f81538;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container .pagination-table .major:hover {
  background-color: #c6112d;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container .pagination-table .minor {
  color: var(--white-color);
  background-color: #ff5626;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container .pagination-table .minor:hover {
  background-color: #c6112d;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container .pagination-table .table-icon {
  margin-left: 4px;
}
.customer-decision-body .my-container .order-details-container .product-list-container .table-container .pagination-table .count {
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 4px;
  align-items: center;
  display: inline-flex;
  transition: ease all 0.4s;
}
.customer-decision-body .my-container .item-status-container {
  display: flex;
  margin-top: 16px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .item-status-container {
    margin-top: 4px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .item-status-container {
    padding: 0 20px;
    flex-direction: column;
  }
}
.customer-decision-body .my-container .item-status-container .inspection-details-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  border-radius: 4px;
  margin-left: 16px;
  background-color: var(--white-color);
  padding: 20px 0px 36px 20px;
  box-shadow: 0 2px 3px 0 var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .item-status-container .inspection-details-container {
    box-shadow: none;
    border-radius: 0;
    margin-left: 0;
    margin-top: 4px;
    padding: 16px 0 16px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .item-status-container .inspection-details-container {
    box-shadow: none;
    border-radius: 0;
    margin-left: 0;
    order: 1;
  }
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-head {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: solid 1px #f4f6f8;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-head .details-icon {
  padding: 8px;
  margin-right: 12px;
  border-radius: 4px;
  background-color: #edf0f4;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-head .title {
  font-size: 16px;
  font-weight: 500;
  color: #676E73;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details {
  display: flex;
  max-height: 350px;
  overflow-y: scroll;
  padding-right: 4px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details {
    padding-right: 0;
  }
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column {
  display: flex;
  align-items: center;
  padding: 12px 20px 11px 0;
  border-bottom: solid 1px #f4f6f8;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column:last-child {
  border-bottom: 0;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .column {
  flex: 0.2;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .column:first-child {
  flex: 1;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .column:first-child {
    flex: 0.6;
  }
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .column:last-child {
  display: flex;
  justify-content: flex-end;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .title {
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .detail-result {
  display: flex;
  align-items: center;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .detail-result img {
  opacity: 0.8;
  cursor: pointer;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .detail-result img:hover {
  opacity: 1;
}
.customer-decision-body .my-container .item-status-container .inspection-details-container .inspection-details .detail-column .detail-result img:first-child {
  margin-right: 8px;
}
.customer-decision-body .my-container .item-status-container .defect-details-container {
  width: 380px;
  display: flex;
  border-radius: 4px;
  flex-direction: column;
  background-color: var(--white-color);
  padding: 20px 0px 20px 20px;
  box-shadow: 0 2px 3px 0 var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .item-status-container .defect-details-container {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    padding: 16px 0 16px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .customer-decision-body .my-container .item-status-container .defect-details-container {
    order: 2;
    width: 100%;
    padding: 20px;
    margin-top: 16px;
  }
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-head {
  display: flex;
  margin-right: 40px;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: solid 1px #f4f6f8;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-head .details-icon {
  padding: 8px;
  margin-right: 12px;
  border-radius: 4px;
  background-color: #edf0f4;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-head .title {
  font-size: 16px;
  font-weight: 500;
  color: #676E73;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details {
  display: flex;
  max-height: 350px;
  overflow-y: scroll;
  padding-right: 40px;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .customer-decision-body .my-container .item-status-container .defect-details-container .defect-details {
    padding-right: 0;
  }
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column {
  display: flex;
  margin-top: 16px;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column {
    border-bottom: 0;
  }
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column .defect-detail-head .head {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-color);
  font-family: roboto-medium;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column .defect-detail-row {
  display: flex;
  padding-left: 12px;
  flex-direction: column;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column .defect-detail-row .count {
  font-size: 12px;
  font-weight: 500;
  color: var(--white-color);
  padding: 2px 4px;
  margin-right: 4px;
  border-radius: 4px;
  font-family: roboto-medium;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column .defect-detail-row .count.critical {
  background-color: #c6112d;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column .defect-detail-row .count.major {
  background-color: #f81538;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column .defect-detail-row .count.minor {
  background-color: #ff5626;
}
.customer-decision-body .my-container .item-status-container .defect-details-container .defect-details .defect-column .defect-detail-row .defect-info {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-light-80-color);
  margin-top: 8px;
  margin-bottom: 0;
  font-family: roboto-medium;
}

.booking-section-info-header {
  display: flex;
  padding: 14px 0;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-section-info-header {
    padding: 14px 16px;
  }
}
.booking-section-info-header .column {
  flex: 1;
}
.booking-section-info-header .column:last-child {
  display: flex;
  justify-content: flex-end;
}
.booking-section-info-header .info {
  margin: 0;
  color: #12141a;
  font-size: 14px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-section-info-header .info {
    display: flex;
    align-items: flex-start;
  }
}
.booking-section-info-header .info img {
  margin-right: 8px;
  vertical-align: text-top;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-section-info-header .info img {
    margin-top: 2px;
  }
}

.booking-step-container {
  margin-bottom: 8px;
  background-color: #f4f6f8;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container {
    margin: 0 14px 8px;
  }
}
.booking-step-container.complete .step-header {
  background-color: var(--white-color);
  box-shadow: 0 1px 3px 0 rgba(18, 20, 26, 0.0784313725);
}
.booking-step-container.active .step-header.step1 {
  background-color: #8067dc;
}
.booking-step-container.active .step-header.step1 .step-count {
  background-color: #735dc6;
}
.booking-step-container.active .step-header.step2 {
  background-color: #a367dc;
}
.booking-step-container.active .step-header.step2 .step-count {
  background-color: #935dc6;
}
.booking-step-container.active .step-header.step3 {
  background-color: #6771dc;
}
.booking-step-container.active .step-header.step3 .step-count {
  background-color: #5d66c6;
}
.booking-step-container.active .step-header.step4 {
  background-color: #00a5cc;
}
.booking-step-container.active .step-header.step4 .step-count {
  background-color: #0095b8;
}
.booking-step-container.active .step-header .step-count {
  color: #4d3e84 !important;
  background-color: var(--white-color) !important;
}
.booking-step-container.active .step-header .title {
  color: var(--white-color) !important;
}
.booking-step-container .step-header {
  display: flex;
  padding: 16px 20px;
  border-radius: 2px;
  border-radius: 4px;
  margin-bottom: 8px;
  background-color: #fbfcfc;
}
.booking-step-container .step-header.step1 .step-count.active {
  color: var(--white-color);
  background-color: #735dc6;
}
.booking-step-container .step-header.step2 .step-count.active {
  color: var(--white-color);
  background-color: #935dc6;
}
.booking-step-container .step-header.step3 .step-count.active {
  color: var(--white-color);
  background-color: #5d66c6;
}
.booking-step-container .step-header.step4 .step-count.active {
  color: var(--white-color);
  background-color: #0095b8;
}
.booking-step-container .step-header .heading-container {
  flex: 1;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-header .heading-container {
    flex-wrap: wrap;
  }
}
.booking-step-container .step-header .heading-container .thumb-container {
  margin-right: 12px;
}
.booking-step-container .step-header .heading-container .step-count {
  color: #717276;
  font-size: 12px;
  padding: 3px 9px;
  border-radius: 100%;
  background-color: rgba(76, 105, 141, 0.0980392157);
  font-family: roboto-medium;
}
.booking-step-container .step-header .heading-container .title {
  margin: 0;
  color: #414348;
  font-size: 16px;
  margin-left: 8px;
  min-width: 180px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-header .heading-container .selected-values-container {
    width: 100%;
    margin: 2px 0 6px;
    border-top: 1px solid #edf0f4;
  }
}
.booking-step-container .step-header .heading-container .selected-values-container .step-selected-values {
  margin: 0 12px;
  padding-top: 4px;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-header .heading-container .selected-values-container .step-selected-values {
    display: flex;
    align-items: center;
    margin: 4px 12px 0 6px;
  }
}
.booking-step-container .step-header .heading-container .selected-values-container .step-selected-values small {
  margin: 0;
  color: #717276;
  font-size: 12px;
  line-height: 1.1;
  font-style: normal;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-header .heading-container .selected-values-container .step-selected-values small {
    flex: 0.4;
  }
}
.booking-step-container .step-header .heading-container .selected-values-container .step-selected-values p {
  margin: 0;
  color: #414348;
  font-size: 12px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-header .heading-container .selected-values-container .step-selected-values p {
    flex: 1;
    color: #717276;
  }
}
.booking-step-container .step-body .new-structure {
  display: flex;
  margin-bottom: 20px;
  flex-direction: row;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .booking-step-container .step-body .new-structure {
    flex-direction: column;
  }
}
.booking-step-container .step-body .step-body-column {
  flex: 1;
}
.booking-step-container .step-body .step-body-column.last {
  flex: 0.4;
  margin-left: 12px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .booking-step-container .step-body .step-body-column.last {
    flex: 1;
    margin-left: 0;
    margin-top: 10px;
  }
}
.booking-step-container .step-body .step-body-column.last .step-body-row {
  height: 100%;
  padding: 20px;
}
.booking-step-container .step-body .step-body-column .step-body-row {
  border-radius: 4px;
  background-color: var(--white-color);
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08);
}
.booking-step-container .step-body .step-body-right-column .contact-group {
  margin-bottom: 24px;
  border-bottom: 1px solid #b7c3d1;
}
.booking-step-container .step-body .step-body-right-column .contact-group:last-child {
  border-bottom: 0;
}
.booking-step-container .step-body .step-body-right-column .column-title {
  font-size: 20px;
  margin-bottom: 24px;
  color: var(--primary-color);
  font-family: roboto-regular;
}
.booking-step-container .step-body .step-body-right-column .user-profile {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.booking-step-container .step-body .step-body-right-column .user-profile.disabled {
  opacity: 0.3;
}
.booking-step-container .step-body .step-body-right-column .user-profile .thumbnail {
  width: 44px;
  height: 44px;
  margin-right: 16px;
  vertical-align: sub;
}
.booking-step-container .step-body .step-body-right-column .user-profile .name {
  margin: 0;
  font-size: 16px;
  color: var(--primary-color);
  vertical-align: middle;
}
.booking-step-container .step-body .step-body-right-column .user-profile .name.bold {
  font-size: 18px;
  font-family: roboto-medium;
}
.booking-step-container .step-body .step-body-right-column .contact-detail-wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-step-container .step-body .step-body-right-column .contact-detail-wrapper {
    align-items: center;
    flex-direction: row;
  }
}
.booking-step-container .step-body .step-body-right-column .contact-detail-wrapper .contact-detail {
  flex: 1;
  font-size: 16px;
  margin-bottom: 20px;
  color: var(--primary-color);
  font-family: roboto-regular;
}
.booking-step-container .step-body .step-body-right-column .contact-detail-wrapper .contact-detail img {
  margin-right: 12px;
}
.booking-step-container .step-body .body-section-wrapper {
  margin-bottom: 8px;
  padding: 20px;
  border-bottom: 1px solid #edf0f4;
}
.booking-step-container .step-body .body-section-wrapper.last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.booking-step-container .step-body .body-section-wrapper .step-section-title {
  top: -18px;
  font-size: 18px;
  position: relative;
  margin-left: -18px;
  margin-bottom: 4px;
  display: inline-block;
  color: var(--primary-color);
  padding: 10px 32px 10px 12px;
  font-family: roboto-medium;
  background-color: rgba(128, 103, 220, 0.16);
  border-bottom-right-radius: 30px;
}
.booking-step-container .step-body .body-section-wrapper .step-section-title img {
  margin-right: 12px;
  vertical-align: sub;
}
.booking-step-container .step-body .body-section-wrapper .factory-address {
  display: flex;
  margin-top: 12px;
  align-items: flex-start;
}
.booking-step-container .step-body .body-section-wrapper .factory-address .address-container {
  flex: 1;
  margin-left: 8px;
}
.booking-step-container .step-body .body-section-wrapper .factory-address .address-container .address-label {
  color: var(--primary-color);
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.booking-step-container .step-body .body-section-wrapper .factory-address .address-container .address-value {
  color: #717276;
  font-size: 12px;
  margin-bottom: 4px;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.booking-step-container .step-body .body-section-wrapper .table-container {
  width: 90vw;
}
.booking-step-container .step-body .common-field-container {
  overflow: hidden;
  padding: 12px 20px;
  margin: 0 -20px 20px;
  background-color: rgba(244, 246, 248, 0.6);
}
.booking-step-container .step-body .record-count {
  padding: 1px 0 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-step-container .step-body .record-count {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-step-container .step-body .record-count .column:last-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-body .inspection-table-badge-wrapper {
    width: 100%;
    flex-direction: column;
  }
}
.booking-step-container .step-body .inspection-table-badge-container {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-step-container .step-body .inspection-table-badge-container {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-body .inspection-table-badge-container {
    margin-top: 12px;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .booking-step-container .step-body .inspection-table-badge-container::-webkit-scrollbar {
    display: none;
  }
}
.booking-step-container .step-body .inspection-table-badge-container .inspection-badge {
  padding: 4px;
  margin: 0 4px;
  color: #414348;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  background-color: rgba(76, 105, 141, 0.0980392157);
  font-family: roboto-regular;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-step-container .step-body .inspection-table-badge-container .inspection-badge:first-child {
    margin-left: 0;
  }
}
.booking-step-container .step-body .inspection-table-badge-container .inspection-badge span {
  color: var(--white-color);
  font-size: 12px;
  margin-left: 4px;
  padding: 2px 4px;
  border-radius: 4px;
  background-color: #4c698d;
  font-family: roboto-medium;
}
.booking-step-container .step-body .technical-document-container {
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .booking-step-container .step-body .technical-document-container {
    align-items: stretch;
    flex-direction: column;
  }
}
.booking-step-container .step-body .technical-document-container .files-container {
  flex: 1;
}
.booking-step-container .step-body .technical-document-container .files-container .file-upload-container {
  margin: 0 15px 0 0;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .booking-step-container .step-body .technical-document-container .files-container .file-upload-container {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .booking-step-container .step-body .technical-document-container .files-container .file-upload-container {
    margin: 0;
  }
}
.booking-step-container .step-body .technical-document-container .files-container .file-upload-container .upload-title {
  font-size: 14px;
}
.booking-step-container .step-body .technical-document-container .document-input-container {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-step-container .step-body .technical-document-container .document-input-container {
    margin-top: 16px;
    flex-direction: row;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-body .technical-document-container .document-input-container {
    margin-top: 16px;
    align-items: stretch;
    flex-direction: column;
  }
}
.booking-step-container .step-body .technical-document-container .document-input-container .comment-container {
  flex: 1;
  padding: 0 15px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .booking-step-container .step-body .technical-document-container .document-input-container .comment-container {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-step-container .step-body .technical-document-container .document-input-container .comment-container {
    padding: 0 15px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .booking-step-container .step-body .technical-document-container .document-input-container .comment-container:last-child {
    padding: 0 0 0 15px;
  }
}
.booking-step-container .step-body .technical-document-container .document-input-container .comment-container textarea {
  width: 100%;
  height: 94px;
}

.lab-booking-new {
  color: #a367dc !important;
  background-color: #f3edf8 !important;
}
.lab-booking-new:hover {
  color: var(--white-color) !important;
  background-color: #a367dc !important;
}
.lab-booking-new:active {
  color: var(--white-color) !important;
  background-color: #a367dc !important;
}
.lab-booking-new.active {
  color: var(--white-color) !important;
  background-color: #a367dc !important;
}

.lab-booking-in-progress {
  color: #ff5626 !important;
  background-color: #ffeee9 !important;
}
.lab-booking-in-progress:hover {
  color: var(--white-color) !important;
  background-color: #ff5626 !important;
}
.lab-booking-in-progress:active {
  color: var(--white-color) !important;
  background-color: #ff5626 !important;
}
.lab-booking-in-progress.active {
  color: var(--white-color) !important;
  background-color: #ff5626 !important;
}

.lab-booking-booked {
  color: #08a7a7 !important;
  background-color: rgba(206, 237, 237, 0.5) !important;
}
.lab-booking-booked:hover {
  color: var(--white-color) !important;
  background-color: #08a7a7 !important;
}
.lab-booking-booked:active {
  color: var(--white-color) !important;
  background-color: #08a7a7 !important;
}
.lab-booking-booked.active {
  color: var(--white-color) !important;
  background-color: #08a7a7 !important;
}

.lab-booking-sample-shipped {
  color: #cc9e00 !important;
  background-color: #fff9e5 !important;
}
.lab-booking-sample-shipped:hover {
  color: var(--white-color) !important;
  background-color: #cc9e00 !important;
}
.lab-booking-sample-shipped:active {
  color: var(--white-color) !important;
  background-color: #cc9e00 !important;
}
.lab-booking-sample-shipped.active {
  color: var(--white-color) !important;
  background-color: #cc9e00 !important;
}

.lab-booking-sample-received {
  color: #a367dc !important;
  background-color: #f3edf8 !important;
}
.lab-booking-sample-received:hover {
  color: var(--white-color) !important;
  background-color: #a367dc !important;
}
.lab-booking-sample-received:active {
  color: var(--white-color) !important;
  background-color: #a367dc !important;
}
.lab-booking-sample-received.active {
  color: var(--white-color) !important;
  background-color: #a367dc !important;
}

.lab-booking-report-ready {
  color: #1d9a18 !important;
  background-color: #e9f9e8 !important;
}
.lab-booking-report-ready:hover {
  color: var(--white-color) !important;
  background-color: #1d9a18 !important;
}
.lab-booking-report-ready:active {
  color: var(--white-color) !important;
  background-color: #1d9a18 !important;
}
.lab-booking-report-ready.active {
  color: var(--white-color) !important;
  background-color: #1d9a18 !important;
}

.lab-booking-cancel {
  color: #c6112d !important;
  background-color: #fee8eb !important;
}
.lab-booking-cancel:hover {
  color: var(--white-color) !important;
  background-color: #c6112d !important;
}
.lab-booking-cancel:active {
  color: var(--white-color) !important;
  background-color: #c6112d !important;
}
.lab-booking-cancel.active {
  color: var(--white-color) !important;
  background-color: #c6112d !important;
}

.lab-report-invalidated {
  color: #676e73 !important;
  background-color: #e6e7e8 !important;
}
.lab-report-invalidated:hover {
  color: var(--white-color) !important;
  background-color: #676e73 !important;
}
.lab-report-invalidated:active {
  color: var(--white-color) !important;
  background-color: #676e73 !important;
}
.lab-report-invalidated.active {
  color: var(--white-color) !important;
  background-color: #676e73 !important;
}

.flex1 {
  flex: 1;
}

.flex-05 {
  flex: 0.5;
}

.center-page-wrapper {
  width: 888px;
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .center-page-wrapper {
    width: 95%;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .center-page-wrapper {
    width: 100%;
    padding: 0 20px;
  }
}

.fb-page-header-container {
  top: 64px;
  z-index: 12;
  padding: 11px 0;
  position: sticky;
  background-color: var(--page-header-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container {
    padding: 16px;
  }
}
.fb-page-header-container.no-sticky {
  position: inherit;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container.inline-mobile-column .my-container {
    flex-direction: row;
  }
}
.fb-page-header-container.inline-mobile-column .column:last-child {
  flex: initial;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container.inline-mobile-column .column:last-child {
    margin-top: 0;
  }
}
.fb-page-header-container.sticky-top {
  top: 63px;
  z-index: 15px;
  position: sticky;
}
.fb-page-header-container .my-container {
  display: flex;
  justify-content: space-between;
}
.fb-page-header-container .my-container.center-page-wrapper {
  margin: auto;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container .my-container {
    flex-direction: column;
  }
}
.fb-page-header-container .my-container .subscription-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fb-page-header-container .my-container .subscription-form .my-input-group {
  margin: 14px 0px;
}
.fb-page-header-container .my-container .subscription-form .ng-select.multiple .ng-select-container {
  align-items: baseline !important;
}
.fb-page-header-container .my-container .subscription-form .styled-radio-container {
  padding-right: 16px;
}
.fb-page-header-container .my-container .subscription-form .styled-radio-container .styled-radio + label {
  color: var(--white-color) !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container .my-container .subscription-form .primary-cta {
    margin: 0 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .fb-page-header-container {
    padding: 20px 0;
  }
}
.fb-page-header-container .my-input-group input {
  margin: 0;
}
.fb-page-header-container .my-input-group .icon-container {
  bottom: 11px;
}
.fb-page-header-container .column {
  flex: 1;
  display: flex;
  align-items: center;
}
.fb-page-header-container .column.single-column {
  flex-direction: column;
  justify-content: center;
}
.fb-page-header-container .column:last-child {
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container .column:last-child {
    margin-top: 16px;
    justify-content: flex-start;
  }
}
.fb-page-header-container .header-arrow {
  width: 20px;
  opacity: 0.8;
  cursor: pointer;
  margin-right: 26px;
  padding-bottom: 5px;
  transition: ease all 0.4s;
}
.fb-page-header-container .header-arrow:hover {
  opacity: 1;
  transform: scale(1.1);
}
.fb-page-header-container .header-text {
  color: var(--white-color);
  font-size: 20px;
  font-family: trim-web-medium;
}
.fb-page-header-container .header-subtext {
  font-size: 14px;
  line-height: 1.43;
  color: rgba(255, 255, 255, 0.8);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container .primary-cta {
    display: none;
  }
}

.fb-page-header-container1 {
  top: 63px;
  z-index: 12;
  padding: 16px 0;
  position: sticky;
  background-color: var(--page-header-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container1 {
    padding: 16px;
  }
}
.fb-page-header-container1.has-backgound {
  background: url('fb-bg-texture.svg') var(--page-header-color);
  background-position: left;
}
.fb-page-header-container1.no-sticky {
  position: inherit;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container1.inline-mobile-column .my-container {
    flex-direction: row;
  }
}
.fb-page-header-container1.inline-mobile-column .column:last-child {
  flex: initial;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container1.inline-mobile-column .column:last-child {
    margin-top: 0;
  }
}
.fb-page-header-container1.sticky-top {
  top: 63px;
  z-index: 15px;
  position: sticky;
}
.fb-page-header-container1 .my-container {
  display: flex;
  justify-content: space-between;
}
.fb-page-header-container1 .my-container.center-page-wrapper {
  margin: auto;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container1 .my-container {
    flex-direction: column;
  }
}
.fb-page-header-container1 .my-container .subscription-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fb-page-header-container1 .my-container .subscription-form .my-input-group {
  margin: 14px 0px;
}
.fb-page-header-container1 .my-container .subscription-form .ng-select.multiple .ng-select-container {
  align-items: baseline !important;
}
.fb-page-header-container1 .my-container .subscription-form .styled-radio-container {
  padding-right: 16px;
}
.fb-page-header-container1 .my-container .subscription-form .styled-radio-container .styled-radio + label {
  color: var(--white-color) !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container1 .my-container .subscription-form .primary-cta {
    margin: 0 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .fb-page-header-container1 {
    padding: 20px 0;
  }
}
.fb-page-header-container1 .my-input-group input {
  margin: 0;
}
.fb-page-header-container1 .my-input-group .icon-container {
  bottom: 11px;
}
.fb-page-header-container1 .column {
  flex: 1;
  display: flex;
  align-items: center;
}
.fb-page-header-container1 .column.only-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start !important;
}
.fb-page-header-container1 .column.first-column {
  align-items: flex-start;
  flex-direction: column;
}
.fb-page-header-container1 .column.single-column {
  flex-direction: column;
  justify-content: center;
}
.fb-page-header-container1 .column:last-child {
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container1 .column:last-child {
    margin-top: 16px;
    justify-content: flex-start;
  }
}
.fb-page-header-container1 .header-arrow {
  width: 20px;
  opacity: 0.8;
  cursor: pointer;
  margin-right: 26px;
  padding-bottom: 5px;
  transition: ease all 0.4s;
}
.fb-page-header-container1 .header-arrow:hover {
  opacity: 1;
  transform: scale(1.1);
}
.fb-page-header-container1 .header-text {
  color: var(--white-color);
  display: flex;
  font-size: 20px;
  align-items: center;
  font-family: trim-web-medium;
}
.fb-page-header-container1 .header-subtext {
  font-size: 14px;
  line-height: 1.43;
  color: rgba(255, 255, 255, 0.8);
  font-family: roboto-regular;
}
.fb-page-header-container1 .fb-header-stats-card {
  display: flex;
  padding: 18px 20px;
  margin-right: 12px;
  border-radius: 10px;
  flex-direction: column;
  border: solid 1px rgba(146, 170, 217, 0.5);
  background-image: linear-gradient(44deg, #13316e 18%, #2355bb 116%);
}
.fb-page-header-container1 .fb-header-stats-card .thumbnail {
  width: 40px;
}
.fb-page-header-container1 .fb-header-stats-card .stats-card-heading {
  color: var(--white-color);
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.43;
  font-family: roboto-light;
}
.fb-page-header-container1 .fb-header-stats-card .stats-card-count {
  color: var(--white-color);
  font-size: 26px;
  line-height: 0.77;
  font-family: roboto-regular;
}
.fb-page-header-container1 .header-subtext {
  font-size: 14px;
  line-height: 1.43;
  color: rgba(255, 255, 255, 0.8);
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-page-header-container1 .primary-cta {
    display: none;
  }
}

.fb-layout-wrapper {
  margin-top: -34px;
  position: relative;
  transition: ease all 0.3s;
}
.fb-layout-wrapper.big-header {
  margin-top: -50px;
}
.fb-layout-wrapper.top-hieght {
  margin-top: -134px;
}
.fb-layout-wrapper.extended {
  background-image: linear-gradient(0deg, #f4f6f8 82%, #12316e 50%);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper {
    padding: 0 20px !important;
  }
}
.fb-layout-wrapper.no-margin {
  margin-top: 0;
}
.fb-layout-wrapper .master-body {
  margin-top: 0;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .fb-layout-wrapper .master-body {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.fb-layout-wrapper .card-wrapper {
  padding: 24px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 16px;
  margin-top: auto;
  background-color: var(--light-background);
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper {
    padding: 16px;
  }
}
.fb-layout-wrapper .card-wrapper .card-row {
  display: flex;
  flex: 1;
}
.fb-layout-wrapper .card-wrapper .card-row .card-column {
  margin-right: 24px;
}
.fb-layout-wrapper .card-wrapper .card-row .card-column:first-child {
  flex: 1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .card-row .card-column:first-child {
    margin: 0 0 12px;
  }
}
.fb-layout-wrapper .card-wrapper .card-row .card-column:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .card-row {
    flex-direction: column;
  }
}
.fb-layout-wrapper .card-wrapper .package-big-input label {
  font-size: 16px;
  margin-bottom: 8px;
  color: var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .package-big-input label {
    font-size: 14px;
  }
}
.fb-layout-wrapper .card-wrapper .package-big-input input {
  padding: 12px;
  font-size: 16px;
}
.fb-layout-wrapper .card-wrapper .card-container .card-header-text {
  margin: 0px;
}
.fb-layout-wrapper .card-wrapper .card-container .card-header-text h6 {
  font-size: 16px;
  margin-bottom: 0px;
  color: var(--text-color);
  font-family: trim-web-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .card-header-container {
  display: flex;
  align-items: center;
  margin: 24px 0 16px;
  justify-content: space-between;
}
.fb-layout-wrapper .card-wrapper .card-container:first-child .card-header-container {
  margin-top: 0;
}
.fb-layout-wrapper .card-wrapper .card-container .customer-dashboard-graph-wrapper {
  margin: 0;
  border-left: 1px solid #b7c3d1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .card-container .customer-dashboard-graph-wrapper {
    margin-top: 15px;
    padding-top: 15px;
    border-left: none;
    border-top: 1px solid #b7c3d1;
  }
}
.fb-layout-wrapper .card-wrapper .card-container .customer-dashboard-graph-wrapper .dashboard-graph-container {
  padding: 0;
}
.fb-layout-wrapper .card-wrapper .card-container .customer-dashboard-graph-wrapper .dashboard-graph-container:hover {
  box-shadow: none;
}
.fb-layout-wrapper .card-wrapper .card-container .customer-dashboard-graph-wrapper .dashboard-graph-container .graph-title-container .title {
  font-size: 16px;
}
.fb-layout-wrapper .card-wrapper .card-container .customer-dashboard-graph-wrapper .dashboard-graph-container .legend-summary .title {
  color: #676e73;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: roboto-regular;
}
.fb-layout-wrapper .card-wrapper .card-container .customer-dashboard-graph-wrapper .dashboard-graph-container .legend-summary .count {
  color: var(--text-color);
  font-size: 20px;
  font-family: roboto-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container {
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container {
    position: relative;
    flex-direction: column;
  }
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-thumbnail {
  padding: 20px;
  margin-right: 20px;
  border-radius: 4px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-thumbnail {
    padding: 10px;
  }
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-thumbnail.professional-subscription {
  background-image: linear-gradient(157deg, #5662e1 26%, #8e55d7 85%);
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-thumbnail.standard-subscription {
  background-image: linear-gradient(145deg, #b544a7 24%, #8344b5 73%);
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-thumbnail.enterprise-subscription {
  background-image: linear-gradient(145deg, #29a3d7 24%, #4363d3 73%);
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-thumbnail img {
  width: 60px;
  height: 60px;
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail {
  flex: 1;
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group {
  flex: 1;
  line-height: 1;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group {
    flex: 50%;
  }
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group.fixed-title {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group.fixed-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group.fixed-title {
    top: 0;
    left: 100px;
    position: absolute;
  }
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group .title {
  color: #676e73;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: roboto-regular;
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group .value {
  color: var(--text-color);
  font-size: 20px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group .value.small {
  font-size: 14px;
}
.fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group .renewal-badge {
  padding: 12px;
  color: #997600;
  font-size: 14px;
  margin-left: 12px;
  border-radius: 50px;
  font-family: roboto-medium;
  background-color: rgba(255, 197, 0, 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .fb-layout-wrapper .card-wrapper .card-container .subscription-detail-container .subscription-detail .detail-group .renewal-badge {
    margin-left: 0;
    margin-top: 12px;
    padding: 4px 8px;
  }
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container {
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .card-container .basic-details-container {
    flex-direction: column;
  }
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .thumbnail-container {
  width: 148px;
  height: 148px;
  display: flex;
  line-height: 1;
  position: relative;
  padding: 20px 30px;
  text-align: center;
  border-radius: 12px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #edf0f4;
  background-color: #fbfcfc;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .thumbnail-container .thumbnail {
  width: 120px;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .thumbnail-container p {
  margin: 8px 0;
  color: #676e73;
  font-size: 14px;
  font-family: trim-web-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .thumbnail-container .filter-cta {
  top: 4px;
  right: 4px;
  position: absolute;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container {
  line-height: 1;
  margin-left: 24px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container {
    margin-left: 0;
    margin-top: 20px;
  }
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .name {
  display: flex;
  color: var(--text-color);
  font-size: 16px;
  align-items: center;
  margin-bottom: 10px;
  font-family: trim-web-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .name span {
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #b7c3d1;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container ul li {
  padding: 8px 0;
  color: var(--text-color);
  font-size: 14px;
  font-family: roboto-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container ul li img {
  margin-right: 4px;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container ul li a {
  color: #008def;
  display: inline-block;
  transition: ease all 0.4s;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container ul li a:hover {
  color: #0070ce;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .other-info {
  display: flex;
  margin-top: 24px;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .other-info .detail-group {
  line-height: 1;
  padding: 0 24px;
  border-right: 1px solid #b7c3d1;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .other-info .detail-group:first-child {
  padding-left: 0;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .other-info .detail-group:last-child {
  border-right: none;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .other-info .detail-group .title {
  color: #676e73;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: roboto-regular;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .other-info .detail-group .value {
  margin: 0;
  color: var(--text-color);
  font-size: 14px;
  font-family: roboto-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .link-detail {
  margin-top: 32px;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .link-detail .title {
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 4px;
  font-family: trim-web-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .basic-details-container .details-container .link-detail .link {
  margin: 0;
  color: #008def;
  font-size: 12px;
  font-family: roboto-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .item_details .light_text {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.fb-layout-wrapper .card-wrapper .card-container .item_details .dark_text {
  font-size: 14px;
  color: #353e45;
  line-height: normal;
  font-family: roboto-medium;
}
.fb-layout-wrapper .card-wrapper .card-container .item_details .item_wrapper {
  display: flex;
  align-items: center;
}
.fb-layout-wrapper .card-wrapper .card-container .item_details .name-initial {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 500;
  padding: 3px 8px;
  margin-right: 4px;
  border-radius: 100%;
  background-color: #c8a4ea;
  font-family: roboto-medium;
}
.fb-layout-wrapper .card-wrapper .thumbnail-container {
  width: 148px;
  height: 148px;
  display: flex;
  line-height: 1;
  position: relative;
  padding: 20px 30px;
  text-align: center;
  border-radius: 12px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #edf0f4;
  background-color: #fbfcfc;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .thumbnail-container {
    flex-direction: column;
  }
}
.fb-layout-wrapper .card-wrapper .thumbnail-container .thumbnail {
  width: 120px;
}
.fb-layout-wrapper .card-wrapper .thumbnail-container p {
  margin: 8px 0;
  color: #676e73;
  font-size: 14px;
  font-family: trim-web-medium;
}
.fb-layout-wrapper .card-wrapper .thumbnail-container .filter-cta {
  top: 4px;
  right: 4px;
  position: absolute;
}
.fb-layout-wrapper .card-wrapper .package-table {
  border-radius: 10px;
  border: solid 1px #cdd5df;
  border-top: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .package-table {
    border: none;
  }
}
.fb-layout-wrapper .card-wrapper .package-table .table-header {
  display: flex;
  padding: 12px 10px 12px 24px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: var(--table-header);
}
.fb-layout-wrapper .card-wrapper .package-table .table-header .table-heading {
  flex: 1;
  color: var(--white-color);
  font-size: 14px;
  font-family: roboto-medium;
}
.fb-layout-wrapper .card-wrapper .package-table .table-header .table-heading:first-child {
  flex: 0.6;
}
.fb-layout-wrapper .card-wrapper .package-table .table-header .table-heading :last-child {
  flex: 0.9;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .package-table .table-header {
    display: none;
  }
}
.fb-layout-wrapper .card-wrapper .package-table .table-row {
  display: flex;
  padding: 0 24px;
  margin-top: 16px;
  align-items: baseline;
  justify-content: space-around;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .package-table .table-row {
    flex-wrap: wrap;
    padding: 0 12px;
    border-top: none;
    border-radius: 10px;
    border: solid 1px #cdd5df;
  }
}
.fb-layout-wrapper .card-wrapper .package-table .table-row:last-child {
  margin-bottom: 16px;
}
.fb-layout-wrapper .card-wrapper .package-table .table-row .table-column {
  flex: 1;
  margin-right: 16px;
}
.fb-layout-wrapper .card-wrapper .package-table .table-row .table-column:first-child {
  margin: 0;
  flex: 0.6;
}
.fb-layout-wrapper .card-wrapper .package-table .table-row .table-column:last-child {
  margin: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .package-table .table-row .table-column {
    margin-right: 0;
    min-width: 100px;
    margin-bottom: 12px;
  }
  .fb-layout-wrapper .card-wrapper .package-table .table-row .table-column:nth-child(2) {
    margin-right: 12px;
  }
  .fb-layout-wrapper .card-wrapper .package-table .table-row .table-column:nth-child(4) {
    margin-right: 12px;
  }
  .fb-layout-wrapper .card-wrapper .package-table .table-row .table-column:first-child {
    padding: 8px 12px;
    margin-bottom: 12px;
    min-width: calc(100% + 24px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--table-header);
  }
  .fb-layout-wrapper .card-wrapper .package-table .table-row .table-column:first-child .table-input-heading {
    color: var(--white-color);
    font-size: 14px;
    font-family: trim-web-medium;
  }
}
.fb-layout-wrapper .card-wrapper .package-table .table-row .table-column .my-input-group label {
  display: none;
  color: var(--text-color);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-layout-wrapper .card-wrapper .package-table .table-row .table-column .my-input-group label {
    display: inherit;
  }
}
.fb-layout-wrapper .card-wrapper .package-table .table-row .table-input-heading {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-light-80-color);
  font-family: trim-web-medium;
}
.fb-layout-wrapper .card-section {
  margin-top: 12px;
}
.fb-layout-wrapper .subscription-heading {
  color: var(--text-color);
  font-size: 16px;
  margin-bottom: 20px;
  font-family: trim-web-medium;
}
.fb-layout-wrapper .feature-wrapper .feature-row {
  display: flex;
  cursor: pointer;
  padding: 8px 24px;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 12px;
  background-color: #f4f6f8;
  justify-content: space-between;
}
.fb-layout-wrapper .feature-wrapper .feature-row .feature-column {
  display: flex;
  line-height: 1;
  font-size: 16px;
  margin-bottom: 0;
  align-items: center;
  color: var(--text-color);
  font-family: roboto-regular;
}
.fb-layout-wrapper .feature-wrapper .feature-row .feature-column span {
  color: var(--text-light-80-color);
}
.fb-layout-wrapper .feature-wrapper .feature-row .feature-column img {
  margin-right: 12px;
}
.fb-layout-wrapper .feature-wrapper .feature-row:last-child {
  margin-bottom: 0;
}
.fb-layout-wrapper .feature-wrapper .feature-row.active {
  background-color: #e6f6f6 !important;
}
.fb-layout-wrapper .feature-wrapper .feature-row:hover {
  transition: ease all 0.4s;
  background-color: #f3fbfb;
  box-shadow: 0 2px 4px 0 #cedddd;
}
.fb-layout-wrapper .form-container .password-icon {
  top: 27px;
}
.fb-layout-wrapper .empty-state-container {
  display: flex;
  margin-top: 100px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .fb-layout-wrapper .empty-state-container {
    flex-direction: column;
  }
}
.fb-layout-wrapper .empty-state-container .empty-content {
  line-height: 1;
  margin-left: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .fb-layout-wrapper .empty-state-container .empty-content {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
.fb-layout-wrapper .empty-state-container .empty-content .title {
  color: #676e73;
  font-size: 20px;
  margin-bottom: 8px;
  font-family: trim-web-medium;
}
.fb-layout-wrapper .empty-state-container .empty-content p {
  color: #676e73;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 20px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .fb-layout-wrapper .empty-state-container .empty-content p {
    text-align: center;
  }
}
.fb-layout-wrapper .empty-state-container .empty-content p a {
  color: #008def;
  display: inline;
}

.blue-wrapper {
  top: -29px;
  height: 34px;
  position: sticky;
  background-color: var(--page-header-color);
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .blue-wrapper {
    top: 0;
    position: relative;
  }
}
.blue-wrapper.top-hieght {
  height: 134px !important;
}
.blue-wrapper.top-auto {
  top: auto;
}

.fb-cta-container {
  display: none;
  overflow-x: scroll;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .fb-cta-container {
    display: block;
  }
}

.footer {
  text-align: center;
}
.footer .text {
  line-height: 1.29 !important;
  font-family: roboto-regular;
  font-size: 14px !important;
  color: #9a9fa2 !important;
}

.wrapper-2 {
  width: 1290px;
}

.dark_Lable {
  font-size: 12px;
  color: #353e45;
  line-height: normal;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dark_Lable {
    flex: 0.6;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dark_Lable {
    margin-bottom: 16px !important;
  }
}

.subscription-body {
  flex: 1;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-x: scroll;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .subscription-body {
    overflow: scroll;
    padding-top: 10px;
    justify-content: flex-start;
  }
}
.subscription-body .subscription-card {
  margin: 0px 8px;
  min-width: 255px;
  border-radius: 10px;
  background-color: var(--white-color);
  transition: ease all 0.4s;
  font-family: trim-web-medium;
  box-shadow: 0 12px 32px 0 rgba(88, 110, 142, 0.2);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .subscription-body .subscription-card {
    min-width: 220px;
  }
}
.subscription-body .subscription-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 32px 0 rgba(88, 110, 142, 0.6);
}
.subscription-body .subscription-card:hover .subscription-card-head img {
  width: 60px;
}
.subscription-body .subscription-card:hover .card-cta:not(:disabled) {
  color: var(--white-color);
  background-color: #008def;
}
.subscription-body .subscription-card.standard-card .subscription-card-head {
  background-image: linear-gradient(145deg, #b544a7 24%, #8344b5 73%);
}
.subscription-body .subscription-card.professional-card .subscription-card-head {
  background-image: linear-gradient(145deg, #5662e1 24%, #8e55d7 73%);
}
.subscription-body .subscription-card.enterprise-card .subscription-card-head {
  background-image: linear-gradient(145deg, #29a3d7 24%, #4363d3 73%);
}
.subscription-body .subscription-card.package-4-card .subscription-card-head {
  background-image: linear-gradient(145deg, #37bdbd 24%, #127d9f 73%);
}
.subscription-body .subscription-card.package-5-card .subscription-card-head {
  background-image: linear-gradient(145deg, #71889e 24%, #496580 73%);
}
.subscription-body .subscription-card .subscription-card-head {
  color: var(--white-color);
  display: flex;
  padding: 16px 62px;
  align-items: center;
  flex-direction: column;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .subscription-body .subscription-card .subscription-card-head {
    padding: 16px 20px;
  }
}
.subscription-body .subscription-card .subscription-card-head img {
  width: 40px;
  transition: ease all 0.4s;
}
.subscription-body .subscription-card .subscription-card-head .card-title {
  font-size: 20px;
}
.subscription-body .subscription-card .subscription-card-head .price {
  margin: 0;
  color: var(--white-color);
  font-size: 20px;
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-head .price.no-discount {
  margin-bottom: 21px;
}
.subscription-body .subscription-card .subscription-card-head .discount {
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 0;
  color: rgba(var(--white-color), 0.8);
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-head .discount del {
  margin-right: 12px;
}
.subscription-body .subscription-card .subscription-card-body {
  padding: 16px 20px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container {
  margin-bottom: 20px;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .number-box {
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-flex;
  vertical-align: middle;
  border: solid 1px #b7c3d1;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .number-box span {
  padding: 4px;
  line-height: 1;
  cursor: pointer;
  border-radius: 4px;
  transition: ease all 0.4s;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .number-box span:hover {
  background-color: rgba(76, 105, 141, 0.1);
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .number-box input {
  margin: 0;
  padding: 0;
  width: 37px;
  border: none;
  color: #676e73;
  font-size: 22px;
  text-align: center;
  background: var(--white-color);
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .number-box input:focus {
  color: var(--text-color);
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .number-box input::-webkit-inner-spin-button, .subscription-body .subscription-card .subscription-card-body .available-user-container .number-box input::-webkit-outer-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .extra-user-notice {
  margin: 12px 0;
  color: #676e73;
  font-size: 12px;
  font-weight: normal;
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .extra-user-notice img {
  margin-right: 4px;
  vertical-align: sub;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container .label {
  width: 70px;
  color: var(--text-light-80-color);
  font-size: 16px;
  vertical-align: top;
  display: inline-block;
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container p {
  color: var(--text-color);
  font-size: 16px;
  margin-top: 12px;
  align-items: center;
  font-family: roboto-medium;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container p span {
  color: #676e73;
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container p del {
  font-size: 12px;
  margin-left: 8px;
  margin-right: 4px;
  color: rgba(var(--text-color), 0.6);
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-body .available-user-container p .green-text {
  color: #24c11e;
  font-size: 12px;
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container.has-scroll {
  max-height: 230px;
  overflow-y: hidden;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container.has-scroll:hover {
  overflow-y: scroll;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container ul {
  margin: 0;
  padding: 0;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container ul li {
  display: flex;
  font-size: 12px;
  color: var(--text-color);
  margin-bottom: 12px;
  align-items: center;
  list-style-type: none;
  font-family: roboto-regular;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container ul li:last-child {
  margin: 0px;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container ul li.disabled-text {
  color: #676e73;
}
.subscription-body .subscription-card .subscription-card-body .body-list-container ul li img {
  margin-right: 10px;
}
.subscription-body .subscription-card .subscription-card-body .card-cta {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  margin-top: 20px;
  transition: ease all 0.4s;
}
.subscription-body .subscription-card .subscription-card-body .card-cta:hover:not(:disabled) {
  color: var(--white-color);
  background-color: #008def;
}

.calendar-page-wrapper .fb-page-header-container .column {
  display: flex;
  align-items: center;
}
.calendar-page-wrapper .fb-page-header-container .column .ng-select-container {
  margin: 0;
  min-width: 90px;
}
.calendar-page-wrapper .fb-page-header-container .column .ng-select-container input {
  margin: 0 !important;
}
.calendar-page-wrapper .fb-page-header-container .search-input input {
  margin: 0;
  padding: 8px 12px;
}
.calendar-page-wrapper .fb-page-header-container .search-input .icon-container {
  right: 5px;
  bottom: 10px;
}
.calendar-page-wrapper .fb-page-header-container .search-input .icon-container img {
  opacity: 1;
}
.calendar-page-wrapper .fb-page-header-container .calendar-icon {
  opacity: 0.6;
  padding: 4px;
  margin: 0 3px;
  cursor: pointer;
  margin-right: 8px;
  border-radius: 4px;
  display: inline-block;
  transition: ease all 0.4s;
  background-color: rgba(var(--white-color), 0.1);
}
.calendar-page-wrapper .fb-page-header-container .calendar-icon:hover {
  opacity: 1;
  background-color: rgba(var(--white-color), 0.3);
}
.calendar-page-wrapper .fb-page-header-container .calendar-icon img {
  width: 24px;
}
.calendar-page-wrapper .fb-page-header-container .header-text {
  margin-bottom: 0;
  margin-right: 4px;
  display: inline-block;
}

.calendar-view-wrapper {
  float: left;
  width: 100%;
  display: flex;
}
.calendar-view-wrapper .week-container {
  flex: 1;
  display: flex;
}
.calendar-view-wrapper .week-container .weekend-container {
  display: flex;
  flex-direction: column;
}
.calendar-view-wrapper .week-container .weekend-container .day-head {
  background-color: #b7c3d1 !important;
}
.calendar-view-wrapper .week-container .weekend-container .day-body {
  background-color: #f4f6f8 !important;
}
.calendar-view-wrapper .week-container .weekday-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.calendar-view-wrapper .week-container .weekday-container.today .day-head {
  background-color: #08a7a7 !important;
}
.calendar-view-wrapper .week-container .weekday-container.today .day-body {
  background-color: #e6f6f6 !important;
}
.calendar-view-wrapper .week-container .day-column:last-child .day-head {
  border-right: none;
}
.calendar-view-wrapper .week-container .day-column:last-child .day-body {
  border-right: none;
}
.calendar-view-wrapper .week-container .day-column .day-head {
  padding: 16px;
  border-right: 1px solid var(--white-color);
  background-color: var(--table-header);
}
.calendar-view-wrapper .week-container .day-column .day-head p {
  margin: 0;
  color: var(--white-color);
  font-size: 16px;
  text-align: center;
  font-family: trim-web-medium;
}
.calendar-view-wrapper .week-container .day-column .day-body {
  flex: 1;
  display: flex;
  padding: 16px;
  position: relative;
  background: var(--white-color);
  flex-direction: column;
  border-right: 1px solid #f4f6f8;
}
.calendar-view-wrapper .week-container .day-column .day-body.no-data {
  background-size: 100%;
  background-image: url('calendar-no-data.svg');
}
.calendar-view-wrapper .week-container .day-column .day-body.no-data .no-data-text {
  width: 98%;
  margin: auto;
  padding: 20px;
  color: #9a9fa2;
  font-size: 16px;
  text-align: center;
  background-color: #f9f9fa;
  font-family: roboto-regular;
}
.calendar-view-wrapper .week-container .day-column .day-body .day-title {
  margin: 0;
  color: #008def;
  font-size: 12px;
  text-align: center;
  font-family: roboto-regular;
}
.calendar-view-wrapper .week-container .day-column .day-body .day-title .pending-title {
  color: #ff5626;
  margin-left: 4px;
}
.calendar-view-wrapper .week-container .day-column .day-body .day-title .pending-title:before {
  width: 4px;
  content: "";
  height: 4px;
  margin-top: -1px;
  margin-right: 4px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #b7c3d1;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card-group {
  margin-top: 12px;
  padding: 12px 6px;
  border-radius: 8px;
  background-color: #edf0f4;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card-group .group-title {
  color: #676e73;
  font-size: 12px;
  margin-bottom: 8px;
  font-family: roboto-regular;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card-group .custom-card {
  margin-top: 4px;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card {
  padding: 12px;
  margin-top: 12px;
  border-radius: 8px;
  background-color: var(--white-color);
  border: solid 1px #e7e7e8;
  transition: ease all 0.4s;
  box-shadow: 0 1px 2px 0 rgba(18, 20, 26, 0.1);
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card:hover {
  box-shadow: 0 1px 2px 0 rgba(18, 20, 26, 0.2);
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.pending {
  border: solid 1px #f5d7cf;
  background-color: #FFEEE9;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.pending .card-title {
  color: #ff5626;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.pending .card-title:after {
  content: url('pending-circle-new.svg');
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.pending .highlight-badge {
  background-color: rgba(255, 86, 38, 0.1);
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.today {
  border: solid 1px #e7e7e8;
  background-color: #008def;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.today .card-title {
  color: var(--white-color);
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.today .card-title:after {
  content: "";
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.today .description {
  color: var(--white-color);
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.today .highlight-badge {
  color: var(--white-color);
  background-color: #0070ce;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.today .supplier-badge {
  color: var(--white-color);
  border-color: #b7c3d1;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.today .category li {
  color: var(--white-color);
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.upcoming {
  border: solid 1px #b3dcf9;
  background-color: #e5f4fd;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.upcoming .card-title {
  color: #008def;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.upcoming .card-title:after {
  content: "";
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.upcoming .highlight-badge {
  background-color: #cce8fc;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card.upcoming .supplier-badge {
  color: #020e16;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .card-title {
  color: #1d9a18;
  font-size: 14px;
  margin-bottom: 4px;
  font-family: trim-web-medium;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .card-title:after {
  margin-left: 4px;
  vertical-align: text-top;
  content: url('green-circle-tick-new.svg');
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .card-title.simple {
  margin-top: 12px;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .card-title.simple:after {
  content: " ";
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .description {
  color: #676e73;
  font-size: 12px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .highlight-badge {
  padding: 4px;
  color: #676e73;
  margin: 0 2px 2px 0;
  font-family: roboto-regular;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .highlight-badge.in-progress {
  color: #00a7ff;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .category {
  margin: 0;
  padding: 0;
  list-style: none;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .category li {
  display: block;
  color: #676e73;
  font-size: 12px;
  margin-bottom: 4px;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .category li:last-child {
  margin-bottom: 0;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .supplier-badge {
  color: #353e45;
  line-height: 1;
  margin-top: 8px;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 10px;
  display: inline-block;
  border: solid 1px #b7c3d1;
  font-family: roboto-regular;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card .supplier-badge img {
  margin-right: 4px;
  vertical-align: sub;
}
.calendar-view-wrapper .week-container .day-column .day-body .custom-card button {
  margin-top: 8px;
}

.card-details-container {
  z-index: 10;
  padding: 24px;
  border-radius: 8px;
  background-color: var(--white-color);
  border: solid 1px #d1d6e1;
  box-shadow: 0 4px 20px 0 rgba(20, 27, 46, 0.3);
}
.card-details-container .card-detail-header {
  display: flex;
  margin-bottom: 4px;
}
.card-details-container .card-detail-header .column {
  flex: 1;
  display: flex;
  line-height: 1;
  align-items: center;
}
.card-details-container .card-detail-header .column:last-child {
  display: flex;
  justify-content: flex-end;
}
.card-details-container .card-detail-header .column.action-container span {
  opacity: 0.6;
  padding: 4px;
  margin: 0 3px;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  transition: ease all 0.4s;
}
.card-details-container .card-detail-header .column.action-container span:hover {
  opacity: 1;
  background-color: rgba(76, 105, 141, 0.1);
}
.card-details-container .card-detail-header .column.action-container span:last-child {
  margin-left: 14px;
}
.card-details-container .card-detail-header .popup-title {
  margin: 0;
  color: #141b2e;
  font-size: 20px;
  margin-right: 4px;
  font-family: trim-web-medium;
}
.card-details-container .schedule-date {
  color: #5a606d;
  font-size: 14px;
  margin-bottom: 12px;
  font-family: roboto-regular;
}
.card-details-container .schedule-date img {
  margin-right: 4px;
}
.card-details-container .schedule-date span {
  vertical-align: middle;
}
.card-details-container .badge-container {
  margin-bottom: 28px;
}
.card-details-container .badge-container span {
  margin: 0 4px 4px 0;
  font-family: roboto-regular;
}
.card-details-container .details-list {
  display: flex;
  margin-bottom: 16px;
  align-items: flex-start;
}
.card-details-container .details-list:first-child {
  margin-bottom: 28px;
}
.card-details-container .details-list img {
  width: 24px;
  margin-right: 12px;
}
.card-details-container .details-list .name-initial {
  width: 24px;
  height: 24px;
  padding: 2px;
  color: var(--white-color);
  font-size: 14px;
  font-weight: 500;
  margin-right: 12px;
  text-align: center;
  border-radius: 100%;
  background-color: #c8a4ea;
  font-family: roboto-medium;
}
.card-details-container .details-list .detail-text {
  flex: 1;
}
.card-details-container .details-list .detail-text .detail-title {
  color: #141b2e;
  font-size: 14px;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.card-details-container .details-list .detail-text .detail-title:last-child {
  margin-bottom: 0;
}
.card-details-container .details-list .detail-text .detail-text {
  color: #5a606d;
  font-size: 14px;
  margin-bottom: 2px;
  font-family: roboto-regular;
}

.file-upload-header-container {
  margin-bottom: 24px;
  padding: 24px;
  background-color: #13316e;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .file-upload-header-container {
    padding-left: 14px;
  }
}
.file-upload-header-container .header-arrow {
  width: 20px;
  opacity: 0.8;
  cursor: pointer;
  margin-right: 24px;
  padding-bottom: 5px;
  transition: ease all 0.4s;
}
.file-upload-header-container .header-arrow:hover {
  opacity: 1;
  transform: scale(1.1);
}
.file-upload-header-container .header-text {
  font-size: 20px;
  color: var(--white-color);
  font-family: trim-web-medium;
}

.stage-container {
  width: 100%;
  display: flex;
  position: relative;
  text-align: center;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .stage-container {
    padding: 0 14px;
  }
}
.stage-container::after {
  top: 15px;
  left: 40px;
  right: 30px;
  content: "";
  position: absolute;
  border-bottom: 1px dashed black;
}
.stage-container .level-wrapper {
  z-index: 1;
}
.stage-container .level-wrapper .level {
  color: #353e45;
  font-size: 20px;
  padding: 8px 14px;
  border-radius: 20px;
  background-color: var(--white-color);
  font-family: trim-web-medium;
}
.stage-container .level-wrapper .text {
  color: #353e45;
  margin-top: 8px;
  font-size: 14px;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.stage-container .level-wrapper.active .level {
  color: var(--white-color);
  background-color: #08a7a7;
  box-shadow: 0 6px 7px 0 rgba(70, 101, 117, 0.31);
}
.stage-container .level-wrapper.active .text {
  color: #020e16;
}
.stage-container .level-wrapper.finish .level {
  margin-top: -3px;
  padding: 10px;
  content: url('pass-color.svg');
}
.stage-container .level-wrapper.finish .text {
  margin-top: -5px;
  color: #020e16;
}

.footer {
  bottom: 0;
}

.upload-container {
  display: flex;
  justify-content: center;
}
.upload-container .file-upload-layout-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.upload-container .file-upload-layout-wrapper .card-wrapper {
  width: 675px;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .upload-container .file-upload-layout-wrapper .card-wrapper {
    max-width: 332px;
  }
}
.upload-container .file-upload-layout-wrapper .card-wrapper .card-title {
  color: #12141a;
  font-size: 16px;
  margin-bottom: 16px;
  font-family: trim-web-medium;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .card-subtitle {
  color: #12141a;
  font-size: 14px;
  margin-bottom: 16px;
  margin-top: 0;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .upload-container .file-upload-layout-wrapper .card-wrapper .card-subtitle {
    width: 90%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .upload-container .file-upload-layout-wrapper .card-wrapper .align-column {
    display: flex;
    flex-direction: column;
  }
}
.upload-container .file-upload-layout-wrapper .card-wrapper .upload-input-wrapper {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .upload-container .file-upload-layout-wrapper .card-wrapper .upload-input-wrapper {
    display: block;
  }
}
.upload-container .file-upload-layout-wrapper .card-wrapper .upload-input-wrapper div {
  flex: 1;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .image-upload-container {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .image-upload-container .uploading-process {
  margin-left: 13px;
  margin-right: 20px;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .image-upload-container .uploading-process .upload-text {
  font-size: 12px;
  margin-bottom: 0;
  color: var(--primary-color);
  font-family: roboto-regular;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .image-upload-container .uploading-process .progress-bar {
  width: 100%;
  height: 6px;
  margin-top: 2px;
  border-radius: 3px;
  background-color: rgba(0, 167, 255, 0.1);
}
.upload-container .file-upload-layout-wrapper .card-wrapper .image-upload-container .uploading-process .progress-bar .complete {
  height: 6px;
  border-radius: 3px;
  background-color: #06c0cb;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .file-upload-container {
  padding: 24px 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .upload-container .file-upload-layout-wrapper .card-wrapper .file-upload-container {
    padding: 16px 0 16px 10px;
  }
}
.upload-container .file-upload-layout-wrapper .card-wrapper .file-upload-container .upload-title {
  font-size: 14px;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .file-attachment-container {
  margin-top: 18px;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .file-attachment-container .file-attached-container .attachment {
  min-width: 313px;
  padding: 6px 12px;
  justify-content: flex-start;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .upload-container .file-upload-layout-wrapper .card-wrapper .file-attachment-container .file-attached-container .attachment {
    min-width: 300px;
  }
}
.upload-container .file-upload-layout-wrapper .card-wrapper .file-attachment-container .file-attached-container .attachment .file-name {
  flex: 1;
  cursor: pointer !important;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .download-link {
  margin: 0;
  color: #2e3f55;
  cursor: pointer;
  font-size: 14px;
  margin-top: 12px;
}
.upload-container .file-upload-layout-wrapper .card-wrapper .download-link img {
  width: 16px;
  margin-right: 8px;
  vertical-align: sub;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .upload-container .file-upload-layout-wrapper .card-wrapper .styled-radio-container {
    margin-bottom: 15px;
  }
}

.upload-file-icon {
  height: 25px;
}

.mapping-container {
  width: 100%;
  float: left;
  margin: 24px 0;
  border-radius: 4px;
  padding: 20px 20px 8px;
  background-color: var(--white-color);
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08);
}
.mapping-container .section-heading {
  color: #12141a;
  font-size: 16px;
  margin-bottom: 16px;
  font-family: trim-web-medium;
}
.mapping-container .asterisk {
  color: #f81538;
}

.custom-alert-wrapper .alert-container {
  margin-bottom: 10px;
}
.custom-alert-wrapper .alert-container.green {
  background-color: #24c11e;
}

.success-container {
  display: flex;
  justify-content: center;
}
.success-container .card-wrapper {
  width: 425px;
  padding: 32px 0;
  text-align: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .success-container .card-wrapper {
    width: 316px;
    padding: 24px 0;
  }
}
.success-container .card-wrapper .card-title {
  font-size: 20px;
  color: #020e16;
  font-family: trim-web-medium;
  margin-top: 24px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .success-container .card-wrapper .card-title {
    margin-top: 12px;
  }
}
.success-container .card-wrapper .card-subtitle {
  font-size: 16px;
  color: #676e73;
  font-family: roboto-regular;
  margin-bottom: 24px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .success-container .card-wrapper .card-subtitle {
    margin-bottom: 12px;
  }
}

.marginLeft4 {
  margin-left: 4px !important;
}

.edit-document-container .files-count {
  color: #717276 !important;
  margin-bottom: 4px;
  font-family: roboto-medium !important;
}
.edit-document-container .file-attached-container .attachment-container {
  margin-bottom: 8px !important;
  width: 24%;
  cursor: pointer;
  margin-right: 16px;
  border-radius: 4px;
  border: solid 1px #a3adc3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-document-container .file-attached-container .attachment-container {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-document-container .file-attached-container .attachment-container {
    flex: 1;
    width: initial;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.edit-document-container .file-attached-container .attachment-container:hover {
  transition: ease all 0.4s;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.18);
}
.edit-document-container .file-attached-container .attachment-container .doc-container {
  position: relative;
  padding: 12px !important;
  display: flex;
  align-items: center;
  padding: 16px 16px 15px;
}
.edit-document-container .file-attached-container .attachment-container .doc-container .file-icon {
  width: 44px;
  height: 44px;
}
.edit-document-container .file-attached-container .attachment-container .doc-container .file-size-container .column:first-child {
  padding-right: 8px;
  margin-right: 7px;
  border-right: solid 1px #a3adc3;
}
.edit-document-container .file-attached-container .attachment-container .doc-container .file-size-container .column:nth-child(2) {
  padding-right: 8px;
  margin-right: 7px;
  border-right: solid 1px #a3adc3;
}
.edit-document-container .file-attached-container .attachment-container .doc-container .file-details {
  margin-left: 8px;
}
.edit-document-container .file-attached-container .attachment-container .doc-container .file-details .file-name {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 6px;
  line-height: normal;
  font-family: roboto-medium;
}
.edit-document-container .file-attached-container .attachment-container .doc-container .file-details .doc-date {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.edit-document-container .file-attached-container .attachment-container .doc-container .delete-icon {
  top: 12px;
  right: 12px;
  position: absolute;
}
.edit-document-container .file-attached-container .attachment-container .file-details-container {
  padding: 12px !important;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #a3adc3;
}
.edit-document-container .file-attached-container .attachment-container .file-details-container .column {
  display: flex;
  flex: 1;
  align-items: center;
}
.edit-document-container .file-attached-container .attachment-container .file-details-container .column:last-child {
  padding-left: 0 !important;
  margin-left: 0 !important;
  border-left: none !important;
}
.edit-document-container .file-attached-container .attachment-container .file-details-container .column .profile {
  width: 20px !important;
}
.edit-document-container .file-attached-container .attachment-container .file-details-container .column .user-name-detail {
  font-family: roboto-regular !important;
  font-size: 14px;
  color: #353e45;
  margin-left: 8px;
  margin-bottom: 0;
}
.edit-document-container .file-attached-container .attachment-container .file-details-container .download-doc {
  padding: 4px 0 !important;
}
.edit-document-container .file-attached-container .attachment-container .image-upload-container {
  display: flex;
  padding: 12px;
  align-items: center;
  margin-top: 0 !important;
}
.edit-document-container .file-attached-container .attachment-container .image-upload-container .uploading-process {
  flex: 1;
  display: flex;
  margin-left: 8px;
  margin-right: 12px;
  flex-direction: column;
}
.edit-document-container .file-attached-container .attachment-container .image-upload-container .uploading-process .upload-text {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--primary-color);
  font-family: roboto-medium;
}
.edit-document-container .file-attached-container .attachment-container .image-upload-container .uploading-process .progress-bar {
  width: 100%;
  height: 6px;
  margin-top: 2px;
  border-radius: 3px;
  background-color: rgba(168, 202, 230, 0.4);
}
.edit-document-container .file-attached-container .attachment-container .image-upload-container .uploading-process .progress-bar .complete {
  height: 6px;
  border-radius: 3px;
  background-color: #00a7ff;
}
.edit-document-container .file-attached-container .attachment-container:nth-child(4) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-document-container .file-attached-container .attachment-container:nth-child(4) {
    margin-right: 8px;
  }
}
.edit-document-container .file-attached-container .attachment-container:nth-child(8) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-document-container .file-attached-container .attachment-container:nth-child(8) {
    margin-right: 8px;
  }
}
.edit-document-container .file-attached-container .attachment-container:nth-child(12) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-document-container .file-attached-container .attachment-container:nth-child(12) {
    margin-right: 8px;
  }
}
.edit-document-container .file-attached-container .file-upload-container {
  width: 24%;
  margin-bottom: 8px;
  padding: 14px !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-document-container .file-attached-container .file-upload-container {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .edit-document-container .file-attached-container .file-upload-container {
    width: 47.8%;
    margin-left: 8px;
  }
}
.edit-document-container .file-attached-container .file-upload-container .upload-icon {
  width: 40px !important;
}
.edit-document-container .file-attached-container .file-upload-container .upload-here {
  margin-left: 0;
  margin-top: 8px;
  text-align: center;
}
.edit-document-container .file-attached-container .file-upload-container .upload-here .upload-title {
  font-size: 14px !important;
  color: #12141a !important;
}
.edit-document-container .file-attached-container .file-upload-container .upload-here .drop-file {
  color: #717276 !important;
}

.vendor-info-container {
  margin-bottom: 23px;
}
.vendor-info-container .info-container {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .vendor-info-container .info-container {
    margin-bottom: 20px;
    align-items: flex-start;
  }
}
.vendor-info-container .info-container .title {
  font-size: 18px;
  color: #353e45;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .vendor-info-container .info-container .title {
    font-size: 14px;
    margin-bottom: 11px;
  }
}
.vendor-info-container .info-container .user-name-title {
  font-size: 16px;
  color: #12141a;
  margin-bottom: 8px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .vendor-info-container .info-container .detail-wrapper {
    flex-direction: column;
  }
  .vendor-info-container .info-container .detail-wrapper .detail-container {
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 8px;
    border-right: none;
  }
  .vendor-info-container .info-container .detail-wrapper .detail-container:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) and (min-width: 360px) and (max-width: 767px) {
  .vendor-info-container .info-container .detail-wrapper .detail-container img {
    width: 16px;
  }
}
.vendor-info-container .info-container .detail-container {
  padding-right: 16px;
  margin-right: 15px;
  border-right: solid 1px #a3adc3;
}
.vendor-info-container .info-container .detail-container:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
.vendor-info-container .info-container .detail-container .info {
  font-size: 14px;
  color: #12141a;
  margin-left: 6px;
  margin-bottom: 0;
  font-family: roboto-medium;
}

.vendor-title-text {
  font-weight: bold;
}

.vendor-content-text {
  font-weight: 400;
}

.table-text {
  vertical-align: top;
}

.my-input-group {
  text-align: left;
  position: relative;
  font-family: roboto-medium;
}
.my-input-group label {
  display: block;
  line-height: 1;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
}
.my-input-group label.light {
  margin-bottom: 2px;
  color: rgba(32, 59, 78, 0.6);
}

.vendor-contact-container {
  margin-bottom: 12px;
  padding: 0.5%;
}
.vendor-contact-container .detail-container {
  padding-right: 16px;
  margin-right: 15px;
  border-right: solid 1px #a3adc3;
}
.vendor-contact-container .detail-container:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
.vendor-contact-container .detail-container .info {
  font-size: 14px;
  color: #12141a;
  margin-left: 6px;
  margin-bottom: 0;
  font-family: roboto-medium;
}

.vendor-address-container .address-container {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 16px;
  border-bottom: solid 1px #cdd5df;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .vendor-address-container .address-container {
    align-items: flex-start;
  }
}
.vendor-address-container .address-container:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.vendor-address-container .address-container .address {
  font-size: 14px;
  color: #12141a;
  margin-left: 12px;
  margin-bottom: 0;
  font-family: roboto-medium;
}

.general-details-container {
  width: 100%;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .general-details-container {
    flex-direction: column;
  }
}
.general-details-container .item_details {
  width: 16.66%;
  margin-top: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .general-details-container .item_details {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    align-items: baseline;
  }
  .general-details-container .item_details:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .general-details-container .item_details {
    width: 25%;
  }
}
.general-details-container .item_details .light_text {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .general-details-container .item_details .light_text {
    flex: 0.4;
    margin-bottom: 0;
  }
}
.general-details-container .item_details .medium {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .general-details-container .item_details .medium {
    display: block;
    font-size: 14px;
    color: #717276;
    margin-bottom: 0;
    margin-right: 12px;
    line-height: normal;
    font-family: roboto-regular;
  }
}
.general-details-container .item_details .dark_text {
  font-size: 14px;
  color: #353e45;
  line-height: normal;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .general-details-container .item_details .dark_text {
    flex: 0.6;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .general-details-container .item_details .dark_text {
    margin-bottom: 16px !important;
  }
}
.general-details-container .last-items {
  margin-top: 8px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .general-details-container .last-items {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .general-details-container .last-items {
    margin-top: 0;
  }
  .general-details-container .last-items:last-child {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .general-details-container .last-items:last-child .dark_text {
    margin-bottom: 0 !important;
  }
}
.general-details-container .comment {
  width: 33.32% !important;
}

.bottom_margin {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .bottom_margin {
    flex: 0.6;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .bottom_margin {
    margin-bottom: 16px !important;
  }
}

.upload-head {
  margin-bottom: 13px !important;
}

.inline-span {
  display: inline;
  margin-right: 10px; /* Add some spacing if needed */
}

.contact-container {
  margin-bottom: 20px;
  border-bottom: solid 1px #cdd5df;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .contact-container {
    width: 20%;
  }
}
.contact-container:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}
.contact-container .user-profile {
  align-items: center;
  margin-right: 12px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  vertical-align: sub;
}
.contact-container .user-profile.disabled {
  opacity: 0.3;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-vendor-wrapper {
    align-items: flex-start !important;
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-vendor-wrapper .column {
    flex: 0.6;
    align-items: flex-start;
  }
  .edit-vendor-wrapper .column:last-child {
    flex: 0.4;
    margin-top: 0;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-vendor-wrapper .column .header-text {
    line-height: normal;
  }
}
.edit-vendor-wrapper .edit-btn {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-vendor-wrapper .edit-btn {
    padding: 8px;
    display: block;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .edit-vendor-wrapper .edit-btn img {
    margin-right: 0;
  }
}

.qcCompany-container {
  margin-bottom: 16px;
  border-bottom: solid 1px #cdd5df;
}
.qcCompany-container .general-details-container {
  margin-bottom: 10px;
}
.qcCompany-container:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .invitation-status-card-header-container {
    flex-direction: column;
    align-items: flex-start !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .invitation-status-card-header-container .column:first-child {
    margin-bottom: 9px !important;
  }
}

.invitation-badge-container {
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
}
.invitation-badge-container .badge {
  font-size: 14px;
  cursor: pointer;
  padding: 8px 12px;
  margin-right: 9px;
  border-radius: 100px;
  transition: ease all 0.4s;
  font-family: roboto-medium;
}
.invitation-badge-container .badge:last-child {
  margin-right: 0;
}
.invitation-badge-container img {
  width: 11px;
  cursor: pointer;
  margin-left: 8px;
}
.invitation-badge-container .all {
  color: #08a7a7;
  line-height: normal;
  border: solid 1px #08a7a7;
  border-radius: 54px !important;
}
.invitation-badge-container .all:hover {
  color: var(--white-color);
  background-color: #08a7a7;
}
.invitation-badge-container .all:active {
  color: var(--white-color);
  background-color: #08a7a7;
}
.invitation-badge-container .all.active {
  color: var(--white-color);
  background-color: #08a7a7;
}
.invitation-badge-container .completed {
  color: #8067dc;
  line-height: normal;
  border: solid 1px #8067dc;
}
.invitation-badge-container .completed:hover {
  color: var(--white-color);
  background-color: #8067dc;
}
.invitation-badge-container .completed:active {
  color: var(--white-color);
  background-color: #8067dc;
}
.invitation-badge-container .completed.active {
  color: var(--white-color);
  background-color: #8067dc;
}
.invitation-badge-container .in-progress {
  color: #ff5626;
  line-height: normal;
  border: solid 1px #ff5626;
}
.invitation-badge-container .in-progress:hover {
  color: var(--white-color);
  background-color: #ff5626;
}
.invitation-badge-container .in-progress:active {
  color: var(--white-color);
  background-color: #ff5626;
}
.invitation-badge-container .in-progress.active {
  color: var(--white-color);
  background-color: #ff5626;
}
.invitation-badge-container .not-start {
  color: #5f6f97;
  line-height: normal;
  border: solid 1px #5f6f97;
}
.invitation-badge-container .not-start:hover {
  color: var(--white-color);
  background-color: #5f6f97;
}
.invitation-badge-container .not-start:active {
  color: var(--white-color);
  background-color: #5f6f97;
}
.invitation-badge-container .not-start.active {
  color: var(--white-color);
  background-color: #5f6f97;
}
.invitation-badge-container .attachment-container {
  width: 24%;
  cursor: pointer;
  margin-right: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: solid 1px #a3adc3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .invitation-badge-container .attachment-container {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .invitation-badge-container .attachment-container {
    flex: 1;
    width: initial;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.invitation-badge-container .attachment-container:hover {
  transition: ease all 0.4s;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.18);
}
.invitation-badge-container .attachment-container .doc-container {
  display: flex;
  align-items: center;
  padding: 16px 16px 15px;
}
.invitation-badge-container .attachment-container .doc-container .file-icon {
  width: 44px;
  height: 44px;
}
.invitation-badge-container .attachment-container .doc-container .file-details {
  margin-left: 8px;
}
.invitation-badge-container .attachment-container .doc-container .file-details .file-name {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 6px;
  line-height: normal;
  font-family: roboto-medium;
}
.invitation-badge-container .attachment-container .doc-container .file-details .doc-date {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.invitation-badge-container .attachment-container .file-details-container {
  display: flex;
  flex: 1;
  padding: 16px;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #a3adc3;
}
.invitation-badge-container .attachment-container .file-details-container .column {
  display: flex;
  flex: 1;
  align-items: center;
}
.invitation-badge-container .attachment-container .file-details-container .column:last-child {
  padding-left: 15px;
  margin-left: 16px;
  border-left: solid 1px #d1d6e1;
}
.invitation-badge-container .attachment-container .file-details-container .column .user-name-detail {
  font-size: 14px;
  color: #353e45;
  margin-left: 8px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.invitation-badge-container .attachment-container .file-details-container .download-doc {
  padding: 4px 0 !important;
}
.invitation-badge-container .attachment-container:nth-child(4) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .invitation-badge-container .attachment-container:nth-child(4) {
    margin-right: 8px;
  }
}
.invitation-badge-container .attachment-container:nth-child(8) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .invitation-badge-container .attachment-container:nth-child(8) {
    margin-right: 8px;
  }
}
.invitation-badge-container .attachment-container:nth-child(12) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .invitation-badge-container .attachment-container:nth-child(12) {
    margin-right: 8px;
  }
}

.file-attached-container {
  transition: ease all 0.4s;
}
.file-attached-container .attachment-container {
  width: 24%;
  cursor: pointer;
  margin-right: 12px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: solid 1px #a3adc3;
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .file-attached-container .attachment-container {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container {
    flex: 1;
    width: initial;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:hover {
  transition: ease all 0.4s;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.18);
}
.file-attached-container .attachment-container .doc-container {
  display: flex;
  align-items: center;
  padding: 16px 16px 15px;
}
.file-attached-container .attachment-container .doc-container .file-icon {
  width: 44px;
  height: 44px;
}
.file-attached-container .attachment-container .doc-container .file-details {
  margin-left: 8px;
}
.file-attached-container .attachment-container .doc-container .file-details .file-name {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 6px;
  line-height: normal;
  font-family: roboto-medium;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
.file-attached-container .attachment-container .doc-container .file-details .doc-date {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.file-attached-container .attachment-container .file-details-container {
  display: flex;
  flex: 1;
  padding: 16px;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #a3adc3;
}
.file-attached-container .attachment-container .file-details-container .column {
  display: flex;
  flex: 1;
  align-items: center;
}
.file-attached-container .attachment-container .file-details-container .column:last-child {
  padding-left: 15px;
  margin-left: 16px;
  border-left: solid 1px #d1d6e1;
}
.file-attached-container .attachment-container .file-details-container .column .user-name-detail {
  font-size: 14px;
  color: #353e45;
  margin-left: 8px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container .file-details-container .column .sub-icon {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: inline-block;
}
.file-attached-container .attachment-container .file-details-container .download-doc {
  padding: 4px 0 !important;
}
.file-attached-container .attachment-container:nth-child(4) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(4) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:nth-child(8) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(8) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:nth-child(12) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(12) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container .delete-doc {
  top: 12px;
  right: 16px;
  position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .card-attached-container {
    flex-direction: column;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .card-attached-container {
    flex-direction: column;
  }
}
.card-attached-container .invitation-card-wrapper {
  width: 32.08% !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .card-attached-container .invitation-card-wrapper {
    width: 100% !important;
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .card-attached-container .invitation-card-wrapper {
    width: 100% !important;
  }
}
.card-attached-container .invitation-card-wrapper .invitation-card-container {
  position: relative;
  align-items: flex-start !important;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .card-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 12px !important;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .card-details .file-name {
  color: #353e45 !important;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .card-details .doc-date {
  color: #353e45 !important;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .card-details .invited {
  padding-right: 12px;
  margin-right: 11px;
  border-right: solid 1px #a3adc3;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .vendor-status {
  font-size: 14px;
  color: #898d96;
  margin-top: 16px;
  margin-bottom: 8px;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .card-attached-container .invitation-card-wrapper .invitation-card-container .vendor-status {
    margin-bottom: 0px;
  }
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status-detail-container {
  flex: 1;
  margin-top: 16px;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status-detail-container .column {
  flex: 1;
  display: flex;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status-detail-container .column:last-child {
  justify-content: flex-end;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status-detail-container .column .pending-badge {
  padding: 4px 12px;
  border-radius: 100px;
  background-color: rgba(255, 86, 38, 0.1);
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status-detail-container .column .pending-badge .pending-text {
  font-size: 12px;
  color: #ff5626;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status-detail-container .column .rejected-badge {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #f81538;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status-detail-container .column .rejected-badge .rejected-text {
  font-size: 12px;
  color: #fff;
  margin-left: 4px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status-detail-container .column .approved-badge {
  background-color: #24c11e;
}
.card-attached-container .invitation-card-wrapper .invitation-card-container .status {
  top: 12px;
  right: 16px;
  position: absolute;
}
.card-attached-container .invitation-card-wrapper:nth-child(4) {
  margin-right: 16px !important;
}
.card-attached-container .invitation-card-wrapper:nth-child(8) {
  margin-right: 16px !important;
}
.card-attached-container .pending {
  background-color: rgba(128, 103, 220, 0.04) !important;
}
.card-attached-container .pending:hover {
  background-color: #fff !important;
}
.card-attached-container .rejected {
  border: solid 1px #f81538 !important;
}
.card-attached-container .approved {
  border: solid 1px #24c11e !important;
}

.status-btn-container {
  margin-top: 20px;
}
.status-btn-container .rejected-cta {
  display: flex;
  font-size: 16px;
  color: #f81538;
  padding: 12px 16px;
  align-items: center;
  transition: ease all 0.4s;
  background-color: #fee8eb;
}
.status-btn-container .rejected-cta:hover {
  color: #fff;
  background-color: #f81538;
}
.status-btn-container .approve-cta {
  display: flex;
  font-size: 16px;
  color: #1d9a18;
  padding: 12px 16px;
  align-items: center;
  transition: ease all 0.4s;
  background-color: #e9f9e8;
}
.status-btn-container .approve-cta:hover {
  color: #fff;
  background-color: #24c11e;
}

.email-invtation-container {
  width: 530px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .email-invtation-container {
    width: 380px;
  }
}
.email-invtation-container .card-wrapper {
  padding: 32px;
}
.email-invtation-container .invitation-container {
  display: flex;
  flex-direction: column;
}
.email-invtation-container .invitation-container .invitation-title {
  font-size: 20px;
  color: #020e16;
  margin-top: 20px;
  margin-bottom: 8px;
  font-family: roboto-medium;
}
.email-invtation-container .invitation-container .invitation-text {
  font-size: 15px;
  color: #353e45;
  margin-bottom: 20px;
  font-family: roboto-regular;
}
.email-invtation-container .invitation-container .email-input {
  margin-bottom: 10px;
}
.email-invtation-container .invitation-container .invitation-success-text {
  font-size: 14px;
  color: #353e45;
  text-align: center;
  margin-bottom: 20px;
  font-family: roboto-regular;
}
.email-invtation-container .invitation-container .invitation-success-text span {
  font-family: roboto-medium;
}

.main-card-container {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.main-card-container:last-child {
  margin-bottom: 24px !important;
}

.admin-panel-wrapper {
  display: flex;
  margin-top: 20px;
  align-items: flex-start;
}
.admin-panel-wrapper .column {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
}
.admin-panel-wrapper .column:last-child {
  flex: none;
}
.admin-panel-wrapper .filter-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
.admin-panel-wrapper .filter-wrapper .filters-container {
  display: flex;
  align-items: center;
}
.admin-panel-wrapper .filter-wrapper .filters-container .filter-option {
  display: flex;
  padding: 6px 12px;
  margin-right: 4px;
  border-radius: 4px;
  align-items: center;
  border: solid 1px #cdd5df;
  background-color: rgba(251, 252, 252, 0.75);
}
.admin-panel-wrapper .filter-wrapper .filters-container .filter-option:hover {
  border: solid 1px #08a7a7;
  background-color: #e6f6f6;
}
.admin-panel-wrapper .filter-wrapper .filters-container .filter-option:last-child {
  margin-right: 0;
}
.admin-panel-wrapper .filter-wrapper .filters-container .filter-option.applied-filter {
  border: solid 1px #08a7a7 !important;
  background-color: #e6f6f6 !important;
}
.admin-panel-wrapper .filter-wrapper .filters-container .filter-option .icon {
  margin-right: 4px;
}
.admin-panel-wrapper .filter-wrapper .filters-container .filter-option .filter-title {
  font-size: 14px;
  color: #353e45;
  line-height: normal;
  font-family: roboto-medium;
}
.admin-panel-wrapper .main-list-container {
  margin-top: 20px;
}
.admin-panel-wrapper .main-list-container .data-wrapper:last-child {
  margin-top: 34px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .list-title {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container {
  margin-top: 12px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container {
  display: flex;
  cursor: pointer;
  margin-bottom: 8px;
  border-radius: 8px;
  align-items: center;
  background-color: #fff;
  transition: ease all 0.4s;
  padding: 12px 32px 12px 16px;
  border: 1px solid transparent;
  justify-content: space-between;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container:hover {
  border: solid 1px rgba(8, 167, 167, 0.22);
  box-shadow: 0 2px 9px 0 rgba(18, 20, 26, 0.2);
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container:last-child {
  margin-bottom: 0;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column {
  display: flex;
  align-items: center;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column.odd {
  flex: 0.5;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column.even {
  flex: none;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .brand-icon {
  width: 24px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .brand-title {
  font-size: 16px;
  color: #353e45;
  margin-left: 11px;
  line-height: normal;
  font-family: roboto-medium;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .custom-brand-title {
  font-size: 16px;
  margin-left: 11px;
  line-height: normal;
  font-family: roboto-medium;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .custom-brand-title:hover {
  overflow: visible;
  white-space: normal;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .icon {
  width: 16px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .icon.icon-group {
  margin-right: 12px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .icon.icon-group:last-child {
  margin-right: 0;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .sub-text {
  font-size: 14px;
  line-height: normal;
  font-family: roboto-regular;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .sub-text.dark {
  color: #020e16;
  margin-left: 8px;
  margin-right: 4px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .sub-text.light {
  color: #676e73;
  margin-left: 8px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .expire-badge {
  margin-left: 10px;
  border-radius: 20px !important;
  background-color: #FF5626;
  color: white;
  padding: 5px 5px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container .sub-column .expire-badge .result-status {
  font-size: 12px;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container.new-org-container .sub-column:nth-child(2) {
  flex: 0.65 !important;
}
.admin-panel-wrapper .main-list-container .data-wrapper .data-container ul .data-item-container.new-org-container .sub-column:nth-child(2) .sub-text {
  flex: 0.78 !important;
  margin-left: -64px !important;
}
.admin-panel-wrapper .add-organization-container {
  width: 295px;
  display: flex;
  margin-left: 24px;
  align-items: center;
  padding: 24px 14px;
  border-radius: 10px;
  flex-direction: column;
  background-color: #fff;
}
.admin-panel-wrapper .add-organization-container .add-btn {
  margin: 14px 0 14px;
  text-transform: capitalize;
}
.admin-panel-wrapper .add-organization-container .text {
  font-size: 14px;
  margin-bottom: 0;
  color: #676e73;
  text-align: center;
  line-height: normal;
  font-family: roboto-regular;
}

.booking-count-container .inspection-table-badge-container {
  display: block;
}
.booking-count-container .inspection-table-badge-container .inspection-badge {
  padding: 4px;
  margin: 0 4px;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  background-color: rgba(76, 105, 141, 0.0980392157);
  font-family: roboto-regular;
}
.booking-count-container .inspection-table-badge-container .inspection-badge span {
  color: var(--white-color);
  font-size: 12px;
  margin-left: 4px;
  padding: 2px 4px;
  border-radius: 4px;
  background-color: #4c698d;
  font-family: roboto-medium;
}
.booking-count-container .table-container {
  margin-bottom: 12px !important;
}
.booking-count-container .add-test-container {
  display: block;
  float: left;
}
.booking-count-container .add-test-container .add-test {
  display: flex;
  padding: 5px 8px;
  border-radius: 4px;
  align-items: center;
  background-color: #e5f4fd;
}

.organization-success-alert {
  top: 120px !important;
}

.organization-details {
  display: flex;
  flex-direction: column;
}
.organization-details .title {
  font-size: 24px;
  color: var(--white-color);
  line-height: normal;
  font-family: roboto-medium;
}
.organization-details .sub-text {
  font-size: 14px;
  color: #d1d6e1;
  line-height: normal;
  font-family: roboto-regular;
}

.organization-filter-wrapper {
  display: flex;
  align-items: center;
}
.organization-filter-wrapper .sub-section {
  display: flex;
  flex: 1;
  align-items: center;
  padding-right: 30px;
  margin-right: 29px;
  border-right: solid 1px #cdd5df;
}
.organization-filter-wrapper .sub-section:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.organization-filter-wrapper .sub-section.not-active-filter {
  opacity: 0.6;
}
.organization-filter-wrapper .sub-section .big-icon {
  width: 40px;
  margin-right: 12px;
}
.organization-filter-wrapper .sub-section .name {
  font-size: 14px;
  color: #676e73;
  line-height: normal;
  font-family: roboto-medium;
}
.organization-filter-wrapper .sub-section .count {
  font-size: 18px;
  color: #020e16;
  line-height: normal;
  font-family: roboto-medium;
}

.active-user-count {
  color: #898d96;
}

.active-user-column {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.active-user-column .search-bar-input {
  width: 368px;
  margin-right: 8px;
}
.active-user-column .status-input {
  width: 228px;
  margin-left: 4px;
}

.select-icon {
  width: 20px;
}

.heading-text {
  color: var(--white-color) !important;
}

.insight-wrapper {
  display: flex;
  align-items: center;
}
.insight-wrapper .insight-container {
  flex: 1;
  margin-right: 53px;
  padding-right: 54px;
  border-right: solid 1px #cdd5df;
}
.insight-wrapper .insight-container:nth-child(3) {
  flex: 1.5 !important;
}
.insight-wrapper .insight-container:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.insight-wrapper .insight-container .title-text {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.insight-wrapper .insight-container .subtitle-text {
  font-size: 28px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}

.active-apps-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.active-apps-wrapper ul .active-app-container {
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 16px 0 15px;
  transition: ease all 0.4s;
  border-bottom: solid 1px #cdd5df;
}
.active-apps-wrapper ul .active-app-container:hover {
  background-color: rgba(230, 246, 246, 0.7);
}
.active-apps-wrapper ul .active-app-container:last-child {
  border-bottom: none;
}
.active-apps-wrapper ul .active-app-container.disabled {
  opacity: 0.5;
}
.active-apps-wrapper ul .active-app-container.edit-state {
  padding: 11px 0;
  box-shadow: 0 3px 24px 0 rgba(21, 58, 80, 0.3);
}
.active-apps-wrapper ul .active-app-container.edit-state .app-column:first-child {
  flex: 0.5;
}
.active-apps-wrapper ul .active-app-container.edit-state .app-column:nth-child(2) {
  flex: 0.8;
}
.active-apps-wrapper ul .active-app-container.edit-state .app-column:nth-child(3) {
  flex: 0.7;
}
.active-apps-wrapper ul .active-app-container .app-column {
  flex: 1;
  display: flex;
  align-items: center;
}
.active-apps-wrapper ul .active-app-container .app-column:first-child {
  flex: 0.6;
}
.active-apps-wrapper ul .active-app-container .app-column:nth-child(3) {
  flex: 0.5;
}
.active-apps-wrapper ul .active-app-container .app-column:nth-child(4) {
  flex: none;
}
.active-apps-wrapper ul .active-app-container .app-column .app-title {
  font-size: 14px;
  color: #020e16;
  margin-left: 16px;
  font-family: roboto-medium;
}
.active-apps-wrapper ul .active-app-container .app-column .add-test-container {
  margin-right: 2px;
}
.active-apps-wrapper ul .active-app-container .app-column .add-test-container:last-child {
  margin-right: 0;
}
.active-apps-wrapper ul .active-app-container .app-column .add-test-container .blue-badge {
  color: #353e45 !important;
}
.active-apps-wrapper ul .active-app-container .app-column .active-status {
  font-size: 12px;
  color: #353e45;
  margin-left: 8px;
  font-family: roboto-regular;
}
.active-apps-wrapper ul .active-app-container .app-column .app-btn {
  padding: 8px 9px !important;
}
.active-apps-wrapper ul .active-app-container .app-column .controlled-number-input {
  width: 140px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  flex-direction: row;
  padding: 2px 6px 2px 8px;
  border: solid 1px #b7c3d1;
  justify-content: space-around;
}
.active-apps-wrapper ul .active-app-container .app-column .controlled-number-input input {
  margin: 0;
  flex: 0.8;
  padding: 0;
  border: none;
  font-size: 24px;
  text-align: center;
  background: transparent;
  font-family: roboto-regular;
}
.active-apps-wrapper ul .active-app-container .app-column .controlled-number-input input:hover {
  background-color: transparent;
}
.active-apps-wrapper ul .active-app-container .app-column .controlled-number-input input::-webkit-outer-spin-button, .active-apps-wrapper ul .active-app-container .app-column .controlled-number-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.active-apps-wrapper ul .active-app-container.inactive-app .app-column .app-title {
  color: #676e73 !important;
}
.active-apps-wrapper ul .active-app-container.inactive-app .app-column .not-active-badge {
  display: flex;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: rgba(26, 50, 106, 0.1);
}
.active-apps-wrapper ul .active-app-container.inactive-app .app-column .not-active-badge span {
  font-size: 12px;
  color: #676e73;
  font-family: roboto-medium;
}
.active-apps-wrapper ul .active-app-container.inactive-app .app-column .active-status {
  color: #676e73 !important;
}

.contact-admin-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-admin-container .contact-detail-container {
  display: flex;
  align-items: center;
}
.contact-admin-container .contact-detail-container img {
  width: 16px;
}
.contact-admin-container .contact-detail-container .contact-detail {
  font-size: 14px;
  color: #020e16;
  margin-left: 8px;
  font-family: roboto-regular;
}
.contact-admin-container .email-btn {
  width: 150x !important;
}

.organization-wrapper .organization-container {
  padding-bottom: 15px;
  margin-bottom: 16px;
  border-bottom: solid 1px #cdd5df;
}
.organization-wrapper .organization-container:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.organization-wrapper .organization-container .org-title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 16px;
  font-family: roboto-medium;
}
.organization-wrapper .organization-container .owner-details {
  display: flex;
  margin-bottom: 0 !important;
  align-items: flex-start !important;
}
.organization-wrapper .organization-container .owner-details .owner-profile {
  width: 34px;
}
.organization-wrapper .organization-container .owner-details .owner-info {
  margin-left: 8px !important;
}
.organization-wrapper .organization-container .owner-details .owner-info .title {
  font-size: 14px !important;
  color: #020e16 !important;
  margin-bottom: 4px !important;
}
.organization-wrapper .organization-container .owner-details .owner-info .owner-post {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.organization-wrapper .organization-container .owner-details .owner-info .contact-details {
  display: flex;
  align-items: center;
}
.organization-wrapper .organization-container .owner-details .owner-info .contact-details .detail-column {
  display: flex;
  align-items: center;
  padding-right: 0 !important;
  border-right: none !important;
  margin-right: 12px !important;
}
.organization-wrapper .organization-container .owner-details .owner-info .contact-details .detail-column img {
  width: 16px;
}
.organization-wrapper .organization-container .owner-details .owner-info .contact-details .detail-column .info {
  font-family: roboto-regular !important;
}
.organization-wrapper .organization-container .owner-details .owner-info .contact-details .detail-column .info.url {
  cursor: pointer;
  color: #008def;
}
.organization-wrapper .organization-container .owner-details .owner-info .address-container {
  display: flex;
  margin-top: 12px;
  align-items: center;
}
.organization-wrapper .organization-container .owner-details .owner-info .address-container img {
  width: 16px;
}
.organization-wrapper .organization-container .owner-details .owner-info .address-container .address {
  font-size: 14px;
  color: #12141a;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.organization-wrapper .organization-container .owner-details .package-icon {
  width: 20px;
}
.organization-wrapper .organization-container .owner-details .package-details {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.organization-wrapper .organization-container .owner-details .package-details .package-column {
  padding-right: 12px;
  margin-right: 11px;
}
.organization-wrapper .organization-container .owner-details .expired-text {
  font-size: 14px;
  color: #997600;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.organization-wrapper .organization-container .activated-text {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.organization-wrapper .organization-container.package-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.organization-wrapper .organization-container.package-container:last-child {
  margin-bottom: 16px !important;
  padding-bottom: 15px !important;
  border-bottom: solid 1px #cdd5df !important;
}
.organization-wrapper .organization-container.package-container:last-child .expired-text {
  color: #020e16;
}
.organization-wrapper .organization-container.expired-package {
  opacity: 0.6;
}
.organization-wrapper .organization-container .other-info-container .info-row {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}
.organization-wrapper .organization-container .other-info-container .info-row:last-child {
  margin-bottom: 0;
}
.organization-wrapper .organization-container .other-info-container .info-row .column {
  display: flex;
  font-size: 14px;
  flex: 0.2 !important;
  font-family: roboto-regular;
  justify-content: center !important;
}
.organization-wrapper .organization-container .other-info-container .info-row .column:first-child {
  color: #676e73;
  flex: 0.3 !important;
  justify-content: flex-start !important;
}
.organization-wrapper .organization-container .other-info-container .info-row .column:last-child {
  color: #12141a;
  flex: 1 !important;
  justify-content: flex-start !important;
}
.organization-wrapper .organization-container .other-info-container .info-row .column.access-url {
  cursor: pointer;
  color: #008def !important;
}

.overview-container .login-details {
  color: #676e73 !important;
  margin-bottom: 6px !important;
  font-family: roboto-regular !important;
}
.overview-container .login-count {
  font-size: 18px !important;
  color: #020e16 !important;
}
.overview-container .login-count .percent-count {
  position: relative;
  font-size: 12px !important;
  margin-left: 7px !important;
  font-family: roboto-medium !important;
}
.overview-container .login-count .percent-count::after {
  content: none !important;
}

.product-title-container {
  display: flex;
  margin-top: 18px;
  align-items: center;
}
.product-title-container .thumbnail-container {
  width: 148px;
  height: 148px;
  display: flex;
  line-height: 1;
  position: relative;
  padding: 20px 30px;
  text-align: center;
  border-radius: 12px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #edf0f4;
  background-color: #fbfcfc;
}
.product-title-container .thumbnail-container .thumbnail {
  width: 120px;
}
.product-title-container .thumbnail-container p {
  margin: 8px 0;
  color: #676e73;
  font-size: 14px;
  font-family: trim-web-medium;
}
.product-title-container .thumbnail-container .filter-cta {
  top: 4px;
  right: 4px;
  position: absolute;
}
.product-title-container .product-container {
  margin-left: 21px;
}
.product-title-container .product-container .item-title {
  font-size: 16px;
  color: var(--white-color);
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.product-title-container .product-container .item-text {
  font-size: 12px;
  color: var(--white-color);
  margin-bottom: 13px;
  line-height: normal;
  font-family: roboto-medium;
}
.product-title-container .product-container .detail-container {
  display: flex;
  align-items: center;
}
.product-title-container .product-container .detail-container .detail-text {
  display: flex;
  font-size: 12px;
  color: var(--white-color);
  padding: 4px 8px;
  margin: 0 2px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  font-family: roboto-medium;
}
.product-title-container .product-container .detail-container .detail-text:first-child {
  margin-left: 0;
}
.product-title-container .product-container .detail-container .detail-text:last-child {
  margin-right: 0;
}
.product-title-container .product-container .detail-container .green {
  background-color: rgba(29, 154, 24, 0.6);
}
.product-title-container .product-container .detail-container .blue {
  background-color: rgba(0, 124, 153, 0.6);
}
.product-title-container .product-container .detail-container .yellow {
  background-color: rgba(204, 158, 0, 0.6);
}
.product-title-container .product-container .detail-container .orange {
  background-color: #ff5626;
}
.product-title-container .product-container .detail-container .red {
  background-color: rgba(248, 21, 56, 0.6);
}

.data-quality-container .product-count {
  font-size: 14px;
  margin-top: 8px;
  font-family: roboto-regular;
  color: rgba(2, 14, 22, 0.8);
}
.data-quality-container .stone_icon {
  width: 24px;
}
.data-quality-container .green {
  color: #24c11e;
}
.data-quality-container .blue {
  color: #a367dc;
}
.data-quality-container .item-container {
  position: relative;
}
.data-quality-container .count {
  top: 0px;
  right: 34px;
  position: absolute;
}
.data-quality-container .associate-product-detail {
  margin-top: 12px;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.data-quality-container .search-icon {
  width: 16px;
}
.data-quality-container .add-assosciation-cta {
  font-size: 14px;
}
.data-quality-container .no-comment-title {
  font-size: 24px;
  margin-top: 2px;
  color: #353e45;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.data-quality-container .no-comment-text {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 20px;
  line-height: normal;
  font-family: roboto-regular;
}
.data-quality-container .add-comment-cta {
  margin-bottom: 66px;
}
.data-quality-container .more-container {
  padding: 6px;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}

.btn-container {
  margin-top: 80px;
}

.tab-wrapper {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
}
.tab-wrapper li {
  display: flex;
  font-size: 16px;
  cursor: pointer;
  color: #353e45;
  padding: 6px 8px;
  align-items: center;
  border: solid 1px #e7e8ea;
  background-color: #f1f3f6;
  font-family: roboto-regular;
}
.tab-wrapper li img {
  margin-right: 4px;
}
.tab-wrapper .active {
  color: var(--white-color);
  background-color: #08a7a7;
}

.sustainability-layout-wrpper .sustain-card-container {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.sustainability-layout-wrpper .sustain-card-container:last-child {
  margin-bottom: 24px !important;
}

.completeness-container {
  border-radius: 10px;
}
.completeness-container .column {
  border-bottom: solid 1px #a3adc3;
  padding: 15.5px 20px 20px 20px;
}
.completeness-container .column:last-child {
  border-bottom: none;
}
.completeness-container .column .title-container {
  display: flex;
  margin-bottom: 4px;
  align-items: center;
  justify-content: space-between;
}
.completeness-container .column .title-container .title {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.completeness-container .column .tcf-page-progress-container {
  display: flex;
}
.completeness-container .column .tcf-page-progress-container .color-bar {
  width: 100%;
  height: 14px;
  margin-right: 0;
  border-radius: 10px;
  background-color: #d9d9d9;
}
.completeness-container .column .tcf-page-progress-container .color-bar .color {
  height: 14px;
  border-radius: 10px;
}
.completeness-container .column .tcf-page-progress-container .color-bar .blue {
  background-color: #0089e3;
}
.completeness-container .column .tcf-page-progress-container .color-bar .green {
  background-color: #24c11e;
}
.completeness-container .column .status {
  font-size: 12px;
  color: #353e45;
  margin-top: 4px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.completeness-container .column .sub-column {
  margin: 16px 0;
}
.completeness-container .column .sub-column:first-child {
  margin-top: 0;
}
.completeness-container .column .sub-column:last-child {
  margin-bottom: 0;
}
.completeness-container .column .sub-column .title {
  font-size: 12px !important;
}
.completeness-container .column .sub-column .color-bar {
  height: 8px !important;
}
.completeness-container .column .sub-column .color-bar .color {
  height: 8px;
}

.completeness-containerforproduct {
  border-radius: 10px;
}
.completeness-containerforproduct .column {
  border-bottom: solid 1px #a3adc3;
  padding: 15.5px 20px 20px 20px;
}
.completeness-containerforproduct .column:last-child {
  border-bottom: none;
}
.completeness-containerforproduct .column .title-container {
  display: flex;
  margin-bottom: 4px;
  align-items: center;
  justify-content: space-between;
}
.completeness-containerforproduct .column .title-container .title {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.completeness-containerforproduct .column .tcf-page-progress-container {
  display: flex;
}
.completeness-containerforproduct .column .tcf-page-progress-container .color-bar {
  width: 100%;
  height: 14px;
  margin-right: 0;
  border-radius: 10px;
  background-color: #d9d9d9;
}
.completeness-containerforproduct .column .tcf-page-progress-container .color-bar .color {
  height: 14px;
  border-radius: 10px;
}
.completeness-containerforproduct .column .tcf-page-progress-container .color-bar .blue {
  background-color: #0089e3;
}
.completeness-containerforproduct .column .tcf-page-progress-container .color-bar .green {
  background-color: #24c11e;
}
.completeness-containerforproduct .column .status {
  font-size: 12px;
  color: #353e45;
  margin-top: 4px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.completeness-containerforproduct .column .sub-column {
  margin: 16px 0;
}
.completeness-containerforproduct .column .sub-column:first-child {
  margin-top: 0;
}
.completeness-containerforproduct .column .sub-column:last-child {
  margin-bottom: 0;
}
.completeness-containerforproduct .column .sub-column .title {
  font-size: 12px !important;
}
.completeness-containerforproduct .column .sub-column .color-bar {
  height: 8px !important;
}
.completeness-containerforproduct .column .sub-column .color-bar .color {
  height: 8px;
}

.history-content-container .history-details-container {
  display: flex;
  padding: 24px;
  border-radius: 8px;
  flex-direction: column;
  border: solid 1px #d1d6e1;
}
.history-content-container .history-details-container .time-container {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
}
.history-content-container .history-details-container .time-container .light {
  font-size: 12px;
  color: #5a606d;
  margin-bottom: 0;
  padding-right: 8px;
  line-height: normal;
  font-family: roboto-regular;
  border-right: solid 1px #d1d6e1;
}
.history-content-container .history-details-container .time-container .dark {
  font-size: 14px;
  color: #5a606d;
  margin-bottom: 0;
  padding-left: 7px;
  line-height: normal;
  font-family: roboto-medium;
}
.history-content-container .history-details-container .time-container .name-initial {
  color: var(--white-color);
  padding: 4px 7px;
  margin-right: 4px;
  border-radius: 100%;
}
.history-content-container .history-details-container .history-status {
  font-size: 12px;
  color: #020e16;
  margin-top: 12px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}

.category-container .category-wrapper {
  border-left: solid 1px #d1d6e1;
}
.category-container .category-wrapper:first-child {
  border-left: none;
}
.category-container .category-wrapper .category-column {
  display: flex;
  padding-left: 20px;
  flex-direction: column;
}
.category-container .category-wrapper .category-column .category-detail-name {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}
.category-container .category-wrapper .category-column .category-list {
  display: flex;
  align-items: center;
  margin-top: 4px;
  padding: 8px 15px 8px 8px;
  justify-content: space-between;
}
.category-container .category-wrapper .category-column .category-list:first-child {
  margin-top: 0;
}
.category-container .category-wrapper .category-column .category-list .category-name {
  font-size: 14px;
  color: #5a606d;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.category-container .category-wrapper .category-column .category-list .category-name .folder-icon {
  margin-right: 12px;
}
.category-container .category-wrapper .category-column .category-list .left-arrow {
  transform: rotate(-90deg);
}
.category-container .category-wrapper .category-column .active {
  border-radius: 8px;
  background-color: #1a326a;
}
.category-container .category-wrapper .category-column .active .category-name {
  color: var(--white-color);
}

.tab-wrapper .tab-container {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tab-wrapper .tab-container {
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .tab-wrapper .tab-container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.tab-wrapper .tab-container li {
  display: flex;
  font-size: 16px;
  cursor: pointer;
  color: #353e45;
  padding: 6px 8px;
  align-items: center;
  border: solid 1px #e7e8ea;
  background-color: #f1f3f6;
  font-family: roboto-regular;
}
.tab-wrapper .tab-container li img {
  margin-right: 4px;
}
.tab-wrapper .tab-container .active {
  color: var(--white-color);
  background-color: #08a7a7;
}

.file-attached-container {
  transition: ease all 0.4s;
}
.file-attached-container .attachment-container {
  width: 24%;
  cursor: pointer;
  margin-right: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: solid 1px #a3adc3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .file-attached-container .attachment-container {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container {
    flex: 1;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:hover {
  transition: ease all 0.4s;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.18);
}
.file-attached-container .attachment-container .doc-container {
  display: flex;
  align-items: center;
  padding: 16px 16px 15px;
}
.file-attached-container .attachment-container .doc-container .file-icon {
  width: 44px;
  height: 44px;
}
.file-attached-container .attachment-container .doc-container .file-details {
  margin-left: 8px;
}
.file-attached-container .attachment-container .doc-container .file-details .file-name {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 6px;
  line-height: normal;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container .doc-container .file-details .doc-date {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.file-attached-container .attachment-container .file-details-container {
  display: flex;
  flex: 1;
  padding: 16px;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #a3adc3;
}
.file-attached-container .attachment-container .file-details-container .column {
  display: flex;
  flex: 1;
  align-items: center;
}
.file-attached-container .attachment-container .file-details-container .column:last-child {
  padding-left: 15px;
  margin-left: 16px;
  border-left: solid 1px #d1d6e1;
}
.file-attached-container .attachment-container .file-details-container .column .user-name-detail {
  font-size: 14px;
  color: #353e45;
  margin-left: 8px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container .file-details-container .download-doc {
  padding: 4px 0 !important;
}
.file-attached-container .attachment-container:nth-child(4) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(4) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:nth-child(8) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(8) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:nth-child(12) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(12) {
    margin-right: 8px;
  }
}

.file-attached-container {
  transition: ease all 0.4s;
}
.file-attached-container .attachment-container-custom {
  width: 24%;
  cursor: pointer;
  margin-right: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: solid 1px #a3adc3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .file-attached-container .attachment-container-custom {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom {
    flex: 1;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container-custom:hover {
  transition: ease all 0.4s;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.18);
}
.file-attached-container .attachment-container-custom .doc-container {
  display: flex;
  align-items: center;
  padding: 16px 16px 15px;
}
.file-attached-container .attachment-container-custom .doc-container .file-icon {
  width: 44px;
  height: 44px;
}
.file-attached-container .attachment-container-custom .doc-container .file-details {
  margin-left: 8px;
}
.file-attached-container .attachment-container-custom .doc-container .file-details .file-name {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 6px;
  line-height: normal;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container-custom .doc-container .file-details .doc-date {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.file-attached-container .attachment-container-custom .file-details-container {
  display: flex;
  flex: 1;
  padding: 10px;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #a3adc3;
}
.file-attached-container .attachment-container-custom .file-details-container .column {
  display: flex;
  flex: 1;
  align-items: center;
}
.file-attached-container .attachment-container-custom .file-details-container .column:last-child {
  padding-left: 15px;
  margin-left: 16px;
  border-left: solid 1px #d1d6e1;
}
.file-attached-container .attachment-container-custom .file-details-container .column .user-name-detail {
  font-size: 14px;
  color: #353e45;
  margin-left: 8px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container-custom .file-details-container .download-doc {
  padding: 4px 0 !important;
}
.file-attached-container .attachment-container-custom:nth-child(3) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom:nth-child(3) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container-custom:nth-child(6) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom:nth-child(6) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container-custom:nth-child(9) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom:nth-child(9) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container-custom:nth-child(12) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom:nth-child(12) {
    margin-right: 8px;
  }
}

.fb-pass-badge {
  border-radius: 4px !important;
}

.country {
  width: 16px;
  height: 16px;
}

.comment-wrapper {
  border-radius: 8px;
  border: solid 1px #d1d6e1;
}
.comment-wrapper .comment-container {
  padding: 20px 20px 22px;
}
.comment-wrapper .comment-container .user-container .user-name {
  font-size: 16px;
  color: #020e16;
  margin: 0 8px;
  font-family: roboto-medium;
}
.comment-wrapper .comment-container .user-container .status {
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.comment-wrapper .comment-container .user-container .comment-text {
  width: 88%;
  font-size: 14px;
  color: #020e16;
  margin-left: 40px;
  line-height: normal;
  font-family: roboto-regular;
}
.comment-wrapper .comment-container .collapse-container {
  margin-left: 40px;
}
.comment-wrapper .reply-container {
  padding-left: 8px;
  border-top: solid 1px #cdd5df;
}
.comment-wrapper .reply-container .reply {
  border: 0;
  height: 40px;
  resize: none;
  background-color: #fbfcfc;
}
.comment-wrapper .reply-container .reply:hover {
  border: 0;
  background: transparent;
}

.new-badge {
  background-color: #a367dc;
}

.progress-percent {
  margin-left: 12px !important;
}

.expired-badge {
  background-color: #a0a1a3;
}

.master-body .sustainability-content-container {
  border-radius: 8px;
  border: solid 1px #a3adc3;
}
.master-body .sustainability-content-container .sustainability-container-head {
  margin: 0 !important;
  border-radius: 8px 8px 0 0;
  font-size: 14px !important;
  color: #353e45 !important;
  padding: 12px 0 12px 20px !important;
  background-color: rgba(0, 165, 204, 0.2) !important;
}
.master-body .sustainability-content-container .location {
  height: 16px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .sustainability-content-container .location {
    margin-bottom: 1rem;
  }
}
.master-body .sustainability-content-container .attachment-detail {
  border: none !important;
  background-color: transparent !important;
}
.master-body .sustainability-content-container .attachment-detail:hover {
  background-color: transparent !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .sustainability-content-container .attachment {
    width: 100% !important;
  }
}

.sustainability-tab-container {
  margin-bottom: 12px !important;
}

.sustainability-layout-wrpper .sustain-card-container {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.sustainability-layout-wrpper .sustain-card-container:last-child {
  margin-bottom: 24px !important;
}

.detail-row {
  padding: 20px 34px !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .detail-row {
    display: flex;
    flex-direction: column;
  }
}
.detail-row .detail-col {
  flex: 1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .detail-row .detail-col {
    display: flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .detail-row .detail-col {
    flex: initial;
    width: 25%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .detail-row .detail-col .item_details {
    flex: 1;
    margin-top: 0 !important;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.pass-status-container {
  background-color: #24c11e;
}

.fail-status-container {
  background-color: #f81538;
}

.pass-status-container {
  background-color: #24c11e;
}

.fail-status-container {
  background-color: #f81538;
}

.investigate-status-container {
  background-color: #f81538;
}

.pending-status-container {
  background-color: #ff5626;
}

.implement-status-container {
  background-color: #f81538;
}

.pending-status-container {
  background-color: #ff5626;
}

.result-status-wrapper {
  display: flex;
  padding: 4px 8px;
  border-radius: 4px;
  align-items: center;
}
.result-status-wrapper.inline {
  display: inline-flex;
}
.result-status-wrapper .result-status {
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}

.pass-container {
  background-color: #e9f9e8;
}
.pass-container .pass {
  color: #1d9a18;
}

.fail-container {
  background-color: #fee8eb;
}
.fail-container .fail {
  color: #f81538;
}

.pending-container {
  background-color: #e6b5bb;
}
.pending-container .fail {
  color: #FF5626;
}

.result-status-container {
  display: flex;
  padding: 4px 8px;
  border-radius: 4px;
  align-items: center;
}
.result-status-container.inline {
  display: inline-flex;
}
.result-status-container img {
  width: 12px;
}
.result-status-container .pass-text {
  font-size: 12px;
  color: var(--white-color);
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}

.result-status-container {
  position: relative;
}
.result-status-container .status-icon {
  width: 16px !important;
}

.status-list {
  padding: 6px 4px;
  margin: -4px -8px -4px 12px;
  border-radius: 4px 4px 4px 4px;
}
.status-list .drop-icon {
  width: 20px;
}
.status-list.yellow {
  background-color: #997600;
}
.status-list.blue {
  background-color: #0e747d;
}
.status-list.green {
  background-color: #1d9a18;
}
.status-list.orange {
  background-color: #cc451e;
}
.status-list.red {
  background-color: #c6112d;
}

.tag-user {
  margin-left: 34px !important;
}

.score {
  color: #414348 !important;
  margin-bottom: 8px !important;
  font-family: roboto-regular !important;
}

.user-profile-container {
  display: flex;
  align-items: center;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  padding: 10px 32px 20px;
  background-color: #fbfcfc;
  border: solid 1px #edf0f4;
}
.user-profile-container .upload-img {
  font-size: 14px;
  margin-top: 8px;
  color: #676e73;
  margin-bottom: 8px;
  font-family: roboto-regular;
}

.result-status-container {
  display: flex;
  padding: 4px 8px;
  border-radius: 4px;
  align-items: center;
}
.result-status-container.inline {
  display: inline-flex;
}
.result-status-container img {
  width: 12px;
}
.result-status-container .pass-text {
  font-size: 12px;
  color: var(--white-color);
  margin-bottom: 0;
  margin-left: 6px;
  line-height: normal;
  font-family: roboto-medium;
}

.pass-status-container {
  background-color: #24c11e;
}

.fail-status-container {
  background-color: #f81538;
}

.item-image-container {
  position: relative;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .item-image-container {
    width: 360px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .item-image-container {
    width: 768px;
  }
}
.item-image-container .thumbnail {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 6px;
}
@media only screen and (min-width: 360px) and (max-width: 1279px) {
  .item-image-container .thumbnail {
    width: 100%;
    height: auto;
    border-radius: 0;
  }
}
.item-image-container .view-photos {
  bottom: 14px;
  color: var(--white-color);
  font-size: 12px;
  cursor: pointer;
  padding: 4px 8px;
  position: absolute;
  border-radius: 4px;
  left: calc(50% - 50px);
  transition: ease all 0.4s;
  background-color: #00a7ff;
  font-family: roboto-medium;
}
.item-image-container .view-photos:hover {
  background-color: #0085cc;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .item-image-container .view-photos {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .item-image-container .view-photos {
    font-size: 16px;
    bottom: 24px;
    padding: 10px 17px;
    left: calc(50% - 82px);
  }
}

.product-title-container {
  display: flex;
  margin-top: 18px;
  align-items: center;
}
.product-title-container .thumbnail-container {
  width: 148px;
  height: 148px;
  display: flex;
  line-height: 1;
  position: relative;
  padding: 20px 30px;
  text-align: center;
  border-radius: 12px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #edf0f4;
  background-color: #fbfcfc;
}
.product-title-container .thumbnail-container .thumbnail {
  width: 120px;
}
.product-title-container .thumbnail-container p {
  margin: 8px 0;
  color: #676e73;
  font-size: 14px;
  font-family: trim-web-medium;
}
.product-title-container .thumbnail-container .filter-cta {
  top: 4px;
  right: 4px;
  position: absolute;
}
.product-title-container .product-container {
  margin-left: 21px;
}
.product-title-container .product-container .item-title {
  font-size: 16px;
  color: var(--white-color);
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.product-title-container .product-container .item-text {
  font-size: 12px;
  color: var(--white-color);
  margin-bottom: 13px;
  line-height: normal;
  font-family: roboto-medium;
}
.product-title-container .product-container .detail-container {
  display: flex;
  align-items: center;
}
.product-title-container .product-container .detail-container .detail-text {
  display: flex;
  font-size: 12px;
  color: var(--white-color);
  padding: 4px 8px;
  margin: 0 2px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  font-family: roboto-medium;
}
.product-title-container .product-container .detail-container .detail-text:first-child {
  margin-left: 0;
}
.product-title-container .product-container .detail-container .detail-text:last-child {
  margin-right: 0;
}
.product-title-container .product-container .detail-container .green {
  background-color: rgba(29, 154, 24, 0.6);
}
.product-title-container .product-container .detail-container .blue {
  background-color: rgba(0, 124, 153, 0.6);
}
.product-title-container .product-container .detail-container .yellow {
  background-color: rgba(204, 158, 0, 0.6);
}
.product-title-container .product-container .detail-container .orange {
  background-color: #ff5626;
}
.product-title-container .product-container .detail-container .red {
  background-color: rgba(248, 21, 56, 0.6);
}

.data-quality-container .product-count {
  font-size: 14px;
  margin-top: 8px;
  font-family: roboto-regular;
  color: rgba(2, 14, 22, 0.8);
}
.data-quality-container .stone_icon {
  width: 24px;
}
.data-quality-container .green {
  color: #24c11e;
}
.data-quality-container .blue {
  color: #a367dc;
}
.data-quality-container .item-container {
  position: relative;
}
.data-quality-container .count {
  top: 0px;
  right: 34px;
  position: absolute;
}
.data-quality-container .associate-product-detail {
  margin-top: 12px;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.data-quality-container .search-icon {
  width: 16px;
}
.data-quality-container .add-assosciation-cta {
  font-size: 14px;
}
.data-quality-container .no-comment-title {
  font-size: 24px;
  margin-top: 2px;
  color: #353e45;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.data-quality-container .no-comment-text {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 20px;
  line-height: normal;
  font-family: roboto-regular;
}
.data-quality-container .add-comment-cta {
  margin-bottom: 66px;
}
.data-quality-container .more-container {
  padding: 6px;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}

.btn-container {
  margin-top: 80px;
}

.tab-wrapper {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
}
.tab-wrapper li {
  display: flex;
  font-size: 16px;
  cursor: pointer;
  color: #353e45;
  padding: 6px 8px;
  align-items: center;
  border: solid 1px #e7e8ea;
  background-color: #f1f3f6;
  font-family: roboto-regular;
}
.tab-wrapper li img {
  margin-right: 4px;
}
.tab-wrapper .active {
  color: var(--white-color);
  background-color: #08a7a7;
}

.sustainability-layout-wrpper .sustain-card-container {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.sustainability-layout-wrpper .sustain-card-container:last-child {
  margin-bottom: 24px !important;
}

.completeness-container {
  border-radius: 10px;
}
.completeness-container .column {
  border-bottom: solid 1px #a3adc3;
  padding: 15.5px 20px 20px 20px;
}
.completeness-container .column:last-child {
  border-bottom: none;
}
.completeness-container .column .title-container {
  display: flex;
  margin-bottom: 4px;
  align-items: center;
  justify-content: space-between;
}
.completeness-container .column .title-container .title {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.completeness-container .column .tcf-page-progress-container {
  display: flex;
}
.completeness-container .column .tcf-page-progress-container .color-bar {
  width: 100%;
  height: 14px;
  margin-right: 0;
  border-radius: 10px;
  background-color: #d9d9d9;
}
.completeness-container .column .tcf-page-progress-container .color-bar .color {
  height: 14px;
  border-radius: 10px;
}
.completeness-container .column .tcf-page-progress-container .color-bar .blue {
  background-color: #0089e3;
}
.completeness-container .column .tcf-page-progress-container .color-bar .green {
  background-color: #24c11e;
}
.completeness-container .column .status {
  font-size: 12px;
  color: #353e45;
  margin-top: 4px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.completeness-container .column .sub-column {
  margin: 16px 0;
}
.completeness-container .column .sub-column:first-child {
  margin-top: 0;
}
.completeness-container .column .sub-column:last-child {
  margin-bottom: 0;
}
.completeness-container .column .sub-column .title {
  font-size: 12px !important;
}
.completeness-container .column .sub-column .color-bar {
  height: 8px !important;
}
.completeness-container .column .sub-column .color-bar .color {
  height: 8px;
}

.completeness-containerforproduct {
  border-radius: 10px;
}
.completeness-containerforproduct .column {
  border-bottom: solid 1px #a3adc3;
  padding: 15.5px 20px 20px 20px;
}
.completeness-containerforproduct .column:last-child {
  border-bottom: none;
}
.completeness-containerforproduct .column .title-container {
  display: flex;
  margin-bottom: 4px;
  align-items: center;
  justify-content: space-between;
}
.completeness-containerforproduct .column .title-container .title {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.completeness-containerforproduct .column .tcf-page-progress-container {
  display: flex;
}
.completeness-containerforproduct .column .tcf-page-progress-container .color-bar {
  width: 100%;
  height: 14px;
  margin-right: 0;
  border-radius: 10px;
  background-color: #d9d9d9;
}
.completeness-containerforproduct .column .tcf-page-progress-container .color-bar .color {
  height: 14px;
  border-radius: 10px;
}
.completeness-containerforproduct .column .tcf-page-progress-container .color-bar .blue {
  background-color: #0089e3;
}
.completeness-containerforproduct .column .tcf-page-progress-container .color-bar .green {
  background-color: #24c11e;
}
.completeness-containerforproduct .column .status {
  font-size: 12px;
  color: #353e45;
  margin-top: 4px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.completeness-containerforproduct .column .sub-column {
  margin: 16px 0;
}
.completeness-containerforproduct .column .sub-column:first-child {
  margin-top: 0;
}
.completeness-containerforproduct .column .sub-column:last-child {
  margin-bottom: 0;
}
.completeness-containerforproduct .column .sub-column .title {
  font-size: 12px !important;
}
.completeness-containerforproduct .column .sub-column .color-bar {
  height: 8px !important;
}
.completeness-containerforproduct .column .sub-column .color-bar .color {
  height: 8px;
}

.history-content-container .history-details-container {
  display: flex;
  padding: 24px;
  border-radius: 8px;
  flex-direction: column;
  border: solid 1px #d1d6e1;
}
.history-content-container .history-details-container .time-container {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
}
.history-content-container .history-details-container .time-container .light {
  font-size: 12px;
  color: #5a606d;
  margin-bottom: 0;
  padding-right: 8px;
  line-height: normal;
  font-family: roboto-regular;
  border-right: solid 1px #d1d6e1;
}
.history-content-container .history-details-container .time-container .dark {
  font-size: 14px;
  color: #5a606d;
  margin-bottom: 0;
  padding-left: 7px;
  line-height: normal;
  font-family: roboto-medium;
}
.history-content-container .history-details-container .time-container .name-initial {
  color: var(--white-color);
  padding: 4px 7px;
  margin-right: 4px;
  border-radius: 100%;
}
.history-content-container .history-details-container .history-status {
  font-size: 12px;
  color: #020e16;
  margin-top: 12px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}

.category-container .category-wrapper {
  border-left: solid 1px #d1d6e1;
}
.category-container .category-wrapper:first-child {
  border-left: none;
}
.category-container .category-wrapper .category-column {
  display: flex;
  padding-left: 20px;
  flex-direction: column;
}
.category-container .category-wrapper .category-column .category-detail-name {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}
.category-container .category-wrapper .category-column .category-list {
  display: flex;
  align-items: center;
  margin-top: 4px;
  padding: 8px 15px 8px 8px;
  justify-content: space-between;
}
.category-container .category-wrapper .category-column .category-list:first-child {
  margin-top: 0;
}
.category-container .category-wrapper .category-column .category-list .category-name {
  font-size: 14px;
  color: #5a606d;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.category-container .category-wrapper .category-column .category-list .category-name .folder-icon {
  margin-right: 12px;
}
.category-container .category-wrapper .category-column .category-list .left-arrow {
  transform: rotate(-90deg);
}
.category-container .category-wrapper .category-column .active {
  border-radius: 8px;
  background-color: #1a326a;
}
.category-container .category-wrapper .category-column .active .category-name {
  color: var(--white-color);
}

.tab-wrapper .tab-container {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tab-wrapper .tab-container {
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .tab-wrapper .tab-container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.tab-wrapper .tab-container li {
  display: flex;
  font-size: 16px;
  cursor: pointer;
  color: #353e45;
  padding: 6px 8px;
  align-items: center;
  border: solid 1px #e7e8ea;
  background-color: #f1f3f6;
  font-family: roboto-regular;
}
.tab-wrapper .tab-container li img {
  margin-right: 4px;
}
.tab-wrapper .tab-container .active {
  color: var(--white-color);
  background-color: #08a7a7;
}

.file-attached-container {
  transition: ease all 0.4s;
}
.file-attached-container .attachment-container {
  width: 24%;
  cursor: pointer;
  margin-right: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: solid 1px #a3adc3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .file-attached-container .attachment-container {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container {
    flex: 1;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:hover {
  transition: ease all 0.4s;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.18);
}
.file-attached-container .attachment-container .doc-container {
  display: flex;
  align-items: center;
  padding: 16px 16px 15px;
}
.file-attached-container .attachment-container .doc-container .file-icon {
  width: 44px;
  height: 44px;
}
.file-attached-container .attachment-container .doc-container .file-details {
  margin-left: 8px;
}
.file-attached-container .attachment-container .doc-container .file-details .file-name {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 6px;
  line-height: normal;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container .doc-container .file-details .doc-date {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.file-attached-container .attachment-container .file-details-container {
  display: flex;
  flex: 1;
  padding: 16px;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #a3adc3;
}
.file-attached-container .attachment-container .file-details-container .column {
  display: flex;
  flex: 1;
  align-items: center;
}
.file-attached-container .attachment-container .file-details-container .column:last-child {
  padding-left: 15px;
  margin-left: 16px;
  border-left: solid 1px #d1d6e1;
}
.file-attached-container .attachment-container .file-details-container .column .user-name-detail {
  font-size: 14px;
  color: #353e45;
  margin-left: 8px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container .file-details-container .download-doc {
  padding: 4px 0 !important;
}
.file-attached-container .attachment-container:nth-child(4) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(4) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:nth-child(8) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(8) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container:nth-child(12) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container:nth-child(12) {
    margin-right: 8px;
  }
}

.file-attached-container {
  transition: ease all 0.4s;
}
.file-attached-container .attachment-container-custom {
  width: 24%;
  cursor: pointer;
  margin-right: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: solid 1px #a3adc3;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .file-attached-container .attachment-container-custom {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom {
    flex: 1;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container-custom:hover {
  transition: ease all 0.4s;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.18);
}
.file-attached-container .attachment-container-custom .doc-container {
  display: flex;
  align-items: center;
  padding: 16px 16px 15px;
}
.file-attached-container .attachment-container-custom .doc-container .file-icon {
  width: 44px;
  height: 44px;
}
.file-attached-container .attachment-container-custom .doc-container .file-details {
  margin-left: 8px;
}
.file-attached-container .attachment-container-custom .doc-container .file-details .file-name {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 6px;
  line-height: normal;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container-custom .doc-container .file-details .doc-date {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.file-attached-container .attachment-container-custom .file-details-container {
  display: flex;
  flex: 1;
  padding: 10px;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #a3adc3;
}
.file-attached-container .attachment-container-custom .file-details-container .column {
  display: flex;
  flex: 1;
  align-items: center;
}
.file-attached-container .attachment-container-custom .file-details-container .column:last-child {
  padding-left: 15px;
  margin-left: 16px;
  border-left: solid 1px #d1d6e1;
}
.file-attached-container .attachment-container-custom .file-details-container .column .user-name-detail {
  font-size: 14px;
  color: #353e45;
  margin-left: 8px;
  margin-bottom: 0;
  font-family: roboto-medium;
}
.file-attached-container .attachment-container-custom .file-details-container .download-doc {
  padding: 4px 0 !important;
}
.file-attached-container .attachment-container-custom:nth-child(3) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom:nth-child(3) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container-custom:nth-child(6) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom:nth-child(6) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container-custom:nth-child(9) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom:nth-child(9) {
    margin-right: 8px;
  }
}
.file-attached-container .attachment-container-custom:nth-child(12) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-attached-container .attachment-container-custom:nth-child(12) {
    margin-right: 8px;
  }
}

.fb-pass-badge {
  border-radius: 4px !important;
}

.country {
  width: 16px;
  height: 16px;
}

.comment-wrapper {
  border-radius: 8px;
  border: solid 1px #d1d6e1;
}
.comment-wrapper .comment-container {
  padding: 20px 20px 22px;
}
.comment-wrapper .comment-container .user-container .user-name {
  font-size: 16px;
  color: #020e16;
  margin: 0 8px;
  font-family: roboto-medium;
}
.comment-wrapper .comment-container .user-container .status {
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.comment-wrapper .comment-container .user-container .comment-text {
  width: 88%;
  font-size: 14px;
  color: #020e16;
  margin-left: 40px;
  line-height: normal;
  font-family: roboto-regular;
}
.comment-wrapper .comment-container .collapse-container {
  margin-left: 40px;
}
.comment-wrapper .reply-container {
  padding-left: 8px;
  border-top: solid 1px #cdd5df;
}
.comment-wrapper .reply-container .reply {
  border: 0;
  height: 40px;
  resize: none;
  background-color: #fbfcfc;
}
.comment-wrapper .reply-container .reply:hover {
  border: 0;
  background: transparent;
}

.new-badge {
  background-color: #a367dc;
}

.progress-percent {
  margin-left: 12px !important;
}

.expired-badge {
  background-color: #a0a1a3;
}

.master-body .sustainability-content-container {
  border-radius: 8px;
  border: solid 1px #a3adc3;
}
.master-body .sustainability-content-container .sustainability-container-head {
  margin: 0 !important;
  border-radius: 8px 8px 0 0;
  font-size: 14px !important;
  color: #353e45 !important;
  padding: 12px 0 12px 20px !important;
  background-color: rgba(0, 165, 204, 0.2) !important;
}
.master-body .sustainability-content-container .location {
  height: 16px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .sustainability-content-container .location {
    margin-bottom: 1rem;
  }
}
.master-body .sustainability-content-container .attachment-detail {
  border: none !important;
  background-color: transparent !important;
}
.master-body .sustainability-content-container .attachment-detail:hover {
  background-color: transparent !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .master-body .sustainability-content-container .attachment {
    width: 100% !important;
  }
}

.sustainability-tab-container {
  margin-bottom: 12px !important;
}

.sustainability-layout-wrpper .sustain-card-container {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.sustainability-layout-wrpper .sustain-card-container:last-child {
  margin-bottom: 24px !important;
}

.detail-row {
  padding: 20px 34px !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .detail-row {
    display: flex;
    flex-direction: column;
  }
}
.detail-row .detail-col {
  flex: 1;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .detail-row .detail-col {
    display: flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .detail-row .detail-col {
    flex: initial;
    width: 25%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .detail-row .detail-col .item_details {
    flex: 1;
    margin-top: 0 !important;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.pass-status-container {
  background-color: #24c11e;
}

.fail-status-container {
  background-color: #f81538;
}

.pass-status-container {
  background-color: #24c11e;
}

.fail-status-container {
  background-color: #f81538;
}

.investigate-status-container {
  background-color: #f81538;
}

.pending-status-container {
  background-color: #ff5626;
}

.implement-status-container {
  background-color: #f81538;
}

.pending-status-container {
  background-color: #ff5626;
}

.result-status-wrapper {
  display: flex;
  padding: 4px 8px;
  border-radius: 4px;
  align-items: center;
}
.result-status-wrapper.inline {
  display: inline-flex;
}
.result-status-wrapper .result-status {
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}

.pass-container {
  background-color: #e9f9e8;
}
.pass-container .pass {
  color: #1d9a18;
}

.fail-container {
  background-color: #fee8eb;
}
.fail-container .fail {
  color: #f81538;
}

.pending-container {
  background-color: #e6b5bb;
}
.pending-container .fail {
  color: #FF5626;
}

.result-status-container {
  display: flex;
  padding: 4px 8px;
  border-radius: 4px;
  align-items: center;
}
.result-status-container.inline {
  display: inline-flex;
}
.result-status-container img {
  width: 12px;
}
.result-status-container .pass-text {
  font-size: 12px;
  color: var(--white-color);
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}

.result-status-container {
  position: relative;
}
.result-status-container .status-icon {
  width: 16px !important;
}

.status-list {
  padding: 6px 4px;
  margin: -4px -8px -4px 12px;
  border-radius: 4px 4px 4px 4px;
}
.status-list .drop-icon {
  width: 20px;
}
.status-list.yellow {
  background-color: #997600;
}
.status-list.blue {
  background-color: #0e747d;
}
.status-list.green {
  background-color: #1d9a18;
}
.status-list.orange {
  background-color: #cc451e;
}
.status-list.red {
  background-color: #c6112d;
}

.tag-user {
  margin-left: 34px !important;
}

.new-fb-page-header-container {
  background-image: url('new-fb-page-banner.svg');
}
.new-fb-page-header-container .new-white-badge {
  font-size: 14px !important;
  color: #020e16 !important;
}

.card-wrapper.expandable-card-state {
  transition: ease all 0.4s;
  box-shadow: none !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.card-wrapper.expandable-card-state .card-header-container {
  margin-bottom: 0 !important;
}
.card-wrapper.expandable-card-state .card-header-container .card-header-text h6 {
  transition: ease all 0.4s;
  color: rgba(2, 14, 22, 0.7) !important;
}
.card-wrapper.expandable-card-state .card-body-container {
  display: none;
}
.card-wrapper.expandable-card-state:hover {
  cursor: pointer;
  transition: ease all 0.4s;
  background-color: var(--white-color) !important;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08) !important;
}
.card-wrapper.expandable-card-state:hover .card-header-container .card-header-text .collapse-card {
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}
.card-wrapper.expandable-card-state:hover .card-header-container .card-header-text h6 {
  color: #020e16 !important;
}
.card-wrapper.expandable-card-state.active {
  background-color: var(--white-color) !important;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08) !important;
}
.card-wrapper.expandable-card-state.active .card-header-container {
  margin-bottom: 16px !important;
}
.card-wrapper.expandable-card-state.active .card-header-container .card-header-text .collapse-card {
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}
.card-wrapper.expandable-card-state.active .card-header-container .card-header-text .collapse-card img {
  transform: rotate(90deg);
}
.card-wrapper.expandable-card-state.active .card-header-container .card-header-text h6 {
  color: #020e16 !important;
}
.card-wrapper.expandable-card-state.active .card-body-container {
  display: block;
}

.collapse-card {
  display: flex;
  padding: 4px;
  margin-right: 8px;
  align-items: center;
  background-color: transparent;
}

.product-upload-container {
  padding: 15px !important;
  border: solid 1px #cdd5df !important;
}
.product-upload-container .upload-img {
  color: #020e16 !important;
  font-family: roboto-medium !important;
}
.product-upload-container .upload-content {
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
  font-family: roboto-regular;
}
.product-upload-container .upload-content.drop-file {
  color: #676E73;
}
.product-upload-container .upload-content span {
  color: #008def;
}

.comment-wrapper {
  border-radius: 8px;
  border: solid 1px #d1d6e1;
}
.comment-wrapper .comment-container {
  padding: 20px 20px 22px;
}
.comment-wrapper .comment-container .user-container {
  display: flex;
  align-items: flex-start;
}
.comment-wrapper .comment-container .user-container .user-detail {
  margin-left: 8px;
}
.comment-wrapper .comment-container .user-container .user-name {
  font-size: 16px;
  color: #020e16;
  margin: 0 8px 0 0;
  font-family: roboto-medium;
}
.comment-wrapper .comment-container .user-container .status {
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.comment-wrapper .comment-container .user-container .comment-text {
  width: 88%;
  font-size: 14px;
  color: #020e16;
  margin-top: 8px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.comment-wrapper .comment-container .collapse-container {
  margin-left: 40px;
}
.comment-wrapper .reply-container {
  padding-left: 8px;
  border-top: solid 1px #cdd5df;
}
.comment-wrapper .reply-container .reply {
  border: 0;
  height: 40px;
  resize: none;
  overflow: hidden;
  background-color: #fbfcfc;
}
.comment-wrapper .reply-container .reply:hover {
  border: 0;
  background: transparent;
}

.fb-comments-wrapper {
  padding: 20px;
}
.fb-comments-wrapper.add-comment-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fb-comments-wrapper.add-comment-container .add-comment .title {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-medium;
}
.fb-comments-wrapper.add-comment-container .add-comment .title.comment-text {
  margin-bottom: 8px !important;
  font-family: roboto-regular !important;
}

.expand-comments-container .comment-container {
  padding: 20px 0 8px !important;
}
.expand-comments-container .comment-container .user-container {
  margin-left: 20px !important;
}
.expand-comments-container .comment-container .user-container .comment {
  width: 95%;
  word-wrap: break-word;
}
.expand-comments-container .comment-container .user-container .user-title {
  margin-top: 8px;
  font-size: 14px !important;
  color: #020e16 !important;
  border-radius: 20px !important;
  background-color: #e8eaf0 !important;
}
.expand-comments-container .comment-container .user-container .sub-user-icon {
  width: 24px !important;
  height: 24px;
  border-radius: 30px;
  display: inline-block;
}
.expand-comments-container .comment-container .user-container .user-icon {
  width: 30px !important;
  height: 30px;
  border-radius: 30px;
  display: inline-block;
}
.expand-comments-container .comment-container .user-container .sub-user {
  font-size: 14px !important;
}
.expand-comments-container .comment-container .replies-section {
  margin-left: 63px;
}
.expand-comments-container .rotate-hide-reply-img {
  transform: rotate(180deg);
}
.expand-comments-container .reply-container {
  position: relative;
}
.expand-comments-container .reply-container .send-reply {
  right: 16px;
  top: 4px;
  position: absolute;
}
.expand-comments-container .reply-container .cancel-reply {
  right: 80px;
  top: 4px;
  position: absolute;
}
.expand-comments-container .edit-main-comment-wrapper .edit-comment-container {
  display: none;
}
.expand-comments-container .edit-main-comment-wrapper:hover {
  transition: ease all 0.4s;
  background-color: rgba(232, 234, 240, 0.3);
}
.expand-comments-container .edit-main-comment-wrapper:hover .edit-comment-container {
  display: flex;
  margin-left: 20px;
  align-items: center;
}
.expand-comments-container .edit-main-comment-wrapper:hover .edit-comment-container .edit-comment {
  display: flex;
  margin-right: 7px;
  padding-right: 8px;
  align-items: center;
  border-right: solid 1px #cdd5df;
}
.expand-comments-container .edit-main-comment-wrapper:hover .edit-comment-container .edit-comment:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.expand-comments-container .edit-main-comment-wrapper:hover .edit-comment-container .edit-comment .edit {
  color: #020e16;
  font-size: 14px;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.expand-comments-container .edit-main-comment-wrapper .user-detail {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.expand-comments-container .edit-main-comment-wrapper .user-detail .comment-btn-container {
  display: none;
}
.expand-comments-container .edit-main-comment-wrapper .user-detail .delete-comment {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px 10px 0;
  transition: ease all 0.4s;
  background-color: #fbfcfc;
  border-top: solid 1px #cdd5df;
  border-bottom: solid 1px #cdd5df;
}
.expand-comments-container .edit-main-comment-wrapper .user-detail .delete-comment .comment-btn-container {
  margin-top: 0;
  display: flex;
  align-items: center;
}
.expand-comments-container .edit-main-comment-wrapper .user-detail .delete-comment .comment-btn-container .edit-btn {
  padding: 8px 9px !important;
}
.expand-comments-container .edit-main-comment-wrapper .user-detail .delete-comment .comment-btn-container .edit-btn img {
  width: 16px !important;
}
.expand-comments-container .edit-comment-wrapper {
  padding: 12px 0 12px 63px;
}
.expand-comments-container .edit-comment-wrapper .edit-comment-container {
  display: none;
}
.expand-comments-container .edit-comment-wrapper:hover {
  transition: ease all 0.4s;
  background-color: rgba(232, 234, 240, 0.3);
}
.expand-comments-container .edit-comment-wrapper:hover .edit-comment-container {
  display: flex;
  margin-left: 20px;
  align-items: center;
}
.expand-comments-container .edit-comment-wrapper:hover .edit-comment-container .edit-comment {
  display: flex;
  margin-right: 7px;
  padding-right: 8px;
  align-items: center;
  border-right: solid 1px #cdd5df;
}
.expand-comments-container .edit-comment-wrapper:hover .edit-comment-container .edit-comment:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.expand-comments-container .edit-comment-wrapper:hover .edit-comment-container .edit-comment .edit {
  color: #020e16;
  font-size: 14px;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.expand-comments-container .edit-comment-wrapper .user-detail {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.expand-comments-container .edit-comment-wrapper .user-detail .comment-btn-container {
  display: none;
}
.expand-comments-container .edit-comment-wrapper .user-detail .delete-comment {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px 10px 0;
  transition: ease all 0.4s;
  background-color: #fbfcfc;
  border-top: solid 1px #cdd5df;
  border-bottom: solid 1px #cdd5df;
}
.expand-comments-container .edit-comment-wrapper .user-detail .delete-comment .comment-btn-container {
  margin-top: 0;
  display: flex;
  align-items: center;
}
.expand-comments-container .edit-comment-wrapper .user-detail .delete-comment .comment-btn-container .edit-btn {
  padding: 8px 9px !important;
}
.expand-comments-container .edit-comment-wrapper .user-detail .delete-comment .comment-btn-container .edit-btn img {
  width: 16px !important;
}
.expand-comments-container .edit-comment-wrapper.delete-comment-container {
  transition: none !important;
  padding: 0 0 0 87px !important;
  background-color: transparent !important;
}
.expand-comments-container .edit-comment-wrapper.delete-comment-container .delete-comment {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px 10px 0;
  transition: ease all 0.4s;
  background-color: #fbfcfc;
  border-top: solid 1px #cdd5df;
  border-bottom: solid 1px #cdd5df;
}
.expand-comments-container .edit-comment-wrapper.delete-comment-container .delete-comment input {
  margin: 0;
  width: 100%;
  border: 0px !important;
  box-shadow: none !important;
  padding: 0px 10px !important;
  background-color: transparent !important;
}
.expand-comments-container .edit-comment-wrapper.delete-comment-container .delete-comment .comment-btn-container {
  margin-top: 0;
  display: flex;
  align-items: center;
}
.expand-comments-container .edit-comment-wrapper.delete-comment-container .delete-comment .comment-btn-container .edit-btn {
  padding: 8px 9px !important;
}
.expand-comments-container .edit-comment-wrapper.delete-comment-container .delete-comment .comment-btn-container .edit-btn img {
  width: 16px !important;
}

.user-icon {
  width: 20px;
}

.product-thumbnail-container {
  position: relative;
}
.product-thumbnail-container .style-2 {
  top: 4px;
  right: 36px;
  padding: 6px !important;
  border-radius: 4px !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.product-thumbnail-container .style-2 .edit-product {
  opacity: 1 !important;
}
.product-thumbnail-container .edit-product-dropdown {
  padding: 4px 0 !important;
  border-radius: 4px !important;
  background-color: #2e3f55 !important;
  box-shadow: 0 4px 14px 0 rgba(4, 19, 41, 0.4) !important;
}
.product-thumbnail-container .edit-product-dropdown li {
  padding: 8px 16px !important;
}
.product-thumbnail-container .edit-product-dropdown li:hover {
  background-color: transparent !important;
}
.product-thumbnail-container .edit-product-dropdown li span {
  color: var(--white-color) !important;
  font-size: 14px !important;
  font-family: roboto-regular !important;
}
.product-thumbnail-container .thumbnail {
  max-width: 9.75rem;
}

.product-thumbnail {
  max-width: 9.75rem;
}

.thumbnail {
  max-width: 90%;
}

.user-testing-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  align-items: center;
}
.user-testing-wrapper .testing-container {
  width: 23.9%;
  border-radius: 4px;
  margin: 0 13px 13px 0;
  transition: ease all 0.4s;
  border: solid 1px #cdd5df;
  background-color: #fbfcfc;
  padding: 16px 20px 17px 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .user-testing-wrapper .testing-container {
    width: calc(50% - 8px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .user-testing-wrapper .testing-container:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .user-testing-wrapper .testing-container {
    width: 100%;
    margin-right: 0;
  }
}
.user-testing-wrapper .testing-container:last-child {
  margin-right: 0;
}
.user-testing-wrapper .testing-container:nth-child(4) {
  margin-right: 0;
}
.user-testing-wrapper .testing-container:hover {
  background-color: #f3fbfb;
  box-shadow: 0 4px 24px 0 rgba(133, 144, 156, 0.24);
}
.user-testing-wrapper .testing-container.active {
  background-color: #f3fbfb;
  box-shadow: 0 4px 24px 0 rgba(133, 144, 156, 0.24);
}
.user-testing-wrapper .testing-container .testing-container-head {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 15px;
  border-bottom: solid 1px #d1d6e1;
}
.user-testing-wrapper .testing-container .testing-container-head img {
  width: 24px;
}
.user-testing-wrapper .testing-container .testing-container-head .title {
  font-size: 16px;
  margin-bottom: 0;
  color: #020e16;
  margin-left: 12px;
  font-family: roboto-medium;
}
.user-testing-wrapper .testing-container .testing-container-body .added-test-count {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container {
  padding: 0;
  margin: 0;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container.has-scroll {
  height: 140px;
  max-height: 140px;
  overflow-y: hidden;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container.has-scroll:hover {
  overflow-y: scroll;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container li {
  display: flex;
  font-size: 14px;
  color: #12141a;
  align-items: center;
  margin-bottom: 12px;
  line-height: normal;
  list-style-type: none;
  font-family: roboto-regular;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container li:last-child {
  margin-bottom: 0;
}
.user-testing-wrapper .testing-container .testing-container-body .list-container li img {
  margin-right: 12px;
}
.user-testing-wrapper .testing-container .testing-container-body .container-cta {
  width: 100%;
  margin-top: 8px;
}

.default-testing-wrapper .saved-container {
  display: flex;
  padding: 8px 20px;
  border-radius: 8px;
  align-items: center;
  background-color: rgba(36, 193, 30, 0.1);
}
.default-testing-wrapper .saved-container .test-added {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.default-testing-wrapper .saved-container .test-added .test-set-number {
  color: #020e16 !important;
  font-family: roboto-medium !important;
}
.default-testing-wrapper .saved-container .test-added .remove-test {
  cursor: pointer;
  color: #008def !important;
  font-family: roboto-medium !important;
}

.upload-document-cta {
  font-size: 14px !important;
}
.upload-document-cta img {
  width: 16px !important;
}

.no-result-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-result-container div {
  width: 23%;
  max-width: 23%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.no-result-container div .title {
  font-size: 20px;
  color: #676e73;
  margin-top: 20px;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.no-result-container div .subtitle {
  font-size: 16px;
  color: #676e73;
  text-align: center;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-regular;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-pagination {
    flex-direction: row !important;
  }
}

.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.doc-upload-timeline-wrapper {
  width: 900px;
  margin: auto;
  margin-top: 50px;
  position: relative;
}
.doc-upload-timeline-wrapper::after {
  top: 20px;
  bottom: 0;
  left: 50%;
  width: 1px;
  content: "";
  position: absolute;
  background-color: #b7c3d1;
}
.doc-upload-timeline-wrapper .timeline-title {
  top: 0;
  z-index: 9;
  color: #fff;
  font-size: 14px;
  padding: 4px 7px;
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 16px);
  display: inline-block;
  border: solid 1px #fff;
  font-family: roboto-medium;
  background-color: #08a7a7;
  box-shadow: 0 2px 8px 0 rgba(18, 20, 26, 0.16);
}
.doc-upload-timeline-wrapper .file-attached-container {
  width: 54%;
  position: relative;
}
.doc-upload-timeline-wrapper .file-attached-container.left {
  left: 0;
  margin-left: -47px;
}
.doc-upload-timeline-wrapper .file-attached-container.left:after {
  z-index: 1;
  content: "";
  width: 13px;
  height: 13px;
  right: -22px;
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 7px);
  border: solid 1px #fff;
  background-color: #08a7a7;
  box-shadow: 0 2px 8px 0 rgba(18, 20, 26, 0.16);
}
.doc-upload-timeline-wrapper .file-attached-container.right {
  left: 50%;
  margin-left: 15px;
}
.doc-upload-timeline-wrapper .file-attached-container.right:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  left: -21px;
  z-index: 1;
  border-radius: 50%;
  top: calc(50% - 7px);
  border: solid 1px #fff;
  background-color: #08a7a7;
  box-shadow: 0 2px 8px 0 rgba(18, 20, 26, 0.16);
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container {
  width: 100%;
  display: flex !important;
  border: none !important;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08);
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container .doc-container {
  padding: 12px 12px 11px !important;
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container .doc-container .file-details {
  margin-left: 4px !important;
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container .doc-container .file-details .doc-status-icon {
  width: 16px;
  margin-right: 6px;
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container .file-details-container {
  padding: 12px 16px !important;
  justify-content: initial !important;
  border-top: solid 1px #d1d6e1 !important;
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container .file-details-container .column {
  flex: initial !important;
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container .file-details-container .column:last-child {
  padding-left: 11px !important;
  margin-left: 12px !important;
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container .file-details-container .column .sub-icon {
  width: 35px;
  height: 35px;
  border-radius: 30px;
  display: inline-block;
}
.doc-upload-timeline-wrapper .file-attached-container .doc-history-container .file-details-container .column .user-name-detail {
  margin-left: 4px !important;
}
.doc-upload-timeline-wrapper .file-attached-container .upload-date-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-left: solid 1px #d1d6e1;
}
.doc-upload-timeline-wrapper .file-attached-container .upload-date-container .date-container {
  padding: 12px 10px 10px 7px;
}
.doc-upload-timeline-wrapper .file-attached-container .upload-date-container .date-container span {
  font-size: 14px;
  color: #020e16;
  line-height: normal;
  margin-bottom: 0px;
  font-family: roboto-regular;
}
.doc-upload-timeline-wrapper .file-attached-container .upload-date-container .date-container .bold-text {
  font-size: 24px;
  margin-top: 8px;
  margin-bottom: 8px !important;
  font-family: roboto-medium;
}
.doc-upload-timeline-wrapper .file-attached-container .upload-status {
  width: 69px !important;
  justify-content: center !important;
}
.doc-upload-timeline-wrapper .file-attached-container .styled-checkbox-container {
  top: 10px;
}

.progress-container {
  display: flex;
  flex-direction: column;
}
.progress-container .progress-status {
  font-size: 12px;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-medium;
}
.progress-container .green {
  color: #24c11e;
}
.progress-container .blue {
  color: #00a7ff !important;
}
.progress-container .progress-bar {
  width: 65%;
  height: 4px;
  padding: 0 30px 0 0;
  border-radius: 3px;
  background-color: rgba(0, 167, 255, 0.1);
}
.progress-container .bg-green {
  width: 200%;
  background-color: #24c11e;
}
.progress-container .bg-blue {
  width: 100%;
  background-color: #00a7ff;
}

.result-status-wrapper {
  display: flex;
  padding: 10px 10px;
  border-radius: 5px;
  align-items: center;
}
.result-status-wrapper.inline {
  display: inline-flex;
}
.result-status-wrapper .result-status {
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}

.result-status-wrapperp {
  display: flex;
  padding: 5px 10px;
  border-radius: 5px;
  align-items: center;
}
.result-status-wrapperp.inline {
  display: inline-flex;
}
.result-status-wrapperp .result-status {
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}

.pass-container {
  background-color: #e9f9e8;
}
.pass-container .pass {
  color: #1d9a18;
}

.fail-container {
  background-color: #fee8eb;
}
.fail-container .fail {
  color: #f81538;
}
.fail-container .cancel {
  color: #c6112d;
}

.gray-container {
  background-color: #e6e7e8;
}
.gray-container .report {
  color: #676e73;
}

.investigate-container {
  background-color: #fff9e5;
}
.investigate-container .investigate {
  color: #cc9e00;
}

.implement-container {
  background-color: #eaf4f5;
}
.implement-container .implement {
  color: #0e747d;
}

.hold-container {
  background-color: rgba(255, 86, 38, 0.1);
}
.hold-container .hold {
  color: #ff5626;
}

.new-container {
  background-color: #f6f0fc;
}
.new-container .new-text {
  color: #a367dc;
}

.booking-container {
  background-color: rgba(206, 237, 237, 0.5);
}
.booking-container .booked {
  color: #08a7a7;
}

.sample-badge-container {
  background-color: #fff9e5;
}
.sample-badge-container .sample {
  color: #cc9e00;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .mobile-header-bg {
    background-image: none !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header-bg {
    background-image: none !important;
  }
}

.mobile-header-container {
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header-container {
    align-items: flex-start;
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header-container .column {
    flex: 1.5;
  }
  .mobile-header-container .column:last-child {
    flex: 0.5;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header-container .mobile-sub-head {
    font-size: 12px;
  }
}
.mobile-header-container .input-container {
  display: block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header-container .input-container {
    display: none;
  }
}
.mobile-header-container .filter-cta {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header-container .filter-cta {
    display: block;
  }
}

.disable-card {
  box-shadow: none !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.create-po-container {
  display: flex;
  padding: 12px;
  align-items: center;
  border-radius: 8px;
  background-color: #f4f6f8;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .create-po-container .icon {
    width: 40px;
  }
}
.create-po-container .text-container {
  margin-left: 11px;
}
.create-po-container .text {
  font-size: 16px;
  color: #676e73;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .create-po-container .text {
    font-size: 12px;
  }
}
.create-po-container .sub-text {
  font-size: 18px;
  color: #12141a;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.create-po-container .add-btn {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .create-po-container .add-btn {
    display: none;
  }
}
.create-po-container .mb-add-btn {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .create-po-container .mb-add-btn {
    display: block;
  }
}

.po-quantity-title {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0px;
  font-family: roboto-medium;
}

.pending-product-container {
  display: flex;
  cursor: pointer;
  position: relative;
  align-items: center;
  margin-bottom: 24px;
  flex-direction: column;
  justify-content: center;
  width: 240px !important;
  margin-right: 24px !important;
  padding: 8px 8px 24px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pending-product-container {
    width: 219px !important;
    margin-right: 12px !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pending-product-container {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
    width: 100% !important;
    margin-right: 0 !important;
    justify-content: flex-start;
    padding: 4px 12px 4px 4px !important;
  }
}
.pending-product-container .mb-product-image {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pending-product-container .mb-product-image {
    display: block;
  }
}
.pending-product-container .product-image {
  display: block;
  width: 224px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pending-product-container .product-image {
    width: 203px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pending-product-container .product-image {
    display: none;
  }
}
.pending-product-container .sub-container {
  text-align: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pending-product-container .sub-container {
    flex: 1;
    text-align: left;
    margin-top: 10px;
    margin-left: 12px;
  }
}
.pending-product-container .title {
  font-size: 14px;
  color: #676e73;
  margin: 20px 0 4px;
  line-height: normal;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pending-product-container .title {
    margin-top: 0;
    font-size: 12px;
  }
}
.pending-product-container .product-count {
  font-size: 36px;
  color: #020e16;
  margin-bottom: 10px;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pending-product-container .product-count {
    font-size: 26px;
    margin-bottom: 4px;
  }
}
.pending-product-container .pass-container {
  border-radius: 50px;
}
.pending-product-container .fail-container {
  border-radius: 50px;
}
.pending-product-container .create-product-cta {
  width: 192px;
  margin-top: 24px;
  font-size: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pending-product-container .create-product-cta {
    width: 175px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pending-product-container .create-product-cta {
    width: 100%;
    display: flex;
    margin-top: 16px;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
  }
}

.product-pending-container {
  z-index: 1;
  top: 11px;
  padding: 8px;
  width: 221px;
  margin-top: -22px;
  position: absolute;
  border-radius: 20px;
  transform: translate(4%);
  background-color: #ff5626;
  box-shadow: 0 6px 7px 0 rgba(162, 63, 36, 0.27);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-pending-container {
    width: 190px !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .product-pending-container {
    top: 0px;
    transform: translate(35%);
  }
}
.product-pending-container img {
  width: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-pending-container img {
    width: 12px !important;
  }
}
.product-pending-container .result-status {
  font-size: 14px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-pending-container .result-status {
    font-size: 12px !important;
  }
}

.pim-container {
  display: flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pim-container {
    flex-direction: column;
  }
}

.legend-container {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
}
.legend-container .legend-item {
  width: 99%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .legend-container .legend-item {
    width: 50%;
  }
}
.legend-container .legend-item .label {
  width: 100% !important;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-card-wrapper {
    margin-bottom: 34px !important;
  }
}

.dashboard-graph-container {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dashboard-graph-container {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .dashboard-graph-container {
    margin-bottom: 8px;
  }
}

.factory-title {
  margin-left: 20px;
  margin-right: 0 !important;
  padding: 8px 11px !important;
  width: 45%;
}

.factory-performance-wrapper .score-badge {
  padding: 7px 16px;
  border-radius: 34px;
  background-color: #445e7f;
  color: var(--white-color);
}
.factory-performance-wrapper .score-badge .badge-text {
  font-size: 16px;
  color: black;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.factory-performance-wrapper .score-badge_red {
  padding: 7px 16px;
  border-radius: 34px;
  background-color: red !important;
}
.factory-performance-wrapper .score-badge_red .badge-text {
  font-size: 16px;
  color: var(--white-color);
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.factory-performance-wrapper .average-badge {
  width: 43px;
  margin: auto;
  max-width: 100%;
  padding: 4px 8px !important;
  border-radius: 4px !important;
}
.factory-performance-wrapper .average-badge .average-number {
  font-size: 14px !important;
}
.factory-performance-wrapper .audit-table-container {
  padding-left: 30px !important;
}
.factory-performance-wrapper .audit-table {
  border-radius: 10px;
  border: solid 1px #cdd5df;
}
.factory-performance-wrapper .audit-table .average-info {
  background-color: #edf0f4 !important;
}
.factory-performance-wrapper .average-info {
  background-color: #edf0f4 !important;
}
.factory-performance-wrapper .analytics-container {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #b7c3d1;
}
.factory-performance-wrapper .analytics-container:last-child {
  margin-bottom: 0px;
  padding-bottom: 10px;
  border-bottom: 0;
}
.factory-performance-wrapper .analytics-container img {
  margin-right: 16px;
}
.factory-performance-wrapper .analytics-container .title {
  color: #353e45;
  line-height: normal;
  font-family: roboto-medium;
}
.factory-performance-wrapper .analytics-container .analytics-title {
  font-size: 14px;
  margin-bottom: 8px;
}
.factory-performance-wrapper .analytics-container .analytics-count {
  font-size: 24px;
  margin-bottom: 0;
}

.Factory_Avg {
  width: 100% !important;
}

.factoryAvg {
  columns: red;
}

.allFactoryAvg {
  color: #4ea94a;
}

.score-badge-green {
  background-color: #4ea94a !important;
  color: white;
}

.score-badge-red {
  background-color: #f81538 !important;
  color: white;
}

.score-badge-veryGood {
  background-color: #24c11e !important;
  color: black !important;
}

.score-badge-acceptable {
  background-color: #0000FF !important;
  color: black !important;
}

.score-badge-nonCompliance {
  background-color: #FFA500 !important;
  color: black !important;
}

.score-badge-critical {
  background-color: #f81538 !important;
  color: black !important;
}

.score-badge-excellent {
  background-color: #00FF00 !important;
  color: black !important;
}

.filter-wrapper {
  display: flex;
  border-radius: 6px;
  align-items: center;
  margin-bottom: 16px;
  padding: 2px 2px 2px 12px;
  background-color: #ceeded;
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-wrapper {
    flex-direction: column;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    padding: 12px 12px 2px 12px;
    margin: -16px -16px 16px -16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-wrapper {
    flex-direction: column;
    align-items: flex-start;
    border-radius: 6px 6px 0 0;
    padding: 12px 12px 2px 12px;
    margin: -24px -24px 16px -24px;
  }
}
.filter-wrapper .quick-search {
  font-size: 14px;
  width: 220px;
  color: #353e45;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: roboto-medium;
}
.filter-wrapper .quick-search span {
  color: #9a9fa2;
}
.filter-wrapper .arrow-container {
  display: flex;
  margin: 0 6px;
  padding: 9px 7px;
  border-radius: 80px;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.4);
}
.filter-wrapper .arrow-container.active {
  background-color: white;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-wrapper .arrow-container {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-wrapper .arrow-container {
    display: none;
  }
}
.filter-wrapper .arrow-container .left-arrow {
  transform: rotate(90deg);
}
.filter-wrapper .arrow-container .right-arrow {
  transform: rotate(-90deg);
}
.filter-wrapper .filters-container {
  margin: 0;
  padding: 0;
  max-width: 75%;
  display: flex;
  align-items: center;
  list-style-type: none;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}
.filter-wrapper .filters-container::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-wrapper .filters-container {
    width: 97vw;
    max-width: 97vw;
    margin-top: 8px;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-wrapper .filters-container {
    width: 92vw;
    max-width: 92vw;
    margin-top: 8px;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 10px;
  }
}
.filter-wrapper .filters-container .filter-item {
  display: flex;
  color: var(--white-color);
  margin-left: 4px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  padding: 4px 8px 4px 4px;
  background-color: var(--white-color);
  border: solid 1px #cdd5df;
  cursor: pointer;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-wrapper .filters-container .filter-item:first-child {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-wrapper .filters-container .filter-item:first-child {
    margin-left: 0;
  }
}
.filter-wrapper .filters-container .filter-item:last-child {
  margin-right: 4px;
}
.filter-wrapper .filters-container .filter-item.active {
  background-color: #08a7a7;
}
.filter-wrapper .filters-container .filter-item.active .filter-count {
  color: #08a7a7;
  background-color: var(--white-color);
}
.filter-wrapper .filters-container .filter-item.active .filter-name {
  color: var(--white-color);
}
.filter-wrapper .filters-container .filter-item.active .edit-filter .filter-menu {
  opacity: 1;
  transform: rotate(180deg);
}
.filter-wrapper .filters-container .filter-item .filter-count {
  font-size: 12px;
  color: var(--white-color);
  display: flex;
  height: 24px;
  width: 24px;
  margin-right: 4px;
  border-radius: 80px;
  align-items: center;
  justify-content: center;
  border: solid 2px var(--white-color);
  font-family: roboto-medium;
  background-color: #008def;
}
.filter-wrapper .filters-container .filter-item .filter-name {
  font-size: 12px;
  color: #12141a;
  font-family: roboto-regular;
}
.filter-wrapper .filters-container .filter-item .edit-filter {
  margin-left: 8px;
}
.filter-wrapper .filters-container .filter-item .edit-filter .filter-menu {
  opacity: 0.6;
  transform: rotate(90deg);
  cursor: pointer !important;
}

.applied-filters-container {
  display: flex;
  margin-left: 12px;
  padding-left: 12px;
  align-items: center;
  border-left: solid 1px #cdd5df;
}
.applied-filters-container .filter-badge {
  color: #4c698d !important;
}
.applied-filters-container .save-filter {
  background-color: rgba(76, 105, 141, 0.1) !important;
}

.applied-filter-alert {
  border: solid 1px #5f6f97 !important;
  background-color: #e6f6f6 !important;
}
.applied-filter-alert .applied-text {
  color: #353e45 !important;
}

.saved-filter-alert {
  border: solid 1px #e9f9e8 !important;
  background-color: #e9f9e8 !important;
}
.saved-filter-alert .saved-text {
  color: #167412 !important;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-cta-container {
    padding-top: 12px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-cta-container {
    padding-top: 12px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-cta-container .save-cta-container {
    margin-top: 19px;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-cta-container .save-cta-container {
    margin-top: 19px;
    justify-content: center;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .filter-alert-wrapper {
    top: 66% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-alert-wrapper {
    top: 50% !important;
  }
}

.new-landing-wrapper {
  display: flex;
  width: 100%;
  max-width: 100%;
  padding-top: 24px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-landing-wrapper {
    padding-top: 16px;
  }
}
.new-landing-wrapper .column {
  flex: 1;
}
.new-landing-wrapper .column .heading {
  font-size: 32px;
  color: #020e16;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.new-landing-wrapper .column .sub-heading {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 24px;
  font-family: roboto-regular;
}
.new-landing-wrapper .column .to-do-container {
  border-radius: 8px;
  background-color: var(--white-color);
  padding: 24px 2px 12px 2px;
}
.new-landing-wrapper .column .to-do-container .submenu-body {
  position: relative;
  overflow-y: scroll;
  height: calc(100vh - 150px);
}
.new-landing-wrapper .column .to-do-container .submenu-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.new-landing-wrapper .column .to-do-container .submenu-body::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.new-landing-wrapper .column .to-do-container .submenu-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container {
  margin-top: 16px;
  padding-bottom: 7px;
  border-bottom: solid 1px rgba(183, 195, 209, 0.4);
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .title {
  font-size: 14px;
  color: #676e73;
  padding-left: 22px;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li {
  display: flex;
  cursor: pointer;
  padding: 12px 22px;
  border-radius: 4px;
  align-items: flex-start;
  transition: ease all 0.4s;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li:hover {
  border-radius: 6px;
  background-color: #edf0f4;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li:hover .time {
  display: none;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li:hover .edit {
  display: block;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li:hover .edit .edit-product {
  opacity: 1;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li:hover .edit .edit-product-dropdown {
  padding: 4px 0;
  border-radius: 4px;
  background-color: #2e3f55;
  box-shadow: 0 4px 14px 0 rgba(4, 19, 41, 0.4);
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li:hover .edit .edit-product-dropdown li {
  padding: 8px 16px;
  align-items: center;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li:hover .edit .edit-product-dropdown li:hover {
  border-radius: 0;
  background-color: rgba(68, 94, 127, 0.6);
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li:hover .edit .edit-product-dropdown li span {
  font-size: 14px;
  color: var(--white-color);
  font-family: roboto-regular;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .old-notification .list-style {
  display: none;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .old-notification .list-icon {
  margin-left: 20px;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .list-style {
  width: 8px;
  height: 8px;
  margin-right: 12px;
  border-radius: 20px;
  background-color: #08a7a7;
  box-shadow: 0 3px 5px 0 rgba(5, 100, 100, 0.44);
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .list-item-container {
  flex: 1;
  margin-left: 12px;
  flex-direction: column;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .list-item-container .list-title {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .list-item-container .list-title span {
  font-family: roboto-medium;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .list-item-container .list-subtitle {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .list-item-container .list-subtitle span {
  color: #020e16;
  font-family: roboto-medium;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .list-item-container .list-subtitle .due-time {
  color: #ff5626 !important;
  font-family: roboto-regular !important;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .time {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.new-landing-wrapper .column .to-do-container .submenu-body .notification-container .list-container ul li .edit {
  display: none;
}
.new-landing-wrapper .column .to-do-container .submenu-body .no-data-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new-landing-wrapper .blog-container {
  margin-left: 26px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-landing-wrapper .blog-container {
    margin-left: 0;
  }
}
.new-landing-wrapper .blog-container .new-title {
  font-size: 16px;
  color: #676e73;
  margin-bottom: 16px;
  font-family: roboto-medium;
}
.new-landing-wrapper .blog-container .blog-wrapper {
  position: relative;
}
.new-landing-wrapper .blog-container .blog-wrapper .blog-sub-container {
  bottom: 0;
  position: absolute;
  padding: 24px 32px 24px 24px;
  backdrop-filter: blur(24px);
  border-radius: 0 0px 12px 12px;
  -webkit-backdrop-filter: blur(24px);
  background-color: rgba(0, 0, 0, 0.4);
}
.new-landing-wrapper .blog-container .blog-wrapper .blog-sub-container .blog-title {
  font-size: 16px;
  color: var(--white-color);
  margin-bottom: 8px;
  font-family: roboto-medium;
}
.new-landing-wrapper .blog-container .blog-wrapper .blog-sub-container .blog-content {
  font-size: 14px;
  margin-bottom: 16px;
  font-family: roboto-regular;
  color: rgba(255, 255, 255, 0.8);
}
.new-landing-wrapper .blog-container .blog-wrapper .blog-sub-container .posting-time {
  font-size: 12px;
  margin-bottom: 16px;
  font-family: roboto-regular;
  color: rgba(255, 255, 255, 0.8);
}
.new-landing-wrapper .blog-container .blog-card-container {
  display: flex;
  padding: 20px;
  margin-top: 12px;
  cursor: pointer;
  border-radius: 8px;
  align-items: flex-start;
  background-color: var(--white-color);
  transition: ease all 0.4s;
}
.new-landing-wrapper .blog-container .blog-card-container:hover {
  box-shadow: 0 6px 32px 0 rgba(156, 163, 180, 0.5);
}
.new-landing-wrapper .blog-container .blog-card-container .pass-icon {
  width: 44px;
}
.new-landing-wrapper .blog-container .blog-card-container .card-content {
  margin-left: 20px;
}
.new-landing-wrapper .blog-container .blog-card-container .card-content .card-title {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 8px;
  font-family: roboto-medium;
}
.new-landing-wrapper .blog-container .blog-card-container .card-content .card-detail {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 16px;
  font-family: roboto-regular;
}

.tab-wrapper {
  margin-left: 22px;
}
.tab-wrapper ul li {
  color: #353e45;
  background-color: #f1f3f6;
}
.tab-wrapper ul li:hover {
  color: #353e45;
  background-color: #f1f3f6;
}
.tab-wrapper ul li.active {
  color: var(--white-color);
  background-color: #08a7a7;
}

.landing-header-container {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-header-container {
    right: 0;
    top: 100px;
    z-index: 19;
    display: block;
    position: absolute;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-header-container {
    z-index: 19;
    display: block;
    min-height: 60px;
    position: relative;
    padding-right: 0 !important;
    background: var(--page-header-color);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-header-container .landing-sub-container {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-header-container .landing-sub-container {
    right: 0;
    top: 10px;
    width: 80%;
    position: absolute;
  }
}
.landing-header-container .checkout-feature-contaier {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-header-container .checkout-feature-contaier {
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 8px 0 0 8px;
    background-color: #6771dc;
    padding: 12px 11px 12px 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-header-container .checkout-feature-contaier {
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 8px 0 0 8px;
    background-color: #6771dc;
    padding: 12px 11px 12px 36px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-header-container .checkout-feature-contaier span {
    font-size: 14px;
    color: #fff;
    margin-right: 8px;
    font-family: roboto-regular;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-header-container .checkout-feature-contaier span {
    font-size: 14px;
    color: #fff;
    margin-right: 8px;
    font-family: roboto-regular;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-header-container .checkout-feature-contaier .new-badge-icon {
    top: 0;
    left: -4px;
    position: absolute;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-header-container .checkout-feature-contaier .new-badge-icon {
    top: 0;
    left: -4px;
    position: absolute;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper {
    flex-direction: column !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper {
    flex-direction: column !important;
  }
}
.landing-update-wrapper .column .main-heading {
  color: #fff !important;
  margin-bottom: 4px !important;
  font-family: trim-web-medium !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .main-heading {
    font-size: 20px !important;
  }
}
.landing-update-wrapper .column .inner-heading {
  color: #fff !important;
  margin-bottom: 32px !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .inner-heading {
    margin-bottom: 12px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .column .inner-heading {
    margin-bottom: 24px !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .landing-to-do .tab-items {
    flex: initial !important;
    font-size: 14px !important;
  }
}
.landing-update-wrapper .column .landing-to-do .all-notification-container {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .landing-to-do .all-notification-container {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .column .landing-to-do .all-notification-container {
    display: none;
  }
}
.landing-update-wrapper .column .landing-to-do .view-notification-cta {
  display: none;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .landing-to-do .view-notification-cta {
    display: flex;
    margin-top: 12px;
    margin-right: 12px;
    padding-bottom: 4px;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .column .landing-to-do .view-notification-cta {
    display: flex;
    margin-top: 12px;
    margin-right: 12px;
    padding-bottom: 4px;
    justify-content: flex-end;
  }
}
.landing-update-wrapper .column .trust-wrapper {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .trust-wrapper {
    margin-top: 12px;
  }
}
.landing-update-wrapper .column .trust-wrapper .sub-container {
  display: flex;
  margin-right: 24px;
  align-items: center;
  flex-direction: column;
}
.landing-update-wrapper .column .trust-wrapper .sub-container:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .trust-wrapper .sub-container img {
    width: 21px;
  }
}
.landing-update-wrapper .column .trust-wrapper .sub-container .col-text {
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 0;
  color: #9a9fa2;
  font-family: roboto-regular;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .trust-wrapper .sub-container .col-text {
    font-size: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .column .trust-wrapper .sub-container .col-text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .column .mobile-footer {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .column .mobile-footer {
    display: none;
  }
}
.landing-update-wrapper .new-updates-container {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .new-updates-container {
    margin-left: 0;
  }
}
.landing-update-wrapper .new-updates-container .main-title {
  color: #fff !important;
  margin-bottom: 24px !important;
  font-family: trim-web-medium !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .main-title {
    color: #13316e !important;
    margin-bottom: 16px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .new-updates-container .main-title {
    color: #13316e !important;
    margin-bottom: 24px !important;
  }
}
.landing-update-wrapper .new-updates-container .explore-wrapper {
  padding: 4px;
  border-radius: 8px;
  border: solid 1px #fff;
  background-color: #fff;
}
.landing-update-wrapper .new-updates-container .explore-wrapper img {
  width: 100%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .explore-wrapper img {
    height: 231px !important;
  }
}
.landing-update-wrapper .new-updates-container .explore-wrapper .explore-container {
  left: 4px;
  right: 4px;
  bottom: 4px !important;
  border-radius: 0 0 8px 8px !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .explore-wrapper .explore-container {
    padding: 8px 12px 12px 8px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .new-updates-container .explore-wrapper .explore-container {
    padding: 20px !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .explore-wrapper .explore-container .explore-now-title {
    font-size: 14px !important;
    margin-bottom: 4px !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .explore-wrapper .explore-container .explore-now-subtitle {
    font-size: 12px !important;
    margin-bottom: 12px !important;
  }
}
.landing-update-wrapper .new-updates-container .whats-new-wrapper {
  padding: 24px;
  margin-top: 20px;
  border-radius: 8px;
  border: solid 1px #fff;
  background-color: #fff;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .whats-new-wrapper {
    padding: 20px;
    margin-top: 16px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .new-updates-container .whats-new-wrapper {
    margin-bottom: 100px;
  }
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper {
  display: flex;
  margin-top: 60px;
  align-items: center;
  flex-direction: column;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .update-title {
  display: flex;
  font-size: 24px;
  color: #13316e;
  margin-bottom: 24px;
  align-items: center;
  font-family: trim-web-medium;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .update-title .updates-container {
  display: flex;
  margin-left: 8px;
  padding: 4px 12px;
  border-radius: 4px;
  align-items: center;
  background-color: rgba(36, 193, 30, 0.1);
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .update-title .updates-container .update-text {
  font-size: 24px;
  color: #167412;
  margin-left: 8px;
  font-family: trim-web-medium;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container {
  width: 100%;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item {
  width: 49%;
  display: flex;
  cursor: pointer;
  border-radius: 8px;
  margin-right: 12px;
  margin-bottom: 12px;
  align-items: center;
  padding: 4px 14px 4px 4px;
  transition: ease all 0.4s;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item:hover {
  box-shadow: 0 4px 12px 0 #c0c5ca;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item {
    width: 100%;
    margin-right: 0;
    padding: 4px 12px 4px 4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item {
    width: 48.7%;
  }
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item:nth-child(2n) {
  margin-right: 0;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item:nth-child-child(2n) {
  margin-bottom: 0;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item:last-child {
  margin-bottom: 0;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item.card-one {
  background-image: linear-gradient(94deg, #a3ffff -53%, #1b50be 100%);
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item.card-two {
  background-image: linear-gradient(94deg, #a3ffff -53%, #196d80 100%);
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item.card-three {
  background-image: linear-gradient(94deg, #a3ffff -45%, #1b79be 100%);
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item.card-four {
  background-image: linear-gradient(94deg, #a3ffff -53%, #5c4cbf 100%);
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item.card-five {
  margin-bottom: 0;
  background-image: linear-gradient(94deg, #a3ffff -53%, #7b53bb 100%);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item.card-five {
    margin-bottom: 12px;
  }
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item.card-six {
  background-image: linear-gradient(99deg, #a3ffff -42%, #9d4890 93%);
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item .sub-container {
  margin-left: 12px;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item .sub-container .card-title {
  font-size: 16px;
  color: var(--white-color);
  margin-bottom: 8px;
  text-transform: capitalize;
  font-family: trim-web-medium;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item .sub-container img {
  width: 10px;
  margin-right: 4px;
}
.landing-update-wrapper .new-updates-container .discover-updates-wrapper .discover-updates-container .card-item .sub-container .sub-title {
  font-size: 14px;
  color: var(--white-color);
  margin-bottom: 0;
  font-family: roboto-regular;
}
.landing-update-wrapper .new-updates-container .upcoming-features-wrapper .features-container {
  background-color: rgba(255, 197, 0, 0.1) !important;
}
.landing-update-wrapper .new-updates-container .upcoming-features-wrapper .features-container .feature-text {
  color: #cc9e00 !important;
}
.landing-update-wrapper .new-updates-container .upcoming-features-wrapper .feature-card {
  padding: 0 !important;
  width: 45% !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
}
.landing-update-wrapper .new-updates-container .upcoming-features-wrapper .feature-card:hover {
  box-shadow: none !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .upcoming-features-wrapper .feature-card {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
  }
}
.landing-update-wrapper .new-updates-container .upcoming-features-wrapper .feature-card:nth-child(2n) {
  margin-right: 0 !important;
}
.landing-update-wrapper .new-updates-container .upcoming-features-wrapper .feature-card .feature-container {
  margin-left: 16px;
}
.landing-update-wrapper .new-updates-container .upcoming-features-wrapper .feature-card .feature-container .feature-title {
  font-size: 16px;
  color: #353e45;
  text-transform: capitalize;
  font-family: trim-web-medium;
}
.landing-update-wrapper .new-updates-container .plans-wrapper {
  display: flex;
  margin-top: 40px;
  align-items: center;
  flex-direction: column;
}
.landing-update-wrapper .new-updates-container .plans-wrapper .unlock-feature {
  font-size: 24px;
  color: #13316e;
  margin: 12px 0;
  text-align: center;
  font-family: trim-web-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .landing-update-wrapper .new-updates-container .plans-wrapper .unlock-feature {
    font-size: 20px;
    margin-top: 24px;
  }
}

.mill-detail-container {
  margin-top: 20px !important;
}
.mill-detail-container .mill-icon {
  width: 64px;
  height: 64px;
}
.mill-detail-container .mill-summary-container {
  display: flex;
  align-items: center;
}
.mill-detail-container .mill-summary-container .inspection-item-container {
  display: flex;
  margin-right: 19px;
  padding-right: 20px;
  flex-direction: column;
  border-right: solid 1px rgba(205, 213, 223, 0.4);
}
.mill-detail-container .mill-summary-container .inspection-item-container:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.mill-detail-container .mill-summary-container .inspection-item-container .inspection-item {
  font-size: 14px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
  color: rgba(255, 255, 255, 0.8);
}
.mill-detail-container .mill-summary-container .inspection-item-container .risk-level {
  font-size: 16px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
  color: rgba(255, 255, 255, 0.8);
}
.mill-detail-container .mill-summary-container .inspection-item-container .risk-level .low {
  font-size: 14px;
  margin-left: 6px;
  color: rgba(36, 193, 30, 0.8);
}
.mill-detail-container .mill-summary-container .inspection-item-container .risk-level .medium {
  font-size: 14px;
  margin-left: 6px;
  color: rgba(255, 197, 0, 0.8);
}

.summary-wrapper {
  padding: 24px 20px !important;
}
.summary-wrapper .type-two {
  box-shadow: none !important;
}
.summary-wrapper .main-title {
  font-size: 18px;
  color: #020e16;
  line-height: normal;
  margin-bottom: 16px;
  font-family: roboto-medium;
}
.summary-wrapper .mill-audit-wrapper {
  margin-bottom: 40px;
}
.summary-wrapper .mill-audit-wrapper .audit-summary-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.summary-wrapper .mill-audit-wrapper .audit-summary-container .no-data-container {
  display: flex;
  margin-left: 12px;
  flex-direction: column;
}
.summary-wrapper .mill-audit-wrapper .audit-summary-container .no-data-container .no-data-title {
  font-size: 16px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
  color: rgba(103, 110, 115, 0.8);
}
.summary-wrapper .mill-audit-wrapper .audit-summary-container .no-data-container .no-data-content {
  font-size: 14px;
  margin-bottom: 0;
  color: #676e73;
  line-height: normal;
  font-family: roboto-regular;
}
.summary-wrapper .fabric-inspection-wrapper {
  margin-bottom: 40px;
}

.mill-search-container {
  display: flex;
  align-items: center;
  margin-top: 100px;
  justify-content: center;
  flex-direction: column;
}
.mill-search-container .search-title {
  font-size: 20px;
  color: #676e73;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.mill-search-container .search-subtitle {
  font-size: 16px;
  color: #676e73;
  margin-bottom: 20px;
  line-height: normal;
  font-family: roboto-regular;
}
.mill-search-container .mill-cta-container {
  margin-top: 14px;
  margin-bottom: 14px;
  display: flex;
  margin-top: 14px;
  align-items: center;
}
.mill-search-container .mill-cta-container .mill-cta-item {
  margin-right: 16px;
  color: #676e73 !important;
  padding: 8px 12px !important;
  transition: ease all 0.4s !important;
  font-family: roboto-medium !important;
  background-color: rgba(26, 50, 106, 0.1) !important;
}
.mill-search-container .mill-cta-container .mill-cta-item:last-child {
  margin-right: 0;
}
.mill-search-container .mill-cta-container .mill-cta-item:hover {
  color: #fff !important;
  background-color: #4c698d !important;
}
.mill-search-container .mill-cta-container .mill-cta-item.active {
  color: #fff !important;
  background-color: #4c698d !important;
}

.zero-inspection-value-container .legend-item {
  opacity: 0.4;
}
.zero-inspection-value-container .active {
  opacity: 1;
}

.search-bar-container .input-container {
  width: 649px;
  padding-left: 40px;
  font-size: 16px !important;
  color: #9a9fa2 !important;
  position: initial !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 24px 0 rgba(18, 20, 26, 0.1);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url('thin-search.svg');
}

.header-search-container .input-container {
  width: 336px !important;
  font-size: 14px !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  background-image: url('search-lens.svg');
}
.header-search-container .icon {
  width: 20px !important;
  height: 20px !important;
}

.queationnaire-header {
  background-color: white;
  height: 60px;
  gap: 0px;
  opacity: 0px;
}

.questionnaire-page-wrapper {
  top: 60px;
  z-index: 12;
  padding: 14px 0;
  position: sticky !important;
  background-image: url("/assets/images/Banner.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}
.questionnaire-page-wrapper .header-container {
  margin-right: 60px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .questionnaire-page-wrapper {
    padding: 16px;
  }
}
.questionnaire-page-wrapper.no-sticky {
  position: inherit;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .questionnaire-page-wrapper.inline-mobile-column .my-container {
    flex-direction: row;
  }
}
.questionnaire-page-wrapper.inline-mobile-column .column:last-child {
  flex: initial;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .questionnaire-page-wrapper.inline-mobile-column .column:last-child {
    margin-top: 0;
  }
}
.questionnaire-page-wrapper.sticky-top {
  top: 63px;
  z-index: 15px;
  position: sticky;
}
.questionnaire-page-wrapper .my-container {
  display: flex;
  justify-content: space-between;
}
.questionnaire-page-wrapper .my-container.center-page-wrapper {
  margin: auto;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .questionnaire-page-wrapper .my-container {
    flex-direction: column;
  }
}
.questionnaire-page-wrapper .my-container .subscription-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.questionnaire-page-wrapper .my-container .subscription-form .my-input-group {
  margin: 14px 0px;
}
.questionnaire-page-wrapper .my-container .subscription-form .ng-select.multiple .ng-select-container {
  align-items: baseline !important;
}
.questionnaire-page-wrapper .my-container .subscription-form .styled-radio-container {
  padding-right: 16px;
}
.questionnaire-page-wrapper .my-container .subscription-form .styled-radio-container .styled-radio + label {
  color: #ffffff !important;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .questionnaire-page-wrapper .my-container .subscription-form .primary-cta {
    margin: 0 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .questionnaire-page-wrapper {
    padding: 20px 0;
  }
}
.questionnaire-page-wrapper .my-input-group input {
  margin: 0;
}
.questionnaire-page-wrapper .my-input-group .icon-container {
  bottom: 11px;
}
.questionnaire-page-wrapper .column {
  flex: 1;
  display: flex;
  align-items: center;
}
.questionnaire-page-wrapper .column.single-column {
  flex-direction: column;
  justify-content: center;
}
.questionnaire-page-wrapper .column:last-child {
  justify-content: flex-end;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .questionnaire-page-wrapper .column:last-child {
    margin-top: 16px;
    justify-content: flex-start;
  }
}
.questionnaire-page-wrapper .header-arrow {
  width: 20px;
  opacity: 0.8;
  cursor: pointer;
  margin-right: 26px;
  padding-bottom: 5px;
  transition: ease all 0.4s;
}
.questionnaire-page-wrapper .header-arrow:hover {
  opacity: 1;
  transform: scale(1.1);
}
.questionnaire-page-wrapper .header-text {
  color: #ffffff;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .questionnaire-page-wrapper .primary-cta {
    display: none;
  }
}

.id-label {
  color: white;
}

.to-label-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.to-label {
  white-space: nowrap;
  margin-bottom: 10px;
}

.supplier-name-label {
  color: white;
  font-family: "roboto-light";
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: left;
}

.card-wrapper-stepper {
  padding: 6px;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 16px;
  background-color: var(--white-color);
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.1);
  width: 254px;
  height: 188px;
  gap: 0px;
  border-radius: 8px 8px 8px 8px;
}

.card-stepper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.card-stepper .step {
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: cream;
  align-items: center;
}
.card-stepper .v-stepper {
  position: relative;
}
.card-stepper .step .line {
  top: 24px;
  left: 12px;
  height: 153%;
  position: absolute;
  border-left: 1px dashed #D1D6E1;
  border-right: 1px dashed #D1D6E1;
}
.card-stepper .custom-height {
  height: 91% !important;
}
.card-stepper .step.active .line {
  border-left: 1px solid #D1D6E1;
  border-right: 1px solid #D1D6E1;
}
.card-stepper .step.completed .line {
  border-left: 1px solid rgb(36, 193, 30);
  border-right: 1px solid rgb(36, 193, 30);
}
.card-stepper .step.empty .line {
  top: 0;
  height: 150%;
}
.card-stepper .step:last-child .line {
  border-left: 1px dashed #D1D6E1;
  border-right: 1px dashed #D1D6E1;
  z-index: -1;
}
.card-stepper .step .circle {
  background-color: #e1ddf3;
  border: 2px solid #e1ddf3;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
}
.card-stepper .step .number {
  color: White;
}
.card-stepper .step.completed .circle {
  visibility: visible;
  background-color: rgb(36, 193, 30);
  border-color: rgb(36, 193, 30);
  color: white;
}
.card-stepper .step.completed .circle::after {
  content: url("/assets/images/Vector.svg");
  width: 16px;
  height: 16px;
  margin-left: 6px;
  margin-bottom: 2px;
}
.card-stepper .step.active {
  background-color: #E6F6F6;
  width: 100%;
}
.card-stepper .content {
  margin-left: 5px;
  display: inline-block;
  font-family: "roboto-medium";
  font-size: 14px;
  font-weight: lighter;
  line-height: 16.41px;
  text-align: left;
  color: #13316E;
}
.card-stepper .circle-custom {
  color: #8067DC;
  opacity: 68%;
  font-family: "roboto-medium";
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
}
.card-stepper .circle-custom-active {
  color: white;
  opacity: 100%;
  font-family: "roboto-medium";
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
}
.card-stepper .circle-custom-first {
  color: #8067DC;
  opacity: 100%;
  font-family: "roboto-medium";
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
}

.header-text {
  font-family: "roboto-regular";
  font-size: 20px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: left;
  color: #FFFFFF;
}

.header-main-text {
  font-family: "trim-web-medium";
  font-size: 28px;
  font-weight: 500;
  line-height: 33.6px;
  text-align: left;
  color: #FFFFFF;
}

.header-sub-text {
  font-family: "roboto-light";
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7803921569);
}

.acc-wrapper {
  background-color: white;
}

.card-header-container-custom {
  background-color: white;
  padding: 10px;
}

.email-link {
  text-decoration: none;
  /* Removes underline from the link */
  color: #007bff;
  /* Changes the color of the link */
}

.small-label {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.41px;
  text-align: left;
}

.page-status {
  font-family: "roboto-regular";
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: left;
  margin-top: auto;
  color: rgb(103, 110, 115);
}

.custom-textbox {
  width: max-content;
  height: 82%;
  outline: none;
  display: flex;
  line-height: 1;
  font-size: 14px;
  position: relative;
  margin-bottom: 6px;
  border-radius: 4px;
  padding: 10px 12px;
  color: var(--text-color);
  transition: ease all 0.2s;
  font-family: roboto-medium;
  border: solid 1px var(--form-border);
  background-color: var(--form-default);
  cursor: pointer;
}
.custom-textbox label {
  align-self: center;
  margin-bottom: 0%;
  cursor: pointer;
}
.custom-textbox .is-invalid {
  border-color: #dc3545 !important;
}

.cursorPointer {
  cursor: pointer;
}

.delete-brand {
  font-family: "roboto-light";
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  color: #5A606D;
}

.add-brand-card {
  background-color: rgb(244, 246, 248);
}

.add-brand-btn {
  width: 100%;
}

.radio-label {
  cursor: pointer;
}

.rotate-arrow {
  transform: rotate(180deg);
}

.answered-count {
  top: -20px;
  /* Adjust this value to position the count as desired */
  right: 10px;
  font-size: 0.8em;
  color: #666;
}

.small-lebal {
  margin-left: -8px;
}
.small-lebal .cursor-pointer {
  cursor: pointer;
}

.answerd-text-orange {
  margin-top: 9px;
  font-size: initial;
  font-weight: 600;
}
.answerd-text-orange span {
  color: rgb(255, 86, 38);
}

.answerd-text-green {
  margin-top: 9px;
  font-size: initial;
  font-weight: 600;
}
.answerd-text-green span {
  color: #24C11E;
}

.card-wrapper-accordion-brand {
  margin-bottom: 2%;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.1);
}
.card-wrapper-accordion-brand .card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  word-wrap: break-word !important;
  background-color: #fff !important;
  background-clip: border-box !important;
  border: none !important;
  border-radius: 0.25rem !important;
}
.card-wrapper-accordion-brand .card .card-header {
  padding: 0.4rem 1.25rem !important;
  margin-bottom: 0 !important;
  background-color: rgba(0, 0, 0, 0.03) !important;
  border-bottom: none !important;
}
.card-wrapper-accordion-brand .card-header-accordion-brand {
  background-color: #F4F6F8 !important;
  padding: 0% !important;
}
.card-wrapper-accordion-brand .card-header-accordion-brand .card-header-text {
  margin-top: 10px;
}
.card-wrapper-accordion-brand .card-header-accordion-brand .card-header-text .content {
  margin-left: -5px !important;
}
.card-wrapper-accordion-brand .card-header-accordion-brand .card-header-text .white-badge {
  cursor: pointer;
  padding: 2px 2px;
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1019607843);
  margin-top: -3px;
}
.card-wrapper-accordion-brand .card-header-accordion-brand .card-header-text .white-badge img {
  opacity: 0.6;
}
.card-wrapper-accordion-brand .card-header-accordion-brand .card-header-text .white-badge img:hover {
  opacity: 1;
  transition: ease all 0.4s;
}
.card-wrapper-accordion-brand .card-header-accordion-brand .card-header-text .h6 {
  font-family: "roboto-reguler";
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  text-align: left;
  color: #020E16;
}
.card-wrapper-accordion-brand .card-body-accordion-brand {
  background-color: #F4F6F8 !important;
  padding: 0% !important;
}

.arrow {
  margin-right: 2%;
  cursor: pointer;
}

.cursorPointer {
  cursor: pointer;
}

.info-required-img {
  margin-right: 3px;
  margin-bottom: 1px;
}

.file-attachment-container {
  display: flex !important;
  flex-direction: column !important;
  margin-top: 0px !important;
}

.text-purple {
  color: #8067DC;
}

.drag-drop-container {
  display: flex !important;
  padding: 16px 0 !important;
  cursor: pointer !important;
  margin-top: 0px !important;
  border-radius: 4px !important;
  align-items: center !important;
  justify-content: center !important;
  border: solid 1px #b7c3d1 !important;
  background-color: #f4f6f8 !important;
  transition: ease all 0.4s !important;
}
.drag-drop-container:hover {
  border: solid 1px #b7c3d1 !important;
  background-color: #edf0f4 !important;
}
.drag-drop-container .upload-icon {
  width: 44px !important;
}
.drag-drop-container .upload-here {
  margin-left: 16px !important;
}
.drag-drop-container .upload-here .upload-title {
  font-size: 16px !important;
  margin-bottom: 4px !important;
  text-align: start !important;
  font-weight: 600;
}
.drag-drop-container .upload-here .upload-content {
  font-size: 14px !important;
  margin-bottom: 0 !important;
}
.drag-drop-container .upload-here .upload-content.drop-file {
  color: #676E73 !important;
}
.drag-drop-container .upload-here .upload-content span {
  color: #008def !important;
}

.btn-capitalize {
  text-transform: capitalize;
}

.upload_progress {
  font-family: "roboto-reguler";
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  color: #020E16;
}

.card-wrapper-accordion-generel .text-font {
  display: inline-block;
  font-family: "roboto-medium";
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  text-align: left;
  color: #13316E;
}
.card-wrapper-accordion-generel .contact-lebal {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.41px;
  text-align: left;
  color: #676E73;
}
.card-wrapper-accordion-generel .call-icon-row {
  margin-left: 9%;
}
.card-wrapper-accordion-generel .call-icon-row .call-icon {
  padding-right: inherit;
}
.card-wrapper-accordion-generel .call-icon-row .number-text {
  color: #676E73;
}
.card-wrapper-accordion-generel .email-icon-row {
  margin-left: -3px;
}
.card-wrapper-accordion-generel .email-icon-row .email-icon {
  padding-right: 5%;
  margin-left: 11%;
}
.card-wrapper-accordion-generel .email-icon-row .email-text {
  color: #676E73;
}
.card-wrapper-accordion-generel .card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  word-wrap: break-word !important;
  background-color: #fff !important;
  background-clip: border-box !important;
  border: none !important;
  border-radius: 0.25rem !important;
  width: 254px !important;
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.1) !important;
  border-radius: 8px 8px 8px 8px !important;
}
.card-wrapper-accordion-generel .card .card-header {
  padding: 6%;
  background-color: #FFF !important;
}
.card-wrapper-accordion-generel .card .card-body {
  background-color: #FFF !important;
  padding: 0% !important;
}

.custom-box-width {
  margin-right: 10px;
  width: 132px;
}

.rect-width {
  width: 716%;
}

.light-green {
  margin: 0 2px;
  /* Apply the margin to the default state */
  transition: background-color 0.1s, border-radius 0.1s;
  /* Add transition for smooth effect */
}

.light-green:hover {
  background-color: #E6F6F6;
  border-radius: 2px;
}

.box-margin {
  margin-left: 14px;
  margin-right: 10px;
}

.colon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  /* Adjust the margins as needed */
  font-weight: bold;
  /* Optional: make the colon bold */
}

.disabled-button {
  opacity: 0.5;
  cursor: not-allowed;
}

.pass-icon {
  width: 12px;
  height: 12px;
}

.onboarding-status-container .status-chart {
  width: 24px;
  height: 24px;
  border-radius: 20px;
  border: solid 4px #d1d6e1;
}
.onboarding-status-container .stage-status {
  line-height: 1;
  font-size: 12px;
  color: #9a9fa2;
  margin-bottom: 2px;
  font-family: roboto-medium;
}
.onboarding-status-container .stage-status:last-child {
  margin-bottom: 0;
}
.onboarding-status-container .stage-status .stage-count {
  color: #ff5626;
}
.onboarding-status-container .stage-status.text {
  color: #676e73 !important;
  font-family: roboto-regular !important;
}
.onboarding-status-container .stage-status.start-now-status {
  color: #0089e3 !important;
}

.supplier-list-table .pagination-table tbody tr:last-child {
  border-bottom: none !important;
}
.supplier-list-table .pagination-table tbody td {
  color: #353e45 !important;
}
.supplier-list-table .pagination-table tbody .add-code-row {
  background-color: transparent !important;
}
.supplier-list-table .pagination-table tbody .add-code-row:hover {
  background-color: transparent !important;
}
.supplier-list-table .pagination-table .new-supplier-row {
  background-color: #e5f3fc !important;
  border-bottom: 1px solid #8c99b5 !important;
}
.supplier-list-table .pagination-table .new-supplier-row:hover {
  background-color: #e5f3fc !important;
}
.supplier-list-table .pagination-table .bold {
  font-family: roboto-bold !important;
}
.supplier-list-table .badge-icon {
  border-radius: 0 !important;
  background-color: transparent !important;
  border-right: solid 1px #b7c3d1 !important;
}
.supplier-list-table .badge-icon:last-child {
  border-right: 0 !important;
}
.supplier-list-table .badge-icon:hover:after {
  padding: 4px 8px !important;
  background-color: #2e3f55 !important;
  box-shadow: 0 4px 14px 0 rgba(4, 19, 41, 0.4);
}
.supplier-list-table .approved-container {
  padding: 0 !important;
  background-color: transparent !important;
}
.supplier-list-table .border-style {
  vertical-align: top;
  border-right: solid 2px #f4f6f8 !important;
}
.supplier-list-table .border-style .supplier-profile {
  width: 40px;
  margin-right: 11px;
}
.supplier-list-table .border-style .id-number {
  margin-bottom: 4px;
  font-size: 16px !important;
  color: #020e16 !important;
  line-height: normal !important;
}
.supplier-list-table .border-style .supplier-name {
  font-size: 14px !important;
  line-height: normal !important;
}
.supplier-list-table .border-style .bsq-status {
  padding-right: 8px;
  line-height: normal;
  color: #717276 !important;
  border-right: solid 1px #b7c3d1;
  font-family: roboto-regular !important;
}
.supplier-list-table .no-code-container {
  margin-left: 12px;
}
.supplier-list-table .no-code-container .no-code {
  font-size: 16px;
  color: #676e73;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.supplier-list-table .no-code-container .no-code.no-code-text {
  font-size: 14px !important;
  margin-bottom: 0 !important;
  font-family: roboto-regular !important;
}
.supplier-list-table .no-data-icon {
  width: 40px;
  height: 40px;
}

.complete-questionnaire-container {
  display: flex;
  padding: 32px;
  align-items: center;
  background-color: #fff;
}
.complete-questionnaire-container .questionnaire-container {
  width: 61%;
  margin-left: 28px;
}
.complete-questionnaire-container .questionnaire-container .title {
  font-size: 24px;
  font-weight: 600;
  color: #353e45;
  font-family: roboto-medium;
}
.complete-questionnaire-container .questionnaire-container .sub-title {
  font-size: 16px;
  color: #676e73;
  line-height: 1.5;
  margin: 8px 0 13px;
  font-family: roboto-medium;
}

.code-badge {
  color: #fff !important;
  background-color: #4c698d !important;
}

.invitation-wrapper {
  padding-left: 62px !important;
  padding-right: 62px !important;
}
.invitation-wrapper .sticky-left-container {
  top: 180px;
  position: sticky;
}

.onboarding-header {
  padding: 32px 0 !important;
}
.onboarding-header .title {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.onboarding-header .main-title {
  font-size: 28px !important;
  line-height: normal !important;
}
.onboarding-header .header-subtext {
  font-size: 16px !important;
  line-height: normal !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.onboarding-header .profile-container {
  display: flex;
  align-items: center;
}
.onboarding-header .profile-container .profile {
  width: 50px;
}
.onboarding-header .profile-container .name {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.onboarding-header .profile-container .date {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-regular;
}

.view-stepper-container {
  box-shadow: none !important;
  border-radius: 8px !important;
}
.view-stepper-container .view-journey-container {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.view-stepper-container .view-journey-container .view-step-item {
  display: flex;
  position: relative;
  margin-bottom: 3px;
  align-items: flex-start;
  /* Align step count and name at the top */
  padding: 20px 20px;
  width: 100%;
  /* Full width */
  gap: 12px;
  opacity: 1;
  /* Set opacity to visible */
  height: 60px;
  /* Fixed height */
}
.view-stepper-container .view-journey-container .view-step-item:last-child {
  margin-bottom: 0;
}
.view-stepper-container .view-journey-container .view-step-item.active, .view-stepper-container .view-journey-container .view-step-item:hover {
  background-color: rgb(230, 246, 246);
  /* Active and hover background */
}
.view-stepper-container .view-journey-container .view-step-item .view-step-count {
  z-index: 1;
  width: 20px;
  height: 20px;
  display: flex;
  color: rgb(255, 255, 255);
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  background-color: rgb(128, 103, 220);
  font-family: "roboto-medium";
  flex-shrink: 0;
  /* Prevent the step count from shrinking */
}
.view-stepper-container .view-journey-container .view-step-item .view-step-name {
  font-size: 14px;
  margin-bottom: 0;
  font-family: "roboto-medium";
  color: rgba(19, 49, 110, 0.8);
  flex-grow: 1;
  /* Take up the remaining space */
  word-break: break-word;
  /* Allow text to break onto the next line */
}

.sticky-container {
  box-shadow: none !important;
  border-radius: 8px !important;
}
.sticky-container .journey-container {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.sticky-container .journey-container .step-item {
  display: flex;
  position: relative;
  margin-bottom: 44px;
  align-items: center;
}
.sticky-container .journey-container .step-item:last-child {
  margin-bottom: 0;
}
.sticky-container .journey-container .step-item:last-child:before {
  border: snow;
  background-color: white;
  opacity: 12;
}
.sticky-container .journey-container .step-item.active .step-count {
  color: #ffffff;
  background-color: #8067dc;
}
.sticky-container .journey-container .step-item.active .step-name {
  color: #13316e;
}
.sticky-container .journey-container .step-item:before {
  top: 20px;
  left: 10px;
  width: 1px;
  content: "";
  height: 20vh;
  position: absolute;
  border-left: 1px solid #d1d6e1;
}
.sticky-container .journey-container .step-item:first-child:before {
  top: 20px;
  left: 10px;
  width: 1px;
  content: "";
  height: 20vh;
  position: absolute;
  border-left: 1px solid #d1d6e1;
}
.sticky-container .journey-container .step-item .step-count {
  z-index: 1;
  width: 20px;
  height: 20px;
  display: flex;
  color: #8067dc;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 20px;
  align-items: center;
  line-height: normal;
  justify-content: center;
  background-color: #e6e1f8;
  font-family: roboto-medium;
}
.sticky-container .journey-container .step-item .step-name {
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 12px;
  font-family: roboto-medium;
  color: rgba(19, 49, 110, 0.8);
}
.sticky-container.question-container {
  cursor: pointer;
  max-height: 58px;
  overflow: hidden;
  transition: ease all 0.4s;
  padding: 18px 2px 20px !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.sticky-container.question-container:hover {
  background-color: #fff !important;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08) !important;
}
.sticky-container.question-container.active {
  max-height: 500px;
  box-shadow: none !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.sticky-container.question-container.active .arrow-icon {
  transform: rotate(180deg);
}
.sticky-container .question-wrapper .got-a-question-container {
  display: flex;
  align-items: center;
  padding: 0 13px 0 20px;
  justify-content: space-between;
}
.sticky-container .question-wrapper .got-a-question-container .got-a-question {
  font-size: 14px;
  color: #13316e;
  line-height: normal;
  font-family: roboto-medium;
}
.sticky-container .question-wrapper .got-a-question-container .arrow-icon {
  cursor: pointer;
}
.sticky-container .question-wrapper .sub-container {
  display: flex;
  margin-top: 16px;
}
.sticky-container .question-wrapper .sub-container ul {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style-type: none;
}
.sticky-container .question-wrapper .sub-container ul li {
  display: flex;
  padding: 4px 18px;
  border-radius: 2px;
  margin-bottom: 4px;
  align-content: center;
  transition: ease all 0.4s;
  background-color: transparent;
}
.sticky-container .question-wrapper .sub-container ul li:last-child {
  margin-bottom: 0;
}
.sticky-container .question-wrapper .sub-container ul li .icon-container {
  display: flex;
  padding: 4px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  background-color: rgba(244, 246, 248, 0.8);
}
.sticky-container .question-wrapper .sub-container ul li .icon-container .info-icon {
  width: 16px;
  height: 16px;
  opacity: 0.8;
}
.sticky-container .question-wrapper .sub-container ul li .info {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  margin-left: 17px;
  font-family: roboto-regular;
}
.sticky-container .question-wrapper .sub-container ul li:hover {
  background-color: #e6f6f6;
}
.sticky-container .question-wrapper .sub-container ul li:hover .icon-container {
  background-color: #f4f6f8;
}
.sticky-container .question-wrapper .sub-container ul li:hover .icon-container .info-icon {
  opacity: 1;
}
.sticky-container .question-wrapper .sub-container ul li:hover .info {
  color: #020e16;
}

.step-counting {
  top: 153px;
  z-index: 8;
  display: flex;
  font-size: 14px;
  position: sticky;
  align-items: center;
  line-height: normal;
  padding-bottom: 10px;
  transition: ease all 0.4s;
  font-family: roboto-regular;
  background: var(--body-background);
  color: rgba(2, 14, 22, 0.6);
}
.step-counting.sticky {
  padding-left: 10px;
}
.step-counting img {
  width: 16px;
  height: 16px;
}

.sub-text {
  font-size: 14px;
  color: #020e16;
  margin-top: 8px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-light;
}

.step_two_wrapper .radio-label {
  color: #676e73 !important;
}
.step_two_wrapper .disabled {
  opacity: 0.5;
}
.step_two_wrapper .detail-title {
  font-size: 16px !important;
  line-height: normal !important;
}
.step_two_wrapper .sub-label {
  color: rgba(53, 62, 69, 0.5) !important;
}
.step_two_wrapper .doc-upload-container {
  margin-top: 0 !important;
  padding: 16px 46px !important;
  border: solid 1px #cdd5df !important;
  background-color: #fbfcfc !important;
}
.step_two_wrapper .doc-upload-container .upload-icon {
  width: 36px;
  height: 36px;
}
.step_two_wrapper .doc-upload-container .upload-here {
  margin-left: 12px;
}
.step_two_wrapper .doc-upload-container .upload-here .upload-title {
  font-size: 14px;
  color: #12141a;
}
.step_two_wrapper .doc-upload-container .upload-here .upload-content.drop-file {
  color: #717276;
}
.step_two_wrapper .cancel-icon {
  width: 16px !important;
  height: 16px !important;
  opacity: 0.8 !important;
}
.step_two_wrapper .onboarding-wrapper .radio-wrapper {
  padding: 0 !important;
}
.step_two_wrapper .onboarding-wrapper .radio-wrapper:hover {
  background-color: #f4f6f8 !important;
}
.step_two_wrapper .onboarding-wrapper .radio-wrapper:hover .radio-label {
  color: #020e16 !important;
}
.step_two_wrapper .file-uploading-container {
  flex: 1;
}
.step_two_wrapper .file-uploading-container .file-icon {
  width: 32px !important;
}
.step_two_wrapper .file-uploading-container .uploading-process {
  margin-left: 4px !important;
  margin-right: 8px !important;
}
.step_two_wrapper .file-uploading-container .uploading-process .upload-text {
  font-size: 14px !important;
  font-family: roboto-medium !important;
  color: rgba(2, 14, 22, 0.9) !important;
}
.step_two_wrapper .file-uploading-container .uploading-process .progress-bar .complete {
  background-color: #08a6a7 !important;
}

.border-line {
  margin-top: 24px;
  border-top: solid 1px #d1d6e1;
}

.distributer-wrapper {
  padding: 0 !important;
  background-color: transparent !important;
}

.brand-wrapper {
  border-radius: 4px;
  padding: 11px 15px 15px;
  background-color: #f4f6f8;
}
.brand-wrapper .brand-details-container {
  display: none;
}
.brand-wrapper .brand-detail-title {
  font-size: 12px;
  color: #5a606d;
  padding-left: 32px;
  font-family: roboto-medium;
}
.brand-wrapper .collapse-card-arrow {
  transition: ease all 0.5s;
}
.brand-wrapper .collapse-card-arrow:hover {
  cursor: pointer;
  border-radius: 4px !important;
  background-color: rgba(76, 105, 141, 0.1) !important;
}
.brand-wrapper.active .brand-details-container {
  display: block !important;
}
.brand-wrapper.active .collapse-card-arrow {
  cursor: pointer;
  padding: 2px !important;
  border-radius: 4px !important;
  background-color: rgba(76, 105, 141, 0.1) !important;
}
.brand-wrapper.active .collapse-card-arrow img {
  transform: rotate(90deg);
}
.brand-wrapper.active .collapse-card-arrow .brand-title {
  font-size: 16px;
  color: #020e16;
  line-height: normal;
  font-family: roboto-medium;
}

.to-working-days {
  margin: 0 10px;
}

.process-document-container {
  margin-bottom: 2px;
}
.process-document-container .doc-label {
  font-size: 12px !important;
  font-family: roboto-medium !important;
  color: rgba(103, 110, 115, 0.5) !important;
}
.process-document-container .active .doc-label {
  color: rgba(2, 14, 22, 0.5) !important;
}

.delete-wrapper {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.delete-wrapper .delete-container {
  font-size: 14px;
  color: #5a606d;
  font-family: roboto-regular;
}
.delete-wrapper .answered-count-container {
  font-size: 12px;
  margin-left: 6px;
  font-family: roboto-medium;
}
.delete-wrapper .answered-count-container.solved-count {
  color: #24c11e;
}
.delete-wrapper .answered-count-container.remaining-count {
  color: #ff5626;
}
.delete-wrapper .answered-count-container .total-count {
  color: #9a9fa2 !important;
}

.warning-message-container {
  top: 0;
  z-index: 9;
  right: 18px;
  width: 316px;
  display: flex;
  padding: 8px 16px;
  position: absolute;
  border-radius: 6px;
  align-items: flex-start;
  border: solid 1px #c6112d;
  background-color: #f81538;
  box-shadow: 0 4px 8px 0 rgba(18, 20, 26, 0.2);
}
.warning-message-container .error-message {
  font-size: 14px;
  color: #ffffff;
  margin-left: 8px;
  line-height: 1.14;
  font-family: roboto-medium;
}

.required-field {
  border: solid 1px #f81538 !important;
}

.required-multiple-field {
  border: solid 1px #f81538 !important;
  width: 100% !important;
}

.complete-icon {
  width: 20px;
  height: 20px;
}

.no-data-wrapper {
  width: 854px;
  height: 520px;
  top: 164px;
  left: 436px;
  padding: 32px 0px 0px 0px;
  gap: 20px;
  border-radius: 10px 0px 0px 0px;
  opacity: 0px;
}

.no-data-container {
  padding: 16px 0px 0px 0px;
  gap: 8px;
  opacity: 0px;
  margin-top: 175px;
}

.welcome-wrapper {
  height: 100vh;
  display: flex;
  max-height: 100vh;
  align-items: center;
  background-size: cover;
  justify-content: center;
  background-repeat: no-repeat;
  background-image: url('welcome-bg.svg');
}
.welcome-wrapper .welcome-container {
  width: 31.7%;
  display: flex;
  padding: 32px;
  max-width: 31.7%;
  text-align: center;
  border-radius: 8px;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.1);
}
.welcome-wrapper .welcome-container .main-title {
  font-size: 32px;
  color: #020e16;
  margin-bottom: 16px;
  line-height: normal;
  font-family: roboto-medium;
}
.welcome-wrapper .welcome-container .logo-container {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.welcome-wrapper .welcome-container .logo-container .logo-item {
  margin-right: 19px;
  padding-right: 20px;
  border-right: solid 1px #a3adc3;
}
.welcome-wrapper .welcome-container .logo-container .logo-item:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.welcome-wrapper .welcome-container .next-new-supplier-container {
  width: 100%;
  display: flex;
  text-align: center;
  padding: 24px 20px;
  border-radius: 8px;
  margin-bottom: 32px;
  align-items: center;
  flex-direction: column;
  background-color: #e8eaf0;
}
.welcome-wrapper .welcome-container .next-new-supplier-container img {
  width: 40px;
}
.welcome-wrapper .welcome-container .next-new-supplier-container .created-on-date {
  margin: 8px 0;
  font-size: 20px;
  line-height: 1.3;
  color: #353e45;
  font-family: roboto-regular;
}
.welcome-wrapper .welcome-container .next-new-supplier-container .supplier-info {
  font-size: 24px;
  color: #1a326a;
  margin-bottom: 0;
  line-height: 1.08;
  font-family: roboto-bold;
}
.welcome-wrapper .welcome-container .complete-process {
  font-size: 20px;
  color: #353e45;
  line-height: 1.3;
  margin-bottom: 20px;
  font-family: roboto-regular;
}
.welcome-wrapper .welcome-container .cta-big {
  width: 100%;
  font-size: 20px !important;
  padding: 16px 20px !important;
}

.final-confirmation-wrapper {
  display: flex;
  min-height: 100vh;
  padding-top: 30px;
  text-align: center;
  align-items: center;
  padding-bottom: 20px;
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: linear-gradient(138deg, #1a76db -14%, #0a4aa7 2%, #0f3574 47%, #123577 84%);
  /* Define the animation */
}
.final-confirmation-wrapper .almost-there-text {
  margin-top: 1px;
  font-size: 16px;
  color: #ccc2f1;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .one-step-away-text {
  font-size: 24px;
  color: #fff;
  line-height: 1.17;
  margin-bottom: 40px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .confirmation-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.final-confirmation-wrapper .confirmation-container .brand-container {
  z-index: 100;
  width: 355px;
  max-width: 355px;
  min-width: 320px;
  text-align: center;
  border-radius: 25px;
  padding: 40px 40px 50px;
  border: 2px solid white;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.3);
}
.final-confirmation-wrapper .confirmation-container .brand-container .brand-container-text {
  width: 100%;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.14;
  font-family: roboto-medium;
  color: rgba(255, 255, 255, 0.8);
}
.final-confirmation-wrapper .confirmation-container .brand-container .supplier-icon {
  width: 40px;
}
.final-confirmation-wrapper .confirmation-container .brand-container .brand-name {
  font-size: 20px;
  color: #fff;
  margin: 12px 0 14px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .confirmation-container .brand-container .address-container {
  margin-bottom: 24px;
}
.final-confirmation-wrapper .confirmation-container .brand-container .address-container .address-title {
  font-size: 12px;
  color: #ffe899;
  position: relative;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .confirmation-container .brand-container .address-container .address-title::before {
  top: 40%;
  left: 47px;
  height: 1px;
  width: 30px;
  content: " ";
  display: block;
  position: absolute;
  border: dashed 1px #ffe899;
}
.final-confirmation-wrapper .confirmation-container .brand-container .address-container .address-title::after {
  top: 40%;
  right: 47px;
  height: 1px;
  width: 30px;
  content: " ";
  display: block;
  position: absolute;
  border: dashed 1px #ffe899;
}
.final-confirmation-wrapper .confirmation-container .brand-container .profile-details .profil-icon {
  margin-bottom: 2px;
}
.final-confirmation-wrapper .confirmation-container .brand-container .profile-details .contact-detail {
  margin: 2px 0;
  font-size: 14px;
  line-height: 1.14;
  font-family: roboto-medium;
  color: rgba(230, 231, 232, 0.8);
}
.final-confirmation-wrapper .confirmation-container .brand-container .profile-details .contact-detail:last-child {
  margin: 0;
}
.final-confirmation-wrapper .confirmation-container .completed-by-container {
  z-index: 1;
  width: 419px;
  text-align: left;
  max-width: 419px;
  margin-left: -20px;
  border-radius: 20px;
  background-color: #fff;
  padding: 40px 40px 40px 45px;
}
.final-confirmation-wrapper .confirmation-container .completed-by-container .completed-by-title {
  font-size: 18px;
  color: #020e16;
  margin-bottom: 24px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .confirmation-container .completed-by-container .statement-text {
  color: #008def !important;
}
.final-confirmation-wrapper.confirmation-animation-container .confirmation-animation {
  width: 48px;
  height: 48px;
}
.final-confirmation-wrapper .confirmation-success-container .success-text {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.5s, transform 0.5s;
}
.final-confirmation-wrapper .confirmation-success-container .success-text.active {
  animation: slideUpFadeIn 0.5s forwards;
}
@keyframes slideUpFadeIn {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.applied-filter-alert {
  border: solid 1px #5f6f97 !important;
  background-color: #e6f6f6 !important;
}
.applied-filter-alert .applied-text {
  color: #353e45 !important;
}
.applied-filter-alert .close-alert {
  width: 16px !important;
  height: 16px !important;
}

.approval-alert-container {
  display: flex;
  align-items: center;
  border: solid 1px #5f6f97 !important;
  background-color: #ffeee9 !important;
}
.approval-alert-container .close-alert {
  width: 16px !important;
  height: 16px !important;
}

.rejected-alert-container .rejected-text {
  color: #c6112d !important;
}

.onboarding-wrapper .card-wrapper {
  box-shadow: none;
  border-radius: 4px;
}
.onboarding-wrapper .supplier-id-container {
  display: flex;
  margin-bottom: 8px;
  align-items: flex-start;
}
.onboarding-wrapper .supplier-id-container .id-container {
  margin-left: 11px;
}
.onboarding-wrapper .supplier-id-container .id-container .id-number {
  font-size: 18px;
  color: #12141a;
  margin-right: 12px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
  font-weight: 600;
}
.onboarding-wrapper .supplier-id-container .id-container .id-number.model-code {
  color: #ff5626 !important;
}
.onboarding-wrapper .supplier-id-container .id-container .name {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}
.onboarding-wrapper .approval-container {
  font-size: 12px;
  color: #717276;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.onboarding-wrapper .approval-container .approval-text {
  color: #1d9a18;
  padding-left: 6px;
}
.onboarding-wrapper .approval-container .approval-text img {
  margin-right: 4px;
  width: 12px !important;
  height: 12px !important;
}
.onboarding-wrapper .supplier-code-wrapper {
  padding: 16px;
  margin: 16px 0;
  border-radius: 8px;
  background-color: #f4f6f8;
}
.onboarding-wrapper .supplier-code-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.onboarding-wrapper .supplier-code-wrapper ul .list-item {
  margin-bottom: 12px;
  padding-bottom: 11px;
  border-bottom: dashed 1px #d1d6e1;
}
.onboarding-wrapper .supplier-code-wrapper ul .list-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.onboarding-wrapper .supplier-code-wrapper ul .list-item .list-head {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.onboarding-wrapper .supplier-code-wrapper ul .list-item .body-text {
  margin-bottom: 0 !important;
  font-family: roboto-medium !important;
}
.onboarding-wrapper .status-heading-container {
  padding: 16px 18px;
  border-radius: 4px;
  margin: -22px -22px 16px -22px !important;
  background-color: rgba(103, 113, 220, 0.1);
}
.onboarding-wrapper .status-heading-container.edit-state .edit-cta {
  font-size: 14px !important;
}
.onboarding-wrapper .cta-container {
  display: flex;
  padding-right: 13px;
  justify-content: flex-end;
}
.onboarding-wrapper .cta-container .not-active {
  opacity: 0.4;
}
.onboarding-wrapper .stage-breadcrumb-container ul {
  display: flex;
  padding: 0 !important;
}
.onboarding-wrapper .stage-breadcrumb-container ul li {
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 24px;
  transition: ease all 0.4s;
  padding: 8px 6px !important;
  font-family: roboto-medium !important;
  color: rgba(255, 255, 255, 0.8);
}
.onboarding-wrapper .stage-breadcrumb-container ul li:after {
  content: none !important;
}
.onboarding-wrapper .stage-breadcrumb-container ul li.active {
  box-shadow: none !important;
  background-color: #08a7a7 !important;
}
.onboarding-wrapper .stage-breadcrumb-container ul li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.onboarding-wrapper .stage-breadcrumb-container ul li .stage-completed {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.onboarding-wrapper .stage-breadcrumb-container ul .right-arrow {
  width: 16px;
  margin: 0 2px;
}
.onboarding-wrapper .status-details-container {
  display: flex;
  flex: 1;
  align-items: flex-start;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.onboarding-wrapper .status-details-container:first-child {
  margin-top: 0 !important;
}
.onboarding-wrapper .status-details-container:last-child {
  margin-bottom: 0 !important;
}
.onboarding-wrapper .status-details-container .status_light {
  flex: 1 !important;
  color: #717276 !important;
  margin-bottom: 0 !important;
}
.onboarding-wrapper .status-details-container .status_light.flex_value {
  flex: 3 !important;
}
.onboarding-wrapper .status-details-container .status_medium {
  flex: 0.2 !important;
  font-size: 14px;
  color: #020e16;
  line-height: normal;
  font-family: roboto-regular;
}
.onboarding-wrapper .status-details-container .status_dark {
  flex: 1 !important;
  color: #12141a !important;
  margin-bottom: 0 !important;
}
.onboarding-wrapper .status-details-container .flex {
  flex: initial !important;
}
.onboarding-wrapper .radio-wrapper {
  display: inline-block;
  padding: 2px;
  border-radius: 4px;
  border: solid 1px #cdd5df;
  background-color: #fbfcfc;
}
.onboarding-wrapper .radio-wrapper .radio-item {
  padding: 6px 8px;
  border-radius: 4px;
}
.onboarding-wrapper .radio-wrapper .radio-item.active {
  background-color: #e6f6f6;
}
.onboarding-wrapper .doc-attachment-container {
  margin-top: 0 !important;
  flex-wrap: nowrap !important;
}
.onboarding-wrapper .doc-attachment-container .attached-container {
  width: 100% !important;
  margin-bottom: 0 !important;
}
.onboarding-wrapper .doc-attachment-container .attached-container .doc-details {
  padding: 12px 12px 11px;
}
.onboarding-wrapper .doc-attachment-container .attached-container .doc-details .file-icon {
  width: 40px;
  height: 40px;
}
.onboarding-wrapper .doc-attachment-container .attached-container .doc-details .file-name {
  font-size: 14px;
}
.onboarding-wrapper .doc-attachment-container .attached-container .doc-details .doc-date {
  color: #676e73;
}

.onboarding-pending-badge {
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  background-color: rgba(255, 86, 38, 0.1);
}
.onboarding-pending-badge .pending-text {
  font-size: 14px;
  color: #ff5626;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}

.status-cta-container {
  cursor: pointer;
  padding: 12px 20px !important;
}
.status-cta-container .approval-cta {
  font-size: 16px !important;
}

.card-wrapper.expandable-card {
  padding-bottom: 0;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.card-wrapper.expandable-card .card-header-container {
  margin-bottom: 0 !important;
}
.card-wrapper.expandable-card .card-header-container .collapse-card {
  border: none;
  background-color: transparent;
}
.card-wrapper.expandable-card .card-header-container .collapse-card img {
  opacity: 1;
}
.card-wrapper.expandable-card .status-heading-container {
  background-color: transparent;
}
.card-wrapper.expandable-card .status-heading-container .count {
  width: 24px;
  height: 24px;
  display: flex;
  color: #ffffff;
  padding: 4px 8px;
  margin-right: 8px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  background-color: rgba(103, 113, 220, 0.1);
}
.card-wrapper.expandable-card .status-heading-container .count span {
  font-size: 14px;
  color: #6771dc;
  font-family: roboto-medium;
}
.card-wrapper.expandable-card .status-heading-container .update-container {
  display: flex;
}
.card-wrapper.expandable-card .status-heading-container .document-sent-container {
  margin-right: 15px;
  padding-right: 16px;
  line-height: normal;
  border-right: solid 1px #a3adc3;
}
.card-wrapper.expandable-card .status-heading-container .document-sent-container .pass-icon {
  width: 12px;
}
.card-wrapper.expandable-card .status-heading-container .document-sent-container .doc-text {
  font-size: 14px;
  color: #1d9a18;
  font-family: roboto-regular;
}
.card-wrapper.expandable-card .status-heading-container .last-update-container {
  display: flex;
  line-height: normal;
  align-items: center;
}
.card-wrapper.expandable-card .status-heading-container .last-update-container .update-text {
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.card-wrapper.expandable-card .status-heading-container .last-update-container .user-icon {
  width: 16px;
}
.card-wrapper.expandable-card .card-body-container {
  display: none;
}
.card-wrapper.expandable-card.active {
  padding-bottom: 24px;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08) !important;
}
.card-wrapper.expandable-card.active .card-header-container {
  margin-bottom: 16px !important;
}
.card-wrapper.expandable-card.active .card-header-container .card-header-text .collapse-card {
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}
.card-wrapper.expandable-card.active .card-header-container .card-header-text .collapse-card img {
  opacity: 1;
  transform: rotate(90deg);
}
.card-wrapper.expandable-card.active .status-heading-container {
  background-color: rgba(103, 113, 220, 0.1);
}
.card-wrapper.expandable-card.active .status-heading-container .count {
  background-color: #6771dc;
}
.card-wrapper.expandable-card.active .status-heading-container .count span {
  color: #fff;
}
.card-wrapper.expandable-card.active .status-heading-container .update-container {
  display: none;
}
.card-wrapper.expandable-card.active .status-heading-container .view-last-update {
  display: flex !important;
}
.card-wrapper.expandable-card.active .card-body-container {
  display: block;
}
.card-wrapper.expandable-card.active .card-body-container .input-error {
  color: #08a7a7 !important;
  font-family: roboto-medium !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
}
.card-wrapper.expandable-card.active .card-body-container .card-body-text {
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload {
  padding: 8px 12px !important;
  border-radius: 4px !important;
  border: solid 1px #cdd5df !important;
  background-color: #fbfcfc !important;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload .upload-icon {
  width: 20px !important;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload .upload-here {
  margin-left: 8px !important;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload .upload-here .upload-content {
  font-size: 12px !important;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload.upload-more {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container {
  flex: 1 !important;
  margin-bottom: 0 !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container:last-child {
  margin-right: 0 !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container .doc-container {
  padding: 12px 11px !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container .doc-container .file-name {
  font-size: 14px !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container .doc-container .doc-date {
  color: #676e73 !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container .file-details-container {
  padding: 4px 8px 8px !important;
}

.badges-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
}
.badges-wrapper .badge-container {
  display: flex;
  padding: 4px 8px;
  margin-right: 8px;
  border-radius: 4px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
}
.badges-wrapper .badge-container:last-child {
  margin-right: 0;
}
.badges-wrapper .badge-container .badge-text {
  font-size: 14px;
  color: #020e16;
  margin-right: 8px;
  font-family: roboto-medium;
}

.status-title {
  font-size: 16px !important;
  font-family: roboto-medium !important;
}

.status-border {
  padding-bottom: 19px;
  border-bottom: solid 1px #d1d6e1;
}

.doc-files .attachment {
  padding: 4px 8px 6px 4px !important;
}
.doc-files .attachment.file-attachment {
  flex: 1 !important;
  background-color: #e6f6f6 !important;
  justify-content: space-between !important;
}
.doc-files .cancel-icon {
  width: 16px !important;
  opacity: 0.8 !important;
}

.brand-approval-table .border-style {
  vertical-align: top;
}
.brand-approval-table .brand-name {
  font-size: 14px !important;
}

.highlight-badge img {
  width: 12px;
}
.highlight-badge.disabled {
  opacity: 0.4;
}
.highlight-badge.low-level {
  color: #1d9a18 !important;
  background-color: #e9f9e8 !important;
}
.highlight-badge.medium-level {
  color: #cc9e00 !important;
  background-color: rgba(255, 197, 0, 0.1) !important;
}
.highlight-badge.high-level {
  color: #f81538 !important;
  background-color: #fee8eb !important;
}
.highlight-badge.pending-level {
  color: #ff5626 !important;
  background-color: #ffeee9 !important;
}

.decision-status-container {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  border-radius: 4px 0 0 4px;
}
.decision-status-container.inline {
  display: inline-flex;
}
.decision-status-container.pending-container {
  background-color: #ffeee9;
}
.decision-status-container.accept-container {
  background-color: #e9f9e8;
}
.decision-status-container.reject-container {
  background-color: #fee8eb;
}
.decision-status-container .status-icon {
  width: 16px;
}
.decision-status-container .status-icon-small {
  width: 12px;
}
.decision-status-container .badge-text {
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.decision-status-container .badge-text.orange-text {
  color: #ff5626;
}
.decision-status-container .badge-text.green-text {
  color: #1d9a18;
}
.decision-status-container .badge-text.red-text {
  color: #f81538;
}
.decision-status-container .drop-container {
  padding: 6px 4px;
  margin: -4px -8px -4px 12px;
  border-radius: 0 4px 4px 0;
}
.decision-status-container .drop-container .drop-icon {
  width: 20px;
}
.decision-status-container .drop-container.orange {
  background-color: #f5dad2;
}
.decision-status-container .drop-container.green {
  background-color: #d2ebd1;
}
.decision-status-container .drop-container.red {
  background-color: #f4cfd5;
}

.brand-status {
  display: flex;
  align-items: center;
}
.brand-status .dot {
  width: 12px;
  height: 12px;
  padding: 6px;
  border-radius: 20px;
}
.brand-status .dot.gray {
  background-color: #8c99b5;
}
.brand-status .dot.blue {
  background-color: #00ceff;
}
.brand-status .dot.green {
  background-color: #7cda78;
}
.brand-status .dot.red {
  background-color: #fb7388;
}
.brand-status .dot.yellow {
  background-color: #ffc500;
}

.comment-badge {
  margin-left: 4px;
  cursor: pointer;
  padding: 4px !important;
}
.comment-badge:hover {
  background-color: #d1d6e1;
}
.comment-badge:hover:after {
  padding: 6px 12px !important;
  background-color: #2e3f55 !important;
  box-shadow: 0 4px 14px 0 rgba(4, 19, 41, 0.4);
}
.comment-badge img {
  margin-right: 0;
  width: 16px !important;
}

.decision-wrapper {
  padding: 0;
  margin: 0;
  width: 210px;
  z-index: 100;
  margin-top: 4px;
  margin-bottom: 0;
  max-height: 314px;
  overflow-y: scroll;
  border-radius: 4px;
  position: absolute;
  list-style-type: none;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(112, 121, 130, 0.31);
}
.decision-wrapper .decision-item {
  display: flex;
  padding: 12px 20px;
  align-items: flex-start;
}
.decision-wrapper .decision-item .decision-text {
  font-size: 14px;
  color: #414348;
  margin-left: 10px;
  line-height: 1.14;
  font-family: roboto-medium;
}
.decision-wrapper .decision-item.active {
  background-color: #e6f6f6 !important;
}

.requiring-doc-container .title-container {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.requiring-doc-container .title-container .doc-uploading-process {
  display: flex;
  position: relative;
  align-items: center;
}
.requiring-doc-container .title-container .doc-uploading-process:first-child {
  margin-right: 20px;
}
.requiring-doc-container .title-container .doc-uploading-process:first-child:after {
  top: 7px;
  content: "";
  width: 12px;
  height: 1px;
  right: -13px;
  position: absolute;
  border-top: solid 1px #4c698d;
}
.requiring-doc-container .title-container .doc-uploading-process:last-child {
  margin-right: 0;
}
.requiring-doc-container .title-container .doc-uploading-process.or-container {
  margin: 0 36px;
  position: relative !important;
}
.requiring-doc-container .title-container .doc-uploading-process.or-container:before {
  top: 7px;
  content: "";
  width: 32px;
  height: 1px;
  right: 24px;
  position: absolute;
  border-top: dashed 1px #4c698d;
}
.requiring-doc-container .title-container .doc-uploading-process.or-container:after {
  top: 7px;
  content: "";
  width: 32px;
  height: 1px;
  right: -34px;
  position: absolute;
  border-top: dashed 1px #4c698d;
}
.requiring-doc-container .title-container .doc-uploading-process.next-step {
  opacity: 0.4;
}
.requiring-doc-container .title-container .doc-uploading-process.uploading-signature {
  margin-right: 36px !important;
}
.requiring-doc-container .title-container .doc-uploading-process.uploading-signature:after {
  right: -34px !important;
  width: 30px !important;
  border-top: dashed 1px #4c698d !important;
}
.requiring-doc-container .title-container .doc-title {
  margin: 0 4px;
  font-size: 12px;
  color: #ff5626;
  line-height: normal;
  font-family: roboto-medium;
}
.requiring-doc-container .title-container .doc-title.acknowledge-title {
  color: #4c698d !important;
}
.requiring-doc-container .title-container .doc-title.or-text {
  color: #7495be !important;
}
.requiring-doc-container .doc-name {
  font-size: 14px;
  color: #4c698d;
  line-height: 1.14;
  font-family: trim-web-medium;
  color: #2e3f55 !important;
}
.requiring-doc-container .uploading-doc-container {
  display: flex;
  cursor: pointer;
  padding: 12px 8px;
  border-radius: 8px;
  position: relative;
  align-items: center;
  background-color: #fff;
  transition: ease all 0.4s;
  border: solid 1px #d1d6e1;
}
.requiring-doc-container .uploading-doc-container:hover {
  border: solid 1px #D1D6E1;
  background-color: #f3fbfb;
}
.requiring-doc-container .uploading-doc-container.acknowledged {
  border: 1px solid #EDF0F4;
  background-color: #F3FBFB;
}
.requiring-doc-container .uploading-doc-container .document-details {
  display: flex;
  margin-left: 4px;
  flex-direction: column;
}
.requiring-doc-container .uploading-doc-container .document-details .awaiting-badge {
  display: flex;
  cursor: pointer;
  margin-top: 4px;
  color: #4c698d;
  align-items: center;
  background-color: #edf0f4;
}
.requiring-doc-container .uploading-doc-container .document-details .awaiting-badge img {
  width: 12px;
}
.requiring-doc-container .uploading-doc-container .rejected-tooltip {
  padding: 0 !important;
  border: none !important;
  margin: 0 4px 0 4px !important;
}
.requiring-doc-container .uploading-doc-container .upload-tooltip {
  padding: 0 !important;
}
.requiring-doc-container .more-download-version {
  top: 8px;
  right: 8px;
  cursor: pointer;
  position: absolute;
}
.requiring-doc-container .more-download-version li {
  padding: 8px 16px !important;
  align-items: flex-start !important;
}
.requiring-doc-container .more-download-version .upload-by-container {
  display: flex;
  flex-direction: column;
}
.requiring-doc-container .more-download-version .upload-by-container .download-detail {
  line-height: normal;
  font-size: 14px !important;
  font-family: roboto-regular !important;
}
.requiring-doc-container .more-download-version .upload-by-container .download-detail.uploading-date {
  margin-top: 4px;
  font-size: 12px !important;
  color: #cccfd0 !important;
}
.requiring-doc-container .more-download-version {
  top: 8px;
  right: 8px;
  cursor: pointer;
  position: absolute;
}
.requiring-doc-container .more-download-version li {
  padding: 8px 16px !important;
  align-items: flex-start !important;
}
.requiring-doc-container .more-download-version .upload-by-container {
  display: flex;
  flex-direction: column;
}
.requiring-doc-container .more-download-version .upload-by-container .download-detail {
  line-height: normal;
  font-size: 14px !important;
  font-family: roboto-regular !important;
}
.requiring-doc-container .more-download-version .upload-by-container .download-detail.uploading-date {
  margin-top: 4px;
  font-size: 12px !important;
  color: #cccfd0 !important;
}
.requiring-doc-container .all-documents-container {
  width: 100%;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.requiring-doc-container .all-documents-container .doc-item {
  width: 24.15%;
  display: flex;
  padding: 12px 8px;
  border-radius: 8px;
  margin: 0 8px 8px 0;
  align-items: center;
  background-color: #fff;
  border: solid 1px #edf0f4;
  justify-content: space-between;
}
.requiring-doc-container .all-documents-container .doc-item .sign-doc-icon {
  display: block;
  width: 24px;
  margin-right: 4px;
}
.requiring-doc-container .all-documents-container .doc-item .acknowledged-icon {
  display: block;
}
.requiring-doc-container .all-documents-container .doc-item .doc-icon {
  display: none;
}
.requiring-doc-container .all-documents-container .doc-item.active {
  background-color: #f3fbfb;
}
.requiring-doc-container .all-documents-container .doc-item.active .doc-icon {
  display: block;
  width: 24px;
  margin-right: 4px;
}
.requiring-doc-container .all-documents-container .doc-item.active .acknowledged-icon {
  display: none;
}
.requiring-doc-container .all-documents-container .acknowledge-doc {
  width: 24.35%;
  margin: 0 8px 8px 0;
  transition: ease all 0.4s !important;
}
.requiring-doc-container .all-documents-container .acknowledge-doc:nth-child(4n) {
  margin-right: 0;
}
.requiring-doc-container .all-documents-container .acknowledge-doc p {
  color: #2e3f55 !important;
}

.contact-card-wrapper {
  width: 100%;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.contact-card-wrapper .contact-card-container {
  width: 32.45%;
  display: flex;
  padding: 24px;
  border-radius: 12px;
  margin: 0 12px 12px 0;
  background-size: cover;
  align-items: flex-start;
  background-color: #f2f9fe;
  background-repeat: no-repeat;
  background-image: url('card-texture.svg');
}
.contact-card-wrapper .contact-card-container:nth-child(3n) {
  margin-right: 0 !important;
}
.contact-card-wrapper .contact-card-container .contact-details {
  margin-left: 16px;
}
.contact-card-wrapper .contact-card-container .contact-details .title {
  font-size: 16px;
  color: #020e16;
  line-height: normal;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.contact-card-wrapper .contact-card-container .contact-details .title.sub-title {
  position: relative;
  font-size: 12px !important;
  margin-bottom: 0 !important;
  font-family: roboto-regular !important;
}
.contact-card-wrapper .contact-card-container .contact-details .title.sub-title:after {
  top: 7px;
  content: "";
  width: 20px;
  height: 1px;
  margin-left: 4px;
  position: absolute;
  border-top: dashed 1px #4c698d;
}
.contact-card-wrapper .contact-card-container .contact-details .address-detail {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}

.delivery-schedule-table .pagination-table .day-name {
  font-size: 14px !important;
  color: #676e73 !important;
}
.delivery-schedule-table .pagination-table .day-name.collection-day {
  font-size: 12px !important;
}
.delivery-schedule-table .pagination-table .selected_row .selected_day {
  font-size: 14px !important;
  color: #353e45 !important;
}
.delivery-schedule-table .pagination-table .selected_row .selected_day.day {
  font-size: 12px !important;
}
.delivery-schedule-table .pagination-table .selected_row span {
  opacity: 0.6;
}
.delivery-schedule-table .pagination-table .is_open {
  display: flex;
  opacity: 0.8;
  align-items: center;
}
.delivery-schedule-table .pagination-table .closed {
  width: 20px;
}
.delivery-schedule-table .pagination-table .big_font {
  font-size: 14px !important;
}

.no-furniture-container {
  display: flex;
  border-radius: 2px;
  align-items: center;
  padding: 12px 203px;
  justify-content: center;
  background-color: #fbfcfc;
}
.no-furniture-container .no-delivery-text {
  font-size: 16px;
  color: #676e73;
  margin-left: 17px;
  font-family: roboto-regular;
}

.disabled-cta {
  color: #c2c2c2 !important;
  background-color: #e8e8e9 !important;
}

.schedule-alert {
  margin-top: 10px;
  align-items: center;
  display: inline-flex;
}

.schedule-text {
  font-size: 12px;
  color: #020e16;
  margin-bottom: 10px;
  font-family: roboto-regular;
}
.schedule-text.alert-text {
  margin-left: 8px;
  margin-bottom: 0 !important;
  color: #997600 !important;
}

.info-icon {
  width: 16px;
  cursor: pointer;
  margin-left: 8px;
}

.rejected-container {
  margin-top: 4px;
  padding: 4px 0 !important;
  background: transparent !important;
}

.downloading-container {
  color: #7495be !important;
  background-color: #e5f4fd !important;
}

.approved-cta {
  margin-top: 4px;
  display: flex !important;
  padding: 5px 0 !important;
  font-size: 12px !important;
  background: transparent !important;
}

.modal-body .pdf-viewer {
  width: 100% !important;
  height: 80vh !important;
  border: none !important;
}

.action-plan-wrapper .sub-heading {
  font-size: 14px;
  color: #676e73;
  margin-top: 8px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.action-plan-wrapper .result-status-container {
  position: relative;
}
.action-plan-wrapper .result-status-container .status-icon {
  width: 16px !important;
}
.action-plan-wrapper .status-list {
  padding: 6px 4px;
  margin: -4px -8px -4px 12px;
  border-radius: 0 4px 4px 0;
}
.action-plan-wrapper .status-list .drop-icon {
  width: 20px;
}
.action-plan-wrapper .status-list.red {
  background-color: #c6112d;
}
.action-plan-wrapper .status-list.yellow {
  background-color: #997600;
}
.action-plan-wrapper .status-list.blue {
  background-color: #0e747d;
}
.action-plan-wrapper .status-list.green {
  background-color: #1d9a18;
}
.action-plan-wrapper .status-list.orange {
  background-color: #cc451e;
}
.action-plan-wrapper .yellow-status-container {
  background-color: #cc9e00 !important;
}
.action-plan-wrapper .blue-status-container {
  background-color: #2e959f !important;
}
.action-plan-wrapper .result-status-list-container {
  left: 0;
  top: 110%;
  display: none;
  overflow: hidden !important;
}
.action-plan-wrapper .result-status-list-container.visible {
  display: block;
}
.action-plan-wrapper .result-status-list-container .active-status .default-icon {
  display: none;
}
.action-plan-wrapper .result-status-list-container .active-status .active-icon {
  display: block;
}
.action-plan-wrapper .result-status-list-container .active-status.pass-container {
  background-color: #24c11e !important;
}
.action-plan-wrapper .result-status-list-container .active-status .pass {
  color: #ffffff !important;
}
.action-plan-wrapper .result-status-list-container .active-status.fail-container {
  background-color: #f81538 !important;
}
.action-plan-wrapper .result-status-list-container .active-status .fail {
  color: #ffffff !important;
}
.action-plan-wrapper .result-status-list-container .active-status.investigate-container {
  background-color: #cc9e00 !important;
}
.action-plan-wrapper .result-status-list-container .active-status .investigate {
  color: #ffffff !important;
}
.action-plan-wrapper .result-status-list-container .active-status.implement-container {
  background-color: #2e959f !important;
}
.action-plan-wrapper .result-status-list-container .active-status .implement {
  color: #ffffff !important;
}
.action-plan-wrapper .result-status-list-container .default-icon {
  display: block;
}
.action-plan-wrapper .result-status-list-container .active-icon {
  display: none;
}
.action-plan-wrapper .result-status-list-container .result-status-wrapper {
  padding: 8px 12px !important;
}
.action-plan-wrapper .result-status-list-container .result-status-wrapper p {
  font-size: 14px !important;
}
.action-plan-wrapper .investigate-container {
  background-color: #fff9e5 !important;
}
.action-plan-wrapper .investigate-container .investigate-text {
  color: #cc9e00 !important;
}

.plm-wrapper .design-brief-wrapper .sub-container {
  margin-bottom: 16px;
  padding-bottom: 15px;
  border-bottom: solid 1px #d1d6e1;
}
.plm-wrapper .design-brief-wrapper .sub-container:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.plm-wrapper .design-brief-wrapper .main-title {
  font-size: 18px !important;
  color: #353e45 !important;
}
.plm-wrapper .design-brief-wrapper .sub-title {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 16px;
  line-height: normal;
  font-family: roboto-medium;
}
.plm-wrapper .design-brief-wrapper .material-container {
  padding: 20px;
  border-radius: 4px;
  background-color: rgba(26, 50, 106, 0.1);
}
.plm-wrapper .design-brief-wrapper .material-container .title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 16px;
  line-height: normal;
  font-family: roboto-medium;
}
.plm-wrapper .design-brief-wrapper .material-container .primary-materials {
  margin-top: 0 !important;
}
.plm-wrapper .design-brief-wrapper .material-container .primary-materials .material-item {
  margin-bottom: 0 !important;
  padding: 8px 12px !important;
  border-radius: 44px !important;
  background-color: #fbfcfc !important;
}
.plm-wrapper .design-brief-wrapper .material-container .primary-materials .material-item .material {
  font-size: 14px !important;
  margin-left: 0 !important;
  line-height: normal !important;
}
.plm-wrapper .design-brief-wrapper .material-container .primary-materials .more-materials {
  border-radius: 30px !important;
}
.plm-wrapper .design-brief-wrapper .material-container .primary-materials .more-materials img {
  width: 16px !important;
  margin-right: 0 !important;
}
.plm-wrapper .badge-container {
  display: flex;
  align-items: center;
}
.plm-wrapper .badge-container .user-badge {
  font-family: roboto-regular !important;
}
.plm-wrapper .badge-container .user-badge.red-badge {
  color: #f81538 !important;
  background-color: rgba(248, 21, 56, 0.1) !important;
}
.plm-wrapper .user-sub-container {
  display: flex;
  width: 100%;
  align-items: flex-start;
}
.plm-wrapper .user-sub-container .column {
  display: flex;
  flex: 1;
  align-items: flex-start;
}
.plm-wrapper .card-sub-title {
  color: #676e73;
}
.plm-wrapper .material-table .material-icon {
  width: 16px;
  height: 16px;
  border-radius: 20px;
  border: solid 1px #d1d6e1;
}
.plm-wrapper .material-table .grey-material {
  background-color: #d9d8d8;
}
.plm-wrapper .material-table .black-material {
  background-color: #020e16;
}
.plm-wrapper .material-table .white-material {
  background-color: #fff;
}
.plm-wrapper .material-table .lilac-material {
  background-color: #a57fe7;
}
.plm-wrapper .checked-text {
  color: #676e73 !important;
}
.plm-wrapper .comments-container {
  text-align: center;
  flex-direction: column;
  padding: 24px !important;
}
.plm-wrapper .comments-container .text {
  margin-top: 12px;
  font-size: 20px !important;
  margin-bottom: 8px !important;
}
.plm-wrapper .comments-container .sub-text {
  font-size: 16px !important;
  margin-bottom: 20px !important;
  font-family: roboto-regular !important;
}
.plm-wrapper .art-house-container .sub-section {
  flex: 1;
  border-radius: 4px;
  padding: 17px 20px 20px;
  background-color: rgba(26, 50, 106, 0.1);
}
.plm-wrapper .art-house-container .sub-section .title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.plm-wrapper .art-house-container .sub-section .file-attachment {
  width: 100%;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding: 6px 12px !important;
  justify-content: space-between;
}
.plm-wrapper .art-house-container .sub-section .file-attachment .pdf-icon {
  width: 32px;
}
.plm-wrapper .art-house-container .sub-section .file-attachment .name {
  font-size: 16px !important;
  color: #12141a !important;
}
.plm-wrapper .unchecked-row td {
  color: rgba(2, 14, 22, 0.6);
}
.plm-wrapper .sample-photo-wrapper {
  margin-top: 16px;
}
.plm-wrapper .sample-photo-wrapper .title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container {
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  background-color: #fff;
  padding: 4px 3px 12px 4px;
  border: solid 1px #d1d6e1;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container:first-child {
  margin-left: 0;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container:last-child {
  margin-right: 0;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container .card-image {
  width: 190px;
  height: 157px;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container .card-box-container {
  margin: 13px 8px 0 8px;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container .card-box-container .text {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container .card-box-container .sub-text {
  font-size: 14px;
  color: #020e16;
  margin-top: 8px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container.add-photo-container {
  width: 140px;
  height: 202px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container.add-photo-container .image-icon {
  width: 32px;
}
.plm-wrapper .sample-photo-wrapper .photos-wrapper .sample-card-container.add-photo-container .add-photo-cta {
  width: 12px;
}
.plm-wrapper .sample-photo-wrapper .add-image-icon {
  width: 60px;
  margin-bottom: 8px;
}

.plm-history-container .row {
  margin-bottom: 12px;
}
.plm-history-container .row:last-child {
  margin-bottom: 0;
}
.plm-history-container .history-info-container {
  display: flex;
  align-items: flex-start;
  padding: 16px 20px !important;
}
.plm-history-container .history-info-container .approved-container {
  margin-top: 12px;
  margin-bottom: 12px;
}
.plm-history-container .history-info-container .approved-container .approved-icon {
  width: 16px;
  margin-right: 4px;
}
.plm-history-container .history-info-container .approved-container .approved-text {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.plm-history-container .history-info-container .date-container {
  margin-right: 46px !important;
}
.plm-history-container .history-info-container .date-container .small-text {
  font-size: 14px !important;
  color: #717276 !important;
}
.plm-history-container .history-info-container .date-container .dark-text {
  color: #020e16 !important;
}
.plm-history-container .history-info-container .date-container .dark-text .name-letter {
  padding: 4px 8px !important;
}
.plm-history-container .history-info-container .date-container .dark-text .date-container {
  font-size: 14px;
  margin-left: 4px;
  color: #676e73;
  line-height: normal;
  font-family: roboto-regular;
}

.confirmation-wrapper .confirmation-container {
  display: flex;
  margin-top: 12px;
  margin-bottom: 12px;
  align-items: center;
}
.confirmation-wrapper .hover-state {
  display: none;
}
.confirmation-wrapper .confirmation-badge {
  cursor: pointer;
  padding: 12px 16px !important;
}
.confirmation-wrapper .confirmation-badge:hover .hover-state {
  display: flex;
}
.confirmation-wrapper .confirmation-badge:first-child {
  margin-right: 12px;
}
.confirmation-wrapper .confirmation-badge .confirm-text {
  font-size: 16px !important;
}

.buying-sample-photo-container .card-thumbnail {
  width: 296px !important;
  height: 201px !important;
}
.buying-sample-photo-container .text-box-container {
  margin: 16px 12px 0 12px !important;
}
.buying-sample-photo-container .text-box-container .card-title {
  margin-top: 12px;
  font-size: 16px !important;
  font-family: roboto-medium !important;
}

.status-wrapper {
  display: flex;
  align-items: center;
}
.status-wrapper .status-container {
  display: flex;
  margin-right: 20px;
  border-radius: 8px;
  align-items: flex-start;
  border: solid 1px #d1d6e1;
  padding: 14px 20px 25px 20px;
}
.status-wrapper .status-container:last-child {
  margin-right: 0;
}
.status-wrapper .status-container .user-icon {
  width: 48px;
  margin-right: 17px;
}
.status-wrapper .status-container .status-text {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.status-wrapper .status-container .status-title {
  font-size: 18px;
  color: #12141a;
  margin-bottom: 18px;
  line-height: normal;
  font-family: roboto-medium;
}

.part-info-container {
  padding: 16px 25px !important;
}

.add-info-cta {
  padding: 32px 16px !important;
}

.entry-table .green-row {
  background-color: rgba(36, 193, 30, 0.1);
}
.entry-table .green-row:hover {
  background-color: rgba(36, 193, 30, 0.1);
}
.entry-table .red-row {
  background-color: rgba(248, 21, 56, 0.1);
}
.entry-table .red-row:hover {
  background-color: rgba(248, 21, 56, 0.1);
}

.online-info-wrapper {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.online-info-wrapper .online-info-container {
  padding: 0 !important;
  display: block !important;
}
.online-info-wrapper .online-info-container .online-info-header {
  justify-content: space-between;
  padding: 8px 16px 8px 20px !important;
}
.online-info-wrapper .online-info-container .online-info-header .info-title {
  font-size: 16px !important;
}
.online-info-wrapper .online-info-container .online-info-header.box-dimension {
  background-color: rgba(0, 206, 255, 0.1);
}
.online-info-wrapper .online-info-container .online-info-header.box-dimension:hover {
  background-color: rgba(0, 206, 255, 0.2);
}
.online-info-wrapper .online-info-container .online-info-header.box-dimension.active {
  background-color: #00a5cc;
}
.online-info-wrapper .online-info-container .online-info-header.box-dimension.active:hover {
  background-color: #048fb0;
}
.online-info-wrapper .online-info-container .online-info-header.outer-carton-dimension {
  background-color: rgba(163, 103, 220, 0.1);
}
.online-info-wrapper .online-info-container .online-info-header.outer-carton-dimension:hover {
  background-color: rgba(163, 103, 220, 0.2);
}
.online-info-wrapper .online-info-container .online-info-header.outer-carton-dimension.active {
  background-color: #a367dc;
}
.online-info-wrapper .online-info-container .online-info-header.outer-carton-dimension.active:hover {
  background-color: #935dc6;
}
.online-info-wrapper .online-info-container .online-info-header.packed-part-dimension {
  background-color: rgba(220, 105, 104, 0.1);
}
.online-info-wrapper .online-info-container .online-info-header.packed-part-dimension:hover {
  background-color: rgba(220, 105, 104, 0.2);
}
.online-info-wrapper .online-info-container .online-info-header.packed-part-dimension.active {
  background-color: #dc6968;
}
.online-info-wrapper .online-info-container .online-info-header.packed-part-dimension.active:hover {
  background-color: #c65e5e;
}
.online-info-wrapper .online-info-container .online-info-header.costing {
  background-color: rgba(103, 113, 220, 0.1);
}
.online-info-wrapper .online-info-container .online-info-header.costing:hover {
  background-color: rgba(103, 113, 220, 0.2);
}
.online-info-wrapper .online-info-container .online-info-header.costing.active {
  background-color: #6771dc;
}
.online-info-wrapper .online-info-container .online-info-header.costing.active:hover {
  background-color: #5d66c6;
}
.online-info-wrapper .online-info-container .online-info-header.agreed-price {
  background-color: rgba(230, 231, 232, 0.6);
}
.online-info-wrapper .online-info-container .online-info-header.agreed-price:hover {
  background-color: rgba(230, 231, 232, 0.7);
}
.online-info-wrapper .online-info-container .online-info-header.agreed-price.active {
  background-color: #667585;
}
.online-info-wrapper .online-info-container .online-info-header.agreed-price.active:hover {
  background-color: #546473;
}
.online-info-wrapper .online-info-container .inner-child-table {
  padding: 16px 20px 24px 20px !important;
}

.scroll-wrapper {
  position: relative;
}
.scroll-wrapper .arrow-wrapper {
  display: flex;
  top: 0px;
  right: 32px;
  margin-bottom: 8px;
  position: absolute;
  align-items: center;
}
.scroll-wrapper .arrow-wrapper .arrow-container {
  display: flex;
  padding: 6.5px;
  cursor: pointer;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  background-color: rgba(243, 251, 251, 0.4);
}
.scroll-wrapper .arrow-wrapper .arrow-container.active {
  background-color: rgba(243, 251, 251, 0.8);
}
.scroll-wrapper .arrow-wrapper .arrow-container:first-child img {
  transform: rotate(-180deg);
}
.scroll-wrapper .arrow-wrapper .arrow-container:last-child {
  margin-left: 8px;
}
.scroll-wrapper .arrow-wrapper .arrow-container img {
  width: 11px;
}

.symbols-container {
  padding: 6px 4px 8px 10px !important;
}

.document-container .upload-doc-container {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 6px 8px;
  border: solid 1px #cdd5df;
  background-color: #fbfcfc;
}
.document-container .upload-doc-container .drop-here {
  display: flex;
  flex: 1;
  font-size: 12px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.document-container .upload-doc-container .drop-here span {
  color: #008def;
}
.document-container .doc-icon {
  width: 20px;
  height: 20px;
}

.care-wordings-container .depts-badge {
  margin-right: 2px;
  margin-bottom: 2px;
}

.countries-container .pass-circle {
  width: 20px;
  height: 20px;
}

.onboarding-doc-wrapper {
  box-shadow: none !important;
  border-radius: 0 !important;
  border: solid 2px #fff !important;
  background-color: #e5f4fd !important;
}
.onboarding-doc-wrapper .doc-container {
  width: 38%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboarding-doc-wrapper .doc-container .title-text {
  margin-bottom: 0 !important;
}
.onboarding-doc-wrapper .doc-container .title-text h6 {
  font-size: 20px !important;
}
.onboarding-doc-wrapper .doc-container .product-img {
  width: 140px;
  margin-right: 20px;
}
.onboarding-doc-wrapper .doc-container .upload-doc {
  font-size: 14px;
  color: #676e73;
  margin: 8px 0 12px;
  line-height: normal;
  font-family: roboto-regular;
}
.onboarding-doc-wrapper .doc-container .add-doc-cta {
  display: flex;
  align-items: center;
  font-size: 14px !important;
  padding: 8px 12px !important;
}
.onboarding-doc-wrapper .doc-container .add-doc-cta img {
  width: 16px !important;
}

.loading-wrapper {
  width: 100% !important;
  overflow: hidden !important;
}
.loading-wrapper.ligh-background {
  background-color: #e5f4fd !important;
}
.loading-wrapper .card-container {
  z-index: 2;
  position: relative;
}
.loading-wrapper .doc-uploading-container {
  display: flex;
  align-items: center;
}
.loading-wrapper .doc-uploading-container .column {
  flex: 1;
  display: flex;
  align-items: center;
}
.loading-wrapper .doc-uploading-container .column:last-child {
  justify-content: flex-end;
}
.loading-wrapper .doc-uploading-container .column .cancel-icon {
  width: 24px;
}
.loading-wrapper .doc-icon {
  width: 40px;
}
.loading-wrapper .title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.loading-wrapper .sub-title {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0px;
  font-family: roboto-regular;
}
.loading-wrapper .upload-progress-bar {
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background-color: #ffffff;
  transition: ease all 0.4s;
}
.loading-wrapper .doc-uploaded-table tr {
  border-bottom: none !important;
}
.loading-wrapper .doc-uploaded-table tr .name-input {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
.loading-wrapper .doc-uploaded-table tr .version-container {
  display: inline-flex;
  padding: 8px 17px;
  border-radius: 4px;
  align-items: center;
  background-color: #f0f1fc;
}
.loading-wrapper .doc-uploaded-table tr .version-container span {
  font-size: 12px;
  margin-left: 4px;
  color: #5d66c6;
  font-family: roboto-medium;
}
.loading-wrapper .doc-uploaded-table tr .version-container.version-two {
  background-color: #fcf0fa !important;
}
.loading-wrapper .doc-uploaded-table tr .version-container.version-two span {
  color: #c65db9;
}
.loading-wrapper .doc-uploaded-table tr .input-error {
  color: #08a7a7 !important;
  font-family: roboto-medium !important;
}
.loading-wrapper .doc-uploaded-table tr .more-options {
  cursor: pointer;
}
.loading-wrapper .doc-uploaded-table tr .more-options .list-icon {
  opacity: 0.8;
}
.loading-wrapper .doc-uploaded-table tr .uploading-container {
  padding: 0 8px 0 0 !important;
  border-radius: 4px !important;
  border: solid 2px #fff !important;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08) !important;
}
.loading-wrapper .doc-uploaded-table tr .uploading-container .doc-uploading-container {
  padding: 4px !important;
}
.loading-wrapper .doc-uploaded-table tr .uploading-container .column {
  z-index: 10 !important;
}
.loading-wrapper .doc-uploaded-table tr .uploading-container .column .doc-icon {
  width: 24px !important;
}
.loading-wrapper .doc-uploaded-table tr .uploading-container .column .cancel-icon {
  width: 20px !important;
}

.add-more-doc {
  opacity: 0.3;
  margin-top: 20px;
}

.doc-settings-alert {
  top: 60% !important;
}

.table-wrapper {
  padding: 16px 0 0 !important;
  border-radius: 4px !important;
}

.add-more-doc_button {
  opacity: 0.3;
}

.success-message-alerts {
  left: 24px;
  display: flex;
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
  background-color: #2e3f55;
  box-shadow: 0 4px 14px 0 rgba(18, 20, 26, 0.2);
}
.success-message-alerts img {
  width: 20px;
  height: 20px;
}
.success-message-alerts .message {
  font-size: 14px;
  color: #fff;
  margin-left: 8px;
  line-height: normal;
  font-family: roboto-regular;
}

.pointer {
  cursor: pointer;
}

.to-date {
  font-size: 14px;
  margin: 0 7px;
  color: #717276;
  font-family: roboto-medium;
}

.pending-badge-container {
  background-color: #ff5626;
}

.new {
  font-size: 12px;
  color: #fff;
  font-family: roboto-medium;
}

.tcf-wrapper-table .tool-tip {
  padding: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.tcf-wrapper-table .tool-tip:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.tcf-wrapper-table .new-badge-container {
  background-color: #a367dc;
}
.tcf-wrapper-table .cancel-badge-container {
  background-color: #f81538;
}
.tcf-wrapper-table .expired-badge-container {
  background-color: #a0a1a3;
}
.tcf-wrapper-table .completed-badge-container {
  background-color: #24c11e;
}
.tcf-wrapper-table .terminated-badge-container {
  background-color: #c6112d;
}
.tcf-wrapper-table .progress-percent {
  margin-left: 12px !important;
}
.tcf-wrapper-table .tcf-progress-bar {
  width: 82% !important;
}
.tcf-wrapper-table .tcf-progress-bar .bg-blue {
  width: 3% !important;
}
.tcf-wrapper-table .bg-progress-bar {
  background-color: #f1c3c3;
}
.tcf-wrapper-table .bg-progress-bar .bg-red {
  width: 0%;
  background-color: #f81538;
}
.tcf-wrapper-table .red {
  color: #dc6968;
}
.tcf-wrapper-table .arrow-container {
  border-radius: 2px;
  opacity: 1 !important;
  padding: 8px !important;
  transition: ease all 0.4s;
  font-size: 16px !important;
  border: solid 1px transparent;
  background-color: transparent;
}
.tcf-wrapper-table .active {
  border: solid 1px #008def;
  background-color: #008def;
}
.tcf-wrapper-table .active img {
  transform: rotate(90deg);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(214deg) brightness(102%) contrast(102%);
}

.cancel-badge-container {
  background-color: #f81538;
}

.completed-badge-container {
  background-color: #24c11e;
}

.new-tcf-booking-expand-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 4px 20px 20px;
  background-color: rgba(237, 240, 244, 0.5);
}
.new-tcf-booking-expand-container .column-1 {
  width: 20.6580829757%;
  float: left;
  margin-right: 1.2875536481%;
}
.new-tcf-booking-expand-container .column-2 {
  padding-left: 24px;
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.new-tcf-booking-expand-container .column-2 .block {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
.new-tcf-booking-expand-container .column-2 .block:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
.new-tcf-booking-expand-container .column-2 .tcf-expand-wrapper-details .light {
  font-size: 14px;
  color: #717276;
  margin-bottom: 8px;
}
.new-tcf-booking-expand-container .column-2 .tcf-expand-wrapper-details .input-value {
  font-size: 14px;
  color: #12141a;
}
.new-tcf-booking-expand-container .column-2 .tcf-expand-wrapper-details .location-icon {
  height: 16px;
}
.new-tcf-booking-expand-container .column-3 {
  width: 44.2918454936%;
  float: right;
  margin-right: 0;
}
.new-tcf-booking-expand-container .thumb-title {
  color: #28384b;
  font-size: 10px;
  font-family: roboto-medium;
}
.new-tcf-booking-expand-container .product-thumb-container img {
  width: 100%;
}

.tcf-chart-card {
  border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #cdd5df;
}
.tcf-chart-card.no-padding {
  padding: 0 !important;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .tcf-chart-card {
    padding: 18px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .tcf-chart-card {
    padding: 20px;
    min-height: 200px;
    text-align: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-chart-card {
    padding: 0;
    margin-top: 10px;
  }
}
.tcf-chart-card .donut-chart {
  display: inline-block;
}
.tcf-chart-card .chart-legend-container {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .tcf-chart-card .chart-legend-container {
    margin-top: 20px;
    text-align: left;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-chart-card .chart-legend-container {
    margin-left: 0;
  }
}
.tcf-chart-card .chart-legend-container .legend-item {
  align-items: center;
  margin-bottom: 10px;
}
.tcf-chart-card .chart-legend-container .legend-item span {
  display: inline-block;
  font-family: roboto-medium;
}
.tcf-chart-card .chart-legend-container .legend-item .tile {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.tcf-chart-card .chart-legend-container .legend-item .text {
  font-size: 12px;
  min-width: 95px;
  margin-left: 14px;
  color: #020e16;
  font-family: roboto-regular;
}
.tcf-chart-card .chart-legend-container .legend-item .count {
  font-size: 12px;
  min-width: 30px;
  margin-left: 10px;
  color: #020e16;
}
.tcf-chart-card .chart-legend-container .legend-item .light-count {
  color: #a0a1a3;
}
.tcf-chart-card .chart-legend-container .legend-item .percent {
  font-size: 12px;
  margin-left: 10px;
  color: rgba(2, 14, 22, 0.57);
}

.info-fill {
  margin-top: 12px;
}

.tcf-master-wrapper .header-text .title {
  font-size: 18px !important;
  color: #12141a !important;
  font-family: roboto-medium !important;
}

.tcf-details-wrapper .tcf-container-head {
  font-size: 18px !important;
  color: #12141a !important;
  background-color: rgba(0, 165, 204, 0.2) !important;
}
.tcf-details-wrapper .product-thumbnail img {
  width: 299px;
}
.tcf-details-wrapper .uploading-container {
  margin-top: 4px !important;
  padding: 16px 24px !important;
}
.tcf-details-wrapper .uploading-container .uploading-icon {
  width: 37px !important;
}
.tcf-details-wrapper .uploading-container .upload-here-container {
  margin-left: 12px !important;
}
.tcf-details-wrapper .uploading-container .upload-here-container .upload-title {
  font-size: 14px !important;
  color: #12141a !important;
  margin-bottom: 0 !important;
}
.tcf-details-wrapper .uploading-container .upload-here-container .drop-text {
  color: #717276 !important;
}
.tcf-details-wrapper .drag-top-margin {
  padding: 24px !important;
}
.tcf-details-wrapper .product-detail-container {
  padding-bottom: 23px;
  margin-bottom: 24px;
  border-bottom: solid 1px #cdd5df;
}
.tcf-details-wrapper .product-detail-container .light-text {
  font-size: 14px !important;
  color: #717276 !important;
  margin-bottom: 8px !important;
}
.tcf-details-wrapper .product-detail-container .location {
  height: 16px;
}
.tcf-details-wrapper .product-detail-container .value {
  font-size: 14px !important;
  color: #12141a !important;
}
.tcf-details-wrapper .doc-info-container {
  margin-top: 0 !important;
}
.tcf-details-wrapper .doc-info-container .result-border-right {
  border-right: solid 1px #cdd5df;
}
.tcf-details-wrapper .doc-info-container .doc-info-block {
  margin-right: 0 !important;
}
.tcf-details-wrapper .doc-info-container .doc-info-block small {
  font-size: 14px !important;
  color: #717276 !important;
  line-height: normal;
  margin-bottom: 8px;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .big {
  color: #12141a !important;
  font-family: roboto-regular !important;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .badge {
  font-size: 16px;
  color: #fff;
  padding: 2px 12px;
  line-height: normal;
  border-radius: 60px;
  font-family: roboto-medium;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .green {
  background-color: #24c11e;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .red {
  background-color: #f81538;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .orange {
  background-color: #ff5626;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .yellow {
  background-color: #cc9e00;
}
.tcf-details-wrapper .doc-info-container .result-left {
  padding-left: 40px;
}
.tcf-details-wrapper .count-text {
  flex: 1;
}
.tcf-details-wrapper .count-text .count-title {
  color: #12141a !important;
  font-family: roboto-medium !important;
}
.tcf-details-wrapper .tcf-detail-progress-container .scope-status-container .status-text {
  font-size: 12px;
  color: #12141a;
  line-height: normal;
  font-family: roboto-regular;
}
.tcf-details-wrapper .tcf-detail-progress-container .scope-status-container .status-count {
  font-size: 14px;
  color: #12141a;
  line-height: normal;
  font-family: roboto-medium;
}
.tcf-details-wrapper .tcf-detail-progress-container .color-progress-bar {
  margin-top: 9px;
  width: 160px !important;
  height: 8px !important;
  border-radius: 30px !important;
}
.tcf-details-wrapper .tcf-detail-progress-container .color-progress-bar .color {
  height: 8px !important;
  border-radius: 30px !important;
}
.tcf-details-wrapper .tcf-detail-progress-container .color-progress-bar .green {
  background-color: #24c11e;
}
.tcf-details-wrapper .success-icon {
  width: 24px;
}
.tcf-details-wrapper .pending-badge {
  background-color: #ff5626 !important;
}
.tcf-details-wrapper .info-icon {
  width: 20px;
  margin-left: 6px;
}
.tcf-details-wrapper .tcf-detailed-table .active {
  border: solid 1px #c9001f !important;
  background-color: #c9001f !important;
}
.tcf-details-wrapper .tcf-detailed-table .tcf-inner-table {
  border: solid 1px #edf0f4;
}

.task-status-wrapper {
  margin-bottom: -100px;
}
.task-status-wrapper.second-layout {
  display: flex;
  min-height: 188px;
}
.task-status-wrapper.second-layout .card-container {
  padding: 44px 11px 20px 16px;
  justify-content: space-between;
}
.task-status-wrapper.second-layout .card-container:last-child {
  flex: none;
  padding-top: 20px;
  align-items: center;
  justify-content: center;
}
.task-status-wrapper.second-layout .card-container .card-title {
  margin-top: 0;
}
.task-status-wrapper.second-layout .card-container .card-subtitle {
  font-size: 32px;
  font-family: trim-web-medium;
}
.task-status-wrapper .card-container {
  display: flex;
  flex: 1;
  margin: 0 6px;
  padding: 20px;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  background-size: cover;
  transition: ease all 0.4s;
  background-repeat: no-repeat;
}
.task-status-wrapper .card-container:hover {
  box-shadow: 0 12px 32px 0 rgba(18, 20, 26, 0.2);
}
.task-status-wrapper .card-container:first-child {
  margin-left: 0;
}
.task-status-wrapper .card-container:last-child {
  margin-right: 0;
}
.task-status-wrapper .card-container img {
  width: 32px;
}
.task-status-wrapper .card-container .card-title {
  font-size: 16px;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.task-status-wrapper .card-container .card-subtitle {
  font-size: 44px;
  color: #ffffff;
  margin-bottom: 25px;
  font-family: roboto-medium;
}
.task-status-wrapper .card-container .blank {
  width: 12px;
  height: 2px;
  border-radius: 30px;
  background-color: #fff;
}
.task-status-wrapper .red-card {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(167deg, #f81538 19%, #c61732 81%);
}
.task-status-wrapper .red-card:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  background: url('red-bg-mask.svg');
}
.task-status-wrapper .green-card {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(167deg, #24c11e 19%, #1bb015 81%);
}
.task-status-wrapper .green-card:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  background: url('green-bg-mask.svg');
}
.task-status-wrapper .orange-card {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(167deg, #ff7a00 19%, #ff7400 81%);
}
.task-status-wrapper .orange-card:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  background: url('orange-bg-mask.svg');
}
.task-status-wrapper .blue-card {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(167deg, #00a5cc 19%, #039cc0 81%);
}
.task-status-wrapper .blue-card:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  background: url('blue-bg-mask.svg');
}

.report-badge {
  color: #098a8a !important;
  background-color: rgba(206, 237, 237, 0.5) !important;
}

.booking-summary-expand {
  background-color: transparent !important;
}

.progress-badge-container {
  background-color: #ffeee9 !important;
}
.progress-badge-container .text {
  color: #ff5626 !important;
}

.none-container {
  background-color: #9eb9ce !important;
}
.none-container .text {
  color: #d4e5f2 !important;
}

.lab-new-status-badge-container {
  color: #a367dc !important;
  background-color: #f3edf8 !important;
}

.lab-inprogress-status-badge-container {
  color: #ff5626 !important;
  background-color: #ffeee9 !important;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header .column:last-child {
    margin-top: 0 !important;
    justify-content: flex-end !important;
  }
}

.blue-wrapper {
  top: -29px;
  height: 51px !important;
  position: sticky;
  background-color: var(--page-header-color);
}

.bulk-export-wrapper {
  display: flex !important;
  position: relative !important;
  justify-content: center !important;
}
.bulk-export-wrapper.bulk-import-wrapper {
  display: inherit !important;
}
.bulk-export-wrapper .bulk-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bulk-export-wrapper .bulk-container .main-title {
  font-size: 20px;
  color: #020e16;
  margin: 8px 0 32px;
  font-family: roboto-medium;
}
.bulk-export-wrapper .bulk-container .export-search-container {
  width: 480px;
}
.bulk-export-wrapper .bulk-container .export-cta-container {
  display: flex;
  margin: 12px 0 32px;
  align-items: center;
  justify-content: flex-end;
}
.bulk-export-wrapper .bulk-container .download-cta {
  color: #cdd5df !important;
  background-color: transparent !important;
}
.bulk-export-wrapper .bulk-container .import-page {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.bulk-export-wrapper .bulk-container .import-page .import-link {
  text-decoration: none;
  color: #008def !important;
}
.bulk-export-wrapper .bulk-container .drag-files-wrapper {
  display: flex;
  margin: 24px 0;
  padding: 24px 70px;
  border-radius: 4px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: dashed 1px #cdd5df;
  background-color: #fbfcfc;
}

.wrapper-text {
  margin: 4px 0;
  font-size: 14px;
  color: #676e73;
  line-height: normal;
  font-family: roboto-regular;
}
.wrapper-text img {
  width: 20px;
  height: 20px;
}

.success-message-alert {
  bottom: 25%;
  left: 40px;
  display: flex;
  position: absolute;
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
  background-color: #2e3f55;
  box-shadow: 0 4px 14px 0 rgba(18, 20, 26, 0.2);
}
.success-message-alert img {
  width: 20px;
  height: 20px;
}
.success-message-alert .message {
  font-size: 14px;
  color: #fff;
  margin-left: 8px;
  line-height: normal;
  font-family: roboto-regular;
}

.import-container .import-main-title:after {
  width: 20px !important;
  right: -20px !important;
  border-top: dashed 1px #4c698d !important;
}

.uploading-file-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.uploading-file-wrapper .uploading-title {
  font-size: 20px;
  color: #676e73;
  margin: 20px 0 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.uploading-file-wrapper .process-count {
  background-color: #08A6A7 !important;
}
.uploading-file-wrapper .file-icon {
  width: 24px;
  height: 24px;
}
.uploading-file-wrapper .upload-text {
  font-family: roboto-medium;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}
.uploading-file-wrapper .progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
  border-radius: 13px;
}

.no-result-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.no-result-container img {
  width: 60px;
  height: 60px;
}
.no-result-container .heading {
  font-size: 14px;
  margin-top: 8px;
  color: #676e73;
  margin-bottom: 0;
  font-family: roboto-medium;
}

.mapping-wrapper {
  display: flex;
  margin-top: -20px;
  padding-left: 16px;
  padding-bottom: 50px;
  align-items: flex-start;
}
.mapping-wrapper .column {
  display: flex;
  flex-direction: column;
}
.mapping-wrapper .column .item-details-title {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.mapping-wrapper .column .file-rename {
  color: #12141a !important;
  font-family: roboto-medium !important;
}
.mapping-wrapper .column .doc-uploading-container {
  width: 380px;
  padding: 16px 0 !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  border: solid 1px #cdd5df !important;
  background-color: #fbfcfc !important;
}
.mapping-wrapper .column .doc-uploading-container .uploading-icon {
  width: 36px !important;
}
.mapping-wrapper .column .doc-uploading-container .sub-container {
  margin-left: 12px !important;
}
.mapping-wrapper .column .doc-uploading-container .sub-container .upload-heading {
  color: #12141a !important;
}
.mapping-wrapper .column .download-template {
  display: flex;
  padding: 4px !important;
  font-size: 14px !important;
  color: #2e3f55 !important;
  justify-content: flex-start;
  font-family: roboto-regular !important;
}
.mapping-wrapper .column:last-child {
  margin-left: 94px;
}
.mapping-wrapper .column:last-child .auto-selected-alert {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 12px;
  background-color: #2e3f55;
  box-shadow: 0 4px 14px 0 rgba(18, 20, 26, 0.2);
}
.mapping-wrapper .column:last-child .auto-selected-alert img {
  width: 20px;
}
.mapping-wrapper .column:last-child .auto-selected-alert span {
  font-size: 14px;
  color: #fff;
  margin-left: 8px;
  font-family: roboto-regular;
}
.mapping-wrapper .column:last-child .sub-label {
  display: inline-block;
  margin-left: 28px !important;
}

.unmapped-file-row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.unmapped-file-row img {
  width: 14px;
}
.unmapped-file-row .unmapped-files {
  font-size: 14px;
  color: #7495be;
  margin-left: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.unmapped-file-row .unmapped-files span {
  color: #4c698d;
}

.download-list-wrapper {
  display: inline-block;
  position: relative;
}
.download-list-wrapper.active .download-cta {
  color: rgb(0, 141, 239) !important;
  background-color: transparent !important;
}
.download-list-wrapper.active:hover .dropdown-list {
  display: block;
  overflow-y: hidden !important;
}
.download-list-wrapper .dropdown-list {
  display: none;
  position: absolute;
  top: 100%;
  /* Position the dropdown below the button */
  left: 0;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  list-style: none;
  padding: 0;
  margin: 0;
}
.download-list-wrapper .dropdown-list li {
  padding: 10px 20px;
  cursor: pointer;
}
.download-list-wrapper .dropdown-list li:hover {
  background-color: #f4f6f8;
}
.download-list-wrapper .dropdown-list li.active-list {
  background-color: #f4f6f8 !important;
}
.download-list-wrapper .dropdown-list li span {
  display: flex;
  align-items: center;
}
.download-list-wrapper .dropdown-list li span .list-icon {
  margin-right: 4px;
}

.product-alert {
  padding: 8px 12px !important;
  border: solid 1px #5f6f97 !important;
  background-color: #fff9e5 !important;
}
.product-alert p {
  color: #353e45 !important;
}

.cart-products-wrapper {
  padding: 6px 0px 6px 4px;
  background-color: #fff9e5;
  box-shadow: 0 2px 8px 0 rgba(18, 20, 26, 0.2);
}
.cart-products-wrapper .cart-container {
  display: flex;
  align-items: center;
}
.cart-products-wrapper .column {
  display: flex;
  flex: 1.5;
  align-items: center;
}
.cart-products-wrapper .column:last-child {
  flex: 0.5;
  justify-content: flex-end;
}
.cart-products-wrapper .column .added-product-count {
  display: flex;
  align-items: center;
}
.cart-products-wrapper .column .added-product-count .product-count {
  font-size: 18px;
  color: #13316e;
  line-height: normal;
  margin: 0 12px 0 8px;
  font-family: roboto-regular;
}

.added-product-list {
  display: flex;
  line-height: 0;
  align-items: center;
}
.added-product-list .added-product {
  padding: 4px;
  margin-right: 4px;
  border-radius: 4px;
  background-color: #e6f6f6;
}
.added-product-list .added-product:last-child {
  margin-right: 0;
}
.added-product-list .added-product .image-thumbnail {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: solid 2px #edf0f4;
}
.added-product-list .added-product .product-id {
  font-size: 12px;
  margin: 0 4px 0;
  color: #353e45;
  line-height: normal;
  text-transform: uppercase;
  font-family: roboto-medium;
}
.added-product-list .added-product .close-icon:hover {
  cursor: pointer;
}

/* For Chrome, Safari, and Edge */
.added-product-wrap-list::-webkit-scrollbar {
  width: 6px;
  /* Width of the scrollbar */
}

.added-product-wrap-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Background of the track */
}

.added-product-wrap-list::-webkit-scrollbar-thumb {
  background-color: #888;
  /* Color of the scrollbar thumb */
  border-radius: 10px;
  /* Rounded corners */
}

/* Change thumb color when hovering */
.added-product-wrap-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Hide the up and down arrows */
.added-product-wrap-list::-webkit-scrollbar-button {
  display: none;
}

.added-product-wrap-list {
  display: flex;
  line-height: 0;
  align-items: center;
  flex-wrap: wrap;
  max-height: 80px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
.added-product-wrap-list .added-product {
  padding: 4px;
  margin-right: 4px;
  border-radius: 4px;
  background-color: #e6f6f6;
}
.added-product-wrap-list .added-product:last-child {
  margin-right: 0;
}
.added-product-wrap-list .added-product .image-thumbnail {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: solid 2px #edf0f4;
}
.added-product-wrap-list .added-product .product-id {
  font-size: 12px;
  margin: 0 4px 0;
  color: #353e45;
  line-height: normal;
  text-transform: uppercase;
  font-family: roboto-medium;
}
.added-product-wrap-list .added-product .close-icon:hover {
  cursor: pointer;
}

.lab-booking-wrapper {
  position: relative;
}
.lab-booking-wrapper .booking-wrapper {
  top: 16%;
  position: sticky;
  padding: 20px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  box-shadow: 0 2px 4px 0 rgba(18, 20, 26, 0.1) !important;
}
.lab-booking-wrapper .booking-wrapper .id-heading-container {
  padding: 20px 16px !important;
  background-color: #f4f6f8 !important;
}
.lab-booking-wrapper .booking-wrapper .total-test-wrapper .sub-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 19px;
  justify-content: space-between;
  border-bottom: dashed 1px #d1d6e1;
}
.lab-booking-wrapper .booking-wrapper .total-test-wrapper .sub-container:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.lab-booking-wrapper .booking-wrapper .total-test-wrapper .sub-container .sub-text {
  font-size: 14px;
  color: #020e16;
  line-height: normal;
  margin-top: 0 !important;
  font-family: roboto-medium;
}
.lab-booking-wrapper .booking-wrapper .lab-details-wrapper {
  margin-top: 20px;
}
.lab-booking-wrapper .booking-wrapper .lab-details-wrapper .lab-container {
  margin: 0 !important;
  width: 100% !important;
  padding: 20px 35px 28px 20px !important;
}
.lab-booking-wrapper .body-wrapper {
  position: relative;
  margin-top: -16px !important;
}
.lab-booking-wrapper .success-message-alert {
  top: 40%;
  left: 36px;
  display: flex;
  position: absolute;
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
  background-color: #2e3f55;
  box-shadow: 0 4px 14px 0 rgba(18, 20, 26, 0.2);
}
.lab-booking-wrapper .success-message-alert img {
  width: 20px;
  height: 20px;
}
.lab-booking-wrapper .success-message-alert .message {
  font-size: 14px;
  color: #fff;
  margin-left: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.lab-booking-wrapper .prodcut-summary-container {
  display: flex;
  margin: 0 2px;
  padding: 20px 18px;
  align-items: flex-start;
  transition: ease all 0.4s;
  justify-content: space-between;
  border-bottom: dashed 1px #b7c3d1;
}
.lab-booking-wrapper .prodcut-summary-container:hover {
  background-color: #f4f6f8;
  border-bottom: 1px solid transparent;
}
.lab-booking-wrapper .prodcut-summary-container:hover .remove-container {
  display: flex;
}
.lab-booking-wrapper .prodcut-summary-container:hover .edit-summary {
  display: flex;
  padding-right: 12px;
  align-items: center;
}
.lab-booking-wrapper .prodcut-summary-container .edit-summary {
  display: none;
}
.lab-booking-wrapper .prodcut-summary-container .product-summary {
  margin-left: 16px;
}
.lab-booking-wrapper .prodcut-summary-container .product-summary .product-id-number {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.lab-booking-wrapper .prodcut-summary-container .product-summary .category-container {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.lab-booking-wrapper .prodcut-summary-container .product-summary .category-container .category-name {
  font-size: 14px;
  color: #676e73;
  line-height: normal;
  font-family: roboto-medium;
}
.lab-booking-wrapper .prodcut-summary-container .product-summary .category-container .dot {
  width: 6px;
  height: 6px;
  margin: 0 8px;
  border-radius: 20px;
  background-color: #b7c3d1;
}
.lab-booking-wrapper .prodcut-summary-container .product-summary .category-container img {
  margin-left: 2px;
  cursor: pointer;
}
.lab-booking-wrapper .add-more-cta {
  display: flex;
  margin-top: 20px;
  align-items: center;
  padding: 2px 2px 2px 18px !important;
}
.lab-booking-wrapper .test-details-wrapper {
  display: flex;
  margin: 1px 2px 0;
  padding: 19px 18px;
  align-items: flex-start;
  transition: ease all 0.4s;
  border-bottom: solid 2px rgba(205, 213, 223, 0.6);
}
.lab-booking-wrapper .test-details-wrapper.hovered {
  background-color: #f4f6f8;
}
.lab-booking-wrapper .test-details-wrapper.added-new {
  background: #E6F6F6 !important;
  border-bottom: 2px solid transparent;
}
.lab-booking-wrapper .test-details-wrapper.added-new .product-details {
  background-color: #E6F6F6 !important;
  border-bottom: dashed 1px #b7c3d1 !important;
}
.lab-booking-wrapper .test-details-wrapper.added-new .product-details:before {
  background-color: #E6F6F6 !important;
}
.lab-booking-wrapper .test-details-wrapper .test-one {
  display: flex;
  margin-right: 24px;
  position: relative;
  align-items: center;
}
.lab-booking-wrapper .test-details-wrapper .test-one img {
  width: 16px;
}
.lab-booking-wrapper .test-details-wrapper .test-one .test-number {
  font-size: 14px;
  color: #4c698d;
  margin-left: 2px;
  font-family: roboto-medium;
}
.lab-booking-wrapper .test-details-wrapper .test-one:after {
  top: 10px;
  content: "";
  width: 16px;
  height: 1px;
  right: -20px;
  position: absolute;
  border-top: dashed 1px #7495be;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container {
  flex: 1;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .test-name {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .test-name span {
  color: #9a9fa2 !important;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .remove-container {
  display: flex !important;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details {
  position: relative;
  align-items: center !important;
  padding: 12px 0 11px !important;
  justify-content: flex-start !important;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details:before {
  left: -120px;
  content: " ";
  height: 100%;
  width: 120px;
  position: absolute;
  transition: ease all 0.4s;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details:hover:before {
  background-color: #f4f6f8;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details.added-new {
  background: #E6F6F6;
  border-bottom: 1px solid transparent;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details.added-new:before {
  background: #E6F6F6;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details:last-child {
  border-bottom: none !important;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details .product-thumbnail {
  width: 32px;
  height: 32px;
  border-radius: 10%;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details .details-summary {
  margin-left: 12px !important;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details .details-summary .id-number {
  font-size: 14px !important;
  margin-bottom: 2px !important;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details .details-summary .name-text {
  font-size: 12px !important;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details .badges-container {
  display: flex;
  margin-left: 20px;
  align-items: center;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details .badges-container .highlight-badge {
  margin-right: 4px;
}
.lab-booking-wrapper .test-details-wrapper .test-details-container .product-details .badges-container .highlight-badge img {
  margin-left: 2px;
  cursor: pointer;
}
.lab-booking-wrapper .lab-product-thumbnail {
  max-width: 5.75rem;
  max-height: 6.75rem;
  border-radius: 10%;
}
.lab-booking-wrapper .add-test-cta {
  margin: 20px 0 0 20px;
  font-size: 14px !important;
  padding: 8px 12px !important;
}
.lab-booking-wrapper .remove-container {
  padding: 2px;
  display: none;
  cursor: pointer;
  align-items: center;
  transition: ease all 0.4s;
}
.lab-booking-wrapper .remove-container:hover img {
  filter: invert(68%) sepia(91%) saturate(5799%) hue-rotate(182deg) brightness(95%) contrast(104%);
}
.lab-booking-wrapper .remove-container:hover .remove-summary {
  color: #008DEF;
}
.lab-booking-wrapper .remove-container .remove-summary {
  font-size: 14px;
  color: #353e45;
  margin-left: 4px;
  line-height: normal;
  transition: ease all 0.4s;
  font-family: roboto-regular;
}

.lab-booking-confirmation {
  width: 34%;
  max-width: 34%;
  overflow: hidden;
  background-color: #ffffff;
  position: relative !important;
  animation: slideUpFadeIn 0.5s forwards;
  /* Define the animation */
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .lab-booking-confirmation {
    width: 60%;
    max-width: 60%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .lab-booking-confirmation {
    width: 100%;
    max-width: 92vw;
  }
}
.lab-booking-confirmation .title-container {
  display: flex;
  margin-left: 12px;
  flex-direction: column;
  align-items: flex-start;
}
.lab-booking-confirmation .title-container .main-title {
  font-size: 20px !important;
  color: #020e16 !important;
}
.lab-booking-confirmation .title-container .sub-title {
  font-size: 14px;
  color: #676e73;
  margin-top: 2px;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.lab-booking-confirmation .booking-details-wrapper {
  border-radius: 4px;
  border: dashed 1px #8296af;
}
.lab-booking-confirmation .booking-details-wrapper .id-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  border-radius: 4px 4px 0 0;
  padding: 16px 16px 16px 20px;
  justify-content: space-between;
  background-image: linear-gradient(120deg, #5662e1 20%, #8e55d7 57%);
}
.lab-booking-confirmation .booking-details-wrapper .id-wrapper .column {
  text-align: left;
}
.lab-booking-confirmation .booking-details-wrapper .id-wrapper .column .id-text {
  font-size: 20px;
  color: #fff;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}
.lab-booking-confirmation .booking-details-wrapper .id-wrapper .column .container-text {
  font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.lab-booking-confirmation .booking-details-wrapper .id-wrapper .column .container-text span {
  font-family: roboto-medium;
}
.lab-booking-confirmation .booking-details-wrapper .id-wrapper .column .container-text:last-child {
  margin-bottom: 0;
}
.lab-booking-confirmation .booking-details-wrapper .total-test-container {
  padding: 24px 20px 20px;
}
.lab-booking-confirmation .booking-details-wrapper .total-test-container .sub-row {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.lab-booking-confirmation .booking-details-wrapper .total-test-container .sub-row .light-sub-text {
  font-family: roboto-regular !important;
}
@keyframes slideUpFadeIn {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.successful-booking-wrapper {
  display: flex;
  width: 430px;
  align-items: center;
  flex-direction: column;
}
.successful-booking-wrapper .successful-booking-container {
  width: 100% !important;
  padding: 2px !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  max-width: initial !important;
  border-radius: 4px 4px 0 0 !important;
}
.successful-booking-wrapper .successful-booking-container.qr-container {
  margin-top: 2px !important;
  border-radius: 0 0 4px 4px !important;
}
.successful-booking-wrapper .successful-booking-container .more-details-container {
  border: none !important;
}
.successful-booking-wrapper .successful-booking-container .more-details-container .details-container {
  display: flex;
  align-items: center;
}
.successful-booking-wrapper .successful-booking-container .more-details-container .details-container.active .arrow-icon {
  transform: rotate(180deg);
}
.successful-booking-wrapper .successful-booking-container .scanner-container {
  display: flex;
  padding: 20px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.successful-booking-wrapper .successful-booking-container .scanner-container .scanning-text {
  font-size: 14px;
  margin: 8px 0;
  color: #676e73;
  line-height: normal;
  font-family: roboto-regular;
}
.successful-booking-wrapper .successful-booking-container .scanner-container .download-detail-icon {
  width: 12px !important;
  margin-right: 4px !important;
}
.successful-booking-wrapper .big-cta-container {
  display: flex;
  width: 100%;
  margin-top: 24px;
}

.qr-code {
  border-radius: 4px;
  border: solid 1px #cccfd0;
}

.applied-filter-alert {
  border: solid 1px #5f6f97 !important;
  background-color: #e6f6f6 !important;
}
.applied-filter-alert .applied-text {
  color: #353e45 !important;
}
.applied-filter-alert .close-alert {
  width: 16px !important;
  height: 16px !important;
}

.approval-alert-container {
  display: flex;
  align-items: center;
  border: solid 1px #5f6f97 !important;
  background-color: #ffeee9 !important;
}
.approval-alert-container .close-alert {
  width: 16px !important;
  height: 16px !important;
}

.rejected-alert-container .rejected-text {
  color: #c6112d !important;
}

.onboarding-wrapper .card-wrapper {
  box-shadow: none;
  border-radius: 4px;
}
.onboarding-wrapper .supplier-id-container {
  display: flex;
  margin-bottom: 8px;
  align-items: flex-start;
}
.onboarding-wrapper .supplier-id-container .id-container {
  margin-left: 11px;
}
.onboarding-wrapper .supplier-id-container .id-container .id-number {
  font-size: 18px;
  color: #12141a;
  margin-right: 12px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
  font-weight: 600;
}
.onboarding-wrapper .supplier-id-container .id-container .id-number.model-code {
  color: #ff5626 !important;
}
.onboarding-wrapper .supplier-id-container .id-container .name {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-medium;
}
.onboarding-wrapper .approval-container {
  font-size: 12px;
  color: #717276;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.onboarding-wrapper .approval-container .approval-text {
  color: #1d9a18;
  padding-left: 6px;
}
.onboarding-wrapper .approval-container .approval-text img {
  margin-right: 4px;
  width: 12px !important;
  height: 12px !important;
}
.onboarding-wrapper .supplier-code-wrapper {
  padding: 16px;
  margin: 16px 0;
  border-radius: 8px;
  background-color: #f4f6f8;
}
.onboarding-wrapper .supplier-code-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.onboarding-wrapper .supplier-code-wrapper ul .list-item {
  margin-bottom: 12px;
  padding-bottom: 11px;
  border-bottom: dashed 1px #d1d6e1;
}
.onboarding-wrapper .supplier-code-wrapper ul .list-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.onboarding-wrapper .supplier-code-wrapper ul .list-item .list-head {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.onboarding-wrapper .supplier-code-wrapper ul .list-item .body-text {
  margin-bottom: 0 !important;
  font-family: roboto-medium !important;
}
.onboarding-wrapper .status-heading-container {
  padding: 16px 18px;
  border-radius: 4px;
  margin: -22px -22px 16px -22px !important;
  background-color: rgba(103, 113, 220, 0.1);
}
.onboarding-wrapper .status-heading-container.edit-state .edit-cta {
  font-size: 14px !important;
}
.onboarding-wrapper .cta-container {
  display: flex;
  padding-right: 13px;
  justify-content: flex-end;
}
.onboarding-wrapper .cta-container .not-active {
  opacity: 0.4;
}
.onboarding-wrapper .stage-breadcrumb-container ul {
  display: flex;
  padding: 0 !important;
}
.onboarding-wrapper .stage-breadcrumb-container ul li {
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 24px;
  transition: ease all 0.4s;
  padding: 8px 6px !important;
  font-family: roboto-medium !important;
  color: rgba(255, 255, 255, 0.8);
}
.onboarding-wrapper .stage-breadcrumb-container ul li:after {
  content: none !important;
}
.onboarding-wrapper .stage-breadcrumb-container ul li.active {
  box-shadow: none !important;
  background-color: #08a7a7 !important;
}
.onboarding-wrapper .stage-breadcrumb-container ul li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.onboarding-wrapper .stage-breadcrumb-container ul li .stage-completed {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.onboarding-wrapper .stage-breadcrumb-container ul .right-arrow {
  width: 16px;
  margin: 0 2px;
}
.onboarding-wrapper .status-details-container {
  display: flex;
  flex: 1;
  align-items: flex-start;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.onboarding-wrapper .status-details-container:first-child {
  margin-top: 0 !important;
}
.onboarding-wrapper .status-details-container:last-child {
  margin-bottom: 0 !important;
}
.onboarding-wrapper .status-details-container .status_light {
  flex: 1 !important;
  color: #717276 !important;
  margin-bottom: 0 !important;
}
.onboarding-wrapper .status-details-container .status_light.flex_value {
  flex: 3 !important;
}
.onboarding-wrapper .status-details-container .status_medium {
  flex: 0.2 !important;
  font-size: 14px;
  color: #020e16;
  line-height: normal;
  font-family: roboto-regular;
}
.onboarding-wrapper .status-details-container .status_dark {
  flex: 1 !important;
  color: #12141a !important;
  margin-bottom: 0 !important;
}
.onboarding-wrapper .status-details-container .flex {
  flex: initial !important;
}
.onboarding-wrapper .radio-wrapper {
  display: inline-block;
  padding: 2px;
  border-radius: 4px;
  border: solid 1px #cdd5df;
  background-color: #fbfcfc;
}
.onboarding-wrapper .radio-wrapper .radio-item {
  padding: 6px 8px;
  border-radius: 4px;
}
.onboarding-wrapper .radio-wrapper .radio-item.active {
  background-color: #e6f6f6;
}
.onboarding-wrapper .doc-attachment-container {
  margin-top: 0 !important;
  flex-wrap: nowrap !important;
}
.onboarding-wrapper .doc-attachment-container .attached-container {
  width: 100% !important;
  margin-bottom: 0 !important;
}
.onboarding-wrapper .doc-attachment-container .attached-container .doc-details {
  padding: 12px 12px 11px;
}
.onboarding-wrapper .doc-attachment-container .attached-container .doc-details .file-icon {
  width: 40px;
  height: 40px;
}
.onboarding-wrapper .doc-attachment-container .attached-container .doc-details .file-name {
  font-size: 14px;
}
.onboarding-wrapper .doc-attachment-container .attached-container .doc-details .doc-date {
  color: #676e73;
}

.onboarding-pending-badge {
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  background-color: rgba(255, 86, 38, 0.1);
}
.onboarding-pending-badge .pending-text {
  font-size: 14px;
  color: #ff5626;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}

.status-cta-container {
  cursor: pointer;
  padding: 12px 20px !important;
}
.status-cta-container .approval-cta {
  font-size: 16px !important;
}

.card-wrapper.expandable-card {
  padding-bottom: 0;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.card-wrapper.expandable-card .card-header-container {
  margin-bottom: 0 !important;
}
.card-wrapper.expandable-card .card-header-container .collapse-card {
  border: none;
  background-color: transparent;
}
.card-wrapper.expandable-card .card-header-container .collapse-card img {
  opacity: 1;
}
.card-wrapper.expandable-card .status-heading-container {
  background-color: transparent;
}
.card-wrapper.expandable-card .status-heading-container .count {
  width: 24px;
  height: 24px;
  display: flex;
  color: #ffffff;
  padding: 4px 8px;
  margin-right: 8px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  background-color: rgba(103, 113, 220, 0.1);
}
.card-wrapper.expandable-card .status-heading-container .count span {
  font-size: 14px;
  color: #6771dc;
  font-family: roboto-medium;
}
.card-wrapper.expandable-card .status-heading-container .update-container {
  display: flex;
}
.card-wrapper.expandable-card .status-heading-container .document-sent-container {
  margin-right: 15px;
  padding-right: 16px;
  line-height: normal;
  border-right: solid 1px #a3adc3;
}
.card-wrapper.expandable-card .status-heading-container .document-sent-container .pass-icon {
  width: 12px;
}
.card-wrapper.expandable-card .status-heading-container .document-sent-container .doc-text {
  font-size: 14px;
  color: #1d9a18;
  font-family: roboto-regular;
}
.card-wrapper.expandable-card .status-heading-container .last-update-container {
  display: flex;
  line-height: normal;
  align-items: center;
}
.card-wrapper.expandable-card .status-heading-container .last-update-container .update-text {
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.card-wrapper.expandable-card .status-heading-container .last-update-container .user-icon {
  width: 16px;
}
.card-wrapper.expandable-card .card-body-container {
  display: none;
}
.card-wrapper.expandable-card.active {
  padding-bottom: 24px;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08) !important;
}
.card-wrapper.expandable-card.active .card-header-container {
  margin-bottom: 16px !important;
}
.card-wrapper.expandable-card.active .card-header-container .card-header-text .collapse-card {
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}
.card-wrapper.expandable-card.active .card-header-container .card-header-text .collapse-card img {
  opacity: 1;
  transform: rotate(90deg);
}
.card-wrapper.expandable-card.active .status-heading-container {
  background-color: rgba(103, 113, 220, 0.1);
}
.card-wrapper.expandable-card.active .status-heading-container .count {
  background-color: #6771dc;
}
.card-wrapper.expandable-card.active .status-heading-container .count span {
  color: #fff;
}
.card-wrapper.expandable-card.active .status-heading-container .update-container {
  display: none;
}
.card-wrapper.expandable-card.active .status-heading-container .view-last-update {
  display: flex !important;
}
.card-wrapper.expandable-card.active .card-body-container {
  display: block;
}
.card-wrapper.expandable-card.active .card-body-container .input-error {
  color: #08a7a7 !important;
  font-family: roboto-medium !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
}
.card-wrapper.expandable-card.active .card-body-container .card-body-text {
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload {
  padding: 8px 12px !important;
  border-radius: 4px !important;
  border: solid 1px #cdd5df !important;
  background-color: #fbfcfc !important;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload .upload-icon {
  width: 20px !important;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload .upload-here {
  margin-left: 8px !important;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload .upload-here .upload-content {
  font-size: 12px !important;
}
.card-wrapper.expandable-card.active .card-body-container .product-file-upload.upload-more {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container {
  flex: 1 !important;
  margin-bottom: 0 !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container:last-child {
  margin-right: 0 !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container .doc-container {
  padding: 12px 11px !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container .doc-container .file-name {
  font-size: 14px !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container .doc-container .doc-date {
  color: #676e73 !important;
}
.card-wrapper.expandable-card.active .card-body-container .attached-file-container .file-details-container {
  padding: 4px 8px 8px !important;
}

.badges-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
}
.badges-wrapper .badge-container {
  display: flex;
  padding: 4px 8px;
  margin-right: 8px;
  border-radius: 4px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
}
.badges-wrapper .badge-container:last-child {
  margin-right: 0;
}
.badges-wrapper .badge-container .badge-text {
  font-size: 14px;
  color: #020e16;
  margin-right: 8px;
  font-family: roboto-medium;
}

.status-title {
  font-size: 16px !important;
  font-family: roboto-medium !important;
}

.status-border {
  padding-bottom: 19px;
  border-bottom: solid 1px #d1d6e1;
}

.doc-files .attachment {
  padding: 4px 8px 6px 4px !important;
}
.doc-files .attachment.file-attachment {
  flex: 1 !important;
  background-color: #e6f6f6 !important;
  justify-content: space-between !important;
}
.doc-files .cancel-icon {
  width: 16px !important;
  opacity: 0.8 !important;
}

.brand-approval-table .border-style {
  vertical-align: top;
}
.brand-approval-table .brand-name {
  font-size: 14px !important;
}

.highlight-badge img {
  width: 12px;
}
.highlight-badge.disabled {
  opacity: 0.4;
}
.highlight-badge.low-level {
  color: #1d9a18 !important;
  background-color: #e9f9e8 !important;
}
.highlight-badge.medium-level {
  color: #cc9e00 !important;
  background-color: rgba(255, 197, 0, 0.1) !important;
}
.highlight-badge.high-level {
  color: #f81538 !important;
  background-color: #fee8eb !important;
}
.highlight-badge.pending-level {
  color: #ff5626 !important;
  background-color: #ffeee9 !important;
}

.decision-status-container {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  border-radius: 4px 0 0 4px;
}
.decision-status-container.inline {
  display: inline-flex;
}
.decision-status-container.pending-container {
  background-color: #ffeee9;
}
.decision-status-container.accept-container {
  background-color: #e9f9e8;
}
.decision-status-container.reject-container {
  background-color: #fee8eb;
}
.decision-status-container .status-icon {
  width: 16px;
}
.decision-status-container .status-icon-small {
  width: 12px;
}
.decision-status-container .badge-text {
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.decision-status-container .badge-text.orange-text {
  color: #ff5626;
}
.decision-status-container .badge-text.green-text {
  color: #1d9a18;
}
.decision-status-container .badge-text.red-text {
  color: #f81538;
}
.decision-status-container .drop-container {
  padding: 6px 4px;
  margin: -4px -8px -4px 12px;
  border-radius: 0 4px 4px 0;
}
.decision-status-container .drop-container .drop-icon {
  width: 20px;
}
.decision-status-container .drop-container.orange {
  background-color: #f5dad2;
}
.decision-status-container .drop-container.green {
  background-color: #d2ebd1;
}
.decision-status-container .drop-container.red {
  background-color: #f4cfd5;
}

.brand-status {
  display: flex;
  align-items: center;
}
.brand-status .dot {
  width: 12px;
  height: 12px;
  padding: 6px;
  border-radius: 20px;
}
.brand-status .dot.gray {
  background-color: #8c99b5;
}
.brand-status .dot.blue {
  background-color: #00ceff;
}
.brand-status .dot.green {
  background-color: #7cda78;
}
.brand-status .dot.red {
  background-color: #fb7388;
}
.brand-status .dot.yellow {
  background-color: #ffc500;
}

.comment-badge {
  margin-left: 4px;
  cursor: pointer;
  padding: 4px !important;
}
.comment-badge:hover {
  background-color: #d1d6e1;
}
.comment-badge:hover:after {
  padding: 6px 12px !important;
  background-color: #2e3f55 !important;
  box-shadow: 0 4px 14px 0 rgba(4, 19, 41, 0.4);
}
.comment-badge img {
  margin-right: 0;
  width: 16px !important;
}

.decision-wrapper {
  padding: 0;
  margin: 0;
  width: 210px;
  z-index: 100;
  margin-top: 4px;
  margin-bottom: 0;
  max-height: 314px;
  overflow-y: scroll;
  border-radius: 4px;
  position: absolute;
  list-style-type: none;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(112, 121, 130, 0.31);
}
.decision-wrapper .decision-item {
  display: flex;
  padding: 12px 20px;
  align-items: flex-start;
}
.decision-wrapper .decision-item .decision-text {
  font-size: 14px;
  color: #414348;
  margin-left: 10px;
  line-height: 1.14;
  font-family: roboto-medium;
}
.decision-wrapper .decision-item.active {
  background-color: #e6f6f6 !important;
}

.requiring-doc-container .title-container {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.requiring-doc-container .title-container .doc-uploading-process {
  display: flex;
  position: relative;
  align-items: center;
}
.requiring-doc-container .title-container .doc-uploading-process:first-child {
  margin-right: 20px;
}
.requiring-doc-container .title-container .doc-uploading-process:first-child:after {
  top: 7px;
  content: "";
  width: 12px;
  height: 1px;
  right: -13px;
  position: absolute;
  border-top: solid 1px #4c698d;
}
.requiring-doc-container .title-container .doc-uploading-process:last-child {
  margin-right: 0;
}
.requiring-doc-container .title-container .doc-uploading-process.or-container {
  margin: 0 36px;
  position: relative !important;
}
.requiring-doc-container .title-container .doc-uploading-process.or-container:before {
  top: 7px;
  content: "";
  width: 32px;
  height: 1px;
  right: 24px;
  position: absolute;
  border-top: dashed 1px #4c698d;
}
.requiring-doc-container .title-container .doc-uploading-process.or-container:after {
  top: 7px;
  content: "";
  width: 32px;
  height: 1px;
  right: -34px;
  position: absolute;
  border-top: dashed 1px #4c698d;
}
.requiring-doc-container .title-container .doc-uploading-process.next-step {
  opacity: 0.4;
}
.requiring-doc-container .title-container .doc-uploading-process.uploading-signature {
  margin-right: 36px !important;
}
.requiring-doc-container .title-container .doc-uploading-process.uploading-signature:after {
  right: -34px !important;
  width: 30px !important;
  border-top: dashed 1px #4c698d !important;
}
.requiring-doc-container .title-container .doc-title {
  margin: 0 4px;
  font-size: 12px;
  color: #ff5626;
  line-height: normal;
  font-family: roboto-medium;
}
.requiring-doc-container .title-container .doc-title.acknowledge-title {
  color: #4c698d !important;
}
.requiring-doc-container .title-container .doc-title.or-text {
  color: #7495be !important;
}
.requiring-doc-container .doc-name {
  font-size: 14px;
  color: #4c698d;
  line-height: 1.14;
  font-family: trim-web-medium;
  color: #2e3f55 !important;
}
.requiring-doc-container .uploading-doc-container {
  display: flex;
  cursor: pointer;
  padding: 12px 8px;
  border-radius: 8px;
  position: relative;
  align-items: center;
  background-color: #fff;
  transition: ease all 0.4s;
  border: solid 1px #d1d6e1;
}
.requiring-doc-container .uploading-doc-container:hover {
  border: solid 1px #D1D6E1;
  background-color: #f3fbfb;
}
.requiring-doc-container .uploading-doc-container.acknowledged {
  border: 1px solid #EDF0F4;
  background-color: #F3FBFB;
}
.requiring-doc-container .uploading-doc-container .document-details {
  display: flex;
  margin-left: 4px;
  flex-direction: column;
}
.requiring-doc-container .uploading-doc-container .document-details .awaiting-badge {
  display: flex;
  cursor: pointer;
  margin-top: 4px;
  color: #4c698d;
  align-items: center;
  background-color: #edf0f4;
}
.requiring-doc-container .uploading-doc-container .document-details .awaiting-badge img {
  width: 12px;
}
.requiring-doc-container .uploading-doc-container .rejected-tooltip {
  padding: 0 !important;
  border: none !important;
  margin: 0 4px 0 4px !important;
}
.requiring-doc-container .uploading-doc-container .upload-tooltip {
  padding: 0 !important;
}
.requiring-doc-container .more-download-version {
  top: 8px;
  right: 8px;
  cursor: pointer;
  position: absolute;
}
.requiring-doc-container .more-download-version li {
  padding: 8px 16px !important;
  align-items: flex-start !important;
}
.requiring-doc-container .more-download-version .upload-by-container {
  display: flex;
  flex-direction: column;
}
.requiring-doc-container .more-download-version .upload-by-container .download-detail {
  line-height: normal;
  font-size: 14px !important;
  font-family: roboto-regular !important;
}
.requiring-doc-container .more-download-version .upload-by-container .download-detail.uploading-date {
  margin-top: 4px;
  font-size: 12px !important;
  color: #cccfd0 !important;
}
.requiring-doc-container .more-download-version {
  top: 8px;
  right: 8px;
  cursor: pointer;
  position: absolute;
}
.requiring-doc-container .more-download-version li {
  padding: 8px 16px !important;
  align-items: flex-start !important;
}
.requiring-doc-container .more-download-version .upload-by-container {
  display: flex;
  flex-direction: column;
}
.requiring-doc-container .more-download-version .upload-by-container .download-detail {
  line-height: normal;
  font-size: 14px !important;
  font-family: roboto-regular !important;
}
.requiring-doc-container .more-download-version .upload-by-container .download-detail.uploading-date {
  margin-top: 4px;
  font-size: 12px !important;
  color: #cccfd0 !important;
}
.requiring-doc-container .all-documents-container {
  width: 100%;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.requiring-doc-container .all-documents-container .doc-item {
  width: 24.15%;
  display: flex;
  padding: 12px 8px;
  border-radius: 8px;
  margin: 0 8px 8px 0;
  align-items: center;
  background-color: #fff;
  border: solid 1px #edf0f4;
  justify-content: space-between;
}
.requiring-doc-container .all-documents-container .doc-item .sign-doc-icon {
  display: block;
  width: 24px;
  margin-right: 4px;
}
.requiring-doc-container .all-documents-container .doc-item .acknowledged-icon {
  display: block;
}
.requiring-doc-container .all-documents-container .doc-item .doc-icon {
  display: none;
}
.requiring-doc-container .all-documents-container .doc-item.active {
  background-color: #f3fbfb;
}
.requiring-doc-container .all-documents-container .doc-item.active .doc-icon {
  display: block;
  width: 24px;
  margin-right: 4px;
}
.requiring-doc-container .all-documents-container .doc-item.active .acknowledged-icon {
  display: none;
}
.requiring-doc-container .all-documents-container .acknowledge-doc {
  width: 24.35%;
  margin: 0 8px 8px 0;
  transition: ease all 0.4s !important;
}
.requiring-doc-container .all-documents-container .acknowledge-doc:nth-child(4n) {
  margin-right: 0;
}
.requiring-doc-container .all-documents-container .acknowledge-doc p {
  color: #2e3f55 !important;
}

.contact-card-wrapper {
  width: 100%;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.contact-card-wrapper .contact-card-container {
  width: 32.45%;
  display: flex;
  padding: 24px;
  border-radius: 12px;
  margin: 0 12px 12px 0;
  background-size: cover;
  align-items: flex-start;
  background-color: #f2f9fe;
  background-repeat: no-repeat;
  background-image: url('card-texture.svg');
}
.contact-card-wrapper .contact-card-container:nth-child(3n) {
  margin-right: 0 !important;
}
.contact-card-wrapper .contact-card-container .contact-details {
  margin-left: 16px;
}
.contact-card-wrapper .contact-card-container .contact-details .title {
  font-size: 16px;
  color: #020e16;
  line-height: normal;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.contact-card-wrapper .contact-card-container .contact-details .title.sub-title {
  position: relative;
  font-size: 12px !important;
  margin-bottom: 0 !important;
  font-family: roboto-regular !important;
}
.contact-card-wrapper .contact-card-container .contact-details .title.sub-title:after {
  top: 7px;
  content: "";
  width: 20px;
  height: 1px;
  margin-left: 4px;
  position: absolute;
  border-top: dashed 1px #4c698d;
}
.contact-card-wrapper .contact-card-container .contact-details .address-detail {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}

.delivery-schedule-table .pagination-table .day-name {
  font-size: 14px !important;
  color: #676e73 !important;
}
.delivery-schedule-table .pagination-table .day-name.collection-day {
  font-size: 12px !important;
}
.delivery-schedule-table .pagination-table .selected_row .selected_day {
  font-size: 14px !important;
  color: #353e45 !important;
}
.delivery-schedule-table .pagination-table .selected_row .selected_day.day {
  font-size: 12px !important;
}
.delivery-schedule-table .pagination-table .selected_row span {
  opacity: 0.6;
}
.delivery-schedule-table .pagination-table .is_open {
  display: flex;
  opacity: 0.8;
  align-items: center;
}
.delivery-schedule-table .pagination-table .closed {
  width: 20px;
}
.delivery-schedule-table .pagination-table .big_font {
  font-size: 14px !important;
}

.no-furniture-container {
  display: flex;
  border-radius: 2px;
  align-items: center;
  padding: 12px 203px;
  justify-content: center;
  background-color: #fbfcfc;
}
.no-furniture-container .no-delivery-text {
  font-size: 16px;
  color: #676e73;
  margin-left: 17px;
  font-family: roboto-regular;
}

.disabled-cta {
  color: #c2c2c2 !important;
  background-color: #e8e8e9 !important;
}

.schedule-alert {
  margin-top: 10px;
  align-items: center;
  display: inline-flex;
}

.schedule-text {
  font-size: 12px;
  color: #020e16;
  margin-bottom: 10px;
  font-family: roboto-regular;
}
.schedule-text.alert-text {
  margin-left: 8px;
  margin-bottom: 0 !important;
  color: #997600 !important;
}

.info-icon {
  width: 16px;
  cursor: pointer;
  margin-left: 8px;
}

.rejected-container {
  margin-top: 4px;
  padding: 4px 0 !important;
  background: transparent !important;
}

.downloading-container {
  color: #7495be !important;
  background-color: #e5f4fd !important;
}

.approved-cta {
  margin-top: 4px;
  display: flex !important;
  padding: 5px 0 !important;
  font-size: 12px !important;
  background: transparent !important;
}

.modal-body .pdf-viewer {
  width: 100% !important;
  height: 80vh !important;
  border: none !important;
}

.final-confirmation-wrapper {
  display: flex;
  min-height: 100vh;
  padding-top: 30px;
  text-align: center;
  align-items: center;
  padding-bottom: 20px;
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: linear-gradient(138deg, #1a76db -14%, #0a4aa7 2%, #0f3574 47%, #123577 84%);
  /* Define the animation */
}
.final-confirmation-wrapper .almost-there-text {
  margin-top: 1px;
  font-size: 16px;
  color: #ccc2f1;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .one-step-away-text {
  font-size: 24px;
  color: #fff;
  line-height: 1.17;
  margin-bottom: 40px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .confirmation-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.final-confirmation-wrapper .confirmation-container .brand-container {
  z-index: 100;
  width: 355px;
  max-width: 355px;
  min-width: 320px;
  text-align: center;
  border-radius: 25px;
  padding: 40px 40px 50px;
  border: 2px solid white;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.3);
}
.final-confirmation-wrapper .confirmation-container .brand-container .brand-container-text {
  width: 100%;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.14;
  font-family: roboto-medium;
  color: rgba(255, 255, 255, 0.8);
}
.final-confirmation-wrapper .confirmation-container .brand-container .supplier-icon {
  width: 40px;
}
.final-confirmation-wrapper .confirmation-container .brand-container .brand-name {
  font-size: 20px;
  color: #fff;
  margin: 12px 0 14px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .confirmation-container .brand-container .address-container {
  margin-bottom: 24px;
}
.final-confirmation-wrapper .confirmation-container .brand-container .address-container .address-title {
  font-size: 12px;
  color: #ffe899;
  position: relative;
  margin-bottom: 4px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .confirmation-container .brand-container .address-container .address-title::before {
  top: 40%;
  left: 47px;
  height: 1px;
  width: 30px;
  content: " ";
  display: block;
  position: absolute;
  border: dashed 1px #ffe899;
}
.final-confirmation-wrapper .confirmation-container .brand-container .address-container .address-title::after {
  top: 40%;
  right: 47px;
  height: 1px;
  width: 30px;
  content: " ";
  display: block;
  position: absolute;
  border: dashed 1px #ffe899;
}
.final-confirmation-wrapper .confirmation-container .brand-container .profile-details .profil-icon {
  margin-bottom: 2px;
}
.final-confirmation-wrapper .confirmation-container .brand-container .profile-details .contact-detail {
  margin: 2px 0;
  font-size: 14px;
  line-height: 1.14;
  font-family: roboto-medium;
  color: rgba(230, 231, 232, 0.8);
}
.final-confirmation-wrapper .confirmation-container .brand-container .profile-details .contact-detail:last-child {
  margin: 0;
}
.final-confirmation-wrapper .confirmation-container .completed-by-container {
  z-index: 1;
  width: 419px;
  text-align: left;
  max-width: 419px;
  margin-left: -20px;
  border-radius: 20px;
  background-color: #fff;
  padding: 40px 40px 40px 45px;
}
.final-confirmation-wrapper .confirmation-container .completed-by-container .completed-by-title {
  font-size: 18px;
  color: #020e16;
  margin-bottom: 24px;
  font-family: roboto-medium;
}
.final-confirmation-wrapper .confirmation-container .completed-by-container .statement-text {
  color: #008def !important;
}
.final-confirmation-wrapper.confirmation-animation-container .confirmation-animation {
  width: 48px;
  height: 48px;
}
.final-confirmation-wrapper .confirmation-success-container .success-text {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.5s, transform 0.5s;
}
.final-confirmation-wrapper .confirmation-success-container .success-text.active {
  animation: slideUpFadeIn 0.5s forwards;
}
@keyframes slideUpFadeIn {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.to-date {
  font-size: 14px;
  margin: 0 7px;
  color: #717276;
  font-family: roboto-medium;
}

.pending-badge-container {
  background-color: #ff5626;
}

.new {
  font-size: 12px;
  color: #fff;
  font-family: roboto-medium;
}

.tcf-wrapper-table .tool-tip {
  padding: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.tcf-wrapper-table .tool-tip:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.tcf-wrapper-table .new-badge-container {
  background-color: #a367dc;
}
.tcf-wrapper-table .cancel-badge-container {
  background-color: #f81538;
}
.tcf-wrapper-table .expired-badge-container {
  background-color: #a0a1a3;
}
.tcf-wrapper-table .completed-badge-container {
  background-color: #24c11e;
}
.tcf-wrapper-table .terminated-badge-container {
  background-color: #c6112d;
}
.tcf-wrapper-table .progress-percent {
  margin-left: 12px !important;
}
.tcf-wrapper-table .tcf-progress-bar {
  width: 82% !important;
}
.tcf-wrapper-table .tcf-progress-bar .bg-blue {
  width: 3% !important;
}
.tcf-wrapper-table .bg-progress-bar {
  background-color: #f1c3c3;
}
.tcf-wrapper-table .bg-progress-bar .bg-red {
  width: 0%;
  background-color: #f81538;
}
.tcf-wrapper-table .red {
  color: #dc6968;
}
.tcf-wrapper-table .arrow-container {
  border-radius: 2px;
  opacity: 1 !important;
  padding: 8px !important;
  transition: ease all 0.4s;
  font-size: 16px !important;
  border: solid 1px transparent;
  background-color: transparent;
}
.tcf-wrapper-table .active {
  border: solid 1px #008def;
  background-color: #008def;
}
.tcf-wrapper-table .active img {
  transform: rotate(90deg);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(214deg) brightness(102%) contrast(102%);
}

.cancel-badge-container {
  background-color: #f81538;
}

.completed-badge-container {
  background-color: #24c11e;
}

.new-tcf-booking-expand-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 4px 20px 20px;
  background-color: rgba(237, 240, 244, 0.5);
}
.new-tcf-booking-expand-container .column-1 {
  width: 20.6580829757%;
  float: left;
  margin-right: 1.2875536481%;
}
.new-tcf-booking-expand-container .column-2 {
  padding-left: 24px;
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
.new-tcf-booking-expand-container .column-2 .block {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
.new-tcf-booking-expand-container .column-2 .block:last-child {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
.new-tcf-booking-expand-container .column-2 .tcf-expand-wrapper-details .light {
  font-size: 14px;
  color: #717276;
  margin-bottom: 8px;
}
.new-tcf-booking-expand-container .column-2 .tcf-expand-wrapper-details .input-value {
  font-size: 14px;
  color: #12141a;
}
.new-tcf-booking-expand-container .column-2 .tcf-expand-wrapper-details .location-icon {
  height: 16px;
}
.new-tcf-booking-expand-container .column-3 {
  width: 44.2918454936%;
  float: right;
  margin-right: 0;
}
.new-tcf-booking-expand-container .thumb-title {
  color: #28384b;
  font-size: 10px;
  font-family: roboto-medium;
}
.new-tcf-booking-expand-container .product-thumb-container img {
  width: 100%;
}

.tcf-chart-card {
  border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #cdd5df;
}
.tcf-chart-card.no-padding {
  padding: 0 !important;
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  .tcf-chart-card {
    padding: 18px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .tcf-chart-card {
    padding: 20px;
    min-height: 200px;
    text-align: center;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-chart-card {
    padding: 0;
    margin-top: 10px;
  }
}
.tcf-chart-card .donut-chart {
  display: inline-block;
}
.tcf-chart-card .chart-legend-container {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .tcf-chart-card .chart-legend-container {
    margin-top: 20px;
    text-align: left;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .tcf-chart-card .chart-legend-container {
    margin-left: 0;
  }
}
.tcf-chart-card .chart-legend-container .legend-item {
  align-items: center;
  margin-bottom: 10px;
}
.tcf-chart-card .chart-legend-container .legend-item span {
  display: inline-block;
  font-family: roboto-medium;
}
.tcf-chart-card .chart-legend-container .legend-item .tile {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.tcf-chart-card .chart-legend-container .legend-item .text {
  font-size: 12px;
  min-width: 95px;
  margin-left: 14px;
  color: #020e16;
  font-family: roboto-regular;
}
.tcf-chart-card .chart-legend-container .legend-item .count {
  font-size: 12px;
  min-width: 30px;
  margin-left: 10px;
  color: #020e16;
}
.tcf-chart-card .chart-legend-container .legend-item .light-count {
  color: #a0a1a3;
}
.tcf-chart-card .chart-legend-container .legend-item .percent {
  font-size: 12px;
  margin-left: 10px;
  color: rgba(2, 14, 22, 0.57);
}

.info-fill {
  margin-top: 12px;
}

.tcf-master-wrapper .header-text .title {
  font-size: 18px !important;
  color: #12141a !important;
  font-family: roboto-medium !important;
}

.tcf-details-wrapper .tcf-container-head {
  font-size: 18px !important;
  color: #12141a !important;
  background-color: rgba(0, 165, 204, 0.2) !important;
}
.tcf-details-wrapper .product-thumbnail img {
  width: 299px;
}
.tcf-details-wrapper .uploading-container {
  margin-top: 4px !important;
  padding: 16px 24px !important;
}
.tcf-details-wrapper .uploading-container .uploading-icon {
  width: 37px !important;
}
.tcf-details-wrapper .uploading-container .upload-here-container {
  margin-left: 12px !important;
}
.tcf-details-wrapper .uploading-container .upload-here-container .upload-title {
  font-size: 14px !important;
  color: #12141a !important;
  margin-bottom: 0 !important;
}
.tcf-details-wrapper .uploading-container .upload-here-container .drop-text {
  color: #717276 !important;
}
.tcf-details-wrapper .drag-top-margin {
  padding: 24px !important;
}
.tcf-details-wrapper .product-detail-container {
  padding-bottom: 23px;
  margin-bottom: 24px;
  border-bottom: solid 1px #cdd5df;
}
.tcf-details-wrapper .product-detail-container .light-text {
  font-size: 14px !important;
  color: #717276 !important;
  margin-bottom: 8px !important;
}
.tcf-details-wrapper .product-detail-container .location {
  height: 16px;
}
.tcf-details-wrapper .product-detail-container .value {
  font-size: 14px !important;
  color: #12141a !important;
}
.tcf-details-wrapper .doc-info-container {
  margin-top: 0 !important;
}
.tcf-details-wrapper .doc-info-container .result-border-right {
  border-right: solid 1px #cdd5df;
}
.tcf-details-wrapper .doc-info-container .doc-info-block {
  margin-right: 0 !important;
}
.tcf-details-wrapper .doc-info-container .doc-info-block small {
  font-size: 14px !important;
  color: #717276 !important;
  line-height: normal;
  margin-bottom: 8px;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .big {
  color: #12141a !important;
  font-family: roboto-regular !important;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .badge {
  font-size: 16px;
  color: #fff;
  padding: 2px 12px;
  line-height: normal;
  border-radius: 60px;
  font-family: roboto-medium;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .green {
  background-color: #24c11e;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .red {
  background-color: #f81538;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .orange {
  background-color: #ff5626;
}
.tcf-details-wrapper .doc-info-container .doc-info-block .yellow {
  background-color: #cc9e00;
}
.tcf-details-wrapper .doc-info-container .result-left {
  padding-left: 40px;
}
.tcf-details-wrapper .count-text {
  flex: 1;
}
.tcf-details-wrapper .count-text .count-title {
  color: #12141a !important;
  font-family: roboto-medium !important;
}
.tcf-details-wrapper .tcf-detail-progress-container .scope-status-container .status-text {
  font-size: 12px;
  color: #12141a;
  line-height: normal;
  font-family: roboto-regular;
}
.tcf-details-wrapper .tcf-detail-progress-container .scope-status-container .status-count {
  font-size: 14px;
  color: #12141a;
  line-height: normal;
  font-family: roboto-medium;
}
.tcf-details-wrapper .tcf-detail-progress-container .color-progress-bar {
  margin-top: 9px;
  width: 160px !important;
  height: 8px !important;
  border-radius: 30px !important;
}
.tcf-details-wrapper .tcf-detail-progress-container .color-progress-bar .color {
  height: 8px !important;
  border-radius: 30px !important;
}
.tcf-details-wrapper .tcf-detail-progress-container .color-progress-bar .green {
  background-color: #24c11e;
}
.tcf-details-wrapper .success-icon {
  width: 24px;
}
.tcf-details-wrapper .pending-badge {
  background-color: #ff5626 !important;
}
.tcf-details-wrapper .info-icon {
  width: 20px;
  margin-left: 6px;
}
.tcf-details-wrapper .tcf-detailed-table .active {
  border: solid 1px #c9001f !important;
  background-color: #c9001f !important;
}
.tcf-details-wrapper .tcf-detailed-table .tcf-inner-table {
  border: solid 1px #edf0f4;
}

.task-status-wrapper {
  margin-bottom: -100px;
}
.task-status-wrapper.second-layout {
  display: flex;
  min-height: 188px;
}
.task-status-wrapper.second-layout .card-container {
  padding: 44px 11px 20px 16px;
  justify-content: space-between;
}
.task-status-wrapper.second-layout .card-container:last-child {
  flex: none;
  padding-top: 20px;
  align-items: center;
  justify-content: center;
}
.task-status-wrapper.second-layout .card-container .card-title {
  margin-top: 0;
}
.task-status-wrapper.second-layout .card-container .card-subtitle {
  font-size: 32px;
  font-family: trim-web-medium;
}
.task-status-wrapper .card-container {
  display: flex;
  flex: 1;
  margin: 0 6px;
  padding: 20px;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  background-size: cover;
  transition: ease all 0.4s;
  background-repeat: no-repeat;
}
.task-status-wrapper .card-container:hover {
  box-shadow: 0 12px 32px 0 rgba(18, 20, 26, 0.2);
}
.task-status-wrapper .card-container:first-child {
  margin-left: 0;
}
.task-status-wrapper .card-container:last-child {
  margin-right: 0;
}
.task-status-wrapper .card-container img {
  width: 32px;
}
.task-status-wrapper .card-container .card-title {
  font-size: 16px;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.task-status-wrapper .card-container .card-subtitle {
  font-size: 44px;
  color: #ffffff;
  margin-bottom: 25px;
  font-family: roboto-medium;
}
.task-status-wrapper .card-container .blank {
  width: 12px;
  height: 2px;
  border-radius: 30px;
  background-color: #fff;
}
.task-status-wrapper .red-card {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(167deg, #f81538 19%, #c61732 81%);
}
.task-status-wrapper .red-card:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  background: url('red-bg-mask.svg');
}
.task-status-wrapper .green-card {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(167deg, #24c11e 19%, #1bb015 81%);
}
.task-status-wrapper .green-card:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  background: url('green-bg-mask.svg');
}
.task-status-wrapper .orange-card {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(167deg, #ff7a00 19%, #ff7400 81%);
}
.task-status-wrapper .orange-card:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  background: url('orange-bg-mask.svg');
}
.task-status-wrapper .blue-card {
  opacity: 0.99;
  position: relative;
  background-image: linear-gradient(167deg, #00a5cc 19%, #039cc0 81%);
}
.task-status-wrapper .blue-card:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  background: url('blue-bg-mask.svg');
}

.report-badge {
  color: #098a8a !important;
  background-color: rgba(206, 237, 237, 0.5) !important;
}

.booking-summary-expand {
  background-color: transparent !important;
}

.progress-badge-container {
  background-color: #ffeee9 !important;
}
.progress-badge-container .text {
  color: #ff5626 !important;
}

.none-container {
  background-color: #9eb9ce !important;
}
.none-container .text {
  color: #d4e5f2 !important;
}

.lab-new-status-badge-container {
  color: #a367dc !important;
  background-color: #f3edf8 !important;
}

.lab-inprogress-status-badge-container {
  color: #ff5626 !important;
  background-color: #ffeee9 !important;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-header .column:last-child {
    margin-top: 0 !important;
    justify-content: flex-end !important;
  }
}

.switch-tab-container {
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: solid 1px #cdd5df;
}
.switch-tab-container .tab {
  display: flex;
  cursor: pointer;
  padding: 4px 6px;
}
.switch-tab-container .tab.active {
  border-radius: 4px;
  padding: 5px 6px 3px;
  border: solid 1px #cdd5df;
  background-color: #08a7a7;
  box-shadow: 0 1px 4px 0 rgba(19, 49, 110, 0.3);
}

.result-dashboard-filter .title {
  font-size: 14px !important;
}
.result-dashboard-filter .title.sub-title {
  color: #020e16;
  margin-top: 16px;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-medium;
}

.result-dashboard-tab-wrapper .tabs-container li {
  background-color: rgba(116, 149, 190, 0.8) !important;
}
.result-dashboard-tab-wrapper .tabs-container li:hover {
  background-color: rgba(255, 255, 255, 0.24) !important;
}
.result-dashboard-tab-wrapper .tabs-container li.active {
  background-color: #08a7a7 !important;
}

.report-new-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #f6f0fc;
  color: #a367dc;
}

.report-booked-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: rgba(206, 237, 237, 0.5);
  color: #08a7a7;
}

.report-sampleshipped-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #fff9e5;
  color: #cc9e00;
}

.report-samplerecieved-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #f6f0fc;
  color: #a367dc;
}

.report-inprogress-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #ffeee9 !important;
  color: #ff5626;
}

.report-ready-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #e9f9e8;
  color: #1d9a18;
}

.report-cancel-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #fee8eb;
  color: #c6112d;
}

.report-invalidated-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #e6e7e8;
  color: #676e73;
}

.fail-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #f81538;
}

.pending-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #ff5626;
}

.none-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #9eb9ce;
}

.pass-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 12px 16px;
  background-color: #24c11e;
}

.test-summary-process .summary-id {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.test-summary-process .summary-id .main-title {
  font-size: 20px !important;
}
.test-summary-process .summary-id img {
  width: 24px;
  margin-left: 8px;
  border-radius: 2px;
  border: solid 0.5px #cccfd0;
}
.test-summary-process .summary-processed-container .processed-step {
  margin-bottom: 26px !important;
  align-items: flex-start !important;
}
.test-summary-process .summary-processed-container .processed-step:last-child {
  margin-bottom: 0 !important;
}
.test-summary-process .summary-processed-container .processed-step:last-child:before {
  border: none !important;
}
.test-summary-process .summary-processed-container .processed-step:before {
  top: 16px !important;
  left: 6px !important;
  border-left: 1px dashed #b7c3d1 !important;
}
.test-summary-process .summary-processed-container .processed-step.active-step:before {
  border-left: 1px dashed #353e45 !important;
}
.test-summary-process .summary-processed-container .processed-step .update-step {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border-radius: 20px;
}
.test-summary-process .summary-processed-container .processed-step .update-step.complete {
  background-color: #24c11e;
}
.test-summary-process .summary-processed-container .processed-step .update-step.inprogress {
  background-color: #ff5626;
}
.test-summary-process .summary-processed-container .processed-step .update-step.inactive {
  background-color: #cdd5df;
}
.test-summary-process .summary-processed-container .processed-step .update-step.cancelled {
  background-color: #c6112d;
}
.test-summary-process .summary-processed-container .processed-step .step-details {
  margin-left: 20px;
}
.test-summary-process .summary-processed-container .processed-step .step-details .black-text {
  color: #020e16 !important;
}
.test-summary-process .summary-processed-container .processed-step .step-details .dark-gray-text {
  color: #353e45 !important;
}
.test-summary-process .summary-processed-container .processed-step .step-details .medium-gray-text {
  color: #676e73 !important;
}
.test-summary-process .summary-processed-container .processed-step .step-details .light-gray-text {
  color: #9a9fa2 !important;
}
.test-summary-process .summary-processed-container .processed-step .step-details .date-badge {
  margin-top: 4px !important;
  padding: 2px 4px !important;
  color: #4c698d !important;
  background-color: #edf0f4 !important;
}
.test-summary-process .summary-processed-container .processed-step .step-details .view-details {
  font-size: 12px;
  color: #008def;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.test-summary-process .summary-processed-container .processed-step .step-details .not-update-step {
  font-size: 14px;
  margin-top: 4px;
  color: #9a9fa2;
  font-family: roboto-regular;
}
.test-summary-process .summary-processed-container .processed-step .step-details .in-progress-step {
  color: #008def !important;
}

.test-summary-wrapper .general-info-container {
  display: flex;
  align-items: flex-start;
}
.test-summary-wrapper .general-info-container .product-image {
  width: 108px;
}
.test-summary-wrapper .general-info-container .general-info-details {
  margin-left: 12px;
}
.test-summary-wrapper .general-info-container .general-info-details .product-id-number {
  font-size: 20px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}
.test-summary-wrapper .general-info-container .general-info-details .not-added {
  background-color: #edf0f4 !important;
}
.test-summary-wrapper .general-info-container .general-info-details .category-name {
  text-transform: capitalize !important;
}
.test-summary-wrapper .general-info-container .general-info-details .detail-text {
  font-size: 12px !important;
}
.test-summary-wrapper .general-info-container .general-info-details .name-circle {
  width: 16px;
  height: 16px;
  padding: 3px;
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  justify-content: center;
  font-family: roboto-medium;
  background-image: linear-gradient(to bottom, #1ae6d8 0%, #5a80ea 100%);
}
.test-summary-wrapper .upload-sample-cta {
  width: 100% !important;
  display: flex !important;
  line-height: normal !important;
  justify-content: center !important;
  border: dashed 1px #cdd5df !important;
  background-color: #f4f6f8 !important;
}
.test-summary-wrapper .upload-sample-cta img {
  width: 20px !important;
}
.test-summary-wrapper .ocr-extract-container {
  padding: 20px 0 !important;
}
.test-summary-wrapper .ocr-extract-container.procesed-uploading {
  padding: 54px 0 !important;
}
.test-summary-wrapper .ocr-extract-container .ocr-sub-container {
  width: 45% !important;
}
.test-summary-wrapper .ocr-extract-container .ocr-sub-container .extract-icon {
  width: 60px !important;
}
.test-summary-wrapper .ocr-extract-container .ocr-sub-container .title {
  font-size: 16px !important;
  margin: 10px 0 4px !important;
}
.test-summary-wrapper .ocr-extract-container .ocr-sub-container .sub-title {
  font-size: 14px !important;
  margin-bottom: 10px !important;
}
.test-summary-wrapper .number-id {
  color: #676e73 !important;
}
.test-summary-wrapper .overall-status .icon {
  width: 12px !important;
}
.test-summary-wrapper .overall-status .arrow-container {
  padding: 4px 2px !important;
}
.test-summary-wrapper .overall-status .arrow-container .arrow-icon {
  width: 16px !important;
}
.test-summary-wrapper .sample-image-count {
  font-size: 14px !important;
  color: #353e45 !important;
}
.test-summary-wrapper .attached-file {
  background-color: #e6f6f6 !important;
}

.lab-test-uploading {
  padding: 105px 0 !important;
}

.green-cta {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 11px 16px;
  background-color: #24c11e;
}
.green-cta:hover {
  background-color: #24c11e;
}

.in-progress-cta {
  display: flex;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 16px;
  margin-right: 16px;
  border-radius: 4px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.13);
}
.in-progress-cta img {
  height: 20px;
  margin-right: 8px;
}

.card-container .wrapper-title {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-regular;
}
.card-container .amount-container {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.card-container .quotation-doc-container {
  width: 28%;
  display: flex;
  max-width: 100%;
  flex-direction: column;
}
.card-container .quotation-doc-container .doc-upload-status {
  font-size: 12px;
  color: #717276;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.card-container .quotation-doc-container .doc-uploading-container {
  display: flex;
  padding: 6px 12px;
  border-radius: 4px;
  align-items: center;
  border: solid 1px #cdd5df;
  background-color: #ffffff;
  justify-content: space-between;
}
.card-container .quotation-doc-container .doc-uploading-container .name-container {
  display: flex;
  align-items: center;
}
.card-container .quotation-doc-container .doc-uploading-container .name-container .file_icon {
  margin-right: 8px;
}
.card-container .quotation-doc-container .doc-uploading-container .name-container .doc_text {
  font-size: 16px;
  color: #12141a;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.card-container .product-counter {
  display: flex;
  flex-direction: column;
}
.card-container .product-counter .counter-contanier {
  margin-top: 15px;
}
.card-container .product-counter .counter-contanier .arrow-container {
  display: flex;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: #f4f6f8;
  border: solid 0.5px #cdd5df;
}
.card-container .product-counter .counter-contanier .item-counter {
  font-size: 14px;
  margin: 0 12px;
  color: #717276;
  line-height: normal;
  font-family: roboto-regular;
}
.card-container .item_details {
  margin-top: 20px;
  margin-bottom: 20px;
}
.card-container .item_details:first-child {
  margin-top: 0;
}
.card-container .item_details:last-child {
  margin-bottom: 0;
}
.card-container .item_details .light_text {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.card-container .item_details .dark_text {
  font-size: 14px;
  color: #353e45;
  line-height: normal;
  font-family: roboto-medium;
}
.card-container .item_details .item_wrapper {
  display: flex;
  align-items: center;
}
.card-container .item_details .name-initial {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 500;
  padding: 3px 8px;
  margin-right: 4px;
  border-radius: 100%;
  background-color: #c8a4ea;
  font-family: roboto-medium;
}

.card-section {
  margin-top: 12px;
}

.result-status-container {
  display: flex;
  padding: 4px 8px;
  border-radius: 4px;
  align-items: center;
}
.result-status-container.inline {
  display: inline-flex;
}
.result-status-container img {
  width: 12px;
}
.result-status-container .pass-text {
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 0;
  margin-left: 4px;
  line-height: normal;
  font-family: roboto-medium;
}

.pass-status-container {
  background-color: #24c11e;
}

.fail-status-container {
  background-color: #f81538;
}

.investigate-status-container {
  background-color: #f81538;
}

.pending-status-container {
  background-color: #ff5626;
}

.implement-status-container {
  background-color: #f81538;
}

.pending-status-container {
  background-color: #ff5626;
}

.extract-container {
  display: flex;
  width: 100%;
  padding: 24px 0;
  border-radius: 4px;
  background-color: rgba(26, 50, 106, 0.03);
}
.extract-container .extract-sub-container {
  display: flex;
  width: 27%;
  margin: auto;
  align-items: center;
  flex-direction: column;
}
.extract-container .extract-sub-container .title {
  font-size: 20px;
  color: #020e16;
  line-height: normal;
  margin: 20px 0 8px 0;
  font-family: roboto-medium;
}
.extract-container .extract-sub-container .sub-title {
  font-size: 16px;
  color: #353e45;
  text-align: center;
  margin-bottom: 20px;
  line-height: normal;
  font-family: roboto-regular;
}

.image-upload-container {
  display: flex;
  padding: 12px;
  align-items: center;
  margin-top: 0 !important;
}
.image-upload-container .file-icon {
  width: 24px !important;
}
.image-upload-container .uploading-process {
  flex: 1;
  display: flex;
  margin-left: 8px;
  margin-right: 12px;
  flex-direction: column;
}
.image-upload-container .uploading-process .upload-text {
  font-size: 12px;
  margin-bottom: 0;
  color: #12141a;
  font-family: roboto-regular;
}
.image-upload-container .uploading-process .progress-bar {
  width: 100%;
  height: 6px;
  margin-top: 2px;
  border-radius: 3px;
  background-color: rgba(168, 202, 230, 0.4);
}
.image-upload-container .uploading-process .progress-bar .complete {
  height: 6px;
  border-radius: 3px;
  background-color: #00a7ff;
}

.invitation-wrapper {
  padding-left: 62px !important;
  padding-right: 62px !important;
}
.invitation-wrapper .sticky-left-container {
  top: 180px;
  position: sticky;
}

.onboarding-header {
  padding: 32px 0 !important;
}
.onboarding-header .title {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.onboarding-header .main-title {
  font-size: 28px !important;
  line-height: normal !important;
}
.onboarding-header .header-subtext {
  font-size: 16px !important;
  line-height: normal !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.onboarding-header .profile-container {
  display: flex;
  align-items: center;
}
.onboarding-header .profile-container .profile {
  width: 50px;
}
.onboarding-header .profile-container .name {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.onboarding-header .profile-container .date {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-regular;
}

.view-stepper-container {
  box-shadow: none !important;
  border-radius: 8px !important;
}
.view-stepper-container .view-journey-container {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.view-stepper-container .view-journey-container .view-step-item {
  display: flex;
  position: relative;
  margin-bottom: 3px;
  align-items: flex-start;
  /* Align step count and name at the top */
  padding: 20px 20px;
  width: 100%;
  /* Full width */
  gap: 12px;
  opacity: 1;
  /* Set opacity to visible */
  height: 60px;
  /* Fixed height */
}
.view-stepper-container .view-journey-container .view-step-item:last-child {
  margin-bottom: 0;
}
.view-stepper-container .view-journey-container .view-step-item.active, .view-stepper-container .view-journey-container .view-step-item:hover {
  background-color: rgb(230, 246, 246);
  /* Active and hover background */
}
.view-stepper-container .view-journey-container .view-step-item .view-step-count {
  z-index: 1;
  width: 20px;
  height: 20px;
  display: flex;
  color: rgb(255, 255, 255);
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  background-color: rgb(128, 103, 220);
  font-family: "roboto-medium";
  flex-shrink: 0;
  /* Prevent the step count from shrinking */
}
.view-stepper-container .view-journey-container .view-step-item .view-step-name {
  font-size: 14px;
  margin-bottom: 0;
  font-family: "roboto-medium";
  color: rgba(19, 49, 110, 0.8);
  flex-grow: 1;
  /* Take up the remaining space */
  word-break: break-word;
  /* Allow text to break onto the next line */
}

.sticky-container {
  box-shadow: none !important;
  border-radius: 8px !important;
}
.sticky-container .journey-container {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.sticky-container .journey-container .step-item {
  display: flex;
  position: relative;
  margin-bottom: 44px;
  align-items: center;
}
.sticky-container .journey-container .step-item:last-child {
  margin-bottom: 0;
}
.sticky-container .journey-container .step-item:last-child:before {
  border: snow;
  background-color: white;
  opacity: 12;
}
.sticky-container .journey-container .step-item.active .step-count {
  color: #ffffff;
  background-color: #8067dc;
}
.sticky-container .journey-container .step-item.active .step-name {
  color: #13316e;
}
.sticky-container .journey-container .step-item:before {
  top: 20px;
  left: 10px;
  width: 1px;
  content: "";
  height: 20vh;
  position: absolute;
  border-left: 1px solid #d1d6e1;
}
.sticky-container .journey-container .step-item:first-child:before {
  top: 20px;
  left: 10px;
  width: 1px;
  content: "";
  height: 20vh;
  position: absolute;
  border-left: 1px solid #d1d6e1;
}
.sticky-container .journey-container .step-item .step-count {
  z-index: 1;
  width: 20px;
  height: 20px;
  display: flex;
  color: #8067dc;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 20px;
  align-items: center;
  line-height: normal;
  justify-content: center;
  background-color: #e6e1f8;
  font-family: roboto-medium;
}
.sticky-container .journey-container .step-item .step-name {
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 12px;
  font-family: roboto-medium;
  color: rgba(19, 49, 110, 0.8);
}
.sticky-container.question-container {
  cursor: pointer;
  max-height: 58px;
  overflow: hidden;
  transition: ease all 0.4s;
  padding: 18px 2px 20px !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.sticky-container.question-container:hover {
  background-color: #fff !important;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08) !important;
}
.sticky-container.question-container.active {
  max-height: 500px;
  box-shadow: none !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.sticky-container.question-container.active .arrow-icon {
  transform: rotate(180deg);
}
.sticky-container .question-wrapper .got-a-question-container {
  display: flex;
  align-items: center;
  padding: 0 13px 0 20px;
  justify-content: space-between;
}
.sticky-container .question-wrapper .got-a-question-container .got-a-question {
  font-size: 14px;
  color: #13316e;
  line-height: normal;
  font-family: roboto-medium;
}
.sticky-container .question-wrapper .got-a-question-container .arrow-icon {
  cursor: pointer;
}
.sticky-container .question-wrapper .sub-container {
  display: flex;
  margin-top: 16px;
}
.sticky-container .question-wrapper .sub-container ul {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style-type: none;
}
.sticky-container .question-wrapper .sub-container ul li {
  display: flex;
  padding: 4px 18px;
  border-radius: 2px;
  margin-bottom: 4px;
  align-content: center;
  transition: ease all 0.4s;
  background-color: transparent;
}
.sticky-container .question-wrapper .sub-container ul li:last-child {
  margin-bottom: 0;
}
.sticky-container .question-wrapper .sub-container ul li .icon-container {
  display: flex;
  padding: 4px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  background-color: rgba(244, 246, 248, 0.8);
}
.sticky-container .question-wrapper .sub-container ul li .icon-container .info-icon {
  width: 16px;
  height: 16px;
  opacity: 0.8;
}
.sticky-container .question-wrapper .sub-container ul li .info {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  margin-left: 17px;
  font-family: roboto-regular;
}
.sticky-container .question-wrapper .sub-container ul li:hover {
  background-color: #e6f6f6;
}
.sticky-container .question-wrapper .sub-container ul li:hover .icon-container {
  background-color: #f4f6f8;
}
.sticky-container .question-wrapper .sub-container ul li:hover .icon-container .info-icon {
  opacity: 1;
}
.sticky-container .question-wrapper .sub-container ul li:hover .info {
  color: #020e16;
}

.step-counting {
  top: 153px;
  z-index: 8;
  display: flex;
  font-size: 14px;
  position: sticky;
  align-items: center;
  line-height: normal;
  padding-bottom: 10px;
  transition: ease all 0.4s;
  font-family: roboto-regular;
  background: var(--body-background);
  color: rgba(2, 14, 22, 0.6);
}
.step-counting.sticky {
  padding-left: 10px;
}
.step-counting img {
  width: 16px;
  height: 16px;
}

.sub-text {
  font-size: 14px;
  color: #020e16;
  margin-top: 8px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-light;
}

.step_two_wrapper .radio-label {
  color: #676e73 !important;
}
.step_two_wrapper .disabled {
  opacity: 0.5;
}
.step_two_wrapper .detail-title {
  font-size: 16px !important;
  line-height: normal !important;
}
.step_two_wrapper .sub-label {
  color: rgba(53, 62, 69, 0.5) !important;
}
.step_two_wrapper .doc-upload-container {
  margin-top: 0 !important;
  padding: 16px 46px !important;
  border: solid 1px #cdd5df !important;
  background-color: #fbfcfc !important;
}
.step_two_wrapper .doc-upload-container .upload-icon {
  width: 36px;
  height: 36px;
}
.step_two_wrapper .doc-upload-container .upload-here {
  margin-left: 12px;
}
.step_two_wrapper .doc-upload-container .upload-here .upload-title {
  font-size: 14px;
  color: #12141a;
}
.step_two_wrapper .doc-upload-container .upload-here .upload-content.drop-file {
  color: #717276;
}
.step_two_wrapper .cancel-icon {
  width: 16px !important;
  height: 16px !important;
  opacity: 0.8 !important;
}
.step_two_wrapper .onboarding-wrapper .radio-wrapper {
  padding: 0 !important;
}
.step_two_wrapper .onboarding-wrapper .radio-wrapper:hover {
  background-color: #f4f6f8 !important;
}
.step_two_wrapper .onboarding-wrapper .radio-wrapper:hover .radio-label {
  color: #020e16 !important;
}
.step_two_wrapper .file-uploading-container {
  flex: 1;
}
.step_two_wrapper .file-uploading-container .file-icon {
  width: 32px !important;
}
.step_two_wrapper .file-uploading-container .uploading-process {
  margin-left: 4px !important;
  margin-right: 8px !important;
}
.step_two_wrapper .file-uploading-container .uploading-process .upload-text {
  font-size: 14px !important;
  font-family: roboto-medium !important;
  color: rgba(2, 14, 22, 0.9) !important;
}
.step_two_wrapper .file-uploading-container .uploading-process .progress-bar .complete {
  background-color: #08a6a7 !important;
}

.border-line {
  margin-top: 24px;
  border-top: solid 1px #d1d6e1;
}

.distributer-wrapper {
  padding: 0 !important;
  background-color: transparent !important;
}

.brand-wrapper {
  border-radius: 4px;
  padding: 11px 15px 15px;
  background-color: #f4f6f8;
}
.brand-wrapper .brand-details-container {
  display: none;
}
.brand-wrapper .brand-detail-title {
  font-size: 12px;
  color: #5a606d;
  padding-left: 32px;
  font-family: roboto-medium;
}
.brand-wrapper .collapse-card-arrow {
  transition: ease all 0.5s;
}
.brand-wrapper .collapse-card-arrow:hover {
  cursor: pointer;
  border-radius: 4px !important;
  background-color: rgba(76, 105, 141, 0.1) !important;
}
.brand-wrapper.active .brand-details-container {
  display: block !important;
}
.brand-wrapper.active .collapse-card-arrow {
  cursor: pointer;
  padding: 2px !important;
  border-radius: 4px !important;
  background-color: rgba(76, 105, 141, 0.1) !important;
}
.brand-wrapper.active .collapse-card-arrow img {
  transform: rotate(90deg);
}
.brand-wrapper.active .collapse-card-arrow .brand-title {
  font-size: 16px;
  color: #020e16;
  line-height: normal;
  font-family: roboto-medium;
}

.to-working-days {
  margin: 0 10px;
}

.process-document-container {
  margin-bottom: 2px;
}
.process-document-container .doc-label {
  font-size: 12px !important;
  font-family: roboto-medium !important;
  color: rgba(103, 110, 115, 0.5) !important;
}
.process-document-container .active .doc-label {
  color: rgba(2, 14, 22, 0.5) !important;
}

.delete-wrapper {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.delete-wrapper .delete-container {
  font-size: 14px;
  color: #5a606d;
  font-family: roboto-regular;
}
.delete-wrapper .answered-count-container {
  font-size: 12px;
  margin-left: 6px;
  font-family: roboto-medium;
}
.delete-wrapper .answered-count-container.solved-count {
  color: #24c11e;
}
.delete-wrapper .answered-count-container.remaining-count {
  color: #ff5626;
}
.delete-wrapper .answered-count-container .total-count {
  color: #9a9fa2 !important;
}

.warning-message-container {
  top: 0;
  z-index: 9;
  right: 18px;
  width: 316px;
  display: flex;
  padding: 8px 16px;
  position: absolute;
  border-radius: 6px;
  align-items: flex-start;
  border: solid 1px #c6112d;
  background-color: #f81538;
  box-shadow: 0 4px 8px 0 rgba(18, 20, 26, 0.2);
}
.warning-message-container .error-message {
  font-size: 14px;
  color: #ffffff;
  margin-left: 8px;
  line-height: 1.14;
  font-family: roboto-medium;
}

.required-field {
  border: solid 1px #f81538 !important;
}

.required-multiple-field {
  border: solid 1px #f81538 !important;
  width: 100% !important;
}

.complete-icon {
  width: 20px;
  height: 20px;
}

.no-data-wrapper {
  width: 854px;
  height: 520px;
  top: 164px;
  left: 436px;
  padding: 32px 0px 0px 0px;
  gap: 20px;
  border-radius: 10px 0px 0px 0px;
  opacity: 0px;
}

.no-data-container {
  padding: 16px 0px 0px 0px;
  gap: 8px;
  opacity: 0px;
  margin-top: 175px;
}

.threshold-wrapper {
  display: flex;
  padding: 24px;
  margin-top: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  align-items: flex-end;
  background-color: #f4f6f8;
}
.threshold-wrapper .threshold-container {
  margin-right: 35px;
  padding-right: 43px;
  border-right: solid 1px #cdd5df;
}
.threshold-wrapper .threshold-container .threshold-title {
  font-size: 16px;
  color: #020e16;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.threshold-wrapper .threshold-container .threshold-subtitle {
  font-size: 33px;
  color: #020e16;
  margin-bottom: 17px;
  line-height: normal;
  font-family: trim-web-medium;
}
.threshold-wrapper .threshold-container .rate-container {
  display: flex;
  align-items: center;
}
.threshold-wrapper .threshold-container .rate-container .column {
  margin-right: 28px;
}
.threshold-wrapper .threshold-container .rate-container .column:last-child {
  margin-right: 0;
}
.threshold-wrapper .threshold-container .rate-container .column .rate-type {
  font-size: 16px;
  color: #353e45;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.threshold-wrapper .threshold-container .rate-container .column .rate-percent {
  font-size: 24px;
  margin-bottom: 0px;
  line-height: normal;
  font-family: trim-web-medium;
}
.threshold-wrapper .threshold-container .rate-container .column .rate-percent.green {
  color: #1d9a18;
}
.threshold-wrapper .threshold-container .rate-container .column .rate-percent.red {
  color: #f81538;
}
.threshold-wrapper .customer-threshold-container {
  flex: 1;
  position: relative;
}
.threshold-wrapper .customer-threshold-container .slider-values {
  display: flex;
  justify-content: space-between;
  padding: 0 0;
  margin-top: 10px;
}
.threshold-wrapper .customer-threshold-container .slider-values span {
  width: 20px;
  font-size: 14px;
  text-align: center;
}
.threshold-wrapper .customer-threshold-container .slider-values span.highlight {
  color: #000;
  font-weight: bold;
}
.threshold-wrapper .customer-threshold-container .customer-values {
  font-size: 12px;
  color: #676e73;
  margin: 16px 0 0;
  text-align: center;
  line-height: normal;
  font-family: roboto-regular;
}
.threshold-wrapper .customer-threshold-container input[type=range] {
  width: 100%;
  height: 4px;
  outline: none;
  border-radius: 5px;
  -webkit-appearance: none;
  transition: background 0.3s;
  background: linear-gradient(to right, #24c11e 0%, #24c11e 0%, #fca1af 0%, #fca1af 100%);
}
.threshold-wrapper .customer-threshold-container input[type=range]::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  cursor: pointer;
  appearance: none;
  background: #fff;
  border-radius: 50%;
  -webkit-appearance: none;
  border: 4px solid #08a7a7;
  box-shadow: 0 4px 11px 0 rgba(156, 163, 180, 0.8);
}
.threshold-wrapper .customer-threshold-container input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #000;
}
.threshold-wrapper .criteria-container {
  left: 42%;
  bottom: 80%;
  display: flex;
  padding: 12px;
  position: absolute;
  border-radius: 6px;
  align-items: center;
  flex-direction: column;
  background-color: #8067dc;
  box-shadow: 0 8px 32px 0 rgba(156, 163, 180, 0.2);
}
.threshold-wrapper .criteria-container .criteria-title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-regular;
}
.threshold-wrapper .criteria-container .criteria-subtitle {
  font-size: 24px;
  color: #fff;
  margin-bottom: 4px;
  line-height: normal;
  font-family: trim-web-medium;
}
.threshold-wrapper .criteria-container .percent-count {
  font-size: 16px !important;
  font-family: trim-web-medium !important;
}

.no-state-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 0 150px !important;
}
.no-state-container .empty-state {
  width: 24.5%;
  text-align: center;
}
.no-state-container .empty-state .title {
  font-size: 24px;
  margin: 20px 0 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.no-state-container .empty-state .sub-title {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}

.total-inspection-container {
  width: 216px;
}
.total-inspection-container .fabric-inspection-container {
  padding: 0 !important;
  width: auto !important;
  margin-bottom: 0 !important;
  margin-right: 0px !important;
}
.total-inspection-container .fabric-inspection-container .title {
  font-size: 16px !important;
  color: #353e45 !important;
  margin: 15px 0 4px !important;
}
.total-inspection-container .fabric-inspection-container .product-count {
  font-size: 26px !important;
  margin-bottom: 4px !important;
}

.inspection-number-container {
  flex: 1;
  padding: 16px;
  border-radius: 8px;
  background-color: #f4f6f8;
}
.inspection-number-container .inspection-tabs-container {
  margin-top: 16px !important;
}
.inspection-number-container .inspection-tabs-container ul li {
  font-size: 14px !important;
  color: #353e45 !important;
  padding: 8px 12px !important;
  margin-right: 8px !important;
  background-color: rgba(209, 214, 225, 0.7) !important;
}
.inspection-number-container .inspection-tabs-container ul li:hover {
  color: #353e45 !important;
  background-color: rgba(231, 232, 234, 0.3) !important;
}
.inspection-number-container .inspection-tabs-container ul li.active {
  color: #ffffff !important;
  background-color: #08a7a7 !important;
}

.settings-wrapper {
  flex: 1;
  display: flex;
  margin-left: -12px;
  min-height: calc(100vh - 184px);
}
.settings-wrapper .settings-sidebar {
  width: 264px;
  background-color: #ffffff;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08);
}
.settings-wrapper .settings-sidebar .settings-menu-container {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  flex-direction: column;
  border-bottom: 1px dashed #cdd5df;
}
.settings-wrapper .settings-sidebar .settings-menu-container li {
  cursor: pointer;
  font-size: 14px;
  color: #353e45;
  transition: ease all 0.4s;
  font-family: trim-web-medium;
}
.settings-wrapper .settings-sidebar .settings-menu-container li.has-submenu .menu-item:after {
  right: 10px;
  line-height: 1;
  position: absolute;
  content: url('arrow.svg');
}
.settings-wrapper .settings-sidebar .settings-menu-container li .menu-item {
  position: relative;
  padding: 12px 20px;
  transition: ease all 0.4s;
  border-right: solid 4px #ffffff;
}
.settings-wrapper .settings-sidebar .settings-menu-container li .menu-item:hover {
  background-color: #e6f6f6;
  border-right: solid 4px #08a7a7;
}
.settings-wrapper .settings-sidebar .settings-menu-container li .icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.settings-wrapper .settings-sidebar .settings-menu-container li.active {
  background-color: #e6f6f6;
}
.settings-wrapper .settings-sidebar .settings-menu-container li.active .menu-item {
  background-color: #e6f6f6;
  border-right: solid 4px #08a7a7;
}
.settings-wrapper .settings-sidebar .settings-menu-container li.active.has-submenu .child-submenu-container {
  display: flex;
}
.settings-wrapper .settings-sidebar .settings-menu-container li.active.has-submenu .menu-item:after {
  transform: rotate(90deg);
}
.settings-wrapper .settings-sidebar .settings-submenu-container {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  flex-direction: column;
}
.settings-wrapper .settings-sidebar .settings-submenu-container li {
  cursor: pointer;
  transition: ease all 0.4s;
}
.settings-wrapper .settings-sidebar .settings-submenu-container li .menu-item {
  display: flex;
  font-size: 14px;
  color: #676e73;
  padding: 10px 20px;
  position: relative;
  align-items: center;
  transition: ease all 0.4s;
  font-family: trim-web-medium;
  border-right: solid 4px #ffffff;
}
.settings-wrapper .settings-sidebar .settings-submenu-container li .menu-item:hover {
  color: #020e16;
  background-color: #e6f6f6;
  border-right: solid 4px #08a7a7;
}
.settings-wrapper .settings-sidebar .settings-submenu-container li .menu-item:after {
  right: 10px;
  line-height: 1;
  position: absolute;
  content: url('arrow.svg');
}
.settings-wrapper .settings-sidebar .settings-submenu-container li.active {
  background-color: #e6f6f6;
}
.settings-wrapper .settings-sidebar .settings-submenu-container li.active .menu-item {
  color: #020e16;
  border-right: solid 4px #08a7a7;
}
.settings-wrapper .settings-sidebar .settings-submenu-container li .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.settings-wrapper .settings-sidebar .child-submenu-container {
  flex: 1;
  margin: 0;
  padding: 0;
  display: none;
  list-style: none;
  margin-left: 20px;
  flex-direction: column;
}
.settings-wrapper .settings-sidebar .child-submenu-container li {
  font-size: 14px;
  color: #676e73;
  padding: 8px 24px;
  border-radius: 2px;
  transition: ease all 0.4s;
  font-family: roboto-regular;
}
.settings-wrapper .settings-sidebar .child-submenu-container li a {
  color: inherit;
}
.settings-wrapper .settings-sidebar .child-submenu-container li.active {
  color: #ffffff;
  background-color: #08a7a7;
}
.settings-wrapper .settings-container {
  flex: 1;
  padding-top: 20px;
  padding-left: 24px;
  max-width: calc(100% - 264px);
}
.settings-wrapper .settings-container-custom {
  flex: 1;
  padding-top: 20px;
  padding-left: 24px;
}
.settings-wrapper .setting-menu-container {
  flex: 1;
  display: flex;
}
.settings-wrapper .setting-menu-container .menu-column {
  width: 230px;
  padding: 16px;
  margin-right: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08);
}
.settings-wrapper .setting-menu-container .menu-column.large {
  flex: 1;
  width: auto;
  margin-right: none;
}
.settings-wrapper .setting-menu-container .menu-column .menu-heading {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 12px;
  font-family: roboto-regular;
}
.settings-wrapper .setting-menu-container .menu-column .menu-heading .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.settings-wrapper .setting-menu-container .menu-column .menu-list {
  list-style: none;
  padding-left: 24px;
  margin-bottom: 8px;
}
.settings-wrapper .setting-menu-container .menu-column .menu-list li {
  font-size: 14px;
  cursor: pointer;
  color: #676e73;
  font-weight: normal;
  margin-bottom: 12px;
  transition: ease all 0.4s;
  font-family: roboto-regular;
}
.settings-wrapper .setting-menu-container .menu-column .menu-list li a {
  color: inherit;
}
.settings-wrapper .setting-menu-container .menu-column .menu-list li:hover {
  color: #0070ce;
  font-family: trim-web-medium;
}
.settings-wrapper .setting-menu-container .menu-column .menu-group {
  display: flex;
}
.settings-wrapper .setting-menu-container .menu-column .menu-group .menu-group-column {
  flex: 1;
}
.settings-wrapper .notification-card-wrapper .card-wrapper {
  padding: 0;
  margin: 8px 0;
  border-radius: 4px;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container {
  padding: 12px 20px;
  transition: ease all 0.4s;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container.active {
  border: none;
  background-color: #F3FBFB;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container.active .arrow-icon {
  opacity: 1 !important;
  transform: rotate(90deg);
  cursor: pointer !important;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container.section-active .sample-title {
  opacity: 1 !important;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container.section-active .sample-title span {
  color: #898d96 !important;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container.section-active .arrow-icon {
  opacity: 1 !important;
  transform: rotate(90deg);
  cursor: pointer !important;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container.section-active .profile-icon {
  width: 24px;
  margin-right: 8px;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container {
  margin: 0;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container.flex-width-column .column {
  flex: 1;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container.flex-width-column .column.half-flex {
  flex: 0.3;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container.flex-width-column .column.no-flex {
  flex: none;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .header-icon {
  width: 32px;
  margin-right: 12px;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .column {
  display: flex;
  align-items: center;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .arrow-icon {
  opacity: 0.6;
  transition: ease all 0.4s;
  cursor: pointer;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .card-header-text .sample-title {
  font-size: 14px;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .card-header-text .notif-icon {
  width: 20px;
  height: 20px;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .card-header-text .sub-title {
  margin: 0;
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .card-header-text .sub-title.dark {
  color: #020e16;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .search-input input {
  margin-bottom: 0;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-header-container .search-input .icon-container {
  bottom: 10px;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .card-body-container .table-container {
  float: none;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .settings-highlight-badge-wrapper {
  display: flex;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .settings-highlight-badge-wrapper .highlight-badge {
  display: flex;
  font-size: 12px;
  padding: 2px 4px;
  margin-right: 4px;
  align-items: center;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .settings-highlight-badge-wrapper .highlight-badge:last-child {
  margin-right: 0;
}
.settings-wrapper .notification-card-wrapper .card-wrapper .card-container .settings-highlight-badge-wrapper .highlight-badge .icon {
  margin-right: 4px;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper {
  padding: 4px !important;
  margin-bottom: 20px !important;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column {
  flex: 1;
  padding: 12px 0;
  padding-left: 32px;
  align-items: center;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column:last-child {
  flex: 2;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column.admin-wrapper {
  display: flex;
  background-color: #e5f4fd;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column.admin-wrapper .profile-icon {
  width: 88px;
  height: 88px;
  padding: 24px;
  display: flex;
  cursor: pointer;
  position: relative;
  border-radius: 58px;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(151deg, #1ce3d9 4%, #5588e9 98%);
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column.admin-wrapper .profile-icon span {
  font-size: 24px;
  color: #fff;
  line-height: normal;
  font-family: trim-web-medium;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column.admin-wrapper .profile-icon .update-icon {
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .admin-container {
  margin-left: 16px;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .admin-container .title {
  font-size: 20px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: trim-web-medium;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .admin-container .admin-badge {
  display: flex;
  font-size: 12px;
  color: #08a7a7;
  padding: 2px 4px;
  margin-left: 4px;
  border-radius: 4px;
  align-items: center;
  font-family: roboto-medium;
  background-color: #ceeded;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .admin-container .admin-badge img {
  margin-right: 4px;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .admin-container .sub-title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .admin-container .sub-title.small {
  font-size: 12px;
  font-family: roboto-medium;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .item_details {
  width: 100%;
  margin-bottom: 8px;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .item_details:last-child {
  margin-bottom: 4px;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .item_details .light_font {
  color: #9a9fa2 !important;
  margin-bottom: 2px !important;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .item_details .dark_font {
  margin-bottom: 0 !important;
  font-family: trim-web-medium !important;
}
.settings-wrapper .notification-card-wrapper .user-profile-wrapper .column .date-status {
  font-size: 12px;
  color: #8296af;
  margin-left: 4px;
  font-family: roboto-regular;
}
.settings-wrapper .notification-card-wrapper .user-management {
  display: flex;
  flex: 1;
  margin-bottom: 12px;
  align-items: center;
}
.settings-wrapper .notification-card-wrapper .user-management .column {
  flex: 1;
}
.settings-wrapper .notification-card-wrapper .user-management .column .main-title {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  line-height: normal;
  font-family: trim-web-medium;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper {
  padding: 4px !important;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper.not-access .app-wrapper {
  background-color: #edf0f4;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-wrapper {
  display: flex;
  padding: 32px 24px;
  border-radius: 8px;
  align-items: center;
  background-color: #e6f6f6;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-container {
  margin-left: 20px;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-container .title {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 4px;
  line-height: normal;
  font-family: trim-web-medium;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-container .sub-title {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 16px;
  line-height: normal;
  font-family: roboto-regular;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-container .state-item {
  display: flex;
  margin-right: 24px;
  align-items: center;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-container .state-item.item-name span {
  color: #353e45 !important;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-container .state-item:last-child {
  margin-right: 0;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-container .state-item img {
  width: 20px;
}
.settings-wrapper .notification-card-wrapper .app-access-wrapper .app-container .state-item span {
  font-size: 14px;
  color: #020e16;
  margin-left: 4px;
  line-height: normal;
  font-family: trim-web-medium;
}
.settings-wrapper .notification-card-wrapper .customer-support {
  font-size: 14px;
  color: #9a9fa2;
  margin-top: 12px;
  line-height: normal;
  font-family: trim-web-medium;
}
.settings-wrapper .notification-card-wrapper .badge-item {
  background-color: rgba(205, 213, 223, 0.6);
}
.settings-wrapper .notification-card-wrapper .contact-badge {
  color: #8296af !important;
}
.settings-wrapper .notification-card-wrapper .service-count {
  color: #676e73 !important;
}
.settings-wrapper .notification-card-wrapper .search-service {
  background-color: #f4f6f8 !important;
}
.settings-wrapper .subscription-wrapper .dashboard-graph-container {
  max-width: 236px;
  padding: 16px 24px;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(156, 163, 180, 0.2);
}
.settings-wrapper .subscription-wrapper .dashboard-graph-container .legend-item {
  margin: 0;
}
.settings-wrapper .subscription-wrapper .professional-wrapper {
  padding: 24px !important;
  background-color: transparent !important;
  background-image: linear-gradient(128deg, #5662e1 21%, #8e55d7 61%);
}
.settings-wrapper .subscription-wrapper .professional-wrapper .professional-icon {
  width: 80px;
}
.settings-wrapper .subscription-wrapper .professional-wrapper .professional-container {
  margin-left: 24px !important;
}
.settings-wrapper .subscription-wrapper .professional-wrapper .professional-container .title {
  color: #ffffff !important;
}
.settings-wrapper .subscription-wrapper .professional-wrapper .professional-container .sub-title {
  color: #ffffff !important;
}
.settings-wrapper .subscription-wrapper .professional-wrapper .professional-container .time-text {
  display: flex;
  align-items: center;
  font-family: roboto-medium !important;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper {
  padding: 28px 30px 28px 50px !important;
  background-color: transparent !important;
  background-image: url('upgrade-bg.png');
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-icon {
  width: 80px;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-container {
  margin-left: 12px !important;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-container .title {
  font-size: 16px !important;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-container .upgrade-text {
  font-size: 12px !important;
  color: #445e7f !important;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-container .upgrade-list {
  display: flex;
  align-items: center;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-container .upgrade-list ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  list-style-type: none;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-container .upgrade-list ul li {
  display: flex;
  margin-right: 8px;
  align-items: center;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-container .upgrade-list ul li:last-child {
  margin-right: 0px;
}
.settings-wrapper .subscription-wrapper .upgrade-wrapper .upgrade-container .upgrade-list .right-arrow {
  cursor: pointer;
}
.settings-wrapper .subscription-wrapper .small-table-icon {
  width: 20px;
}
.settings-wrapper .subscription-wrapper .small-pass-icon {
  width: 12px;
}
.settings-wrapper .subscription-wrapper .active-badge {
  background-color: #e5f4fd !important;
}
.settings-wrapper .subscription-wrapper .user-count {
  font-family: roboto-regular !important;
}
.settings-wrapper .preference-card-wrapper .table-text {
  font-size: 14px;
  font-family: trim-web-medium !important;
}
.settings-wrapper .preference-card-wrapper .table-text img {
  margin-right: 12px;
}
.settings-wrapper .preference-card-wrapper .delete-cta {
  margin-top: 0 !important;
  color: #f81538 !important;
  background-color: #fee8eb !important;
}
.settings-wrapper .design-brief-wrapper .design-title {
  color: #353e45 !important;
}
.settings-wrapper .design-brief-wrapper .general-new-icon {
  width: 35px;
  height: 22px;
}
.settings-wrapper .design-brief-wrapper .pass-icon {
  width: 20px;
  height: 20px;
}
.settings-wrapper .design-brief-wrapper .service-icon {
  width: 16px;
}
.settings-wrapper .design-brief-wrapper .bulk-design-wrapper {
  padding: 12px;
  margin-top: 12px;
  border-radius: 4px;
  background-color: #f4f6f8;
}
.settings-wrapper .design-brief-wrapper .label-bold {
  font-size: 14px;
  font-family: roboto-medium !important;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper {
  display: flex;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .card-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  justify-content: space-between;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper .search-design-input {
  display: flex;
  flex: 1;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper .search-design-input .search-icon {
  right: 8px !important;
  bottom: 4px !important;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper .search-design-input .search-icon .icon {
  width: 16px;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper .search-design-input .search-input {
  font-size: 12px !important;
  margin-bottom: 0 !important;
  padding: 4px 12px !important;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper .column {
  display: flex;
  align-items: center;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper .column .disabled {
  opacity: 0.4;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper .column .design-count {
  font-size: 12px;
  color: #676e73;
  font-family: trim-web-medium;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .design-count-wrapper .column .search-icon {
  width: 20px;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul {
  margin: 0;
  padding: 0;
  height: 560px;
  max-height: 560px;
  overflow-y: scroll;
  list-style-type: none;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item {
  display: flex;
  padding: 12px 20px;
  align-items: center;
  transition: ease all 0.4s;
  justify-content: space-between;
  border-bottom: solid 1px #edf0f4;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item:last-child {
  border-bottom: none;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item:hover {
  background-color: #e6f6f6;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item:hover .double-arrow {
  display: none;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item:hover .double-blue-arrow {
  display: block;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item .double-blue-arrow {
  display: none;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item .double-arrow {
  display: block;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item .product-icon {
  width: 44px;
  margin-right: 12px;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper ul .list-item .list-title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 4px;
  line-height: normal;
  font-family: trim-web-medium;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .rotated-arrow {
  transform: rotate(180deg);
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .drag-file-wrapper {
  flex: 1;
  display: flex;
  padding: 75px 0;
  border-radius: 4px;
  justify-content: center;
  background-color: #f4f6f8;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .drag-file-wrapper .drag-file-container {
  width: 46%;
  text-align: center;
}
.settings-wrapper .design-brief-wrapper .design-brief-column-wrapper .from-supplier-wrapper .drag-file-wrapper .drag-file-container .upload-text {
  font-size: 16px;
  margin-top: 12px;
  color: #676e73;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}

.general-new-icon {
  width: 35px;
  height: 22px;
}

.pass-icon {
  width: 20px;
  height: 20px;
}

.service-icon {
  width: 16px;
}

.product-lifecycle-header {
  top: 0;
  margin-top: 0;
  position: relative;
}

.view-all {
  display: flex;
  margin-bottom: 8px;
  border-radius: 20px;
  align-items: center;
  background-color: #fff;
  justify-content: center;
  padding: 6.1px 5px 5.9px 7px;
}
.view-all img {
  width: 21px !important;
}

.product-status-wrapper .title {
  font-family: roboto-medium !important;
}
.product-status-wrapper .product-blue-card {
  background-image: linear-gradient(177deg, #3ac3ab -14%, #6b52e9 110%);
}
.product-status-wrapper .product-blue-card::before {
  background: url('product-bg-mask.svg');
}
.product-status-wrapper .product-blue-card:hover {
  transition: ease all 0.4s;
  box-shadow: 0 8px 20px 0 rgba(4, 7, 62, 0.32);
}
.product-status-wrapper .product-pink-card {
  background-image: linear-gradient(173deg, #f8a77a -16%, #6b52e9 137%);
}
.product-status-wrapper .product-pink-card::before {
  background: url('product-bg-mask.svg');
}
.product-status-wrapper .product-pink-card:hover {
  transition: ease all 0.4s;
  box-shadow: 0 8px 20px 0 rgba(4, 7, 62, 0.32);
}
.product-status-wrapper .product-purple-card {
  background-image: linear-gradient(177deg, #63d3fe -14%, #6b52e9 110%);
}
.product-status-wrapper .product-purple-card::before {
  background: url('product-bg-mask.svg');
}
.product-status-wrapper .product-purple-card:hover {
  transition: ease all 0.4s;
  box-shadow: 0 8px 20px 0 rgba(4, 7, 62, 0.32);
}
.product-status-wrapper .view-all-card {
  border: solid 1px #008def;
  background-color: #008def;
}
.product-status-wrapper .view-all-card:hover {
  transition: ease all 0.4s;
  box-shadow: 0 8px 20px 0 rgba(4, 7, 62, 0.32);
}

.create-design-header .column .sub-title {
  font-size: 16px !important;
}
.create-design-header .column .opacity-30 {
  opacity: 0.3;
}

.create-design-wrapper {
  width: 708px !important;
}
.create-design-wrapper.design-cancelled .card-wrapper {
  opacity: 0.6;
}
.create-design-wrapper.design-cancelled .card-wrapper:first-child {
  opacity: 1;
}
.create-design-wrapper.design-cancelled .testing-design-wrapper {
  background-image: none !important;
  background-color: #9A9FA2 !important;
}
.create-design-wrapper .card-wrapper {
  border-radius: 4px !important;
  box-shadow: 0 2px 10px 0 rgba(18, 20, 26, 0.08) !important;
}
.create-design-wrapper .card-wrapper.faded {
  opacity: 0.5;
}
.create-design-wrapper .card-wrapper .comment-cta {
  background-color: #edf0f4 !important;
}
.create-design-wrapper .card-row {
  margin-bottom: 10px;
}
.create-design-wrapper .card-row:last-child {
  margin-bottom: 0;
}
.create-design-wrapper .card-row .column {
  flex: 1;
  margin-right: 30px;
}
.create-design-wrapper .card-row .column:last-child {
  margin-right: 0;
}
.create-design-wrapper .card-row .add-design-brief {
  flex: 1;
  display: flex;
  padding: 16px 0;
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  flex-direction: column;
  background-color: #fbfcfc;
  border: dashed 1px #cdd5df;
}
.create-design-wrapper .card-row .add-design-brief.not-disabled {
  border: dashed 1px #008def !important;
}
.create-design-wrapper .card-row .add-design-brief.not-disabled .add-design-text {
  color: #676e73 !important;
}
.create-design-wrapper .card-row .add-design-brief .design-file {
  width: 32px;
}
.create-design-wrapper .card-row .add-design-brief .add-design-text {
  font-size: 14px;
  margin: 8px 0 0;
  color: #9a9fa2;
  font-family: roboto-regular;
}
.create-design-wrapper .card-row .uploaded-design-files {
  display: flex;
  align-items: center;
}
.create-design-wrapper .card-row .uploaded-design-files .uploaded-files-count {
  font-size: 14px;
  margin-left: 4px;
  color: #676e73;
  font-family: roboto-regular;
}
.create-design-wrapper .card-row .uploaded-design-files .uploaded-files-count span {
  cursor: pointer;
  color: #008def;
}

.design-success-wrapper .design-success-container .confirm-text {
  font-family: trim-web-medium !important;
}
.design-success-wrapper .design-badge-container {
  margin-top: 16px;
  padding: 8px 12px;
  border-radius: 8px;
  align-items: center;
  display: inline-flex;
  background-color: rgba(255, 255, 255, 0.1);
}
.design-success-wrapper .design-badge-container .design-icon {
  width: 40px;
}
.design-success-wrapper .design-badge-container .design-text {
  font-size: 18px;
  color: #fff;
  margin-bottom: 4px;
  font-family: trim-web-medium;
}
.design-success-wrapper .design-badge-container .design-id {
  font-size: 14px;
  color: #fff;
  margin-bottom: 0px;
  font-family: roboto-medium;
}

.add-primary-material {
  padding: 12px 0 !important;
  flex-direction: row !important;
  justify-content: center !important;
}
.add-primary-material img {
  width: 20px;
  margin-right: 8px;
}

.testing-design-wrapper {
  margin: 2px;
  display: flex;
  position: relative;
  padding: 16px 22px;
  border-radius: 4px;
  align-items: flex-start;
  justify-content: space-between;
  background-image: linear-gradient(100deg, #5662e1 19%, #8e55d7 85%);
}
.testing-design-wrapper.edited-design-id {
  justify-content: space-between;
}
.testing-design-wrapper.edited-design-id .design-logo {
  width: 32px !important;
}
.testing-design-wrapper.edited-design-id .testing-design-container {
  margin-left: 12px !important;
}
.testing-design-wrapper .design-logo {
  width: 80px;
}
.testing-design-wrapper .testing-design-container {
  margin-left: 20px;
}
.testing-design-wrapper .testing-design-container .title {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
  margin-right: 8px;
  font-family: trim-web-medium;
}
.testing-design-wrapper .testing-design-container .category-list-container {
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  align-items: center;
  display: inline-flex;
  list-style-type: disc;
}
.testing-design-wrapper .testing-design-container .category-list-container li {
  font-size: 16px;
  color: #fff;
  margin-right: 22px;
  font-family: roboto-medium;
}
.testing-design-wrapper .testing-design-container .category-list-container li:first-child {
  list-style-type: none;
}
.testing-design-wrapper .testing-design-container .category-list-container li:last-child {
  margin-right: none;
}
.testing-design-wrapper .testing-design-container .category-details {
  display: flex;
  align-items: center;
}
.testing-design-wrapper .testing-design-container .category-details .category-item {
  padding: 4px 12px;
  margin-right: 8px;
  border-radius: 30px;
  border: solid 1px rgba(255, 255, 255, 0.3);
}
.testing-design-wrapper .testing-design-container .category-details .category-item:last-child {
  margin-right: 0;
}
.testing-design-wrapper .testing-design-container .category-details .category-item span {
  font-size: 14px;
  color: #fff;
  font-family: roboto-regular;
}

.design-id-badge {
  cursor: pointer;
  color: #fff !important;
  transition: ease all 0.4s;
  font-size: 14px !important;
  margin-right: 12px !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.design-id-badge:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.design-id-badge span {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin-left: 4px;
  font-family: roboto-medium;
}
.design-id-badge .edit-icon {
  width: 16px;
  margin-right: 0;
}

.design-uploaded-files {
  display: flex;
  align-items: center;
}
.design-uploaded-files img {
  width: 12px;
}
.design-uploaded-files .file-count {
  font-size: 12px;
  color: #1d9a18;
  margin-left: 4px;
  font-family: roboto-medium;
}
.design-uploaded-files .file-count.red {
  color: #f81538;
}
.design-uploaded-files .sample-count-container {
  display: flex;
  margin-left: 16px;
  align-items: center;
}
.design-uploaded-files .sample-count-container span {
  font-size: 14px;
  color: #2e3f55;
  margin-left: 2px;
  font-family: roboto-regular;
}

.more-files-wrapper {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.more-files-wrapper .uploaded-doc {
  width: 32%;
  cursor: pointer;
  border-radius: 4px;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 4px 4px 8px;
  transition: ease all 0.4s;
  border: solid 1px #b7c3d1;
}
.more-files-wrapper .uploaded-doc:hover .overlay {
  opacity: 1;
}
.more-files-wrapper .uploaded-doc .overlay {
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  padding: 4px;
  height: 100%;
  position: absolute;
  display: inline-flex;
  align-items: flex-start;
  transition: ease all 0.4s;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.5);
}
.more-files-wrapper .uploaded-doc .overlay span {
  color: #fff;
  font-size: 12px;
  font-family: roboto-medium;
}
.more-files-wrapper .uploaded-doc .overlay-container {
  position: relative;
}
.more-files-wrapper .uploaded-doc:nth-child(3n) {
  margin-right: 0;
}
.more-files-wrapper .uploaded-doc:last-child {
  margin-right: 0;
}
.more-files-wrapper .uploaded-doc .doc-img {
  width: 100%;
}
.more-files-wrapper .uploaded-doc .file-title-container {
  display: flex;
  margin-top: 6px;
  align-items: center;
}
.more-files-wrapper .uploaded-doc .file-title-container .file-icon {
  width: 32px;
}
.more-files-wrapper .uploaded-doc .file-title-container .doc-title {
  font-size: 12px;
  color: #020e16;
  margin-bottom: 2px;
  font-family: roboto-medium;
}
.more-files-wrapper .uploaded-doc .file-title-container .doc-description {
  font-size: 12px;
  color: #676e73;
  font-family: roboto-regular;
}
.more-files-wrapper .upload-more-file {
  width: 32% !important;
  flex: none !important;
  padding: 47px 0 !important;
  margin-bottom: 12px !important;
}
.more-files-wrapper .upload-more-file img {
  width: 20px !important;
}

.primary-material-container {
  padding: 0 !important;
  background-image: none !important;
}
.primary-material-container .selected-material {
  width: 100% !important;
  flex-wrap: wrap !important;
  overflow-x: initial !important;
  white-space: initial !important;
}
.primary-material-container .selected-material .material-item {
  margin-right: 8px !important;
}
.primary-material-container .selected-material .material-item span {
  font-size: 14px !important;
  color: #020e16 !important;
}
.primary-material-container .selected-material .supplier-item {
  margin-right: 8px !important;
}
.primary-material-container .selected-material .supplier-item .profile {
  width: 16px;
  margin-right: 4px;
}
.primary-material-container .selected-material .supplier-item span {
  color: #020e16 !important;
}

.status-tabs-container .pending-badge-container > div {
  display: flex;
  align-items: center;
}
.status-tabs-container .pending-badge-container img {
  width: 12px;
}

.design-details-process .journey-container .detail-item {
  margin-bottom: 20px !important;
  align-items: flex-start !important;
}
.design-details-process .journey-container .detail-item::before {
  top: 16px !important;
  left: 6px !important;
  height: 120% !important;
  border-left: 1px dashed #b7c3d1 !important;
}
.design-details-process .journey-container .detail-item:last-child {
  margin-bottom: 0 !important;
}
.design-details-process .journey-container .detail-item:last-child::before {
  border-left: none !important;
}
.design-details-process .journey-container .detail-item.active .complete-step {
  background-color: #ceeded;
}
.design-details-process .journey-container .detail-item.update {
  position: relative;
}
.design-details-process .journey-container .detail-item.update > .complete-step {
  background-color: #ceeded;
  border: solid 1px #4c698d;
}
.design-details-process .journey-container .detail-item.update .date-change-container {
  top: 18px;
  left: 26%;
  z-index: 1;
  width: 224px;
  position: absolute;
  border-radius: 4px;
  background-color: #fff;
  padding: 8px 8px 20px 20px;
  border: solid 1px #edf0f4;
  box-shadow: 0 4px 5px 0 rgba(112, 121, 130, 0.2);
}
.design-details-process .journey-container .detail-item.update .date-change-container .cancel {
  top: 8px;
  right: 8px;
  width: 16px;
  position: absolute;
}
.design-details-process .journey-container .detail-item.update .date-change-container ul {
  padding: 0;
  margin: 0;
  margin-top: 14px;
  list-style-type: none;
}
.design-details-process .journey-container .detail-item.accepted .complete-step {
  border: solid 1px #24c11e;
  background-color: #24c11e;
}
.design-details-process .journey-container .detail-item.accepted .item-details .item-text {
  color: #1d9a18 !important;
}
.design-details-process .journey-container .detail-item.rejected .complete-step {
  border: solid 1px #ff5626;
  background-color: #ff5626;
}
.design-details-process .journey-container .detail-item.rejected .item-details .item-text {
  color: #ff5626 !important;
}
.design-details-process .journey-container .detail-item.rejected .item-details .comment-icon {
  width: 12px;
}
.design-details-process .journey-container .detail-item.rejected .reject-entry {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #ffeee9;
}
.design-details-process .journey-container .detail-item.rejected .reject-entry .date {
  color: #ff5626 !important;
  background-color: #fff !important;
}
.design-details-process .journey-container .detail-item.waiting .complete-step {
  border: solid 1px #cc9e00;
  background-color: #cc9e00;
}
.design-details-process .journey-container .detail-item .complete-step {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border-radius: 20px;
  border: solid 1px #b7c3d1;
  background-color: #fbfcfc;
}
.design-details-process .journey-container .detail-item .item-details {
  margin-left: 8px;
}
.design-details-process .journey-container .detail-item .item-details .item-text {
  margin-left: 0 !important;
  color: #676e73 !important;
}
.design-details-process .journey-container .detail-item .item-details .item-subtext {
  color: #9a9fa2 !important;
  font-family: roboto-regular !important;
}
.design-details-process .journey-container .detail-item .item-details .inner-list {
  padding: 0;
  margin: 0;
  margin-top: 8px;
  list-style-type: none;
}
.design-details-process .journey-container .detail-item .item-details .inner-list li {
  display: flex;
  align-items: flex-start;
}
.design-details-process .journey-container .detail-item .item-details .inner-list li .letter-thumbnail {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  justify-content: center;
  background-image: linear-gradient(to bottom, #1ae6d8 0%, #5a80ea 100%);
}
.design-details-process .journey-container .detail-item .item-details .inner-list li .letter-thumbnail span {
  font-size: 12px;
  color: #fff;
  font-family: trim-web-medium;
}
.design-details-process .journey-container .detail-item .item-details .inner-list li .inner-list-title {
  font-size: 12px;
  color: #353e45;
  margin-bottom: 2px;
  font-family: roboto-medium;
}
.design-details-process .journey-container .detail-item .item-details .inner-list li .inner-list-subtitle {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0;
  font-family: roboto-regular;
}
.design-details-process .journey-container .detail-item .item-details .pending-badge {
  padding: 2px 4px !important;
  color: #445e7f !important;
  display: inline-flex !important;
  background-color: #edf0f4 !important;
}
.design-details-process .journey-container .detail-item .item-details .not-updated-container label {
  color: #676e73 !important;
}
.design-details-process .journey-container .detail-item .item-details .not-updated-container .not-update {
  font-size: 14px;
  color: #9a9fa2;
  margin-right: 4px;
  font-family: roboto-regular;
}

.supplier-detail-container {
  display: flex;
  align-items: center;
}
.supplier-detail-container .profile-icon {
  width: 32px;
}
.supplier-detail-container .profile-name {
  font-size: 12px;
  color: #020e16;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-regular;
}
.supplier-detail-container .supplier-name {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
}

.more-options {
  font-size: 14px !important;
  font-family: roboto-regular !important;
}

.view-details-container .view-info {
  width: 33% !important;
}
.view-details-container .black_font {
  color: #020e16 !important;
}
.view-details-container .profile-icon {
  width: 16px;
  margin-right: 4px;
}
.view-details-container .view-option {
  width: 100% !important;
}

.files-count {
  color: #676e73 !important;
}

.accept-design-cta {
  font-size: 16px !important;
}

.design-status-container {
  display: flex;
}
.design-status-container .status-column {
  flex: 1;
}
.design-status-container .status-column.left-column {
  flex: none;
  width: 356px;
  margin-right: 24px;
}

.details-left-container {
  padding: 20px !important;
}
.details-left-container .design-icon {
  width: 44px;
}
.details-left-container .card-header-container {
  position: relative;
}
.details-left-container .comment-container {
  top: -3px;
  right: -10px;
  position: absolute;
  padding: 5px 8px !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 7px 0 rgba(162, 63, 36, 0.27) !important;
}
.details-left-container .supplier-wrapper {
  display: flex;
  align-items: center;
}
.details-left-container .supplier-wrapper .column {
  margin-right: 12px;
}
.details-left-container .supplier-wrapper .column:last-child {
  margin-right: 0;
}
.details-left-container .supplier-wrapper .column .date-text {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 4px;
  font-family: roboto-regular;
}
.details-left-container .supplier-wrapper .column .design-container {
  display: flex;
  padding: 4px 8px;
  border-radius: 4px;
}
.details-left-container .supplier-wrapper .column .design-container.created {
  background-color: #e6f6f6;
}
.details-left-container .supplier-wrapper .column .design-container.accepted {
  background-color: #e9f9e8;
}
.details-left-container .supplier-wrapper .column .design-container.cancelled {
  background-color: #ffeee9;
}
.details-left-container .supplier-wrapper .column .design-container .letter-thumbnail {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  justify-content: center;
  background-image: linear-gradient(to bottom, #1ae6d8 0%, #5a80ea 100%);
}
.details-left-container .supplier-wrapper .column .design-container .letter-thumbnail span {
  font-size: 12px;
  color: #fff;
  font-family: trim-web-medium;
}
.details-left-container .supplier-wrapper .column .design-container .inner-list-title {
  font-size: 12px;
  color: #353e45;
  margin-bottom: 2px;
  line-height: normal;
  font-family: roboto-medium;
}
.details-left-container .supplier-wrapper .column .design-container .inner-list-subtitle {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.details-left-container .product-details-wrapper .details_text {
  flex: 1 !important;
  color: #020e16 !important;
  margin-bottom: 0 !important;
}
.details-left-container .supplier-details {
  padding: 8px;
  border-radius: 4px;
  background-color: #f4f6f8;
}

.status-tabs-container {
  display: flex;
  align-items: center;
}
.status-tabs-container ul {
  padding: 10px 0;
  white-space: nowrap;
  overflow-x: scroll !important;
}
.status-tabs-container ul::-webkit-scrollbar {
  display: none;
}
.status-tabs-container ul li {
  position: relative;
  font-size: 14px !important;
  margin-right: 8px !important;
  padding: 12px 8px !important;
  border-radius: 4px !important;
}
.status-tabs-container ul li .tab-icon {
  width: 16px !important;
}
.status-tabs-container ul li .pending-badge-container {
  right: 0;
  gap: 4px;
  top: -10px;
  padding: 2px 5px;
  position: absolute;
  border-radius: 20px;
}
.status-tabs-container .scroll-list {
  padding: 12px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background-color: #2b467d;
  box-shadow: -4px 2px 8px 0 #092358;
}
.status-tabs-container .scroll-list img {
  width: 16px;
}

.details-right-container {
  overflow: visible !important;
}
.details-right-container .care-container {
  position: relative;
}
.details-right-container .care-container .care-alert-container {
  left: 50%;
  z-index: 10;
  width: 100%;
  position: absolute;
  transform: translate(-50%, 0);
}
.details-right-container .care-container .care-alert-container .care-rejected-alert {
  background-color: #FEE8EB !important;
}
.details-right-container .sub-title {
  font-size: 14px;
  color: #676e73;
  margin-top: 4px;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-regular;
}
.details-right-container .comment-open {
  padding: 8px !important;
  margin-right: 12px !important;
  background-color: #edf0f4 !important;
}
.details-right-container .comment-open img {
  opacity: 0.8 !important;
}
.details-right-container .comment-open:hover {
  background-color: rgba(183, 195, 209, 0.4) !important;
}
.details-right-container .comment-open:hover img {
  opacity: 1 !important;
}
.details-right-container .comment-open .count {
  font-size: 14px;
  font-weight: 600;
  margin-left: 4px;
  color: #2e3f55;
  line-height: normal;
  font-family: roboto-medium;
}
.details-right-container .design-alert-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.details-right-container .design-alert-wrapper .design-alert-container {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  border-radius: 50px;
}
.details-right-container .design-alert-wrapper .design-alert-container.submit {
  background-color: #e9f9e8;
  justify-content: space-between;
}
.details-right-container .design-alert-wrapper .design-alert-container.submit .green {
  color: #1d9a18;
}
.details-right-container .design-alert-wrapper .design-alert-container.waiting {
  background-color: #fff9e5;
}
.details-right-container .design-alert-wrapper .design-alert-container.waiting .brown {
  color: #997600;
}
.details-right-container .design-alert-wrapper .design-alert-container.re-submit {
  background-color: #edf0f4;
  justify-content: space-between;
}
.details-right-container .design-alert-wrapper .design-alert-container.re-submit .gray {
  color: #4c698d;
}
.details-right-container .design-alert-wrapper .design-alert-container.re-submit .gray span {
  color: #353e45;
  font-family: trim-web-medium;
}
.details-right-container .design-alert-wrapper .design-alert-container.date-submit {
  background-color: #e5f4fd;
  justify-content: space-between;
}
.details-right-container .design-alert-wrapper .design-alert-container.date-submit .blue {
  color: #0070ce;
}
.details-right-container .design-alert-wrapper .design-alert-container.rejected {
  justify-content: space-between;
  background-color: rgba(248, 21, 56, 0.1);
}
.details-right-container .design-alert-wrapper .design-alert-container.rejected .red {
  color: #950d22;
}
.details-right-container .design-alert-wrapper .design-alert-container.due-date {
  background-color: #ffeee9;
  justify-content: space-between;
}
.details-right-container .design-alert-wrapper .design-alert-container.due-date .orange {
  color: #ff5626;
}
.details-right-container .design-alert-wrapper .design-alert-container.review {
  background-color: #e6f6f6;
  justify-content: space-between;
}
.details-right-container .design-alert-wrapper .design-alert-container.review .black {
  color: #353e45;
}
.details-right-container .design-alert-wrapper .design-alert-container.added {
  padding: 8px 16px;
  border-radius: 16px;
  background-color: #e9f9e8;
  justify-content: space-between;
  box-shadow: 0 4px 8px 0 rgba(18, 20, 26, 0.2);
}
.details-right-container .design-alert-wrapper .design-alert-container.added .black {
  color: #353e45;
}
.details-right-container .design-alert-wrapper .design-alert-container.added .black span {
  color: #353e45;
  font-family: trim-web-medium;
}
.details-right-container .design-alert-wrapper .design-alert-container .text {
  margin-left: 8px;
  font-size: 14px;
  font-family: roboto-medium;
}
.details-right-container .design-alert-wrapper .design-alert-container .text.default-text {
  display: flex;
  color: #353e45;
  font-family: roboto-regular !important;
}
.details-right-container .design-alert-wrapper .design-alert-container .cancel-icon {
  width: 16px;
  margin-left: 12px;
}
.details-right-container .entry-process label {
  font-size: 14px !important;
  color: #020e16 !important;
}
.details-right-container .entry-process .list-date-badge {
  color: #4c698d !important;
  padding: 2px 4px !important;
  margin-right: 4px !important;
}
.details-right-container .approve-cta {
  padding: 8px 12px !important;
}
.details-right-container .fail-container {
  cursor: pointer;
  padding: 8px 12px;
}
.details-right-container .fail-container .fail {
  font-size: 14px;
  font-family: trim-web-medium;
}
.details-right-container .badge-icon {
  width: 16px !important;
}
.details-right-container .date-updation-container {
  display: flex;
  align-items: center;
}
.details-right-container .date-updation-container .new-date {
  color: #fff !important;
  padding: 2px 4px !important;
  align-items: center !important;
  display: inline-flex !important;
  background-color: #4c698d !important;
}
.details-right-container .old-date {
  color: #9a9fa2 !important;
  padding: 2px 4px !important;
}
.details-right-container .parts-count {
  padding: 0 0 8px 0 !important;
}
.details-right-container .parts-count .count {
  color: #020e16 !important;
}
.details-right-container .care-wording-container .added-wording-badge {
  display: inline-flex !important;
  color: #020e16 !important;
  margin-bottom: 8px !important;
  align-items: flex-start !important;
  background-color: #e6f6f6 !important;
  justify-content: space-between !important;
}
.details-right-container .care-wording-container .added-wording-badge.symbol-badges {
  align-items: center !important;
}
.details-right-container .care-wording-container .added-wording-badge .symbol-icon {
  width: 16px;
}
.details-right-container .care-wording-container .added-wording-badge .icon {
  cursor: pointer;
  margin-right: 0 !important;
  margin-left: 4px !important;
}
.details-right-container .care-wording-container .added-wordings {
  color: #353e45 !important;
  margin-bottom: 8px !important;
  background-color: rgba(76, 105, 141, 0.1) !important;
}
.details-right-container .care-wording-container .added-wordings .symbol-icon {
  width: 16px;
}
.details-right-container .upload-photos-wrapper {
  flex: 1;
  display: flex;
  padding: 30px 0;
  cursor: pointer;
  margin-top: 12px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background-color: #fbfcfc;
  border: dashed 1px #cdd5df;
}
.details-right-container .upload-photos-wrapper.select-lab-wrapper {
  padding: 16px 0 !important;
  flex-direction: column !important;
}
.details-right-container .upload-photos-wrapper.select-lab-wrapper .send-request {
  margin: 8px 0 0 !important;
  color: #9a9fa2 !important;
}
.details-right-container .upload-photos-wrapper.add-more {
  transition: ease all 0.4s;
}
.details-right-container .upload-photos-wrapper.add-more:hover {
  border: dashed 1px #008DEF;
}
.details-right-container .upload-photos-wrapper.add-more:hover .add-angles {
  color: #008DEF;
}
.details-right-container .upload-photos-wrapper.upload-angles {
  padding: 16px 0 !important;
}
.details-right-container .upload-photos-wrapper .upload-photos-container {
  margin-left: 12px;
}
.details-right-container .upload-photos-wrapper .upload-photos-container .title {
  font-size: 20px;
  color: #020e16;
  margin-bottom: 4px;
  line-height: normal;
  font-family: trim-web-medium;
}
.details-right-container .upload-photos-wrapper .upload-photos-container .sub-title {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 12px;
  line-height: normal;
  font-family: roboto-regular;
}
.details-right-container .lab-selected-container {
  margin: 0 !important;
  width: 100% !important;
  padding: 20px 35px 28px 20px !important;
}
.details-right-container .upload-count {
  font-size: 14px;
  color: #020e16;
  margin: 12px 0 8px;
  line-height: normal;
  font-family: roboto-regular;
}
.details-right-container .uploaded-photo {
  width: 24% !important;
}
.details-right-container .uploaded-photo:nth-child(3n) {
  margin-right: 12px !important;
}
.details-right-container .uploaded-photo:nth-child(4n) {
  margin-right: 0 !important;
}
.details-right-container .uploaded-by-container {
  display: flex;
  align-items: center;
}
.details-right-container .uploaded-by-container img {
  width: 16px;
  margin-right: 4px;
}
.details-right-container .uploaded-by-container .uploaded-by {
  font-size: 12px;
  color: #353e45;
  font-family: roboto-regular;
}
.details-right-container .uploaded-by-container .uploaded-by span {
  font-family: roboto-medium;
}
.details-right-container .request-history-wrapper {
  top: 0;
  left: 30%;
  width: 45%;
  z-index: 100;
  padding: 20px;
  position: absolute;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 16px 0 rgba(18, 20, 26, 0.16);
}
.details-right-container .request-history-wrapper .popup-title {
  font-size: 16px !important;
  color: #12141a !important;
}
.details-right-container .request-history-wrapper .request-history-container {
  margin: 16px 0 0 !important;
}
.details-right-container .request-history-wrapper .request-history-container ul {
  flex-direction: column !important;
  align-items: flex-start !important;
}
.details-right-container .request-history-wrapper .request-history-container ul .request-step {
  margin-right: 0 !important;
  margin-bottom: 18px !important;
  flex-direction: row !important;
  align-items: flex-start !important;
}
.details-right-container .request-history-wrapper .request-history-container ul .request-step:last-child {
  margin-bottom: 0 !important;
}
.details-right-container .request-history-wrapper .request-history-container ul .request-step:before {
  top: -50px !important;
  left: 6px !important;
  height: 54px !important;
  transform: rotate(0deg) !important;
}
.details-right-container .request-history-wrapper .request-history-container ul .request-step .list-item {
  margin: 2px 20px 0 0 !important;
}
.details-right-container .request-history-wrapper .request-history-container ul .request-step .date-badge {
  padding: 2px 4px !important;
  color: #4c698d !important;
}
.details-right-container .sent-request-wrapper {
  display: flex;
  padding: 20px 0;
  position: relative;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  border: dashed 1px #24c11e;
  background-color: #fbfcfc;
}
.details-right-container .sent-request-wrapper .sent-request-container {
  width: 71.5%;
  text-align: center;
}
.details-right-container .sent-request-wrapper .sent-request-container .success-icon {
  width: 32px;
}
.details-right-container .sent-request-wrapper .sent-request-container .request-id {
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.details-right-container .sent-request-wrapper .sent-request-container .request-id span {
  font-family: roboto-medium;
}
.details-right-container .sent-request-wrapper .sent-request-container .next-update {
  font-size: 12px;
  color: #676e73;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-regular;
}
.details-right-container .sent-request-wrapper .lab-details-card {
  top: 96px;
  right: 92px;
  z-index: 10;
  padding: 4px;
  position: absolute;
  border-radius: 4px;
  width: 41% !important;
  background-color: #fff;
  box-shadow: 0 1px 16px 0 rgba(18, 20, 26, 0.16);
}
.details-right-container .request-process {
  margin: 20px 0;
}
.details-right-container .request-process.request-history-container ul li:before {
  border: none !important;
  border-left: 1px dashed #d1d6e1 !important;
}
.details-right-container .request-process.request-history-container ul li.active:before {
  border: none !important;
  border-left: 1px dashed #353e45 !important;
}
.details-right-container .request-process ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  list-style-type: none;
  justify-content: center;
}
.details-right-container .request-process ul .process-step {
  flex: 1;
  display: flex;
  margin-right: 32px;
  position: relative;
  align-items: center;
  flex-direction: column;
}
.details-right-container .request-process ul .process-step:before {
  top: 6px;
  right: 0;
  left: -70%;
  width: 120%;
  content: "";
  height: 1px;
  position: absolute;
  border: 1px dashed #d1d6e1;
}
.details-right-container .request-process ul .process-step.active:before {
  border: 1px dashed #353e45;
}
.details-right-container .request-process ul .process-step.active .step-status {
  background-color: #24c11e;
}
.details-right-container .request-process ul .process-step.active .step-name {
  color: #020e16;
}
.details-right-container .request-process ul .process-step.active .status {
  color: #020e16;
}
.details-right-container .request-process ul .process-step:last-child {
  margin-right: 0;
}
.details-right-container .request-process ul .process-step:first-child::before {
  content: none;
  border-left: none;
}
.details-right-container .request-process ul .process-step .step-status {
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-bottom: 4px;
  border-radius: 20px;
  background-color: #cdd5df;
}
.details-right-container .request-process ul .process-step .step-name {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.details-right-container .request-process ul .process-step .status {
  font-size: 12px;
  color: #9a9fa2;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-regular;
}
.details-right-container .request-process ul .process-step .step-success {
  z-index: 9;
  width: 28px;
  transform: translateY(-30%);
}
.details-right-container .sample-title {
  font-size: 14px !important;
}
.details-right-container .sample-title span {
  color: #676e73 !important;
}
.details-right-container .uploaded-files .uploaded-file-count {
  font-size: 14px !important;
  color: #353e45 !important;
}
.details-right-container .uploaded-files .attached-files {
  background-color: #f3fbfb !important;
}
.details-right-container .uploaded-files .attached-files .close-icon {
  width: 16px !important;
}
.details-right-container .uploaded-files .upload-more-cta {
  display: flex;
  align-items: center;
  padding: 8px 12px !important;
}
.details-right-container .add-angles {
  font-size: 14px;
  color: #353e45;
  line-height: normal;
  transition: ease all 0.4s;
  font-family: trim-web-medium;
}
.details-right-container .letter-thumbnail {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  justify-content: center;
  background-image: linear-gradient(to bottom, #1ae6d8 0%, #5a80ea 100%);
}
.details-right-container .letter-thumbnail span {
  font-size: 12px;
  color: #fff;
  font-family: trim-web-medium;
}
.details-right-container .not-active {
  opacity: 0.6;
}
.details-right-container .collapse-card-wrapper {
  cursor: pointer;
}
.details-right-container .collapse-card-wrapper:hover {
  transition: ease all 0.4s;
}
.details-right-container .collapse-card-wrapper:hover .collapse-card {
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}
.details-right-container .collapse-card-wrapper.active .collapse-card {
  border-radius: 4px;
  background-color: rgba(76, 105, 141, 0.1);
}
.details-right-container .collapse-card-wrapper.active .collapse-card .arrow-icon {
  transform: rotate(90deg);
}
.details-right-container .collapse-card-wrapper.active .card-body-container {
  display: block;
  margin-top: 12px;
}
.details-right-container .collapse-card-wrapper.active .completed-status {
  display: none;
}
.details-right-container .collapse-card-wrapper .card-body-container {
  display: none;
}
.details-right-container .collapse-card-wrapper .card-body-container.style-two {
  margin-left: 32px;
}
.details-right-container .collapse-card-wrapper .card-body-container {
  display: none;
}
.details-right-container .collapse-card-wrapper .completed-status {
  display: flex;
}
.details-right-container .collapse-card-wrapper .completed-status .file-count {
  font-family: roboto-regular;
}
.details-right-container .collapse-card-wrapper .completed-status .file-status {
  color: #24c11e !important;
}
.details-right-container .collapse-card-wrapper .watch-time {
  display: flex;
  padding: 4px;
  align-items: center;
}
.details-right-container .collapse-card-wrapper .watch-time:hover {
  border-radius: 4px;
  transition: ease all 0.4s;
  background-color: rgba(76, 105, 141, 0.1);
}
.details-right-container .dimension-cta {
  font-size: 16px !important;
}
.details-right-container .trim-badge {
  display: contents;
  color: #046d6d !important;
  padding: 1px 4px !important;
  background-color: #f3fbfb !important;
  font-family: roboto-regular !important;
}
.details-right-container .retail-info-wrapper .retail-info-container {
  border: solid 1px rgba(183, 195, 209, 0.6) !important;
}
.details-right-container .retail-info-wrapper .retail-info-container .retail-info-header {
  padding: 4px 4px 4px 12px !important;
  justify-content: space-between !important;
  display: flex;
}
.details-right-container .retail-info-wrapper .retail-info-container .retail-info-header.box-dimension {
  background-color: rgba(0, 206, 255, 0.1);
}
.details-right-container .retail-info-wrapper .retail-info-container .retail-info-header.outer-carton-dimension {
  background-color: #f6f0fc;
}
.details-right-container .retail-info-wrapper .retail-info-container .retail-info-header.packed-part-dimension {
  background-color: #f0f1fc;
}
.details-right-container .retail-info-wrapper .retail-info-container .retail-info-header.costing {
  background-color: #fcf0f0;
}
.details-right-container .retail-info-wrapper .retail-info-container .retail-info-header.agreed-price {
  background-color: rgba(230, 231, 232, 0.6);
}
.details-right-container .retail-info-wrapper .retail-info-container .retail-info-header .info-title {
  font-size: 14px !important;
  color: #353e45 !important;
}
.details-right-container .retail-info-wrapper .retail-info-container .retail-info-header .toggle-trigger {
  margin-left: 20px;
  padding: 4px !important;
}
.details-right-container .retail-info-wrapper .pass-icon {
  width: 12px;
}
.details-right-container .retail-info-wrapper .status-icon {
  width: 12px;
  height: 12px;
}
.details-right-container .table-title {
  font-size: 14px;
  color: #353e45;
  margin-bottom: 8px;
  line-height: normal;
  font-family: trim-web-medium;
}
.details-right-container .in-complete-status .in-complete {
  color: #FF5626 !important;
}
.details-right-container .not-started-status .not-started {
  color: #9A9FA2 !important;
}
.details-right-container .title-status {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.details-right-container .title-status .section-column {
  font-size: 14px;
  margin: 0 8px;
  line-height: normal;
}
.details-right-container .upload-image {
  padding: 8px 12px !important;
}
.details-right-container .upload-image .upload-icon {
  width: 20px;
}
.details-right-container .upload-image span {
  margin: 0 4px;
}
.details-right-container .green-text {
  font-size: 12px;
  color: #08a7a7;
  line-height: normal;
  font-family: roboto-medium;
}
.details-right-container .packed-part-wrapper {
  position: relative;
}
.details-right-container .packed-part-wrapper .packed-part-container {
  top: 10%;
  left: 20%;
  z-index: 1;
  width: 558px;
  padding: 20px;
  position: absolute;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 16px 0 rgba(18, 20, 26, 0.16);
}
.details-right-container .price-badge {
  font-size: 14px !important;
  font-family: roboto-regular !important;
}
.details-right-container .price-badge span {
  color: #020e16 !important;
  font-family: trim-web-medium !important;
}

.care-wording-popup {
  top: 0;
  left: 0;
  z-index: 999;
  width: 380px;
  display: none;
  position: absolute;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 1px 16px 0 rgba(18, 20, 26, 0.16);
}
.care-wording-popup.visible {
  display: block;
}
.care-wording-popup .popup-head {
  flex: 1;
  display: flex;
  padding: 14px 12px;
  align-items: center;
  justify-content: space-between;
}
.care-wording-popup .popup-head h4 {
  margin: 0;
  font-size: 14px;
  color: #020e16;
  font-family: trim-web-medium;
}
.care-wording-popup .popup-head p {
  margin: 0;
  font-size: 14px;
  color: #676e73;
  font-family: roboto-regular;
}
.care-wording-popup .list-container {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 330px;
  overflow-y: scroll;
}
.care-wording-popup .list-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.care-wording-popup .list-container::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.care-wording-popup .list-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.care-wording-popup .list-container li {
  padding: 8px;
  display: flex;
  align-items: flex-start;
  border-bottom: solid 1px #edf0f4;
}
.care-wording-popup .list-container li.active {
  background-color: #e6f6f6;
}
.care-wording-popup .list-container li:last-child {
  border: none;
}
.care-wording-popup .list-container li p {
  margin: 0;
  font-size: 12px;
  color: #353e45;
  font-family: roboto-medium;
}

.care-symbol-popup .symbol-count {
  color: #020e16 !important;
  margin-right: 4px !important;
}
.care-symbol-popup .symbol-icon {
  width: 16px;
}

.sample-card-container {
  flex: 1;
  gap: 10px;
  display: flex;
  overflow: auto;
  margin-top: 12px;
  scrollbar-width: none;
  /* Scrollbar styling for WebKit browsers */
}
.sample-card-container::-webkit-scrollbar {
  width: 0;
  /* Full scrollbar width */
  height: 0;
  /* Full scrollbar height */
  border-radius: 8px 0 0 0;
  /* Rounded corners */
  background-color: rgba(0, 0, 0, 0);
  /* Transparent background for initial state */
  top: 20px;
}
.sample-card-container.view-state {
  overflow: scroll;
  position: relative;
  padding-bottom: 20px;
}
.sample-card-container.view-state .slider-arrow {
  top: 30%;
  width: 32px;
  height: 32px;
  z-index: 10;
  padding: 6px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: 34px;
  justify-content: center;
  background-color: #fff;
  border: solid 1px #b7c3d1;
  box-shadow: 0 1px 3px 0 rgba(18, 20, 26, 0.41);
  cursor: pointer;
}
.sample-card-container.view-state .slider-arrow.left {
  left: 0;
}
.sample-card-container.view-state .slider-arrow.left img {
  transform: rotate(180deg);
}
.sample-card-container.view-state .slider-arrow.right {
  right: 0;
}
.sample-card-container.edit-state {
  overflow: scroll;
  position: relative;
  padding-bottom: 20px;
}
.sample-card-container.edit-state .slider-arrow {
  top: 30%;
  width: 32px;
  height: 32px;
  z-index: 10;
  padding: 6px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: 34px;
  justify-content: center;
  background-color: #fff;
  border: solid 1px #b7c3d1;
  box-shadow: 0 1px 3px 0 rgba(18, 20, 26, 0.41);
  cursor: pointer;
}
.sample-card-container.edit-state .slider-arrow.left {
  left: 0;
}
.sample-card-container.edit-state .slider-arrow.left img {
  transform: rotate(180deg);
}
.sample-card-container.edit-state .slider-arrow.right {
  right: 0;
}
.sample-card-container .sample-card {
  flex: 1;
  display: flex;
  min-width: 228px;
  border-radius: 4px;
  flex-direction: column;
  border: 1px solid #CDD5DF;
}
.sample-card-container .sample-card .thumbnail {
  width: 100% !important;
  padding: 2px;
  height: 270px;
  max-width: none !important;
}
.sample-card-container .sample-card .my-input-group:last-child {
  border-top: 1px solid #CDD5DF;
}
.sample-card-container .sample-card .my-input-group textarea {
  border: none !important;
}
.sample-card-container .sample-card .my-input-group .ng-select-container {
  margin: 0 !important;
  border: none !important;
  width: 100% !important;
}
.sample-card-container .sample-card .overlay-container {
  position: relative;
}
.sample-card-container .sample-card .overlay-container .image-label {
  top: 8px;
  left: 50%;
  z-index: 9;
  font-size: 12px;
  color: #353e45;
  padding: 4px 8px;
  position: absolute;
  border-radius: 20px;
  transform: translate(-50%);
  border: solid 1px #edf0f4;
  font-family: roboto-medium;
  background-color: rgba(255, 255, 255, 0.6);
}
.sample-card-container .sample-card .overlay-container:hover .overlay {
  opacity: 1;
}
.sample-card-container .sample-card .overlay {
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  padding: 8px;
  height: 100%;
  position: absolute;
  display: inline-flex;
  align-items: flex-start;
  transition: ease all 0.4s;
  justify-content: flex-end;
  background: rgba(0, 0, 0, 0.5);
}
.sample-card-container .sample-card .info-container {
  padding: 8px 16px;
}
.sample-card-container .sample-card .info-container .title {
  margin: 0;
  font-size: 14px;
  color: #353e45;
  line-height: normal;
  font-family: roboto-regular;
}
.sample-card-container .sample-card .info-container .description {
  margin-top: 8px;
  font-size: 14px;
  color: #020e16;
  margin-bottom: 0;
  overflow: hidden;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: roboto-medium;
}
.sample-card-container .sample-card .info-container .comments {
  margin-top: 8px;
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.sample-card-container .sample-card .info-container .comments:hover {
  color: #008DEF;
  transition: ease all 0.4s;
}
.sample-card-container .sample-card .info-container .comment-container {
  position: relative;
  margin-top: 8px;
}
.sample-card-container .sample-card .info-container .comment-container input[type=text] {
  width: 92% !important;
  padding: 0;
  margin: 0;
  border: none;
  font-family: roboto-regular;
  font-size: 14px;
  background-color: transparent;
  overflow-wrap: break-word !important;
}
.sample-card-container .sample-card .info-container .comment-container input[type=text]:focus {
  outline: none;
  border: none;
  background-color: transparent;
}
.sample-card-container .sample-card .info-container .comment-container .icon {
  position: absolute;
  top: 50%;
  right: -8px;
  /* Matches input's padding */
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: none;
}
.sample-card-container .sample-card .info-container .comment-container .icon:hover {
  opacity: 0.8;
}
.sample-card-container .sample-card .info-container .comment-container input:not(:placeholder-shown) + .icon {
  display: block;
}
.sample-card-container .sample-card .info-container .comment-container textarea {
  margin: 0;
  padding: 0;
  border: none;
  font-family: roboto-regular;
  background-color: transparent;
}
.sample-card-container .sample-card .info-container .comment-container textarea:hover {
  border: none;
  background-color: transparent;
}

.sample-feedback-table {
  float: none;
}
.sample-feedback-table .sample-feedback-header {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
  justify-content: space-between;
}
.sample-feedback-table .sample-feedback-header .main-title {
  font-size: 14px;
  color: #676e73;
  line-height: normal;
  font-family: roboto-regular;
}
.sample-feedback-table .pagination-table {
  border: 1px solid rgba(183, 195, 209, 0.6);
}
.sample-feedback-table .pagination-table .row-header {
  border-bottom: none;
  vertical-align: top;
}
.sample-feedback-table .pagination-table .row-header td {
  background-color: rgba(230, 246, 246, 0.4) !important;
}
.sample-feedback-table .pagination-table .row-header td:first-child {
  background-color: transparent !important;
}
.sample-feedback-table .pagination-table .row-header span {
  font-family: trim-web-medium !important;
}
.sample-feedback-table .pagination-table .row-header .pass-icon {
  width: 12px;
  margin-left: 8px;
}
.sample-feedback-table .pagination-table tr.active {
  background: rgba(230, 246, 246, 0.4);
}
.sample-feedback-table .pagination-table tr:hover {
  background: rgba(230, 246, 246, 0.4);
}
.sample-feedback-table .pagination-table td span {
  font-size: 14px !important;
}
.sample-feedback-table .pagination-table td[rowspan] {
  border-right: 1px solid var(--line-color);
}
.sample-feedback-table .styled-radio-container label {
  margin: 0;
}
.sample-feedback-table .grouped-radio {
  padding: 1px;
  border-radius: 4px;
  display: inline-block;
  background-color: #FBFCFC;
  border: 1px solid #CDD5DF;
}
.sample-feedback-table .grouped-radio .styled-radio-container {
  padding: 5px 7px;
}
.sample-feedback-table .grouped-radio .styled-radio-container.active {
  background-color: #E6F6F6;
}
.sample-feedback-table .view-comment-container {
  display: flex;
  align-items: flex-start;
}
.sample-feedback-table .view-comment-container .supplier-title {
  color: #353e45;
  font-family: roboto-regular;
}
.sample-feedback-table .view-comment-container .supplier-details {
  color: #676e73;
  font-size: 12px !important;
  font-family: roboto-medium;
}
.sample-feedback-table .view-comment-container .supplier-details.date {
  font-family: roboto-regular !important;
}
.sample-feedback-table .view-comment-container .comment-text {
  font-size: 14px;
  margin: 4px 0px;
  color: #020e16;
  line-height: normal;
  font-family: roboto-medium;
}
.sample-feedback-table .view-comment-container .reply-text {
  font-size: 14px;
  color: #676e73;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-regular;
}
.sample-feedback-table .view-comment-container .reply-text.view-reply {
  margin-top: 8px;
}
.sample-feedback-table .view-comment-container .reply-text.view-reply:before {
  content: "";
  width: 40px;
  height: 1px;
  margin-bottom: 3px;
  margin-right: 10px;
  display: inline-block;
  background-color: #9A9FA2;
}

.blue-cta {
  z-index: 11;
  right: 20px;
  bottom: 72px;
  color: #fff;
  font-size: 16px;
  position: fixed;
  padding: 12px 20px;
  border-radius: 4px;
  line-height: normal;
  transition: ease all 0.4s;
  background-color: #13316e;
  font-family: trim-web-medium;
}
.blue-cta:hover {
  background-color: #061C47;
}

.no-hover-table tbody tr:hover {
  outline: none;
  outline-offset: 0;
  background-color: #ffffff;
}
.no-hover-table tbody tr:hover td {
  color: #020e16;
  font-family: roboto-medium;
}
.no-hover-table tbody tr:nth-child(even):hover {
  background-color: #f3f6fb;
}

.in-complete-status .in-complete {
  color: #FF5626 !important;
}

.not-started-status .not-started {
  color: #9A9FA2 !important;
}

.title-status {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.title-status .section-column {
  font-size: 14px;
  margin: 0 8px;
  line-height: normal;
}

.upload-image {
  padding: 8px 12px !important;
}
.upload-image .upload-icon {
  width: 20px;
}
.upload-image span {
  margin: 0 4px;
}

.green-text {
  font-size: 12px;
  color: #08a7a7;
  line-height: normal;
  font-family: roboto-medium;
}

.packed-part-wrapper {
  position: relative;
}
.packed-part-wrapper .packed-part-container {
  top: 10%;
  left: 20%;
  z-index: 1;
  width: 558px;
  padding: 20px;
  position: absolute;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 16px 0 rgba(18, 20, 26, 0.16);
}

.price-badge {
  font-size: 14px !important;
  font-family: roboto-regular !important;
}
.price-badge span {
  color: #020e16 !important;
  font-family: trim-web-medium !important;
}

.duplicate-text {
  font-size: 14px;
  color: #353e45;
  margin-left: 4px;
  font-family: roboto-regular;
}

.risk-assessment-wrapper {
  margin-top: 16px;
}
.risk-assessment-wrapper .doc-count {
  color: #676e73 !important;
}
.risk-assessment-wrapper .doc-heading {
  font-size: 14px;
  color: #353e45;
  margin-top: 16px;
  line-height: normal;
  margin-bottom: 12px;
  font-family: roboto-medium;
}
.risk-assessment-wrapper .doc-heading span {
  color: #676e73;
}
.risk-assessment-wrapper .doc-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin-top: 8px;
}
.risk-assessment-wrapper .doc-wrapper .doc-item {
  width: 32.3%;
  display: flex;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 4px;
  align-items: center;
  margin: 0 12px 12px 0;
  transition: ease all 0.4s;
  border: solid 1px #b7c3d1;
  justify-content: space-between;
}
.risk-assessment-wrapper .doc-wrapper .doc-item.sub-doc:hover {
  background-color: #f3fbfb !important;
}
.risk-assessment-wrapper .doc-wrapper .doc-item:nth-child(3n) {
  margin-right: 0;
}
.risk-assessment-wrapper .doc-wrapper .doc-item:hover {
  background-color: #f4f6f8;
}
.risk-assessment-wrapper .doc-wrapper .doc-item:hover .download-icon {
  display: block;
}
.risk-assessment-wrapper .doc-wrapper .doc-item .download-icon {
  display: none;
}
.risk-assessment-wrapper .doc-wrapper .doc-item .doc-icon {
  width: 32px;
}
.risk-assessment-wrapper .doc-wrapper .doc-item .doc-title {
  font-size: 12px;
  color: #020e16;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
}
.risk-assessment-wrapper .doc-wrapper .doc-item .detail-icon {
  width: 12px;
  margin-right: 4px;
}
.risk-assessment-wrapper .doc-wrapper .doc-item .details_text {
  display: flex;
  align-items: center;
}
.risk-assessment-wrapper .doc-wrapper .doc-item .details_text.date {
  margin-left: 6px;
}
.risk-assessment-wrapper .doc-wrapper .doc-item .details_text span {
  font-size: 12px;
  color: #676e73;
  line-height: normal;
  font-family: roboto-regular;
}
.risk-assessment-wrapper .no-doc-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.risk-assessment-wrapper .no-doc-wrapper .thumbnail {
  width: 88px;
  margin-right: 12px;
}
.risk-assessment-wrapper .no-doc-wrapper .title {
  font-size: 16px;
  color: #9a9fa2;
  margin-bottom: 8px;
  line-height: normal;
  font-family: trim-web-medium;
}
.risk-assessment-wrapper .no-doc-wrapper .subtitle {
  font-size: 14px !important;
  font-family: roboto-regular !important;
}

.delete-component-alert {
  top: 80%;
  left: 20%;
  z-index: 11;
  width: 418px;
  display: flex;
  position: fixed;
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
  transform: translateX(-50%);
  background-color: #2e3f55;
  justify-content: space-between;
  box-shadow: 0 4px 14px 0 rgba(18, 20, 26, 0.2);
}
.delete-component-alert img {
  cursor: pointer;
}
.delete-component-alert span {
  font-size: 14px;
  color: #ffffff;
  font-family: roboto-regular;
}

.light-title {
  font-size: 16px !important;
  color: #676e73 !important;
  font-family: roboto-regular !important;
}

.mill-detail-container {
  margin-top: 20px !important;
}
.mill-detail-container .mill-icon {
  width: 64px;
  height: 64px;
}
.mill-detail-container .mill-summary-container {
  display: flex;
  align-items: center;
}
.mill-detail-container .mill-summary-container .inspection-item-container {
  display: flex;
  margin-right: 19px;
  padding-right: 20px;
  flex-direction: column;
  border-right: solid 1px rgba(205, 213, 223, 0.4);
}
.mill-detail-container .mill-summary-container .inspection-item-container:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.mill-detail-container .mill-summary-container .inspection-item-container .inspection-item {
  font-size: 14px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-regular;
  color: rgba(255, 255, 255, 0.8);
}
.mill-detail-container .mill-summary-container .inspection-item-container .risk-level {
  font-size: 16px;
  margin-bottom: 0;
  line-height: normal;
  font-family: roboto-medium;
  color: rgba(255, 255, 255, 0.8);
}
.mill-detail-container .mill-summary-container .inspection-item-container .risk-level .low {
  font-size: 14px;
  margin-left: 6px;
  color: rgba(36, 193, 30, 0.8);
}
.mill-detail-container .mill-summary-container .inspection-item-container .risk-level .medium {
  font-size: 14px;
  margin-left: 6px;
  color: rgba(255, 197, 0, 0.8);
}

.summary-wrapper {
  padding: 24px 20px !important;
}
.summary-wrapper .type-two {
  box-shadow: none !important;
}
.summary-wrapper .main-title {
  font-size: 18px;
  color: #020e16;
  line-height: normal;
  margin-bottom: 16px;
  font-family: roboto-medium;
}
.summary-wrapper .mill-audit-wrapper {
  margin-bottom: 40px;
}
.summary-wrapper .mill-audit-wrapper .audit-summary-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.summary-wrapper .mill-audit-wrapper .audit-summary-container .no-data-container {
  display: flex;
  margin-left: 12px;
  flex-direction: column;
}
.summary-wrapper .mill-audit-wrapper .audit-summary-container .no-data-container .no-data-title {
  font-size: 16px;
  margin-bottom: 4px;
  line-height: normal;
  font-family: roboto-medium;
  color: rgba(103, 110, 115, 0.8);
}
.summary-wrapper .mill-audit-wrapper .audit-summary-container .no-data-container .no-data-content {
  font-size: 14px;
  margin-bottom: 0;
  color: #676e73;
  line-height: normal;
  font-family: roboto-regular;
}
.summary-wrapper .fabric-inspection-wrapper {
  margin-bottom: 40px;
}

.mill-search-container {
  display: flex;
  align-items: center;
  margin-top: 100px;
  justify-content: center;
  flex-direction: column;
}
.mill-search-container .search-title {
  font-size: 20px;
  color: #676e73;
  margin-bottom: 8px;
  line-height: normal;
  font-family: roboto-medium;
}
.mill-search-container .search-subtitle {
  font-size: 16px;
  color: #676e73;
  margin-bottom: 20px;
  line-height: normal;
  font-family: roboto-regular;
}
.mill-search-container .mill-cta-container {
  margin-top: 14px;
  margin-bottom: 14px;
  display: flex;
  margin-top: 14px;
  align-items: center;
}
.mill-search-container .mill-cta-container .mill-cta-item {
  margin-right: 16px;
  color: #676e73 !important;
  padding: 8px 12px !important;
  transition: ease all 0.4s !important;
  font-family: roboto-medium !important;
  background-color: rgba(26, 50, 106, 0.1) !important;
}
.mill-search-container .mill-cta-container .mill-cta-item:last-child {
  margin-right: 0;
}
.mill-search-container .mill-cta-container .mill-cta-item:hover {
  color: #fff !important;
  background-color: #4c698d !important;
}
.mill-search-container .mill-cta-container .mill-cta-item.active {
  color: #fff !important;
  background-color: #4c698d !important;
}

.zero-inspection-value-container .legend-item {
  opacity: 0.4;
}
.zero-inspection-value-container .active {
  opacity: 1;
}

.search-bar-container .input-container {
  width: 649px;
  padding-left: 40px;
  font-size: 16px !important;
  color: #9a9fa2 !important;
  position: initial !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 24px 0 rgba(18, 20, 26, 0.1);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url('thin-search.svg');
}

.header-search-container .input-container {
  width: 336px !important;
  font-size: 14px !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  background-image: url('search-lens.svg');
}
.header-search-container .icon {
  width: 20px !important;
  height: 20px !important;
}

.plm-landing-wrapper {
  background-color: #13316e;
}
.plm-landing-wrapper .plm-status-container {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 24px;
}
.plm-landing-wrapper .plm-status-container .plm-status {
  flex: 0 0 calc((100% - 48px) / 7);
  padding: 8px;
  display: flex;
  cursor: pointer;
  border-radius: 8px;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: ease all 0.4s;
  border: solid 1px rgba(146, 170, 217, 0.5);
  background-image: linear-gradient(73deg, #13316e 10%, #2355bb 125%);
}
.plm-landing-wrapper .plm-status-container .plm-status.disabled {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.plm-landing-wrapper .plm-status-container .plm-status.disabled h4,
.plm-landing-wrapper .plm-status-container .plm-status.disabled p {
  color: rgba(255, 255, 255, 0.4);
}
.plm-landing-wrapper .plm-status-container .plm-status:hover:not(.disabled) {
  background-image: none;
  background-color: #008def;
}
.plm-landing-wrapper .plm-status-container .plm-status h4 {
  font-size: 24px;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.8);
  font-family: trim-web-medium;
}
.plm-landing-wrapper .plm-status-container .plm-status p {
  margin: 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  font-family: roboto-regular;
}

.task-wrapper {
  overflow-y: scroll;
  max-height: 230px;
}
.task-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.task-wrapper::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.task-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b7c3d1;
}
.task-wrapper .column {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  transition: ease all 0.4s;
  padding: 8px 16px 8px 20px;
  justify-content: space-between;
}
.task-wrapper .column:last-child {
  margin-bottom: 0;
}
.task-wrapper .column:hover {
  background-color: #f3fbfb;
}
.task-wrapper .column .sub-column .dot {
  width: 4px;
  height: 4px;
  margin: 0 4px;
  border-radius: 20px;
  background-color: rgba(130, 150, 175, 0.6);
}
.task-wrapper .column .sub-column .title {
  font-size: 12px;
  color: #8296af;
  margin-bottom: 0px;
  line-height: normal;
  font-family: roboto-regular;
}
.task-wrapper .column .sub-column .task-status {
  margin: 4px 0;
  font-size: 14px;
  color: #2e3f55;
  line-height: normal;
  font-family: trim-web-medium;
}
.task-wrapper .column .sub-column .comment-badge {
  margin-left: 0 !important;
  background-color: #edf0f4 !important;
}
.task-wrapper .column .sub-column .comment-badge .count {
  margin-left: 4px;
  color: #2e3f55 !important;
}
.task-wrapper .column .sub-column .profile-container {
  display: flex;
  margin-right: 4px;
  align-items: center;
}
.task-wrapper .column .sub-column .profile-container img {
  margin-left: -10px;
  border-radius: 20px;
  border: solid 1px #fff;
}
.task-wrapper .column .sub-column .profile-container img:first-child {
  margin-left: 0;
}

.design-completed-wrapper {
  display: flex;
  height: 264px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.design-completed-wrapper .sub-container {
  width: 346px;
  text-align: center;
}
.design-completed-wrapper .sub-container .title {
  font-size: 20px;
  color: #12141a;
  margin: 12px 0 4px;
  font-family: roboto-medium;
}
.design-completed-wrapper .sub-container .sub-title {
  font-size: 12px;
  color: #717276;
  margin-bottom: 12px;
  font-family: roboto-regular;
}

.wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.wrapper:after {
  content: " ";
  display: block;
  clear: both;
}

.body-wrapper.no-sidebar .my-container {
  margin-left: 0 !important;
}
.body-wrapper.no-sidebar .my-dashboard-container {
  margin-left: 0 !important;
}
.body-wrapper.no-sidebar .header .logo {
  margin-left: 0;
}

.modal-dialog .margin-left-auto {
  margin-left: auto !important;
}

.my-container {
  padding: 0 20px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: 60px;
}
.my-container:after {
  content: " ";
  display: block;
  clear: both;
}
@media only screen and (min-width: 360px) and (max-width: 1366px) {
  .my-container {
    margin-left: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .my-container {
    padding: 0;
  }
}
.my-container.landing-container {
  padding: 0 100px;
}
@media only screen and (min-width: 360px) and (max-width: 1366px) {
  .my-container.landing-container {
    padding: 0 20px;
  }
}

.my-dashboard-container {
  padding: 0 20px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: 60px;
}
.my-dashboard-container:after {
  content: " ";
  display: block;
  clear: both;
}
@media only screen and (min-width: 360px) and (max-width: 1366px) {
  .my-dashboard-container {
    margin-left: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .my-dashboard-container {
    padding: 0;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p {
  margin: 0;
}

small {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.42;
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  font-family: roboto-light;
  color: rgba(2, 14, 22, 0.4);
}

.double-badge-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.my-badge {
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #ffffff;
  transition: ease all 0.4s;
  border: solid 1px #dbe6ea;
  padding: 18px 10px 10px 18px;
  box-shadow: 0 0 5px 0 rgba(36, 66, 77, 0.02);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .my-badge {
    text-align: left;
    padding: 16px 10px 10px 18px;
  }
}
.my-badge.hovered {
  border: none;
  box-shadow: 0 0 8px 0 rgba(79, 119, 134, 0.24);
}
.my-badge.single-badge {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.my-badge.double-badge {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
.my-badge.double-badge:nth-child(2n) {
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
.my-badge .icon {
  width: 20px;
  vertical-align: super;
  display: inline-block;
}
.my-badge .info {
  margin-left: 11px;
  display: inline-block;
  vertical-align: super;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .my-badge .info {
    vertical-align: top;
  }
}
.my-badge .info .badge-number {
  margin: 0;
  line-height: 1;
  font-size: 14px;
  font-weight: 300;
  color: #020e16;
  font-family: roboto-regular;
}
.my-badge .info .badge-text {
  margin: 0;
  font-size: 10px;
  font-family: roboto-regular;
  color: rgba(2, 14, 22, 0.6);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .my-badge .info .mobile-inline {
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .my-badge .info .mobile-inline:last-child {
    font-size: 14px;
    margin-left: 12px;
  }
}

.footer {
  text-align: left;
  margin-top: 24px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .footer {
    text-align: center;
    margin-bottom: 25px;
  }
}
.footer.stick-to-bottom {
  bottom: 0;
  z-index: -1;
  position: fixed;
  z-index: -1 !important;
}
.footer.landing-footer {
  margin: 0;
  z-index: 1;
  padding-top: 15px;
  background-color: #f2f5fa;
  border-top: 1px solid rgba(223, 228, 239, 0.6);
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .footer.landing-footer {
    padding: 15px 20px 0;
  }
}
.footer.landing-footer .column {
  margin: 0;
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .footer.landing-footer .column {
    text-align: center;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.footer.landing-footer .column:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .footer.landing-footer .column:last-child {
    text-align: center;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.footer.landing-footer .column:nth-child(2n) {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .footer.independent {
    width: 94.9356223176%;
    float: left;
    margin-right: 1.2875536481%;
    margin-left: 2.5321888412%;
  }
}
.footer.login {
  margin-top: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .footer.login {
    display: none;
  }
}
.footer.login p {
  color: #ffffff !important;
}
.footer .column {
  width: 49.356223176%;
  float: left;
  margin-right: 1.2875536481%;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .footer .column {
    margin: 0;
    text-align: left;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.footer .column:last-child {
  text-align: right;
  width: 49.356223176%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .footer .column:last-child {
    text-align: center;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.footer .text {
  font-size: 10px;
  font-weight: 300;
  line-height: 2.3;
  color: rgba(2, 14, 22, 0.6);
  font-family: roboto-light;
}

.new-footer {
  flex: 1;
  display: flex;
  margin: 34px 0 24px;
  align-items: center;
  flex-direction: row;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .new-footer {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-footer {
    flex-direction: column;
    margin-bottom: 24px;
  }
}
.new-footer .column {
  flex: 1;
}
.new-footer .column.column-1 {
  text-align: left;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-footer .column.column-1 {
    order: 2;
  }
}
.new-footer .column.column-2 {
  text-align: center;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-footer .column.column-2 {
    order: 1;
  }
}
.new-footer .column.column-3 {
  text-align: right;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .new-footer .column.column-3 {
    order: 3;
  }
}
.new-footer .column .text {
  margin: 0;
  font-size: 10px;
  font-weight: 300;
  line-height: 2.3;
  color: rgba(2, 14, 22, 0.6);
  font-family: roboto-light;
}

.footer-logo {
  width: 140px;
}

.footer-item {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .footer-item {
    text-align: center;
    margin-top: 5px;
  }
}
.footer-item li {
  display: inline-block;
  border-right: 1px solid rgba(2, 14, 22, 0.3);
}
.footer-item li:last-child {
  border: none;
}
.footer-item li:last-child a {
  padding-right: 0;
}
.footer-item li a {
  padding: 0 14px;
  font-size: 10px;
  font-weight: 300;
  transition: ease all 0.4s;
  font-family: roboto-light;
  color: rgba(2, 14, 22, 0.6);
}
.footer-item li a:hover {
  color: #cd2d2f;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .footer-item li a {
    font-family: roboto-regular;
  }
}

.mobile-hide {
  display: inherit;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}

.tablet-hide {
  display: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .tablet-hide {
    display: none !important;
  }
}

.desktop-hide {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .desktop-hide {
    display: inherit;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .desktop-hide {
    display: inherit;
  }
}

.marginRight16 {
  margin-right: 16px;
}

.italic {
  font-style: italic;
}

.width-20 {
  min-width: 20px !important;
  max-width: 20px !important;
}

.width-50 {
  width: 50px !important;
}

.width-80 {
  min-width: 80px !important;
  max-width: 80px !important;
}

.width-100 {
  min-width: 100px !important;
  max-width: 100px !important;
}

.width-120 {
  min-width: 120px !important;
  max-width: 120px !important;
}

.width-140 {
  min-width: 140px !important;
  max-width: 140px !important;
}

.width-180 {
  min-width: 180px !important;
  max-width: 180px !important;
}

.width-220 {
  min-width: 220px !important;
  max-width: 220px !important;
}

.width-260 {
  min-width: 260px !important;
  max-width: 260px !important;
}

.width-250 {
  min-width: 250px !important;
  max-width: 250px !important;
}

.width-320 {
  min-width: 420px !important;
  max-width: 420px !important;
}

.width-500 {
  min-width: 440px !important;
  max-width: 440px !important;
}

.marginTop50 {
  margin-top: 50px;
}

.marginTop25 {
  margin-top: 25px;
}

.marginTop24 {
  margin-top: 24px;
}

.marginTop20 {
  margin-top: 20px;
}

.marginBottom20 {
  margin-bottom: 20px;
}

.marginTop15 {
  margin-top: 15px;
}

.marginTop12 {
  margin-top: 12px;
}

.marginTop10 {
  margin-top: 10px;
}

.marginBottom60 {
  margin-bottom: 60px;
}

.marginBottom24 {
  margin-bottom: 24px !important;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.paddingBottom10 {
  padding-bottom: 10px !important;
}

.padding10 {
  padding: 10px !important;
}

.paddingTop5 {
  padding-top: 5px !important;
}

.marginLeft10 {
  margin-left: 10px;
}

.fontSize14 {
  font-style: 14px !important;
}

.grey-bg {
  background-color: #f6f7f8;
}

.paddingRight4 {
  padding-right: 4px !important;
}

.paddingLeft4 {
  padding-left: 4px !important;
}

.drag-drop-files-container {
  position: relative;
  margin-top: 10px;
  display: flex;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .drag-drop-files-container {
    display: block;
  }
}
.drag-drop-files-container .file {
  width: 32.4749642346%;
  float: left;
  margin-right: 1.2875536481%;
  position: relative;
  padding: 13px 19px;
  border-radius: 4px;
  vertical-align: top;
  margin-bottom: 10px;
  background-color: white;
  border: solid 1px rgba(2, 14, 22, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .drag-drop-files-container .file {
    margin-right: 10px;
    display: inline-block;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .drag-drop-files-container .file {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.drag-drop-files-container .file:last-child {
  width: 32.4749642346%;
  float: right;
  margin-right: 0;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .drag-drop-files-container .file:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.drag-drop-files-container .file.inline {
  margin-right: 10px;
  display: inline-block;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .drag-drop-files-container .file.inline {
    display: block;
    margin-right: 0;
  }
}
.drag-drop-files-container .file.inline:last-child {
  margin-right: 0;
}
.drag-drop-files-container .file .icon {
  width: 24px;
  vertical-align: top;
  margin-right: 10px;
  display: inline-block;
}
.drag-drop-files-container .file .info {
  max-width: 165px;
  vertical-align: top;
  word-wrap: break-word;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .drag-drop-files-container .file .info {
    max-width: 110px;
  }
}
.drag-drop-files-container .file .info .file-title {
  margin: 0;
  font-size: 12px;
  color: rgba(2, 14, 22, 0.8);
  font-family: roboto-medium;
}
.drag-drop-files-container .file .info .file-text {
  margin: 0;
  font-size: 10px;
  color: rgba(2, 14, 22, 0.4);
  font-family: roboto-medium;
}
.drag-drop-files-container .file .close {
  top: 5px;
  opacity: 1;
  right: 5px;
  width: 20px;
  padding: 5px;
  cursor: pointer;
  position: absolute;
  background-color: #ffffff;
}

.drag-drop-container {
  padding: 56px 0;
  cursor: pointer;
  text-align: center;
  border: dashed 1px #cfdbe2;
  border-radius: 2px;
  background-color: rgba(242, 246, 249, 0.8);
}
.drag-drop-container:hover {
  background-color: rgb(242, 246, 249);
}
.drag-drop-container.active {
  background-color: rgba(242, 246, 249, 0.2);
}
.drag-drop-container.type-two {
  padding: 18px 0;
  border-radius: 2px;
  border: solid 1px #d7dde5;
  background-color: #fdfdfd;
}
.drag-drop-container.type-two.active {
  border: solid 1px rgba(189, 210, 226, 0.8);
  background-color: rgba(220, 234, 245, 0.3);
}
.drag-drop-container.type-two .info {
  color: #707275;
  font-size: 12px;
  margin-left: 14px;
  font-family: roboto-regular;
}
.drag-drop-container.type-two .info span {
  color: #cd2d2f;
}
.drag-drop-container .icon {
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;
}
.drag-drop-container .info {
  text-align: left;
  margin-left: 29px;
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;
}
.drag-drop-container .info .title {
  margin: 0;
  line-height: 1;
  color: #020e16;
  font-size: 18px;
  font-weight: 300;
  font-family: roboto-light;
}
.drag-drop-container .info .tcftitle {
  margin: 0;
  line-height: 1;
  color: var(--primary-color);
  font-size: 10px;
  font-weight: bold;
  font-family: roboto-light;
}
.drag-drop-container .info p {
  line-height: 1;
  color: #cd2d2f;
  font-size: 12px;
  margin: 4px 0 0;
  font-family: roboto-regular;
}
.drag-drop-container .drag-drop-fileHandler {
  display: none;
}

.pagination-table {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .pagination-table {
    table-layout: auto;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pagination-table {
    table-layout: auto;
  }
}
.pagination-table.bordered {
  border: 1px solid rgba(189, 210, 226, 0.4);
}
.pagination-table.simple-table > tbody > tr {
  border-bottom: 1px solid rgba(189, 210, 226, 0.4);
}
.pagination-table.simple-table > tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}
.pagination-table.simple-table > tbody > tr:nth-child(even) {
  background-color: #ffffff;
}
.pagination-table.simple-table > tbody > tr.odd {
  background-color: #ffffff;
}
.pagination-table.simple-table > tbody > tr.odd td {
  background-color: inherit;
}
.pagination-table.simple-table > tbody > tr.odd:hover {
  background-color: #ffffff !important;
}
.pagination-table.simple-table > tbody > tr.odd:hover td {
  background-color: inherit;
}
.pagination-table.simple-table > tbody > tr.odd.active {
  background-color: #e5e8ef !important;
}
.pagination-table.simple-table > tbody > tr.odd.active td {
  background-color: inherit;
}
.pagination-table.simple-table > tbody > tr.odd.active:hover {
  background-color: #e5e8ef !important;
}
.pagination-table.simple-table > tbody > tr.odd.active:hover td {
  background-color: inherit;
}
.pagination-table.simple-table > tbody > tr.odd td {
  border: solid 0.2px #e5edf3;
}
.pagination-table.simple-table > tbody > tr.odd.merged td {
  border: 1px dashed #e5e7e9;
}
.pagination-table.simple-table > tbody > tr.even {
  background-color: #f3f5fa !important;
}
.pagination-table.simple-table > tbody > tr.even td {
  background-color: inherit;
}
.pagination-table.simple-table > tbody > tr.even:hover {
  background-color: #f3f5fa !important;
}
.pagination-table.simple-table > tbody > tr.even:hover td {
  background-color: inherit;
}
.pagination-table.simple-table > tbody > tr.even.active {
  background-color: #e5e8ef !important;
}
.pagination-table.simple-table > tbody > tr.even.active td {
  background-color: inherit;
}
.pagination-table.simple-table > tbody > tr.even.active:hover {
  background-color: #e5e8ef !important;
}
.pagination-table.simple-table > tbody > tr.even.active:hover td {
  background-color: inherit;
}
.pagination-table.simple-table > tbody > tr.even td {
  border: solid 0.2px #e5edf3;
}
.pagination-table.simple-table > tbody > tr.even.merged td {
  border: 1px dashed #e5e7e9;
}
.pagination-table.simple-table > tbody > tr.expandable-row {
  display: none;
  border-bottom: 6px solid #f4f6f8;
}
.pagination-table.simple-table > tbody > tr.expandable-row.open {
  display: table-row;
}
.pagination-table.simple-table > tbody > tr.expandable-row > td {
  padding: 12px;
}
.pagination-table.simple-table > tbody > tr.active {
  border: solid 0.5px #c7ccd8;
  background-color: #ffffff;
}
.pagination-table.simple-table > tbody > tr.active td {
  color: rgba(32, 59, 78, 0.8);
  border: solid 0.5px #d9dce2;
  font-family: roboto-medium;
}
.pagination-table.simple-table > tbody > tr.level1 .image-container {
  border: none;
}
.pagination-table.simple-table > tbody > tr.level1 .image-container img {
  opacity: 0.8;
}
.pagination-table.simple-table > tbody > tr.level2 .image-container {
  border: none;
}
.pagination-table.simple-table > tbody > tr.level2 .image-container img {
  opacity: 0.8;
}
.pagination-table.simple-table > tbody > tr.level2 .table-placeholder-block {
  width: 100%;
  height: 24px;
  background-color: rgba(242, 245, 250, 0.8);
}
.pagination-table.simple-table > tbody > tr.level3 .image-container {
  border: none;
}
.pagination-table.simple-table > tbody > tr.level3 .image-container img {
  opacity: 0.6;
}
.pagination-table.simple-table > tbody > tr.level3 .table-placeholder-block {
  width: 100%;
  height: 24px;
  background-color: rgba(242, 245, 250, 0.6);
}
.pagination-table.simple-table > tbody > tr .booking-status img {
  width: 12px;
}
.pagination-table.simple-table > tbody > tr .booking-status span {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  margin-left: 10px;
  vertical-align: middle;
  font-family: roboto-medium;
}
.pagination-table.simple-table > tbody > tr .booking-status span.yellow {
  color: #f3900f;
}
.pagination-table.simple-table > tbody > tr .booking-status span.purple {
  color: #ae56de;
}
.pagination-table.simple-table > tbody > tr .booking-status span.green {
  color: #08b24b;
}
.pagination-table.simple-table > tbody > tr .booking-status span.red {
  color: #e02e2e;
}
.pagination-table.simple-table > tbody > tr .booking-status span.grey {
  color: #9eb9ce;
}
.pagination-table.simple-table > tbody > tr .booking-status span.blue {
  color: #4b78dd;
}
.pagination-table.simple-table > tbody > tr:hover {
  outline: none;
  outline-offset: 0;
  background-color: #ffffff;
}
.pagination-table.simple-table > tbody > tr:hover td {
  color: rgba(32, 59, 78, 0.8);
  font-family: roboto-medium;
}
.pagination-table.simple-table > tbody > tr td {
  font-size: 10px;
}
.pagination-table.simple-table > tbody > tr td .table-placeholder-block {
  width: 100%;
  height: 24px;
  background-color: #f2f5fa;
}
.pagination-table.no-hover-table tbody tr:hover {
  outline: none;
  outline-offset: 0;
  background-color: #ffffff;
}
.pagination-table.no-hover-table tbody tr:hover td {
  color: #020e16;
  font-family: roboto-medium;
}
.pagination-table.no-hover-table tbody tr:nth-child(even):hover {
  background-color: #f3f6fb;
}
.pagination-table.cost-table tr {
  border-bottom: 1px dashed rgba(189, 210, 226, 0.4) !important;
}
.pagination-table.cost-table tr th {
  padding: 16px 20px;
}
.pagination-table.cost-table tr td {
  border: none;
  font-size: 12px;
  padding: 16px 20px;
}
.pagination-table.collapsed-table > tbody > tr > td:not(:first-child):last-child, .pagination-table.collapsed-table > thead > tr > th:not(:first-child):last-child {
  right: 0;
  z-index: 10;
  position: sticky;
  background-color: inherit;
}
.pagination-table.collapsed-table > tbody > tr > td:not(:first-child):last-child:before, .pagination-table.collapsed-table > thead > tr > th:not(:first-child):last-child:before {
  left: 0;
  top: -6px;
  width: 6px;
  height: 100%;
  content: "";
  position: absolute;
}
.pagination-table.collapsed-table > tbody > tr > td:not(:first-child):last-child:before {
  box-shadow: -3px 0 4px 0 rgba(209, 211, 214, 0.2509803922);
}
.pagination-table.collapsed-table > thead > tr > th:not(:first-child):last-child {
  border-left: 1px solid #b7c3d1;
}
.pagination-table.collapsed-table > tbody > tr > .sticky-left-column:not(:last-child):first-child, .pagination-table.collapsed-table > thead > tr > .sticky-left-column:not(:last-child):first-child {
  left: 0;
  z-index: 10;
  position: sticky;
  background-color: inherit;
}
.pagination-table.collapsed-table > tbody > tr > .sticky-left-column:not(:last-child):first-child:before, .pagination-table.collapsed-table > thead > tr > .sticky-left-column:not(:last-child):first-child:before {
  right: 0;
  top: -6px;
  width: 6px;
  content: "";
  height: 100%;
  position: absolute;
  box-shadow: 3px 0 4px 0 rgba(209, 211, 214, 0.2509803922);
}
.pagination-table.has-small-forms td {
  padding: 8px;
}
.pagination-table.has-small-forms .new-row {
  background-color: #cdd5df;
}
.pagination-table.has-small-forms .new-row:hover {
  background-color: #cdd5df !important;
}
.pagination-table.has-small-forms .white-badge {
  cursor: pointer;
  padding: 5px 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
.pagination-table.has-small-forms .white-badge img {
  opacity: 0.6;
}
.pagination-table.has-small-forms .white-badge img:hover {
  opacity: 1;
  transition: ease all 0.4s;
}
.pagination-table.has-small-forms .my-input-group .calendar-wrapper .calendar-icon {
  top: 5px;
  right: 8px;
}
.pagination-table.has-small-forms .my-input-group .calendar-wrapper .close-icon {
  top: 7px;
  right: 37px;
}
.pagination-table.has-small-forms .my-input-group input {
  margin: 0;
  padding: 8px;
  font-size: 12px;
}
.pagination-table.has-small-forms .ng-select .ng-select-container {
  margin: 0;
  min-height: 26px;
  padding: 7px 8px !important;
}
.pagination-table.has-small-forms .ng-select .ng-select-container .ng-value {
  font-size: 12px !important;
}
.pagination-table.has-small-forms .ng-select .ng-select-container .ng-placeholder {
  font-size: 12px;
}
.pagination-table.has-small-forms .ng-select .ng-select-container .ng-input > input {
  margin: 0;
  font-size: 12px;
  padding: 8px !important;
}
.pagination-table.has-small-forms .ng-select-multiple .ng-select-container {
  margin: 0;
  min-height: 26px;
  padding: 0px 5px !important;
}
.pagination-table.has-small-forms .ng-select-multiple .ng-select-container .ng-value {
  font-size: 12px !important;
}
.pagination-table.has-small-forms .ng-select-multiple .ng-select-container .ng-value .ng-value-label {
  font-size: small !important;
}
.pagination-table.has-small-forms .ng-select-multiple .ng-select-container .ng-placeholder {
  font-size: 12px;
}
.pagination-table.has-small-forms .ng-select-multiple .ng-select-container .ng-input > input {
  margin: 0;
  font-size: 12px;
  padding: 8px !important;
}
.pagination-table.has-small-forms .width-40 {
  width: 40px !important;
}
.pagination-table.has-small-forms .width-110 {
  width: 110px !important;
}
.pagination-table.has-small-forms .width-125 {
  width: 125px !important;
}
.pagination-table.has-small-forms .width-228 {
  width: 228px !important;
}
.pagination-table.has-small-forms .width-232 {
  width: 232px !important;
}
.pagination-table.has-small-forms .width-300 {
  width: 300px !important;
}
.pagination-table.row-level-small-forms .new-row {
  background-color: #cdd5df;
}
.pagination-table.row-level-small-forms .new-row:hover {
  background-color: #cdd5df !important;
}
.pagination-table.row-level-small-forms .white-badge {
  cursor: pointer;
  padding: 5px 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
.pagination-table.row-level-small-forms .white-badge img {
  opacity: 0.6;
}
.pagination-table.row-level-small-forms .white-badge img:hover {
  opacity: 1;
  transition: ease all 0.4s;
}
.pagination-table.row-level-small-forms .has-small-forms td {
  padding: 8px;
}
.pagination-table.row-level-small-forms .has-small-forms .my-input-group .calendar-wrapper .calendar-icon {
  top: 5px;
  right: 8px;
}
.pagination-table.row-level-small-forms .has-small-forms .my-input-group .calendar-wrapper .close-icon {
  top: 7px;
  right: 37px;
}
.pagination-table.row-level-small-forms .has-small-forms .my-input-group input {
  margin: 0;
  padding: 8px;
  font-size: 12px;
}
.pagination-table.row-level-small-forms .has-small-forms .ng-select .ng-select-container {
  margin: 0;
  min-height: 26px;
  padding: 7px 8px !important;
}
.pagination-table.row-level-small-forms .has-small-forms .ng-select .ng-select-container .ng-value {
  font-size: 12px !important;
}
.pagination-table.row-level-small-forms .has-small-forms .ng-select .ng-select-container .ng-placeholder {
  font-size: 12px;
}
.pagination-table.row-level-small-forms .has-small-forms .ng-select .ng-select-container .ng-input > input {
  margin: 0;
  font-size: 12px;
  padding: 8px !important;
}
.pagination-table.row-level-small-forms .has-small-forms .width-40 {
  width: 40px !important;
}
.pagination-table.row-level-small-forms .has-small-forms .width-110 {
  width: 110px !important;
}
.pagination-table.row-level-small-forms .has-small-forms .width-125 {
  width: 125px !important;
}
.pagination-table.row-level-small-forms .has-small-forms .width-228 {
  width: 228px !important;
}
.pagination-table .table-cell-limit-width {
  width: 15%;
  white-space: normal;
}
.pagination-table .styled-checkbox-container label {
  margin: 0;
}
.pagination-table .styled-checkbox-container label:before {
  border: solid 0.5px #87a5bc;
}
.pagination-table .styled-checkbox-container label:after {
  top: 13px;
}
.pagination-table .sub-header {
  background-color: #edf0f4;
}
.pagination-table .sub-header td {
  color: #676E73;
  padding: 4px 8px;
  font-family: roboto-medium;
}
.pagination-table thead {
  font-size: 12px;
  background-color: var(--table-header);
}
.pagination-table thead tr {
  z-index: 10;
  background-color: inherit;
}
.pagination-table thead th {
  z-index: 1;
  line-height: 1;
  padding: 12px 8px;
  position: relative;
  font-family: roboto-bold;
  color: var(--table-header-text);
  background-color: var(--table-header);
}
.pagination-table thead th.sortable {
  padding: 8px 4px;
}
.pagination-table thead th.sortable span {
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: ease all 0.4s;
}
.pagination-table thead th.sortable span img {
  display: none;
  transition: ease all 0.4s;
}
.pagination-table thead th.sortable span:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.pagination-table thead th.sortable span:hover img {
  display: none;
}
.pagination-table thead th.sortable .inactive-sort {
  padding-right: 27px;
}
.pagination-table thead th.sortable .inactive-sort .arrow-icon-asc {
  display: none;
}
.pagination-table thead th.sortable .inactive-sort .arrow-icon-desc {
  display: none;
}
.pagination-table thead th.sortable .active-sort-asc {
  background-color: rgba(255, 255, 255, 0.2);
}
.pagination-table thead th.sortable .active-sort-asc .arrow-icon-asc {
  display: inherit;
}
.pagination-table thead th.sortable .active-sort-asc .arrow-icon-desc {
  display: none;
}
.pagination-table thead th.sortable .active-sort-desc {
  background-color: rgba(255, 255, 255, 0.2);
}
.pagination-table thead th.sortable .active-sort-desc .arrow-icon-asc {
  display: none;
}
.pagination-table thead th.sortable .active-sort-desc .arrow-icon-desc {
  display: inherit;
}
.pagination-table thead th:last-child {
  border-right: 0;
}
.pagination-table thead th.sorting:after {
  cursor: pointer;
  margin-left: 5px;
  vertical-align: middle;
  content: url('sort.svg');
}
.pagination-table thead th.sorting_asc:after {
  cursor: pointer;
  margin-left: 5px;
  vertical-align: middle;
  content: url('sort-up.svg');
}
.pagination-table thead th.sorting_desc:after {
  cursor: pointer;
  margin-left: 5px;
  vertical-align: middle;
  content: url('sort-down.svg');
}
.pagination-table thead th.extra-column {
  display: none;
}
.pagination-table thead th.new_sorting {
  cursor: pointer;
}
.pagination-table thead th.new_sorting:hover:after {
  margin-left: 5px;
  vertical-align: middle;
  content: url('cta-up-arrow-white.svg');
}
.pagination-table thead th.new_sorting_asc {
  cursor: pointer;
}
.pagination-table thead th.new_sorting_asc:after {
  margin-left: 5px;
  vertical-align: middle;
  content: url('cta-up-arrow-white.svg');
}
.pagination-table thead th.new_sorting_asc:hover:before {
  left: 50%;
  z-index: 98;
  color: #ffffff;
  bottom: 2.8em;
  display: block;
  font-size: 11px;
  padding: 4px 8px;
  position: absolute;
  background: #4C698D;
  white-space: nowrap;
  text-transform: capitalize;
  transform: translate(-50%);
  content: attr(data-tooltip);
}
.pagination-table thead th.new_sorting_asc.common-tooltip-top-2:hover:after {
  bottom: 3.5em;
}
.pagination-table thead th.new_sorting_asc.bottom:hover:after {
  bottom: -30px !important;
}
.pagination-table thead th.new_sorting_asc.left:hover:after {
  bottom: 0;
  right: 50%;
  left: inherit;
}
.pagination-table thead th.new_sorting_desc {
  cursor: pointer;
}
.pagination-table thead th.new_sorting_desc:after {
  margin-left: 5px;
  vertical-align: middle;
  content: url('cta-down-arrow-white.svg');
}
.pagination-table thead th.new_sorting_desc:hover:before {
  left: 50%;
  z-index: 98;
  color: #ffffff;
  bottom: 2.8em;
  display: block;
  font-size: 11px;
  padding: 4px 8px;
  position: absolute;
  background: #4C698D;
  white-space: nowrap;
  text-transform: capitalize;
  transform: translate(-50%);
  content: attr(data-tooltip);
}
.pagination-table thead th.new_sorting_desc.common-tooltip-top-2:hover:after {
  bottom: 3.5em;
}
.pagination-table thead th.new_sorting_desc.bottom:hover:after {
  bottom: -30px !important;
}
.pagination-table thead th.new_sorting_desc.left:hover:after {
  bottom: 0;
  right: 50%;
  left: inherit;
}
.pagination-table thead th .header-dropdown {
  font-size: 12px;
  padding: 4px;
  color: #414348;
  margin-left: 4px;
  border-radius: 4px;
  font-family: roboto-bold;
  background-color: rgba(229, 244, 253, 0.8);
}
.pagination-table thead th .header-dropdown img {
  padding: 0 4px;
}
.pagination-table tfoot {
  font-size: 12px;
}
.pagination-table tfoot tr {
  z-index: 10;
  background-color: inherit;
}
.pagination-table tfoot td {
  z-index: 1;
  line-height: 1;
  padding: 12px 8px;
  position: relative;
  font-family: roboto-bold;
}
.pagination-table tr.sticky-top-row th {
  top: 0;
  position: sticky;
}
.pagination-table tr.sticky-top-row td {
  top: 0;
  position: sticky;
}
.pagination-table tr.sticky-bottom-row td {
  bottom: 0;
  position: sticky;
}
.pagination-table th.sticky-left-column {
  left: 0;
  z-index: 4 !important;
  position: sticky;
}
.pagination-table th.sticky-right-column {
  right: 0;
  z-index: 4 !important;
  position: sticky;
}
.pagination-table td.sticky-left-column {
  left: 0;
  z-index: 3;
  position: sticky;
}
.pagination-table td.sticky-right-column {
  right: 0;
  z-index: 3;
  position: sticky;
}
.pagination-table tbody > tr {
  transition: ease all 0.4s;
  background-color: var(--light-background);
  border-bottom: 1px solid var(--line-color);
}
.pagination-table tbody > tr:last-child {
  border-bottom: 1px solid var(--line-color);
}
.pagination-table tbody > tr:hover:not(.expandable-row):not(.selected):not(.group-odd):not(.group-even) {
  background-color: var(--row-hover);
}
.pagination-table tbody > tr.selected {
  background-color: #FFF9E5;
}
.pagination-table tbody > tr:hover:not(.expandable-row):not(.selected) .product-count:not(.disabled) {
  color: #020e16;
  border: solid 1px #8296af;
  background-color: #cdd5df;
}
.pagination-table tbody > tr:hover:not(.expandable-row):not(.selected) .active-link {
  color: #008def;
}
.pagination-table tbody > tr:hover:not(.expandable-row):not(.selected) .active-link span {
  color: #008def;
  cursor: pointer;
  font-family: roboto-medium;
}
.pagination-table tbody > tr.selected .product-count:not(.disabled) {
  color: #ffffff;
  background-color: #008def;
  border: solid 1px #008def;
}
.pagination-table tbody > tr.selected .product-count:not(.disabled):after {
  top: 7px;
  content: url('select-drop-white.svg');
}
.pagination-table tbody > tr.selected .active-link {
  color: #008def;
}
.pagination-table tbody > tr.selected .active-link span {
  color: #008def;
  cursor: pointer;
  font-family: roboto-medium;
}
.pagination-table tbody > tr.selected .product-count:not(.disabled):after {
  transform: rotate(180deg);
}
.pagination-table tbody > tr.expandable-row {
  display: none;
  border-bottom: 6px solid #f4f6f8;
}
.pagination-table tbody > tr.expandable-row.open {
  display: table-row;
}
.pagination-table tbody > tr.expandable-row .child-table-cta {
  padding: 8px;
  font-size: 14px;
  font-weight: normal;
  font-family: roboto-regular;
}
.pagination-table tbody > tr.expandable-row .child-table-cta img {
  margin-right: 8px;
  vertical-align: text-bottom;
}
.pagination-table tbody > tr.expandable-row.open {
  display: table-row;
}
.pagination-table tbody > tr.expandable-row > td {
  padding: 12px;
}
.pagination-table tbody > tr.expandable-row .more-records {
  float: left;
  font-size: 14px;
  margin-top: 16px;
  font-family: roboto-medium;
}
.pagination-table tbody > tr.white {
  background-color: #ffffff !important;
}
.pagination-table tbody > tr.grey {
  background-color: #f3f6fb !important;
}
.pagination-table tbody > tr.merged {
  border-bottom: 1px dashed rgba(189, 210, 226, 0.6);
  border-left: 1px solid rgba(189, 210, 226, 0.2);
  border-right: 1px solid rgba(189, 210, 226, 0.2);
}
.pagination-table tbody > tr > td {
  color: #020e16;
  font-size: 12px;
  line-height: 1.33;
  padding: 14px 8px;
  background-color: inherit;
  font-family: roboto-regular;
}
.pagination-table tbody > tr > td:last-child {
  border-right: 0;
}
.pagination-table tbody > tr > td.extra-column {
  display: none;
}
.pagination-table tbody > tr > td.medium {
  font-family: roboto-medium;
}
.pagination-table tbody > tr > td.no-data {
  color: #CCCFD0;
}
.pagination-table tbody > tr > td .column-align {
  display: flex;
  align-items: center;
}
.pagination-table tbody > tr > td .medium {
  font-family: roboto-medium;
}
.pagination-table tbody > tr > td .light {
  color: #676E73;
  font-family: roboto-regular;
}
.pagination-table tbody > tr > td .active-link {
  color: initial;
}
.pagination-table tbody > tr > td .product-count {
  width: 54px;
  color: #020e16;
  font-size: 14px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  transition: ease all 0.4s;
  padding: 8px 12px 7px 8px;
  border: solid 1px #b7c3d1;
  background-color: #f4f6f8;
  font-family: roboto-medium;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pagination-table tbody > tr > td .product-count {
    padding: 8px 20px 7px 8px;
  }
}
.pagination-table tbody > tr > td .product-count:after {
  top: 7px;
  right: 6px;
  position: absolute;
  content: url('select-drop-dark.svg');
}
.pagination-table tbody > tr > td .product-count.disabled {
  color: #CCCFD0;
  background-color: #ffffff;
  border: solid 1px #E6E7E8;
}
.pagination-table tbody > tr > td .product-count.disabled:after {
  opacity: 0.2;
}
.pagination-table tbody > tr > td .expandable-trigger {
  padding: 10px;
  opacity: 0.35;
  color: #203b4e;
  font-size: 20px;
  cursor: pointer;
  font-family: roboto-regular;
}
.pagination-table tbody > tr > td .image-container {
  display: flex;
  align-items: center;
}
.pagination-table tbody > tr > td .image-container.user-image img {
  width: 32px;
  height: 32px;
}
.pagination-table tbody > tr > td .image-container img {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  border: solid 2px var(--line-color);
}
.pagination-table tbody > tr > td .image-container span {
  flex: 1;
  margin-left: 8px;
}
.pagination-table tbody > tr > td .tracking-badge {
  padding: 4px;
  cursor: pointer;
  margin-right: 4px;
  border-radius: 4px;
  transition: ease all 0.4s;
  background-color: rgba(0, 141, 239, 0.1);
}
.pagination-table tbody > tr > td .tracking-badge:hover {
  background-color: rgba(0, 141, 239, 0.2);
}
.pagination-table tbody > tr > td .name-initial {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 8px;
  margin-right: 4px;
  border-radius: 100%;
  background-color: #c8a4ea;
  font-family: roboto-medium;
}
.pagination-table tbody > tr > td .more-badge {
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: ease all 0.4s;
}
.pagination-table tbody > tr > td .more-badge img {
  opacity: 0.6;
}
.pagination-table tbody > tr > td .more-badge:hover, .pagination-table tbody > tr > td .more-badge.active {
  background-color: rgba(76, 105, 141, 0.0980392157);
}
.pagination-table tbody > tr > td .more-badge:hover img, .pagination-table tbody > tr > td .more-badge.active img {
  opacity: 1;
}
.pagination-table tbody > tr > td .more-badge + .cta-dropdown {
  overflow: hidden;
  top: -4px !important;
  right: 100% !important;
}
.pagination-table tbody > tr > td .more-badge + .cta-dropdown li {
  cursor: pointer;
}
.pagination-table tbody > tr > td .table-action {
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  transition: ease all 0.4s;
}
.pagination-table tbody > tr > td .table-action img {
  opacity: 0.6;
}
.pagination-table tbody > tr > td .table-action:hover {
  background-color: rgba(76, 105, 141, 0.1);
}
.pagination-table tbody > tr > td .table-action:hover img {
  opacity: 1;
}
.pagination-table tbody > tr > td .table-action.disabled img {
  opacity: 0.2;
}
.pagination-table tbody > tr > td .table-action.disabled:hover {
  background-color: transparent;
}
.pagination-table tbody > tr > td .table-action.disabled:hover img {
  opacity: 0.2;
}
.pagination-table tbody > tr > td .status {
  font-family: roboto-medium;
}
.pagination-table tbody > tr > td .status .progress-bar {
  width: 60px;
  height: 4px;
  margin-top: 2px;
  border-radius: 3px;
}
.pagination-table tbody > tr > td .status .progress-bar .complete {
  height: 4px;
  border-radius: 3px;
}
.pagination-table tbody > tr > td .status.draft {
  color: #935dc6;
  font-size: 12px;
}
.pagination-table tbody > tr > td .status.draft .progress-bar {
  background-color: rgba(163, 103, 220, 0.1);
}
.pagination-table tbody > tr > td .status.draft .progress-bar .complete {
  width: 20%;
  background-color: #935dc6;
}
.pagination-table tbody > tr > td .status.in-progress {
  color: #00a7ff;
  font-size: 12px;
}
.pagination-table tbody > tr > td .status.in-progress .progress-bar {
  background-color: rgba(0, 167, 255, 0.1);
}
.pagination-table tbody > tr > td .status.in-progress .progress-bar .complete {
  width: 50%;
  background-color: #00a7ff;
}
.pagination-table tbody > tr > td .status.invalid {
  color: #dc6968;
  font-size: 12px;
}
.pagination-table tbody > tr > td .status.invalid .progress-bar {
  background-color: #f1c3c3;
}
.pagination-table tbody > tr > td .status.invalid .progress-bar .complete {
  width: 0%;
  background-color: #dc6968;
}
.pagination-table .table-footer-one {
  background-color: rgba(183, 195, 209, 0.1);
}
.pagination-table .table-footer-one td,
.pagination-table .table-footer-one span {
  font-size: 14px;
  font-family: roboto-medium;
}
.pagination-table .table-footer-two {
  background-color: rgba(82, 124, 177, 0.1);
}
.pagination-table .table-footer-two td,
.pagination-table .table-footer-two span {
  font-size: 14px;
  font-family: roboto-medium;
}
.pagination-table .small-badge-cta {
  font-size: 10px;
  padding: 2px 8px;
  margin-right: 4px;
  margin-bottom: 2px;
  border-radius: 4px;
}
.pagination-table .small-badge-cta.purple {
  background-color: #a640dd;
}
.pagination-table .small-badge-cta.green {
  background-color: #16c691;
}
.pagination-table .small-badge-cta.red {
  background-color: #e02e2e;
}
.pagination-table .small-badge-cta.dark-green {
  background-color: #02b44a;
}
.pagination-table .small-badge-cta.orange {
  background-color: #e87304;
}
.pagination-table .small-badge-cta.dark-blue {
  background-color: #4880ff;
}
.pagination-table .table-cta {
  cursor: pointer;
}
.pagination-table .table-cta.icon-cta {
  width: 26px;
  height: 26px;
  padding: 5px 5px;
  position: relative;
  border-radius: 30px;
  margin: 0 3px 3px 0;
  display: inline-block;
  transition: ease all 0.4s;
}
.pagination-table .table-cta.icon-cta:first-child {
  margin-left: 0;
}
.pagination-table .table-cta.icon-cta:active {
  background-color: #f3caca;
}
.pagination-table .table-cta.icon-cta:hover {
  background-color: #f8dfe0;
}
.pagination-table .table-cta.icon-cta.has-dropdown:hover .cta-dropdown {
  display: block;
}
.pagination-table .width40 {
  width: 40px;
}
.pagination-table .width120 {
  width: 120px;
}
.pagination-table .desktop-hide {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .pagination-table .desktop-hide {
    display: table-cell;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pagination-table .desktop-hide {
    display: table-cell;
  }
}
.pagination-table .tablet-hide {
  display: table-cell;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .pagination-table .tablet-hide {
    display: none;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pagination-table .tablet-hide {
    display: inline-block;
  }
}
.pagination-table .mobile-hide {
  display: table-cell;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .pagination-table .mobile-hide {
    display: inline-block;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pagination-table .mobile-hide {
    display: none;
  }
}

.child-table {
  border-radius: 6px;
  padding: 0 !important;
  border: 1px solid var(--line-color);
}
.child-table .pagination-table thead {
  background-color: #edf0f4;
}
.child-table .pagination-table thead th {
  color: #676E73;
  background-color: #edf0f4;
}
.child-table .pagination-table tbody tr td {
  padding: 8px;
}
.child-table .pagination-table .group-odd {
  border-bottom: 1px solid #ffffff;
  background-color: rgba(220, 103, 206, 0.1);
}
.child-table .pagination-table .group-odd:last-child {
  border-bottom: inherit;
}
.child-table .pagination-table .group-even {
  border-bottom: 1px solid #ffffff;
  background-color: rgba(0, 206, 255, 0.1);
}
.child-table .pagination-table .group-even:last-child {
  border-bottom: inherit;
}

.pagination-container {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 14px 0 10px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pagination-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pagination-container.inline {
    flex-direction: row;
  }
}
.pagination-container.child-table {
  padding: 14px 18px;
  margin-bottom: 10px;
  box-shadow: 0 5px 10px 0 rgba(147, 168, 204, 0.3);
}
.pagination-container.child-table .small {
  font-size: 10px;
  color: rgba(32, 59, 78, 0.6);
  font-family: roboto-regular;
}
.pagination-container.child-table .dark {
  color: #203b4e;
  font-size: 10px;
  margin-left: 7px;
  font-style: italic;
  font-family: roboto-medium;
}
.pagination-container .pagination-action-container {
  flex: 1;
}
.pagination-container .pagination-action-container .text {
  color: #676E73;
  padding: 0 6px;
  font-size: 14px;
  margin-right: 15px;
  display: inline-block;
  font-family: roboto-regular;
}
.pagination-container .pagination-action-container .pagination {
  margin-bottom: 0;
  text-align: right;
  display: inline-flex;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .pagination-container .pagination-action-container .pagination {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
.pagination-container .pagination-action-container .pagination .page-item.active .page-link {
  color: #ffffff;
  border-color: #08a7a7 !important;
  background-color: #08a7a7 !important;
}
.pagination-container .pagination-action-container .pagination .page-item.disabled img {
  opacity: 0.4;
}
.pagination-container .pagination-action-container .pagination .page-item .page-link {
  color: #020e16;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: #f4f6f8;
  border: solid 0.5px #b7c3d1 !important;
}
.pagination-container .pagination-action-container .pagination .current-page {
  margin: 0;
  font-size: 9px;
  margin-top: 9px;
  margin-right: 20px;
  font-style: italic;
  display: inline-block;
  color: rgba(32, 59, 78, 0.4);
  font-family: roboto-regular;
}
.pagination-container .pagination-action-container .pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.pagination-container .pagination-action-container .pagination ul li {
  font-size: 9px;
  color: #79859d;
  line-height: 1;
  cursor: pointer;
  padding: 5px 7px;
  display: inline-block;
  font-family: roboto-regular;
}
.pagination-container .pagination-action-container .pagination ul li.active {
  color: #ffffff;
  border-radius: 2px;
  background-color: #1dbc7d;
  font-family: roboto-bold;
}
.pagination-container .pagination-action-container .pagination ul li:hover {
  color: #ffffff;
  background-color: #cd2d2f;
}
.pagination-container .page-count-list {
  flex: 1;
}
.pagination-container .page-count-list span {
  color: #676E73;
  padding: 0 6px;
  font-size: 14px;
  display: inline-block;
  font-family: roboto-regular;
}
.pagination-container .page-count-list select {
  margin: 0 2px 0 10px;
  font-family: roboto-medium;
}
.pagination-container ul.pagination {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .tablet-margin-top-15 {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .tablet-margin-top-30 {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-margin-top-15 {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-margin-top-30 {
    margin-top: 30px;
  }
}

.breadcrumb-wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.breadcrumb-wrapper:after {
  content: " ";
  display: block;
  clear: both;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .breadcrumb-wrapper {
    white-space: nowrap;
    overflow-x: scroll;
  }
}
.breadcrumb-wrapper .breadcrumb-container {
  padding: 0 20px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.breadcrumb-wrapper .breadcrumb-container:after {
  content: " ";
  display: block;
  clear: both;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .breadcrumb-wrapper .breadcrumb-container {
    padding: 0;
  }
}
.breadcrumb-wrapper .breadcrumb-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb-wrapper .breadcrumb-container ul li {
  font-size: 12px;
  display: inline-block;
  padding: 10px 0 10px 10px;
  color: rgba(32, 59, 78, 0.4);
  font-family: roboto-regular;
}
.breadcrumb-wrapper .breadcrumb-container ul li:after {
  margin-left: 10px;
  display: inline-block;
  content: ">";
}
.breadcrumb-wrapper .breadcrumb-container ul li:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .breadcrumb-wrapper .breadcrumb-container ul li:first-child {
    margin-left: 10px;
    padding: 10px 0 10px 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .breadcrumb-wrapper .breadcrumb-container ul li:first-child {
    padding: 10px 0 10px 10px;
  }
}
.breadcrumb-wrapper .breadcrumb-container ul li:last-child:after {
  content: "";
}
.breadcrumb-wrapper .breadcrumb-container ul li.active {
  color: #1dbc7d;
}

.breadcrumb-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb-container ul li {
  font-size: 12px;
  display: inline-block;
  padding: 10px 0 10px 10px;
  color: rgba(32, 59, 78, 0.4);
  font-family: roboto-regular;
}
.breadcrumb-container ul li:after {
  margin-left: 10px;
  display: inline-block;
  content: "/";
}
.breadcrumb-container ul li:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .breadcrumb-container ul li:first-child {
    margin-left: 10px;
    padding: 10px 0 10px 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .breadcrumb-container ul li:first-child {
    padding: 10px 0 10px 10px;
  }
}
.breadcrumb-container ul li:last-child:after {
  content: "";
}
.breadcrumb-container ul li.active {
  color: #1dbc7d;
}

.page-item {
  outline: none;
}
.page-item img {
  opacity: 0.8;
}
.page-item:hover:not(.disabled) .page-link {
  background-color: #edf0f4 !important;
}
.page-item:hover:not(.disabled) img {
  opacity: 1;
}
.page-item:focus, .page-item:active {
  outline: none;
}
.page-item.active .page-link {
  outline: none;
  color: #ffffff;
  background-color: #00a7ff !important;
}
.page-item .page-link {
  margin: 0 2px;
  outline: none;
  color: #020e16;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 2px;
  border: none !important;
  transition: ease all 0.4s;
  background-color: #f4f6f8 !important;
}
.page-item .page-link:focus, .page-item .page-link:active {
  outline: none;
  box-shadow: none;
}
.page-item .page-link .left-arrow {
  width: 12px;
  height: 12px;
}
.page-item .page-link .right-arrow {
  width: 12px;
  height: 12px;
  transform: rotate(180deg);
}
.page-item .page-link .right-most-arrow {
  transform: rotate(180deg);
}

.audit-id {
  color: #0a65bf;
  font-size: 14px;
  margin-left: 8px;
  font-weight: 500;
  line-height: 1.64;
  border-radius: 2px;
  padding: 5px 11px 4px;
  letter-spacing: -0.1px;
  font-family: roboto-medium;
  border: solid 1px rgba(10, 117, 222, 0.2);
  background-color: rgba(10, 117, 222, 0.1);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .audit-id {
    margin-left: 0;
    margin-top: 5px;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.title-badge {
  color: #ffffff;
  font-size: 14px;
  margin-left: 28px;
  padding: 12px 25px;
  border-radius: 20px;
  font-family: roboto-bold;
}
.title-badge img {
  width: 14px;
  margin-right: 8px;
  display: inline-block;
}
.title-badge.complete-badge {
  background-color: #08b24b;
}
.title-badge.progress-badge {
  background-color: #e87403;
  border: solid 0.5px #e87403;
}

.confirmation-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  background: rgba(255, 255, 255, 0.9);
}
.confirmation-loader .loader {
  margin-top: 27%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .confirmation-loader .loader {
    margin-top: 40%;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .confirmation-loader .loader {
    margin-top: 50%;
  }
}
.confirmation-loader .loader p {
  color: #020e16;
  font-size: 14px;
  font-family: roboto-bold;
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .scroll-x {
    overflow-x: scroll;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .scroll-x {
    overflow-x: scroll;
    white-space: nowrap;
  }
}

.scroll-x-desktop {
  overflow-x: scroll;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .scroll-x-desktop {
    overflow-x: hidden;
    white-space: normal;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .scroll-x-desktop {
    overflow-x: hidden;
    white-space: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .customer-dashboard-inline {
    width: 49.356223176%;
    float: left;
    margin-right: 1.2875536481%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .customer-dashboard-inline:last-child {
    width: 49.356223176%;
    float: right;
    margin-right: 0;
  }
}

.marker {
  width: 60px;
  height: 60px;
  cursor: pointer;
  padding-top: 14px;
  text-align: center;
  border-radius: 50%;
  border: 7px solid #ffffff;
  background-color: #d31c4d;
}
.marker.marker-small {
  width: 40px;
  height: 40px;
  padding-top: 6px;
  border: 5px solid #ffffff;
}
.marker .marker-text {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: roboto-regular;
}

.customer-map-container {
  height: 320px;
  width: 110%;
  margin-left: -5px;
}

.mapboxgl-popup {
  top: -9%;
}

.mapboxgl-popup-content {
  color: #ffffff;
  line-height: 1.5;
  font-size: 11px;
  padding: 4px 8px;
  background-color: #8397af;
}
.mapboxgl-popup-content p {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  font-family: roboto-regular;
}

.mapboxgl-popup-tip {
  display: none;
}

.call-support-container {
  z-index: 1;
  bottom: 20px;
  right: 75px;
  position: fixed;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .call-support-container {
    right: 35px;
  }
}
.call-support-container .support-icon {
  width: 60px;
  height: 60px;
  cursor: pointer;
  padding-top: 18px;
  text-align: center;
  border-radius: 50%;
  background-color: #cd2d2f;
}
.call-support-container .support-icon img {
  width: 28px;
}

.phone-detail-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6);
}
.phone-detail-wrapper .phone-detail-container {
  bottom: 75px;
  right: 125px;
  position: fixed;
  padding: 43px 41px;
  background-color: #cd2d2f;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .phone-detail-wrapper .phone-detail-container {
    right: 85px;
    padding: 43px 21px;
  }
}
.phone-detail-wrapper .phone-detail-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 310px;
  overflow-y: auto;
  padding-right: 10px;
}
.phone-detail-wrapper .phone-detail-container ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #a72222;
}
.phone-detail-wrapper .phone-detail-container ul::-webkit-scrollbar {
  width: 6px;
  background-color: #a72222;
}
.phone-detail-wrapper .phone-detail-container ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #501212;
}
.phone-detail-wrapper .phone-detail-container ul li {
  margin-bottom: 34px;
}
.phone-detail-wrapper .phone-detail-container ul li .thumbnail {
  width: 52px;
  height: 52px;
  vertical-align: top;
  border-radius: 100%;
  display: inline-block;
  border: 5px solid #a21315;
}
.phone-detail-wrapper .phone-detail-container ul li .content {
  margin-left: 9px;
  vertical-align: top;
  display: inline-block;
}
.phone-detail-wrapper .phone-detail-container ul li .content p {
  margin: 0;
  color: #ffffff;
}
.phone-detail-wrapper .phone-detail-container ul li .content p.title {
  font-size: 16px;
  font-family: roboto-medium;
}
.phone-detail-wrapper .phone-detail-container ul li .content p.designation {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  font-family: roboto-regular;
}

.mapboxgl-ctrl-bottom-right {
  display: none;
}

.mapboxgl-ctrl-bottom-left {
  display: none;
}

.mapboxgl-popup {
  max-width: 400px;
  font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.mapboxgl-ctrl-fullscreen {
  background-size: 60%;
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-image: url('cta-expand.svg') !important;
}

.white-space {
  white-space: normal;
}

.scroll-top-container {
  left: calc(50% - 22px);
  bottom: -18px;
  cursor: pointer;
  position: fixed;
  padding: 10px 12px;
  border-radius: 100%;
  background-color: #ffffff;
  transition: ease all 0.4s;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.scroll-top-container:hover {
  transform: translateY(-24px);
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .scroll-top-container {
    left: auto;
    right: 20px;
    bottom: 30px;
  }
}
.scroll-top-container img {
  width: 20px;
  transform: rotate(90deg);
}

.section-toggle-container {
  cursor: pointer;
  display: inline-block;
}
.section-toggle-container p {
  margin: 0;
  color: #008def;
  font-size: 12px;
  font-family: roboto-medium;
}
.section-toggle-container p a {
  display: inline-block;
}
.section-toggle-container p img {
  width: 16px;
  margin-right: 8px;
  vertical-align: sub;
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-3deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.vertical-bottom {
  vertical-align: bottom;
}

.position-relative {
  position: relative;
}

.light-paragraph {
  margin: 0;
  font-size: 12px;
  color: rgba(32, 59, 78, 0.4);
  font-family: roboto-regular;
}

.light-text {
  color: rgba(32, 59, 78, 0.4) !important;
}

.fontSize14 {
  font-size: 14px !important;
  font-family: roboto-medium;
}

.colorBlue {
  color: #048de2;
}

.colorRed {
  color: #cd2d2f !important;
}

.whiteBackground {
  background-color: #ffffff;
}

.dot-circle {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
}
.dot-circle.orange {
  background-color: #e87403;
}
.dot-circle.green {
  background-color: #02b54a;
}
.dot-circle.red {
  background-color: #cd2d2f;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .mobile-sticky-bottom-button {
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    position: fixed;
    padding: 14px !important;
    font-size: 14px !important;
  }
}

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

.simple-dropdown-container {
  display: inline;
  position: relative;
  margin-right: 20px;
  padding-bottom: 10px;
}
.simple-dropdown-container:hover .simple-dropdown-list {
  visibility: visible;
}
.simple-dropdown-container .simple-dropdown-text {
  color: #24424d;
  font-size: 11px;
  position: relative;
}
.simple-dropdown-container .simple-dropdown-text:after {
  position: absolute;
  top: 5px;
  left: 118%;
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #798994;
}
.simple-dropdown-container .simple-dropdown-list {
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
  list-style: none;
  padding-top: 10px;
  position: absolute;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  visibility: hidden;
}
.simple-dropdown-container .simple-dropdown-list li {
  color: #333;
  font-size: 12px;
  cursor: pointer;
  min-width: 100px;
  padding: 10px 20px;
}
.simple-dropdown-container .simple-dropdown-list li:hover {
  background-color: #f5faff;
}

.cta-dropdown {
  margin: 0;
  padding: 0;
  z-index: 2;
  display: none;
  list-style: none;
  max-height: 300px;
  position: absolute;
  border-radius: 3px;
  overflow-y: scroll;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
}
.cta-dropdown.no-scroll {
  overflow: hidden;
}
.cta-dropdown.no-y-scroll {
  overflow-y: hidden;
}
.cta-dropdown.dark {
  background-color: #2e3f55;
  box-shadow: 0 4px 14px 0 rgba(4, 19, 41, 0.4);
}
.cta-dropdown.dark li {
  cursor: pointer;
}
.cta-dropdown.dark li:hover:not(.no-hover) {
  background-color: rgba(68, 94, 127, 0.6);
}
.cta-dropdown.dark li:hover:not(.no-hover) span {
  color: white;
  /* change font color to white */
}
.cta-dropdown.dark li.active {
  background-color: rgba(68, 94, 127, 0.6);
}
.cta-dropdown.dark li span {
  color: #ffffff;
}
.cta-dropdown::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.cta-dropdown::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.cta-dropdown::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee;
}
.cta-dropdown.active {
  display: block;
}
.cta-dropdown.bottom-left {
  top: 100%;
  right: 0%;
}
.cta-dropdown.bottom-right {
  top: 100%;
  left: 0%;
}
.cta-dropdown.top-right {
  bottom: 100%;
  left: 0%;
}
.cta-dropdown.top-left {
  bottom: 100%;
  right: 0%;
}
.cta-dropdown.simple-dropdown li {
  padding: 6px 20px;
}
.cta-dropdown.simple-dropdown li.head {
  padding: 11px 20px 6px;
}
.cta-dropdown.max-height-250 {
  max-height: 250px;
  overflow-y: scroll;
}
.cta-dropdown li {
  display: flex;
  padding: 8px 12px;
  align-items: center;
}
.cta-dropdown li:hover:not(.no-hover) {
  background-color: #e6f6f6;
}
.cta-dropdown li:hover:not(.no-hover) span {
  color: white;
  /* change font color to white */
}
.cta-dropdown li:hover a span {
  color: #cd2d2f;
}
.cta-dropdown li:hover span {
  color: #020e16;
}
.cta-dropdown li.active {
  background-color: #e6f6f6;
}
.cta-dropdown li.active span {
  color: #020e16;
}
.cta-dropdown li .icon {
  width: 16px;
  margin-right: 12px;
  display: inline-block;
}
.cta-dropdown li span {
  color: var(--text-light-80-color);
  font-size: 12px;
  white-space: pre;
  display: inline-block;
  vertical-align: middle;
  transition: ease all 0.4s;
  font-family: roboto-medium;
}
.cta-dropdown li a img {
  margin-right: 8px;
}

.common-tooltip {
  position: relative;
}
.common-tooltip:hover:after {
  left: 50%;
  bottom: 100%; /* Tooltip appears above the element */
  margin-bottom: 6px; /* Space between element and tooltip */
  z-index: 98;
  color: #ffffff;
  display: block;
  font-size: 11px;
  padding: 4px 8px;
  position: absolute;
  background: #4C698D;
  white-space: nowrap;
  text-transform: capitalize;
  transform: translate(-50%);
  content: attr(data-tooltip);
}
.common-tooltip.common-tooltip-top-2:hover:after {
  bottom: -3.5em;
}
.common-tooltip.bottom:hover:after {
  bottom: 30px !important;
}
.common-tooltip.left:hover:after {
  top: 0;
  right: 50%;
  left: inherit;
}
.common-tooltip.common-tooltip-bottom-2:hover:after {
  top: 30px !important;
  left: inherit;
}

.common-tooltip12 {
  position: relative;
}
.common-tooltip12:hover:after {
  left: 50%;
  z-index: 98;
  color: #ffffff;
  top: -2.8em;
  display: block;
  font-size: 11px;
  padding: 4px 8px;
  position: absolute;
  background: #4C698D;
  white-space: nowrap;
  text-transform: capitalize;
  transform: translate(-50%);
  content: attr(data-tooltip);
}
.common-tooltip12.common-tooltip-top:hover:after {
  top: 3.5em;
}
.common-tooltip12.common-tooltip-top-2:hover:after {
  top: -3.5em;
}
.common-tooltip12.bottom:hover:after {
  top: 30px !important;
}
.common-tooltip12.left:hover:after {
  top: 0;
  right: 50%;
  left: inherit;
}
.common-tooltip12.common-tooltip-bottom-2:hover:after {
  top: 30px !important;
  left: inherit;
}

.common-tooltip-table {
  position: relative;
}
.common-tooltip-table:hover:after {
  left: 50%;
  z-index: 98;
  padding: 6px;
  color: #ffffff;
  top: -30px;
  display: block;
  font-size: 12px;
  position: absolute;
  border-radius: 4px;
  background: #008def;
  white-space: nowrap;
  text-transform: capitalize;
  transform: translate(-50%);
  content: attr(data-tooltip);
}
.common-tooltip-table.left:hover:after {
  left: auto;
  right: -20px;
  bottom: -2px;
}

.text-tooltip-table {
  position: relative;
}
.text-tooltip-table:hover:after {
  top: 80%;
  left: 0;
  z-index: 98;
  padding: 6px;
  color: #ffffff;
  display: block;
  font-size: 12px;
  max-width: 400px;
  position: absolute;
  border-radius: 4px;
  background-color: #2e3f55;
  content: attr(data-tooltip);
  font-family: roboto-regular;
}

.sticky-text-tooltip-table {
  position: absolute;
}
.sticky-text-tooltip-table:hover:after {
  top: 80%;
  left: 0;
  z-index: 9999;
  padding: 6px;
  color: #ffffff;
  display: block;
  font-size: 12px;
  max-width: 400px;
  position: absolute;
  border-radius: 4px;
  background-color: #2e3f55;
  content: attr(data-tooltip);
  font-family: roboto-regular;
}

.common-tooltip-tableForLab {
  position: relative;
  color: var(--text-light-80-color);
  font-size: 12px;
  margin-left: 8px;
  text-transform: capitalize;
  font-family: roboto-regular !important;
}
.common-tooltip-tableForLab:hover:after {
  top: 80%;
  left: 0;
  z-index: 98;
  padding: 6px;
  color: #ffffff;
  display: block;
  font-size: 12px;
  max-width: 400px;
  position: absolute;
  border-radius: 4px;
  background-color: #2e3f55;
  content: attr(data-tooltip);
  font-family: roboto-regular;
}
.common-tooltip-tableForLab.left:hover:after {
  left: auto;
  right: -20px;
  bottom: -2px;
}

.error-container {
  width: 100%;
  padding: 24px 0;
  text-align: center;
  background-color: #ffffff;
}
.error-container.plain {
  background-color: #f2f5fa;
}
.error-container.page-level .error-title {
  line-height: 1;
  color: var(--text-light-80-color);
  font-size: 24px;
  margin-bottom: 8px;
  font-family: trim-web-medium;
}
.error-container.page-level .error-subtitle {
  line-height: 1;
  color: #676e73;
  font-size: 14px;
  margin-bottom: 16px;
}
.error-container .thumbnail {
  width: 120px;
  height: 120px;
  margin-bottom: 24px;
}
.error-container .big-thumbnail {
  margin-bottom: 10px;
}
.error-container .error-title {
  color: #020e16;
  font-size: 18px;
  margin-bottom: 10px;
  font-family: roboto-medium;
}
.error-container .error-subtitle {
  color: #9A9FA2;
  font-size: 12px;
  margin-bottom: 24px;
  font-family: roboto-regular;
}

.dashboard-graph-container .error-container {
  padding: 14px 0 0;
}
.dashboard-graph-container .error-container .thumbnail {
  width: 120px;
  height: 120px;
  margin-bottom: 10px;
}

.custom-day {
  text-align: center;
  padding: 0.485rem 0.25rem;
  display: inline-block;
  height: 2rem;
  width: 2rem;
}

.custom-day.focused {
  background-color: #e6e6e6;
}

.custom-day.range,
.custom-day:hover {
  color: #ffffff;
  background-color: #08a7a7;
}

.custom-day.faded {
  color: #020e16;
  border-radius: 2px;
  background-color: #f2fbff;
}

.centerContainerPadding {
  width: 100%;
  padding: 24px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .centerContainerPadding {
    padding: 10px;
  }
}

.align-space-between-td {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.align-between-td {
  flex: 1;
  display: flex;
  align-items: center;
}

.cursor-pointer {
  cursor: pointer;
}

.new-back-button {
  width: 20px;
  cursor: pointer;
}

.a-link {
  display: inline-block !important;
  text-decoration: underline !important;
}

.a-link:hover {
  color: white !important;
}

.ngx-gallery-image-size-contain .ngx-gallery-icon {
  color: #999 !important;
}

.ngx-gallery-image-text a {
  display: inline !important;
}

.rotate-arrow {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}

.custom-error-container {
  width: 100%;
  padding: 24px 0;
  text-align: center;
}
.custom-error-container.plain {
  background-color: #f2f5fa;
}
.custom-error-container.page-level .error-title {
  line-height: 1;
  color: var(--text-light-80-color);
  font-size: 24px;
  margin-bottom: 8px;
  font-family: trim-web-medium;
}
.custom-error-container.page-level .error-subtitle {
  line-height: 1;
  color: #676e73;
  font-size: 14px;
  margin-bottom: 16px;
}
.custom-error-container .thumbnail {
  width: 120px;
  height: 120px;
  margin-bottom: 24px;
}
.custom-error-container .big-thumbnail {
  margin-bottom: 10px;
}
.custom-error-container .error-title {
  color: #020e16;
  font-size: 18px;
  margin-bottom: 10px;
  font-family: roboto-medium;
}
.custom-error-container .error-subtitle {
  color: #9A9FA2;
  font-size: 12px;
  margin-bottom: 24px;
  font-family: roboto-regular;
}

.ngx-gallery-image-size-cover .ngx-gallery-icon-content {
  color: #999 !important;
}

.row-separator {
  border-bottom: 8px solid #edf0f4 !important;
}

.custom-alert-wrapper .alert-container {
  margin-bottom: 10px !important;
}
.custom-alert-wrapper .alert-container.green {
  background-color: #24c11e !important;
}
.custom-alert-wrapper .alert-container.dark-blue {
  background-color: #2E3F55 !important;
}

.record-count-new {
  margin: 0;
  display: flex;
  color: #203b4e;
  font-size: 11px;
  padding: 9px 20px;
  align-items: center;
  font-family: roboto-medium;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .record-count-new {
    padding: 14px 25px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .record-count-new {
    padding: 10px 20px;
    flex-direction: column;
  }
}
.record-count-new .column {
  background-color: transparent !important;
}
@media only screen and (min-width: 360px) and (max-width: 1366px) {
  .record-count-new .column:first-child {
    align-self: flex-start;
  }
}
.record-count-new .column.content {
  flex: 1;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) and (max-width: 1366px) {
  .record-count-new .column.content {
    margin-right: 0;
    margin-top: 10px;
    flex-direction: column;
  }
}
.record-count-new .column.badge {
  margin-left: auto;
}
.record-count-new .count {
  margin: 0;
  font-size: 14px;
  color: var(--text-light-80-color);
  font-family: roboto-regular;
  margin-top: 18px;
}
.record-count-new .table-badge-container {
  float: right;
}

.disabled-row {
  opacity: 0.6;
  /* Makes the row look dimmed */
}

table tr.disabled-row:hover {
  background-color: #FFEEE9 !important;
  /* Light red color for disabled rows */
}

.custom-search {
  width: 330px !important;
}

.selected-item {
  color: #808080;
}

.input-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.file-name-display {
  width: 100%;
  padding-left: 40px !important;
  /* Adjust to give space for the icon */
  padding-right: 40px;
  /* Adjust to give space for the clear icon */
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  /* Ensures padding is included in width */
}

.file-icons {
  position: absolute;
  left: 10px;
  /* Adjust based on your design */
  width: 24px;
  /* Adjust size as needed */
  height: 24px;
  /* Adjust size as needed */
}

.clear-icons {
  position: absolute;
  right: 10px;
  /* Adjust based on your design */
  cursor: pointer;
  font-size: 16px;
  color: #888;
}

.clear-icon:hover {
  color: #000;
}

.custom-alert-wrapper-error {
  display: flex;
  justify-content: flex-end;
}
.custom-alert-wrapper-error .alert-container {
  margin: auto;
}
.custom-alert-wrapper-error .alert-container {
  flex: 1;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 6px;
  align-items: right;
  box-shadow: 0 4px 8px 0 rgba(18, 20, 26, 0.2);
}
.custom-alert-wrapper-error .alert-container p {
  margin: 0 4px;
  font-size: 14px;
  font-family: "roboto-bold";
  align-self: center;
  max-width: 100%;
  font-weight: lighter;
  size: 14px;
  line-height: 16px;
}
@media only screen and (min-width: 360px) and (max-width: 767px) {
  .custom-alert-wrapper-error .alert-container p {
    font-size: 12px;
    padding: 0;
    margin: 0;
  }
}
.custom-alert-wrapper-error .alert-container.green {
  color: white;
  background-color: #1d9a18;
  border: 1px solid #167412;
}
.custom-alert-wrapper-error .alert-container.red {
  color: white;
  background-color: #f81538;
  border: 1px solid #c6112d;
}
.custom-alert-wrapper-error .alert-container img {
  width: 16px;
}
.custom-alert-wrapper-error .alert-container img:first-child {
  margin-right: 8px;
}
.custom-alert-wrapper-error .alert-container img:last-child {
  margin-left: 8px;
}
.custom-alert-wrapper-error .alert-container .alert-close {
  width: 12px;
  cursor: pointer;
  opacity: 0.8;
}
.custom-alert-wrapper-error .alert-container .alert-close:hover {
  opacity: 1;
  transition: ease all 0.4s;
}

.new-breadcrumb-container {
  display: inline-block;
}
.new-breadcrumb-container ul {
  margin: 0;
  padding: 2px 4px;
  list-style: none;
  border-radius: 50px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.24);
}
.new-breadcrumb-container ul li {
  color: #ffffff;
  font-size: 12px;
  padding: 6px 8px;
  display: inline-block;
  transition: ease all 0.4s;
  font-family: roboto-regular;
}
.new-breadcrumb-container ul li.active {
  border-radius: 24px;
  background-color: #cc9e00;
  font-family: roboto-medium;
  box-shadow: 0 1px 8px 0 rgba(0, 12, 35, 0.48);
}
.new-breadcrumb-container ul li:after {
  height: 16px;
  padding: 0 4px;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  content: url('Right arrow.svg');
}
.new-breadcrumb-container ul li img {
  width: 21px;
  height: 20px;
  margin-right: 4px;
}

.stage-breadcrumb-container ul {
  display: flex;
}
.stage-breadcrumb-container ul li {
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 24px;
  padding: 8px 24px !important;
  font-family: roboto-medium !important;
  color: rgba(255, 255, 255, 0.8);
}
.stage-breadcrumb-container ul li:after {
  content: none !important;
}
.stage-breadcrumb-container ul li.active {
  box-shadow: none !important;
  background-color: #08a7a7 !important;
}
.stage-breadcrumb-container ul li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.stage-breadcrumb-container ul li .stage-completed {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.btn-capitlize {
  text-transform: capitalize;
}

.text-orange {
  color: #FF5626 !important;
}

.custom-region-select {
  /* Apply max-height and min-height only to .region-select div */
  /* Hide child options when not expanded */
  /* Ensure no extra space when child options are hidden */
  /* Style for each selected item in ng-select */
}
.custom-region-select .region-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  margin-left: 20px !important;
}
.custom-region-select .region-select,
.custom-region-select .region-select div,
.custom-region-select .region-select input,
.custom-region-select .region-select span {
  box-sizing: border-box;
  margin-left: 0px;
  margin-right: 2px;
  font-family: "roboto-medium";
  font-size: 14px;
}
.custom-region-select .region-select div {
  max-height: 607px;
  min-height: 30px;
}
.custom-region-select .region-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.custom-region-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option.ng-option-child-selected.ng-option.ng-option-child-marked {
  background-color: #ebf5ff;
  font-weight: 600;
}
.custom-region-select .region-select .custom-search-input {
  width: calc(100% - 20px);
  margin: 10px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ced4da;
}
.custom-region-select .region-select ng-dropdown-panel .ng-dropdown-header {
  border-bottom: none;
  padding: 0px 4px;
}
.custom-region-select .region-select .ng-dropdown-panel.ng-select-bottom {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 16px 0px rgba(112, 121, 130, 0.31);
  margin-top: -1px;
  top: auto;
  bottom: auto;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.custom-region-select .region-select .ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 16px 0px rgba(112, 121, 130, 0.31);
  margin-bottom: 10px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.custom-region-select .region-select .hidden-option .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  display: none !important;
}
.custom-region-select .region-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  margin-bottom: 0 !important;
}
.custom-region-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  flex: 1;
  z-index: 2;
  display: none;
}
.custom-region-select .region-selected-count {
  font-family: "roboto-bold";
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
  padding-left: 4px;
}
.custom-region-select .ng-select.multiple .custom-selected-item {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  margin-right: 5px;
  border-radius: 2px;
  background-color: #ceeded;
  transition: background-color 0.3s ease;
  padding: 3px 6px;
  position: relative;
  font-size: 14px;
  font-family: "roboto-medium";
}
.custom-region-select .ng-select.multiple .custom-selected-item:hover {
  background-color: #d5e8f2;
}
.custom-region-select .ng-select.multiple .custom-selected-item .ng-value-icon {
  cursor: pointer;
  margin-left: 14px;
}
.custom-region-select .ng-select.multiple .more-count {
  font-weight: 500;
  font-family: "roboto-medium";
  font-size: 14px;
}

.search-input input {
  width: 100% !important;
}
.search-input .icon-container {
  bottom: 15px !important;
}
.search-input .generic-search-suggestion-container {
  left: 0;
  top: 100%;
  z-index: 9;
  width: 100%;
  position: absolute;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(175, 187, 203, 0.4);
}
.search-input .generic-search-suggestion-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 180px;
  overflow-y: scroll;
}
.search-input .generic-search-suggestion-container ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.search-input .generic-search-suggestion-container ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.search-input .generic-search-suggestion-container ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}
.search-input .generic-search-suggestion-container ul li {
  color: #020e16;
  font-size: 12px;
  cursor: pointer;
  padding: 12px 14px;
  font-family: roboto-regular;
}
.search-input .generic-search-suggestion-container ul li:hover {
  background-color: #f4f6f8;
}

.pending-request-tab {
  display: flex;
  cursor: pointer;
  padding: 8px 12px;
  margin-left: 16px;
  border-radius: 8px;
  align-items: center;
  background-image: linear-gradient(130deg, #f8a77a 31%, #6b52e9 89%);
}
.pending-request-tab .tab-text {
  font-size: 14px;
  color: #ffffff;
  line-height: normal;
  font-family: roboto-medium;
}
.pending-request-tab .tab-text.request-count {
  font-size: 20px !important;
  margin-left: 8px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/flag/css/flag-icons.min.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.fib{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.fi:before{content:'\00a0'}.fi.fis{width:1em}.fi-xx{background-image:url('xx.svg')}.fi-xx.fis{background-image:url('_-flags-1x1-xx.svg')}.fi-ad{background-image:url('ad.svg')}.fi-ad.fis{background-image:url('_-flags-1x1-ad.svg')}.fi-ae{background-image:url('ae.svg')}.fi-ae.fis{background-image:url('_-flags-1x1-ae.svg')}.fi-af{background-image:url('af.svg')}.fi-af.fis{background-image:url('_-flags-1x1-af.svg')}.fi-ag{background-image:url('ag.svg')}.fi-ag.fis{background-image:url('_-flags-1x1-ag.svg')}.fi-ai{background-image:url('ai.svg')}.fi-ai.fis{background-image:url('_-flags-1x1-ai.svg')}.fi-al{background-image:url('al.svg')}.fi-al.fis{background-image:url('_-flags-1x1-al.svg')}.fi-am{background-image:url('am.svg')}.fi-am.fis{background-image:url('_-flags-1x1-am.svg')}.fi-ao{background-image:url('ao.svg')}.fi-ao.fis{background-image:url('_-flags-1x1-ao.svg')}.fi-aq{background-image:url('aq.svg')}.fi-aq.fis{background-image:url('_-flags-1x1-aq.svg')}.fi-ar{background-image:url('ar.svg')}.fi-ar.fis{background-image:url('_-flags-1x1-ar.svg')}.fi-as{background-image:url('as.svg')}.fi-as.fis{background-image:url('_-flags-1x1-as.svg')}.fi-at{background-image:url('at.svg')}.fi-at.fis{background-image:url('_-flags-1x1-at.svg')}.fi-au{background-image:url('au.svg')}.fi-au.fis{background-image:url('_-flags-1x1-au.svg')}.fi-aw{background-image:url('aw.svg')}.fi-aw.fis{background-image:url('_-flags-1x1-aw.svg')}.fi-ax{background-image:url('ax.svg')}.fi-ax.fis{background-image:url('_-flags-1x1-ax.svg')}.fi-az{background-image:url('az.svg')}.fi-az.fis{background-image:url('_-flags-1x1-az.svg')}.fi-ba{background-image:url('ba.svg')}.fi-ba.fis{background-image:url('_-flags-1x1-ba.svg')}.fi-bb{background-image:url('bb.svg')}.fi-bb.fis{background-image:url('_-flags-1x1-bb.svg')}.fi-bd{background-image:url('bd.svg')}.fi-bd.fis{background-image:url('_-flags-1x1-bd.svg')}.fi-be{background-image:url('be.svg')}.fi-be.fis{background-image:url('_-flags-1x1-be.svg')}.fi-bf{background-image:url('bf.svg')}.fi-bf.fis{background-image:url('_-flags-1x1-bf.svg')}.fi-bg{background-image:url('bg.svg')}.fi-bg.fis{background-image:url('_-flags-1x1-bg.svg')}.fi-bh{background-image:url('bh.svg')}.fi-bh.fis{background-image:url('_-flags-1x1-bh.svg')}.fi-bi{background-image:url('bi.svg')}.fi-bi.fis{background-image:url('_-flags-1x1-bi.svg')}.fi-bj{background-image:url('bj.svg')}.fi-bj.fis{background-image:url('_-flags-1x1-bj.svg')}.fi-bl{background-image:url('bl.svg')}.fi-bl.fis{background-image:url('_-flags-1x1-bl.svg')}.fi-bm{background-image:url('bm.svg')}.fi-bm.fis{background-image:url('_-flags-1x1-bm.svg')}.fi-bn{background-image:url('bn.svg')}.fi-bn.fis{background-image:url('_-flags-1x1-bn.svg')}.fi-bo{background-image:url('bo.svg')}.fi-bo.fis{background-image:url('_-flags-1x1-bo.svg')}.fi-bq{background-image:url('bq.svg')}.fi-bq.fis{background-image:url('_-flags-1x1-bq.svg')}.fi-br{background-image:url('br.svg')}.fi-br.fis{background-image:url('_-flags-1x1-br.svg')}.fi-bs{background-image:url('bs.svg')}.fi-bs.fis{background-image:url('_-flags-1x1-bs.svg')}.fi-bt{background-image:url('bt.svg')}.fi-bt.fis{background-image:url('_-flags-1x1-bt.svg')}.fi-bv{background-image:url('bv.svg')}.fi-bv.fis{background-image:url('_-flags-1x1-bv.svg')}.fi-bw{background-image:url('bw.svg')}.fi-bw.fis{background-image:url('_-flags-1x1-bw.svg')}.fi-by{background-image:url('by.svg')}.fi-by.fis{background-image:url('_-flags-1x1-by.svg')}.fi-bz{background-image:url('bz.svg')}.fi-bz.fis{background-image:url('_-flags-1x1-bz.svg')}.fi-ca{background-image:url('ca.svg')}.fi-ca.fis{background-image:url('_-flags-1x1-ca.svg')}.fi-cc{background-image:url('cc.svg')}.fi-cc.fis{background-image:url('_-flags-1x1-cc.svg')}.fi-cd{background-image:url('cd.svg')}.fi-cd.fis{background-image:url('_-flags-1x1-cd.svg')}.fi-cf{background-image:url('cf.svg')}.fi-cf.fis{background-image:url('_-flags-1x1-cf.svg')}.fi-cg{background-image:url('cg.svg')}.fi-cg.fis{background-image:url('_-flags-1x1-cg.svg')}.fi-ch{background-image:url('ch.svg')}.fi-ch.fis{background-image:url('_-flags-1x1-ch.svg')}.fi-ci{background-image:url('ci.svg')}.fi-ci.fis{background-image:url('_-flags-1x1-ci.svg')}.fi-ck{background-image:url('ck.svg')}.fi-ck.fis{background-image:url('_-flags-1x1-ck.svg')}.fi-cl{background-image:url('cl.svg')}.fi-cl.fis{background-image:url('_-flags-1x1-cl.svg')}.fi-cm{background-image:url('cm.svg')}.fi-cm.fis{background-image:url('_-flags-1x1-cm.svg')}.fi-cn{background-image:url('cn.svg')}.fi-cn.fis{background-image:url('_-flags-1x1-cn.svg')}.fi-co{background-image:url('co.svg')}.fi-co.fis{background-image:url('_-flags-1x1-co.svg')}.fi-cr{background-image:url('cr.svg')}.fi-cr.fis{background-image:url('_-flags-1x1-cr.svg')}.fi-cu{background-image:url('cu.svg')}.fi-cu.fis{background-image:url('_-flags-1x1-cu.svg')}.fi-cv{background-image:url('cv.svg')}.fi-cv.fis{background-image:url('_-flags-1x1-cv.svg')}.fi-cw{background-image:url('cw.svg')}.fi-cw.fis{background-image:url('_-flags-1x1-cw.svg')}.fi-cx{background-image:url('cx.svg')}.fi-cx.fis{background-image:url('_-flags-1x1-cx.svg')}.fi-cy{background-image:url('cy.svg')}.fi-cy.fis{background-image:url('_-flags-1x1-cy.svg')}.fi-cz{background-image:url('cz.svg')}.fi-cz.fis{background-image:url('_-flags-1x1-cz.svg')}.fi-de{background-image:url('de.svg')}.fi-de.fis{background-image:url('_-flags-1x1-de.svg')}.fi-dj{background-image:url('dj.svg')}.fi-dj.fis{background-image:url('_-flags-1x1-dj.svg')}.fi-dk{background-image:url('dk.svg')}.fi-dk.fis{background-image:url('_-flags-1x1-dk.svg')}.fi-dm{background-image:url('dm.svg')}.fi-dm.fis{background-image:url('_-flags-1x1-dm.svg')}.fi-do{background-image:url('do.svg')}.fi-do.fis{background-image:url('_-flags-1x1-do.svg')}.fi-dz{background-image:url('dz.svg')}.fi-dz.fis{background-image:url('_-flags-1x1-dz.svg')}.fi-ec{background-image:url('ec.svg')}.fi-ec.fis{background-image:url('_-flags-1x1-ec.svg')}.fi-ee{background-image:url('ee.svg')}.fi-ee.fis{background-image:url('_-flags-1x1-ee.svg')}.fi-eg{background-image:url('eg.svg')}.fi-eg.fis{background-image:url('_-flags-1x1-eg.svg')}.fi-eh{background-image:url('eh.svg')}.fi-eh.fis{background-image:url('_-flags-1x1-eh.svg')}.fi-er{background-image:url('er.svg')}.fi-er.fis{background-image:url('_-flags-1x1-er.svg')}.fi-es{background-image:url('es.svg')}.fi-es.fis{background-image:url('_-flags-1x1-es.svg')}.fi-et{background-image:url('et.svg')}.fi-et.fis{background-image:url('_-flags-1x1-et.svg')}.fi-fi{background-image:url('fi.svg')}.fi-fi.fis{background-image:url('_-flags-1x1-fi.svg')}.fi-fj{background-image:url('fj.svg')}.fi-fj.fis{background-image:url('_-flags-1x1-fj.svg')}.fi-fk{background-image:url('fk.svg')}.fi-fk.fis{background-image:url('_-flags-1x1-fk.svg')}.fi-fm{background-image:url('fm.svg')}.fi-fm.fis{background-image:url('_-flags-1x1-fm.svg')}.fi-fo{background-image:url('fo.svg')}.fi-fo.fis{background-image:url('_-flags-1x1-fo.svg')}.fi-fr{background-image:url('fr.svg')}.fi-fr.fis{background-image:url('_-flags-1x1-fr.svg')}.fi-ga{background-image:url('ga.svg')}.fi-ga.fis{background-image:url('_-flags-1x1-ga.svg')}.fi-gb{background-image:url('gb.svg')}.fi-gb.fis{background-image:url('_-flags-1x1-gb.svg')}.fi-gd{background-image:url('gd.svg')}.fi-gd.fis{background-image:url('_-flags-1x1-gd.svg')}.fi-ge{background-image:url('ge.svg')}.fi-ge.fis{background-image:url('_-flags-1x1-ge.svg')}.fi-gf{background-image:url('gf.svg')}.fi-gf.fis{background-image:url('_-flags-1x1-gf.svg')}.fi-gg{background-image:url('gg.svg')}.fi-gg.fis{background-image:url('_-flags-1x1-gg.svg')}.fi-gh{background-image:url('gh.svg')}.fi-gh.fis{background-image:url('_-flags-1x1-gh.svg')}.fi-gi{background-image:url('gi.svg')}.fi-gi.fis{background-image:url('_-flags-1x1-gi.svg')}.fi-gl{background-image:url('gl.svg')}.fi-gl.fis{background-image:url('_-flags-1x1-gl.svg')}.fi-gm{background-image:url('gm.svg')}.fi-gm.fis{background-image:url('_-flags-1x1-gm.svg')}.fi-gn{background-image:url('gn.svg')}.fi-gn.fis{background-image:url('_-flags-1x1-gn.svg')}.fi-gp{background-image:url('gp.svg')}.fi-gp.fis{background-image:url('_-flags-1x1-gp.svg')}.fi-gq{background-image:url('gq.svg')}.fi-gq.fis{background-image:url('_-flags-1x1-gq.svg')}.fi-gr{background-image:url('gr.svg')}.fi-gr.fis{background-image:url('_-flags-1x1-gr.svg')}.fi-gs{background-image:url('gs.svg')}.fi-gs.fis{background-image:url('_-flags-1x1-gs.svg')}.fi-gt{background-image:url('gt.svg')}.fi-gt.fis{background-image:url('_-flags-1x1-gt.svg')}.fi-gu{background-image:url('gu.svg')}.fi-gu.fis{background-image:url('_-flags-1x1-gu.svg')}.fi-gw{background-image:url('gw.svg')}.fi-gw.fis{background-image:url('_-flags-1x1-gw.svg')}.fi-gy{background-image:url('gy.svg')}.fi-gy.fis{background-image:url('_-flags-1x1-gy.svg')}.fi-hk{background-image:url('hk.svg')}.fi-hk.fis{background-image:url('_-flags-1x1-hk.svg')}.fi-hm{background-image:url('hm.svg')}.fi-hm.fis{background-image:url('_-flags-1x1-hm.svg')}.fi-hn{background-image:url('hn.svg')}.fi-hn.fis{background-image:url('_-flags-1x1-hn.svg')}.fi-hr{background-image:url('hr.svg')}.fi-hr.fis{background-image:url('_-flags-1x1-hr.svg')}.fi-ht{background-image:url('ht.svg')}.fi-ht.fis{background-image:url('_-flags-1x1-ht.svg')}.fi-hu{background-image:url('hu.svg')}.fi-hu.fis{background-image:url('_-flags-1x1-hu.svg')}.fi-id{background-image:url('id.svg')}.fi-id.fis{background-image:url('_-flags-1x1-id.svg')}.fi-ie{background-image:url('ie.svg')}.fi-ie.fis{background-image:url('_-flags-1x1-ie.svg')}.fi-il{background-image:url('il.svg')}.fi-il.fis{background-image:url('_-flags-1x1-il.svg')}.fi-im{background-image:url('im.svg')}.fi-im.fis{background-image:url('_-flags-1x1-im.svg')}.fi-in{background-image:url('in.svg')}.fi-in.fis{background-image:url('_-flags-1x1-in.svg')}.fi-io{background-image:url('io.svg')}.fi-io.fis{background-image:url('_-flags-1x1-io.svg')}.fi-iq{background-image:url('iq.svg')}.fi-iq.fis{background-image:url('_-flags-1x1-iq.svg')}.fi-ir{background-image:url('ir.svg')}.fi-ir.fis{background-image:url('_-flags-1x1-ir.svg')}.fi-is{background-image:url('is.svg')}.fi-is.fis{background-image:url('_-flags-1x1-is.svg')}.fi-it{background-image:url('it.svg')}.fi-it.fis{background-image:url('_-flags-1x1-it.svg')}.fi-je{background-image:url('je.svg')}.fi-je.fis{background-image:url('_-flags-1x1-je.svg')}.fi-jm{background-image:url('jm.svg')}.fi-jm.fis{background-image:url('_-flags-1x1-jm.svg')}.fi-jo{background-image:url('jo.svg')}.fi-jo.fis{background-image:url('_-flags-1x1-jo.svg')}.fi-jp{background-image:url('jp.svg')}.fi-jp.fis{background-image:url('_-flags-1x1-jp.svg')}.fi-ke{background-image:url('ke.svg')}.fi-ke.fis{background-image:url('_-flags-1x1-ke.svg')}.fi-kg{background-image:url('kg.svg')}.fi-kg.fis{background-image:url('_-flags-1x1-kg.svg')}.fi-kh{background-image:url('kh.svg')}.fi-kh.fis{background-image:url('_-flags-1x1-kh.svg')}.fi-ki{background-image:url('ki.svg')}.fi-ki.fis{background-image:url('_-flags-1x1-ki.svg')}.fi-km{background-image:url('km.svg')}.fi-km.fis{background-image:url('_-flags-1x1-km.svg')}.fi-kn{background-image:url('kn.svg')}.fi-kn.fis{background-image:url('_-flags-1x1-kn.svg')}.fi-kp{background-image:url('kp.svg')}.fi-kp.fis{background-image:url('_-flags-1x1-kp.svg')}.fi-kr{background-image:url('kr.svg')}.fi-kr.fis{background-image:url('_-flags-1x1-kr.svg')}.fi-kw{background-image:url('kw.svg')}.fi-kw.fis{background-image:url('_-flags-1x1-kw.svg')}.fi-ky{background-image:url('ky.svg')}.fi-ky.fis{background-image:url('_-flags-1x1-ky.svg')}.fi-kz{background-image:url('kz.svg')}.fi-kz.fis{background-image:url('_-flags-1x1-kz.svg')}.fi-la{background-image:url('la.svg')}.fi-la.fis{background-image:url('_-flags-1x1-la.svg')}.fi-lb{background-image:url('lb.svg')}.fi-lb.fis{background-image:url('_-flags-1x1-lb.svg')}.fi-lc{background-image:url('lc.svg')}.fi-lc.fis{background-image:url('_-flags-1x1-lc.svg')}.fi-li{background-image:url('li.svg')}.fi-li.fis{background-image:url('_-flags-1x1-li.svg')}.fi-lk{background-image:url('lk.svg')}.fi-lk.fis{background-image:url('_-flags-1x1-lk.svg')}.fi-lr{background-image:url('lr.svg')}.fi-lr.fis{background-image:url('_-flags-1x1-lr.svg')}.fi-ls{background-image:url('ls.svg')}.fi-ls.fis{background-image:url('_-flags-1x1-ls.svg')}.fi-lt{background-image:url('lt.svg')}.fi-lt.fis{background-image:url('_-flags-1x1-lt.svg')}.fi-lu{background-image:url('lu.svg')}.fi-lu.fis{background-image:url('_-flags-1x1-lu.svg')}.fi-lv{background-image:url('lv.svg')}.fi-lv.fis{background-image:url('_-flags-1x1-lv.svg')}.fi-ly{background-image:url('ly.svg')}.fi-ly.fis{background-image:url('_-flags-1x1-ly.svg')}.fi-ma{background-image:url('ma.svg')}.fi-ma.fis{background-image:url('_-flags-1x1-ma.svg')}.fi-mc{background-image:url('mc.svg')}.fi-mc.fis{background-image:url('_-flags-1x1-mc.svg')}.fi-md{background-image:url('md.svg')}.fi-md.fis{background-image:url('_-flags-1x1-md.svg')}.fi-me{background-image:url('me.svg')}.fi-me.fis{background-image:url('_-flags-1x1-me.svg')}.fi-mf{background-image:url('mf.svg')}.fi-mf.fis{background-image:url('_-flags-1x1-mf.svg')}.fi-mg{background-image:url('mg.svg')}.fi-mg.fis{background-image:url('_-flags-1x1-mg.svg')}.fi-mh{background-image:url('mh.svg')}.fi-mh.fis{background-image:url('_-flags-1x1-mh.svg')}.fi-mk{background-image:url('mk.svg')}.fi-mk.fis{background-image:url('_-flags-1x1-mk.svg')}.fi-ml{background-image:url('ml.svg')}.fi-ml.fis{background-image:url('_-flags-1x1-ml.svg')}.fi-mm{background-image:url('mm.svg')}.fi-mm.fis{background-image:url('_-flags-1x1-mm.svg')}.fi-mn{background-image:url('mn.svg')}.fi-mn.fis{background-image:url('_-flags-1x1-mn.svg')}.fi-mo{background-image:url('mo.svg')}.fi-mo.fis{background-image:url('_-flags-1x1-mo.svg')}.fi-mp{background-image:url('mp.svg')}.fi-mp.fis{background-image:url('_-flags-1x1-mp.svg')}.fi-mq{background-image:url('mq.svg')}.fi-mq.fis{background-image:url('_-flags-1x1-mq.svg')}.fi-mr{background-image:url('mr.svg')}.fi-mr.fis{background-image:url('_-flags-1x1-mr.svg')}.fi-ms{background-image:url('ms.svg')}.fi-ms.fis{background-image:url('_-flags-1x1-ms.svg')}.fi-mt{background-image:url('mt.svg')}.fi-mt.fis{background-image:url('_-flags-1x1-mt.svg')}.fi-mu{background-image:url('mu.svg')}.fi-mu.fis{background-image:url('_-flags-1x1-mu.svg')}.fi-mv{background-image:url('mv.svg')}.fi-mv.fis{background-image:url('_-flags-1x1-mv.svg')}.fi-mw{background-image:url('mw.svg')}.fi-mw.fis{background-image:url('_-flags-1x1-mw.svg')}.fi-mx{background-image:url('mx.svg')}.fi-mx.fis{background-image:url('_-flags-1x1-mx.svg')}.fi-my{background-image:url('my.svg')}.fi-my.fis{background-image:url('_-flags-1x1-my.svg')}.fi-mz{background-image:url('mz.svg')}.fi-mz.fis{background-image:url('_-flags-1x1-mz.svg')}.fi-na{background-image:url('na.svg')}.fi-na.fis{background-image:url('_-flags-1x1-na.svg')}.fi-nc{background-image:url('nc.svg')}.fi-nc.fis{background-image:url('_-flags-1x1-nc.svg')}.fi-ne{background-image:url('ne.svg')}.fi-ne.fis{background-image:url('_-flags-1x1-ne.svg')}.fi-nf{background-image:url('nf.svg')}.fi-nf.fis{background-image:url('_-flags-1x1-nf.svg')}.fi-ng{background-image:url('ng.svg')}.fi-ng.fis{background-image:url('_-flags-1x1-ng.svg')}.fi-ni{background-image:url('ni.svg')}.fi-ni.fis{background-image:url('_-flags-1x1-ni.svg')}.fi-nl{background-image:url('nl.svg')}.fi-nl.fis{background-image:url('_-flags-1x1-nl.svg')}.fi-no{background-image:url('no.svg')}.fi-no.fis{background-image:url('_-flags-1x1-no.svg')}.fi-np{background-image:url('np.svg')}.fi-np.fis{background-image:url('_-flags-1x1-np.svg')}.fi-nr{background-image:url('nr.svg')}.fi-nr.fis{background-image:url('_-flags-1x1-nr.svg')}.fi-nu{background-image:url('nu.svg')}.fi-nu.fis{background-image:url('_-flags-1x1-nu.svg')}.fi-nz{background-image:url('nz.svg')}.fi-nz.fis{background-image:url('_-flags-1x1-nz.svg')}.fi-om{background-image:url('om.svg')}.fi-om.fis{background-image:url('_-flags-1x1-om.svg')}.fi-pa{background-image:url('pa.svg')}.fi-pa.fis{background-image:url('_-flags-1x1-pa.svg')}.fi-pe{background-image:url('pe.svg')}.fi-pe.fis{background-image:url('_-flags-1x1-pe.svg')}.fi-pf{background-image:url('pf.svg')}.fi-pf.fis{background-image:url('_-flags-1x1-pf.svg')}.fi-pg{background-image:url('pg.svg')}.fi-pg.fis{background-image:url('_-flags-1x1-pg.svg')}.fi-ph{background-image:url('ph.svg')}.fi-ph.fis{background-image:url('_-flags-1x1-ph.svg')}.fi-pk{background-image:url('pk.svg')}.fi-pk.fis{background-image:url('_-flags-1x1-pk.svg')}.fi-pl{background-image:url('pl.svg')}.fi-pl.fis{background-image:url('_-flags-1x1-pl.svg')}.fi-pm{background-image:url('pm.svg')}.fi-pm.fis{background-image:url('_-flags-1x1-pm.svg')}.fi-pn{background-image:url('pn.svg')}.fi-pn.fis{background-image:url('_-flags-1x1-pn.svg')}.fi-pr{background-image:url('pr.svg')}.fi-pr.fis{background-image:url('_-flags-1x1-pr.svg')}.fi-ps{background-image:url('ps.svg')}.fi-ps.fis{background-image:url('_-flags-1x1-ps.svg')}.fi-pt{background-image:url('pt.svg')}.fi-pt.fis{background-image:url('_-flags-1x1-pt.svg')}.fi-pw{background-image:url('pw.svg')}.fi-pw.fis{background-image:url('_-flags-1x1-pw.svg')}.fi-py{background-image:url('py.svg')}.fi-py.fis{background-image:url('_-flags-1x1-py.svg')}.fi-qa{background-image:url('qa.svg')}.fi-qa.fis{background-image:url('_-flags-1x1-qa.svg')}.fi-re{background-image:url('re.svg')}.fi-re.fis{background-image:url('_-flags-1x1-re.svg')}.fi-ro{background-image:url('ro.svg')}.fi-ro.fis{background-image:url('_-flags-1x1-ro.svg')}.fi-rs{background-image:url('rs.svg')}.fi-rs.fis{background-image:url('_-flags-1x1-rs.svg')}.fi-ru{background-image:url('ru.svg')}.fi-ru.fis{background-image:url('_-flags-1x1-ru.svg')}.fi-rw{background-image:url('rw.svg')}.fi-rw.fis{background-image:url('_-flags-1x1-rw.svg')}.fi-sa{background-image:url('sa.svg')}.fi-sa.fis{background-image:url('_-flags-1x1-sa.svg')}.fi-sb{background-image:url('sb.svg')}.fi-sb.fis{background-image:url('_-flags-1x1-sb.svg')}.fi-sc{background-image:url('sc.svg')}.fi-sc.fis{background-image:url('_-flags-1x1-sc.svg')}.fi-sd{background-image:url('sd.svg')}.fi-sd.fis{background-image:url('_-flags-1x1-sd.svg')}.fi-se{background-image:url('se.svg')}.fi-se.fis{background-image:url('_-flags-1x1-se.svg')}.fi-sg{background-image:url('sg.svg')}.fi-sg.fis{background-image:url('_-flags-1x1-sg.svg')}.fi-sh{background-image:url('sh.svg')}.fi-sh.fis{background-image:url('_-flags-1x1-sh.svg')}.fi-si{background-image:url('si.svg')}.fi-si.fis{background-image:url('_-flags-1x1-si.svg')}.fi-sj{background-image:url('sj.svg')}.fi-sj.fis{background-image:url('_-flags-1x1-sj.svg')}.fi-sk{background-image:url('sk.svg')}.fi-sk.fis{background-image:url('_-flags-1x1-sk.svg')}.fi-sl{background-image:url('sl.svg')}.fi-sl.fis{background-image:url('_-flags-1x1-sl.svg')}.fi-sm{background-image:url('sm.svg')}.fi-sm.fis{background-image:url('_-flags-1x1-sm.svg')}.fi-sn{background-image:url('sn.svg')}.fi-sn.fis{background-image:url('_-flags-1x1-sn.svg')}.fi-so{background-image:url('so.svg')}.fi-so.fis{background-image:url('_-flags-1x1-so.svg')}.fi-sr{background-image:url('sr.svg')}.fi-sr.fis{background-image:url('_-flags-1x1-sr.svg')}.fi-ss{background-image:url('ss.svg')}.fi-ss.fis{background-image:url('_-flags-1x1-ss.svg')}.fi-st{background-image:url('st.svg')}.fi-st.fis{background-image:url('_-flags-1x1-st.svg')}.fi-sv{background-image:url('sv.svg')}.fi-sv.fis{background-image:url('_-flags-1x1-sv.svg')}.fi-sx{background-image:url('sx.svg')}.fi-sx.fis{background-image:url('_-flags-1x1-sx.svg')}.fi-sy{background-image:url('sy.svg')}.fi-sy.fis{background-image:url('_-flags-1x1-sy.svg')}.fi-sz{background-image:url('sz.svg')}.fi-sz.fis{background-image:url('_-flags-1x1-sz.svg')}.fi-tc{background-image:url('tc.svg')}.fi-tc.fis{background-image:url('_-flags-1x1-tc.svg')}.fi-td{background-image:url('td.svg')}.fi-td.fis{background-image:url('_-flags-1x1-td.svg')}.fi-tf{background-image:url('tf.svg')}.fi-tf.fis{background-image:url('_-flags-1x1-tf.svg')}.fi-tg{background-image:url('tg.svg')}.fi-tg.fis{background-image:url('_-flags-1x1-tg.svg')}.fi-th{background-image:url('th.svg')}.fi-th.fis{background-image:url('_-flags-1x1-th.svg')}.fi-tj{background-image:url('tj.svg')}.fi-tj.fis{background-image:url('_-flags-1x1-tj.svg')}.fi-tk{background-image:url('tk.svg')}.fi-tk.fis{background-image:url('_-flags-1x1-tk.svg')}.fi-tl{background-image:url('tl.svg')}.fi-tl.fis{background-image:url('_-flags-1x1-tl.svg')}.fi-tm{background-image:url('tm.svg')}.fi-tm.fis{background-image:url('_-flags-1x1-tm.svg')}.fi-tn{background-image:url('tn.svg')}.fi-tn.fis{background-image:url('_-flags-1x1-tn.svg')}.fi-to{background-image:url('to.svg')}.fi-to.fis{background-image:url('_-flags-1x1-to.svg')}.fi-tr{background-image:url('tr.svg')}.fi-tr.fis{background-image:url('_-flags-1x1-tr.svg')}.fi-tt{background-image:url('tt.svg')}.fi-tt.fis{background-image:url('_-flags-1x1-tt.svg')}.fi-tv{background-image:url('tv.svg')}.fi-tv.fis{background-image:url('_-flags-1x1-tv.svg')}.fi-tw{background-image:url('tw.svg')}.fi-tw.fis{background-image:url('_-flags-1x1-tw.svg')}.fi-tz{background-image:url('tz.svg')}.fi-tz.fis{background-image:url('_-flags-1x1-tz.svg')}.fi-ua{background-image:url('ua.svg')}.fi-ua.fis{background-image:url('_-flags-1x1-ua.svg')}.fi-ug{background-image:url('ug.svg')}.fi-ug.fis{background-image:url('_-flags-1x1-ug.svg')}.fi-um{background-image:url('um.svg')}.fi-um.fis{background-image:url('_-flags-1x1-um.svg')}.fi-us{background-image:url('us.svg')}.fi-us.fis{background-image:url('_-flags-1x1-us.svg')}.fi-uy{background-image:url('uy.svg')}.fi-uy.fis{background-image:url('_-flags-1x1-uy.svg')}.fi-uz{background-image:url('uz.svg')}.fi-uz.fis{background-image:url('_-flags-1x1-uz.svg')}.fi-va{background-image:url('va.svg')}.fi-va.fis{background-image:url('_-flags-1x1-va.svg')}.fi-vc{background-image:url('vc.svg')}.fi-vc.fis{background-image:url('_-flags-1x1-vc.svg')}.fi-ve{background-image:url('ve.svg')}.fi-ve.fis{background-image:url('_-flags-1x1-ve.svg')}.fi-vg{background-image:url('vg.svg')}.fi-vg.fis{background-image:url('_-flags-1x1-vg.svg')}.fi-vi{background-image:url('vi.svg')}.fi-vi.fis{background-image:url('_-flags-1x1-vi.svg')}.fi-vn{background-image:url('vn.svg')}.fi-vn.fis{background-image:url('_-flags-1x1-vn.svg')}.fi-vu{background-image:url('vu.svg')}.fi-vu.fis{background-image:url('_-flags-1x1-vu.svg')}.fi-wf{background-image:url('wf.svg')}.fi-wf.fis{background-image:url('_-flags-1x1-wf.svg')}.fi-ws{background-image:url('ws.svg')}.fi-ws.fis{background-image:url('_-flags-1x1-ws.svg')}.fi-ye{background-image:url('ye.svg')}.fi-ye.fis{background-image:url('_-flags-1x1-ye.svg')}.fi-yt{background-image:url('yt.svg')}.fi-yt.fis{background-image:url('_-flags-1x1-yt.svg')}.fi-za{background-image:url('za.svg')}.fi-za.fis{background-image:url('_-flags-1x1-za.svg')}.fi-zm{background-image:url('zm.svg')}.fi-zm.fis{background-image:url('_-flags-1x1-zm.svg')}.fi-zw{background-image:url('zw.svg')}.fi-zw.fis{background-image:url('_-flags-1x1-zw.svg')}.fi-ac{background-image:url('ac.svg')}.fi-ac.fis{background-image:url('_-flags-1x1-ac.svg')}.fi-cefta{background-image:url('cefta.svg')}.fi-cefta.fis{background-image:url('_-flags-1x1-cefta.svg')}.fi-cp{background-image:url('cp.svg')}.fi-cp.fis{background-image:url('_-flags-1x1-cp.svg')}.fi-dg{background-image:url('dg.svg')}.fi-dg.fis{background-image:url('_-flags-1x1-dg.svg')}.fi-ea{background-image:url('ea.svg')}.fi-ea.fis{background-image:url('_-flags-1x1-ea.svg')}.fi-es-ct{background-image:url('es-ct.svg')}.fi-es-ct.fis{background-image:url('_-flags-1x1-es-ct.svg')}.fi-es-ga{background-image:url('es-ga.svg')}.fi-es-ga.fis{background-image:url('_-flags-1x1-es-ga.svg')}.fi-es-pv{background-image:url('es-pv.svg')}.fi-es-pv.fis{background-image:url('_-flags-1x1-es-pv.svg')}.fi-eu{background-image:url('eu.svg')}.fi-eu.fis{background-image:url('_-flags-1x1-eu.svg')}.fi-gb-eng{background-image:url('gb-eng.svg')}.fi-gb-eng.fis{background-image:url('_-flags-1x1-gb-eng.svg')}.fi-gb-nir{background-image:url('gb-nir.svg')}.fi-gb-nir.fis{background-image:url('_-flags-1x1-gb-nir.svg')}.fi-gb-sct{background-image:url('gb-sct.svg')}.fi-gb-sct.fis{background-image:url('_-flags-1x1-gb-sct.svg')}.fi-gb-wls{background-image:url('gb-wls.svg')}.fi-gb-wls.fis{background-image:url('_-flags-1x1-gb-wls.svg')}.fi-ic{background-image:url('ic.svg')}.fi-ic.fis{background-image:url('_-flags-1x1-ic.svg')}.fi-ta{background-image:url('ta.svg')}.fi-ta.fis{background-image:url('_-flags-1x1-ta.svg')}.fi-un{background-image:url('un.svg')}.fi-un.fis{background-image:url('_-flags-1x1-un.svg')}.fi-xk{background-image:url('xk.svg')}.fi-xk.fis{background-image:url('_-flags-1x1-xk.svg')}

/*# sourceMappingURL=styles.css.map*/